@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;

    background: #fff;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";

    content: none;
}

table {
    border-collapse: collapse;

    border-spacing: 0;
}

.form-control:focus {
    box-shadow: none;
}

.btn:focus {
    box-shadow: none;
}

.custom-container {
    padding: 0 80px;

    display: flex;

    flex-wrap: wrap;
}

.topbar {
    background: #403939;

    padding: 12px 0;

    color: #fff;
}

.topbar ul li {
    display: inline-flex;

    font-family: "Outfit", sans-serif;

    padding: 0 25px;

    align-items: center;

    flex-wrap: wrap;
}

.topbar ul li:first-child {
    border-right: 1px solid #fff;
}

.topbar ul li i {
    text-align: center;

    justify-content: center;

    align-items: center;

    display: inline-flex;

    font-size: 19px;
}

.topbar ul li span {
    padding: 0 9px;
}

.topbar ul {
    display: inline-flex;
}

.topbar ul li a {
    color: #fff;
}

.topbar ul.social li {
    border-right: 0px;

    padding: 0 12px;
}

.topbar ul.social li a {
    color: #fff;
}

.topbar p {
    font-family: "Outfit", sans-serif;

    font-weight: 400;
}

.navigation {
    background: #fff;

    box-shadow: 0px 4px 84px 0px rgba(0, 0, 0, 0.25);

    padding: 15px 0;
}

.navigation .navbar {
    width: 100%;

    padding: 0;
}

.navigation .nav-item {
    margin: 0 33px;
}

.navigation .nav-item:last-child {
    margin-right: 0;
}

.navigation .nav-item .nav-link {
    padding: 10px 0px;

    color: #000;

    font-family: "Outfit", sans-serif;

    font-size: 17px;

    font-weight: 400;

    text-transform: capitalize;
}

.navigation .nav-item .nav-link:hover,
.navigation .nav-item.active .nav-link {
    color: rgba(107, 9, 169, 1);

    font-weight: 400;

    background: url(../images/line.png) no-repeat left bottom;
}

.navigation .btn-secondary,
.whitebg .btn-secondary {
    background: #3c9cd6;

    border: 0;

    box-shadow: none;
}

.navigation .form-control,
.whitebg .form-control {
    background: #f2f2f2;

    border: 0;

    padding: 8px 23px;

    color: #777474;

    font-family: "Outfit", sans-serif;

    height: 40px;

    border-radius: 0px;
}

.navigation .search_form input {
    background: url(../images/search.png) no-repeat left 9px top 14px rgba(244, 244, 244, 1);

    padding-left: 31px;
}

.userandcart ul {
    display: flex;

    gap: 16px;

    align-items: center;
}

.userandcart ul li {
    display: inline-flex;
}

.userandcart ul li:first-child a {
    padding: 0 16px 0 0;
}

.userandcart ul li.shopping_cart a {
    position: relative;
}

.userandcart ul li.shopping_cart a span.cart_count {
    position: absolute;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background: var(--pagination-color);

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    font-family: "Outfit", sans-serif;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    right: -14px;

    top: -10px;
}

.userandcart ul li:first-child {
    border-right: 1px solid rgba(208, 208, 208, 1);
}

form.form-inline.my-2.search_form {
    margin-right: 40px;
}

.banner {
    width: 100%;

    position: relative;
}

.banner .bg_layer {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;
}

.banner .bg_layer img {
    width: 100%;

    height: 100%;

    object-fit: cover;
}

.banner .bg_layer::before {
    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0.1%, rgba(0, 0, 0, 0.53) 52.49%, rgba(0, 0, 0, 0.67) 99.16%);
}

.banner img {
    width: 100%;
}

.banner .content {
    position: relative;

    top: 0;

    padding: 135px 0;

    z-index: 1;
}

.banner .content h6 {
    color: #fff;

    font-family: "Outfit", sans-serif;

    font-size: 17px;

    font-weight: 300;

    line-height: normal;

    letter-spacing: 2.38px;

    text-transform: uppercase;

    padding-right: 102px;

    position: relative;

    display: inline-block;
}

.banner .content h6::after {
    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 91px;

    height: 1px;

    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 112.09%);
}

.banner .content h1 {
    color: #fff;

    font-family: "Playfair Display";

    font-size: 70px;

    font-style: normal;

    font-weight: 600;

    line-height: 103.6%;

    padding-top: 15px;

    padding-bottom: 25px;
}

.banner .content p {
    color: #fff;

    font-family: "Outfit", sans-serif;

    font-size: 26px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px; /* 100% */

    text-transform: capitalize;
}

.banner .content .btn-primary {
    margin-top: 42px;

    background: #fff;

    border-radius: 0;

    padding: 19px 25px;

    color: #000;

    border: 0px;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    transition: all 0.4s ease-in-out;
}

.banner .content .btn-primary:hover {
    color: #000;

    background: rgba(252, 184, 0, 1);

    color: #fff;
}

.banner .white_bg {
    background: rgba(255, 255, 255, 0.8);

    padding: 26px 36px;
}

.banner .white_bg {
    padding: 27px 28px;

    text-align: center;

    text-transform: capitalize;

    font-family: "Playfair Display";

    font-size: 15px;

    font-weight: 500;

    letter-spacing: 0.45px;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    width: 100%;

    max-width: 500px;

    margin-left: auto;
}

.banner .white_bg .image {
    width: 50px;

    height: 50px;

    border-radius: 50%;

    overflow: hidden;

    margin: 0 auto;
}

.banner .white_bg .image img {
    width: 100%;

    height: 100%;

    object-fit: cover;
}

.banner .white_bg a {
    color: #000;

    transition: 0.3s all;

    display: block;

    width: fit-content;

    margin: 0 auto;
}

.banner .white_bg a:hover {
    text-decoration: none;
}

.banner .white_bg a:hover {
    transform: scale(1.25);
}

.banner .white_bg span {
    margin-top: 14px;

    text-align: center;

    display: block;
}

.black {
    background-color: #000;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin: auto;
}

.grey {
    background-color: #7b7b7b;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin: auto;
}

.beige {
    background-color: #deca9f;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin: auto;
}

.ivory {
    background: #e1d8c3;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin: auto;
}

.brown {
    background: #6c4702;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin: auto;
}

.yellow {
    background: #ffd600;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin: auto;
}

.green {
    background: #38b54a;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin: auto;
}

.orange {
    background: #f6891e;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin: auto;
}

.red {
    background: #db2427;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin: auto;
}

.pink {
    background: #d872ad;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin: auto;
}

.purple {
    background: #6c4c9e;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin: auto;
}

.blue {
    background: #2e75ba;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin: auto;
}

.multicolor {
    background: url(../images/multicolor.png) no-repeat;

    width: 50px;

    height: 50px;

    margin: auto;
}

.second_section {
    margin: 100px 0;
}

.custom-container2 {
    padding: 0 80px;

    width: 100%;
}

.grey_box {
    background: #f1f1f1;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 16px;

    padding: 18px 25px;

    width: 100%;

    flex-wrap: wrap;
}

.grey_box h6 {
    color: #6b09a9;

    font-family: "Playfair Display";

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    letter-spacing: 0.54px;

    text-transform: capitalize;

    margin-left: 25px;
}

.grey_box p {
    color: #010101;

    font-family: "Playfair Display";

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 0.48px;

    text-transform: capitalize;
}

.grey_box .btn-primary {
    background: #000;

    color: #fff;

    border: 0px;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    transition: all 0.4s ease-in-out;

    padding: 19px 25px;

    border-radius: 0px;
}

.grey_box .btn-primary:hover {
    background: rgba(252, 184, 0, 1);

    color: #000;
}

.third-section h2 {
    color: #000;

    text-align: center;

    font-family: "Playfair Display";

    font-size: 38px;

    font-weight: 400;

    text-transform: capitalize;
}

.third-section h2:before {
    content: "";

    background: url(../images/black-line.png) no-repeat;

    width: 26px;

    height: 2px;

    position: relative;

    top: 29px;

    left: 0;

    padding-left: 50px;
}

.third-section h2:after {
    content: "";

    background: url(../images/black-line.png) no-repeat;

    width: 26px;

    height: 2px;

    position: relative;

    top: 29px;

    right: -25px;

    padding-left: 50px;
}

/*product slider*/

.carousel {
    margin: 50px auto;

    padding: 0 70px;
}

.shop_by_category .custom-container2 {
    padding: 0 100px;
}

.shop_by_category .thumb-wrapper {
    position: relative;
}

.shop_by_category .thumb-wrapper a.category_link {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;
}

.custom-col {
    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

    position: relative;

    padding-left: 15px;

    padding-right: 15px;
}

.carousel .carousel-item {
    min-height: 330px;

    text-align: center;

    overflow: hidden;
}

.carousel .carousel-item .img-box {
    height: 248px;

    width: 100%;

    position: relative;
}

.carousel .carousel-item img {
    width: 100%;

    max-height: 100%;

    display: inline-block;

    position: absolute;

    bottom: 0;

    margin: 0 auto;

    left: 0;

    right: 0;

    object-fit: cover;
}

.carousel .carousel-item h4,
.shop_by_category h4 {
    font-size: 18px;

    margin: 10px 0;

    color: #000;

    text-align: center;

    font-family: "Playfair Display";

    font-weight: 500;

    letter-spacing: 0.54px;

    text-transform: capitalize;
}

.thumb-content a {
    color: #898989;

    text-align: center;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-weight: 400;
}

.thumb-content a:hover {
    text-decoration: none;
}

.carousel .thumb-wrapper,
.shop_by_category .thumb-wrapper {
    text-align: center;
}

.carousel .thumb-content,
.review_box .thumb-content,
.shop_by_category .thumb-content {
    padding: 15px;
}

.carousel-control-prev,
.carousel-control-next {
    height: 100px;

    width: 40px;

    background: none;

    margin: auto 0;

    opacity: 1;
}

.carousel-control-prev i,
.carousel-control-next i {
    font-size: 30px;

    position: absolute;

    top: 50%;

    display: inline-block;

    margin: -16px 0 0 0;

    z-index: 5;

    left: 0;

    right: 0;

    color: #000;

    text-shadow: none;

    font-weight: bold;
}

.carousel-control-prev i {
    margin-left: -3px;
}

.carousel-control-next i {
    margin-right: -3px;
}

.carousel .item-price,
.shop_by_category .item-price {
    font-size: 13px;

    padding: 2px 0;
}

.carousel .item-price strike,
.shop_by_category .item-price strike {
    color: #999;

    margin-right: 5px;
}

.carousel .item-price span,
.shop_by_category .item-price {
    color: #86bd57;

    font-size: 110%;
}

.carousel .carousel-indicators {
    bottom: -50px;
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 10px;

    height: 10px;

    margin: 4px;

    border-radius: 50%;

    border-color: transparent;

    border: none;
}

.carousel-indicators li {
    background: rgba(0, 0, 0, 0.2);
}

.carousel-indicators li.active {
    background: rgba(0, 0, 0, 0.6);
}

.shop_by_category .owl-nav {
    position: absolute;

    top: 40%;

    transform: translateY(-50%);

    display: flex;

    justify-content: space-between;

    width: calc(100% + 52px);

    left: -26px;
}

.shop_by_category .owl-nav i {
    font-size: 18px;
}

/*product slider ends*/

/*featured products*/

.featured_products {
    margin-top: 100px;
}

.featured_products h2 {
    color: #000;

    text-align: center;

    font-family: "Playfair Display";

    font-size: 38px;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 55px;
}

.featured_products h2:before {
    content: "";

    background: url(../images/black-line.png) no-repeat;

    width: 26px;

    height: 2px;

    position: relative;

    top: 29px;

    left: 0;

    padding-left: 50px;
}

.featured_products h2:after {
    content: "";

    background: url(../images/black-line.png) no-repeat;

    width: 26px;

    height: 2px;

    position: relative;

    top: 29px;

    right: -25px;

    padding-left: 50px;
}

ul.product_list {
    display: block;

    float: left;

    list-style-type: none;

    margin: 0;

    padding: 0;

    width: 100%;
}

.product_grid a {
    text-decoration: none;
}

.product_item {
    display: inline-block;

    background: #fff;

    position: relative;
}

.product_image {
    position: relative;

    overflow: hidden;
}

.product_image a {
    display: block;
}

.product_image img {
    display: block;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;
}

.product_image img:hover {
    -o-transform: scale(1.2, 1.2);

    -moz-transform: scale(1.2, 1.2);

    -webkit-transform: scale(1.2, 1.2);

    -ms-transform: scale(1.2, 1.2);

    transform: scale(1.2, 1.2);
}

.product_image:hover .product_buttons {
    bottom: 0;
}

.product_buttons {
    position: absolute;

    bottom: -40%;

    left: 0;

    width: 100%;

    text-align: center;

    -webkit-transition: all 0.35s ease;

    -moz-transition: all 0.35s ease;

    transition: all 0.35s ease;
}

.quick_view {
    position: relative;
}

.quick_view h6 {
    background: #000;

    margin: 6px 0 0 0;

    text-align: center;

    color: #fff;

    padding: 20px 0;

    font-size: 14px;

    font-family: "Outfit", sans-serif;

    font-weight: 500;

    letter-spacing: 2.1px;

    text-transform: uppercase;
}

.quick_view h6:before {
    content: "";

    background: url(../images/shop-icon.png) no-repeat;

    position: absolute;

    top: 16px;

    left: 124px;

    width: 20px;

    height: 23px;
}

.product_title {
    float: left;

    width: 100%;

    text-transform: uppercase;
}

.product_price a {
    color: #000;
}

.price_old {
    color: #ea2e49;

    text-decoration: line-through;
}

.product_rating {
    float: right;

    width: 100px;

    height: 20px;

    overflow: hidden;

    background: url(https://bit.ly/1B4PjyM) top left no-repeat;

    background-position: 0 76%;
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
    ul.product_list {
        margin: 0;
    }

    .product_item {
        width: 100%;

        margin: 0;

        overflow: hidden;
    }

    .product_sale {
        position: absolute;

        z-index: 99;

        right: -28px;

        -webkit-transform: rotate(45deg);

        -moz-transform: rotate(45deg);

        transform: rotate(45deg);
    }

    .product_sale p {
        margin: 0;

        color: #fff;

        background: #ff0000;

        padding: 3px 25px;

        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
    }

    .product_image {
        height: 150px;

        float: left;

        width: 100px;
    }

    .product_image .product_buttons {
        display: none;
    }

    .product_title h5 {
        margin: auto;

        font-size: 1em;

        font-weight: 500;

        line-height: 1;
    }

    .product_price span {
        font-size: 1.1em;

        line-height: 1;
    }

    .product_desc {
        overflow: hidden;

        float: left;

        line-height: 1;

        width: 100%;
    }

    .product_desc p {
        color: #898989;

        text-align: center;

        font-family: "Outfit", sans-serif;

        font-size: 15px;

        font-weight: 400;

        padding-top: 13px;
    }

    .product_values .product_buttons {
        position: relative;

        text-align: left;

        float: left;

        margin-top: 7px;
    }

    .product_values .product_buttons button {
        color: #252525;

        background: rgba(255, 255, 255, 1);

        font-size: 1em;

        border-radius: 50%;

        width: 40px;

        height: 40px;

        border: 1px solid #000;
    }
}

/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
    ul.product_list {
        margin: 0 0 80px;
    }

    .product_item {
        width: 49%;

        margin: 0;
    }

    .product_image {
        height: 351px;

        float: left;

        width: 100%;

        text-align: center;

        background: #f1f2f7;

        display: flex;

        justify-content: center;

        align-items: center;

        margin-bottom: 43px;
    }

    .product_image img {
        max-height: 100%;

        display: inline-block;
    }

    .product_title h5 {
        color: #000;

        font-family: "Playfair Display";

        font-size: 18px;

        font-weight: 500;

        letter-spacing: 0.54px;

        text-transform: capitalize;
    }

    .product_image .product_buttons {
        display: block;
    }

    .product_image a > .btn-secondary {
        background: #fff;

        box-shadow: 0px 16px 14px 0px rgba(62, 66, 29, 0.1);

        padding: 16px 24px;

        color: var(--black, #010101);

        text-align: center;

        font-family: Outfit;

        font-size: 14px;

        font-weight: 500;

        letter-spacing: 2.1px;

        text-transform: uppercase;

        border: 0;

        width: 114px;

        left: 0;

        right: 0;

        top: 39%;

        margin: auto;

        position: absolute;

        border-radius: 0;

        display: none;
    }

    .product_image a:hover .btn-secondary {
        display: block;
    }

    .product_price {
        padding-top: 17px;

        color: #000;

        font-family: "Outfit", sans-serif;

        font-size: 16px;

        font-weight: 500;

        text-transform: uppercase;

        float: left;

        width: 100%;
    }

    .product_rating {
        width: 100%;

        background-position: center 76%;

        margin-bottom: 5px;
    }

    .product_desc {
        text-align: center;
    }

    .product_values .product_buttons {
        display: none;
    }
}

@media only screen and (min-width: 678px) {
    .product_item {
        width: 32.5%;
    }
}

/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
}

/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    .product_item {
        width: 24.25%;
    }
}

/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    .product_item {
        width: 24%;

        margin: 0 7px;
    }
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
}

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
}

/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .product_title h5 {
        font-weight: bold;
    }

    .product_values {
        float: left;

        width: calc(100% - 100px);

        padding: 0 10px;
    }

    .product_rating {
        margin-right: 10px;
    }

    .product_image {
        height: 150px;

        float: left;

        width: 100px;
    }

    .product_image .product_buttons {
        display: none;
    }

    .product_desc {
        overflow: hidden;

        float: left;

        line-height: 1;
    }

    .product_values .product_buttons {
        position: relative;

        text-align: left;

        float: left;

        margin-top: 7px;
    }

    .product_values .product_buttons button {
        color: #252525;

        background: rgba(255, 255, 255, 1);

        font-size: 1em;

        border-radius: 50%;

        width: 40px;

        height: 40px;

        border: 1px solid #000;
    }
}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    .product_sale {
        display: none;
    }

    .product_image {
        height: auto;

        width: 100%;
    }

    .product_image .product_buttons {
        display: block;
    }

    .product_values {
        width: 100%;

        padding: 0;

        margin: 5px 0;
    }

    .product_title h5 {
        margin: auto;

        font-size: 1em;

        line-height: 1;

        font-weight: bold;
    }

    .product_rating {
        width: 100%;

        background-position-x: 5%;
    }

    .product_desc {
        display: none;
    }

    .product_values .product_buttons {
        display: none;
    }
}

.border-bg {
    background: url(../images/border-bg.png) no-repeat;

    width: 100%;

    max-height: 78px;

    padding: 20px 0;

    text-align: center;

    background-size: cover;
}

.border-bg .btn-primary {
    background: #fff;

    border-radius: 0;

    padding: 19px 25px;

    color: #000;

    border: 1px solid #7c7c7c;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    transition: all 0.4s ease-in-out;
}

.border-bg .btn-primary:hover {
    background: rgba(252, 184, 0, 1);

    color: #fff;
}

/*featured products ends*/

.new_arrivals {
    margin: 100px 0;
}

.new_arrivals h2 {
    color: #000;

    text-align: center;

    font-family: "Playfair Display";

    font-size: 38px;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 55px;
}

.new_arrivals h2:before {
    content: "";

    background: url(../images/black-line.png) no-repeat;

    width: 26px;

    height: 2px;

    position: relative;

    top: 29px;

    left: 0;

    padding-left: 50px;
}

.new_arrivals h2:after {
    content: "";

    background: url(../images/black-line.png) no-repeat;

    width: 26px;

    height: 2px;

    position: relative;

    top: 29px;

    right: -25px;

    padding-left: 50px;
}

.box1 {
    padding: 50px 40px;

    background: #f1f1f1;
}

.box2 {
    padding: 50px 40px;

    background: #f2f4ff;
}

.box1 h3,
.box2 h3 {
    color: #000;

    font-family: "Playfair Display";

    font-size: 20px;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 0.6px;

    text-transform: capitalize;

    padding-bottom: 15px;
}

.box1 p,
.box2 p {
    color: #898989;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-weight: 400;
}

.new_arrivals h4 {
    color: #010101;

    font-family: "Playfair Display";

    font-size: 40px;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: capitalize;

    margin-top: 35px;

    margin-bottom: 75px;
}

.new_arrivals h4 span {
    color: #6b09a9;
}

.new_arrivals_btn {
    background: #fff;

    box-shadow: 0px 16px 14px 0px rgba(62, 66, 29, 0.1);

    padding: 16px;

    color: #000;

    text-align: center;

    font-family: "Outfit", sans-serif;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    border: 0px;

    transition: all 0.4s ease-in-out;
    text-decoration: none !important;
}

.new_arrivals_btn:hover {
    background: rgba(252, 184, 0, 1);

    color: #fff;
}

.about {
    margin: 100px 0;
}

.about .text {
    padding-left: 125px;
}

.about h2 {
    color: #000;

    text-align: left;

    font-family: "Playfair Display";

    font-size: 38px;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 24px;
}

.about h2:after {
    content: "";

    background: url(../images/black-line.png) no-repeat;

    width: 26px;

    height: 2px;

    position: relative;

    top: 29px;

    right: -25px;

    padding-left: 50px;
}

.about p {
    color: #898989;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 23px;

    margin-bottom: 10px;
}

.about img {
    width: 100%;
}

.about .btn-primary {
    background: #000;

    color: #fff;

    border: 0px;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    transition: all 0.4s ease-in-out;

    padding: 19px 25px;

    border-radius: 0px;

    margin-top: 30px;
}

.about .btn-primary:hover {
    background: rgba(252, 184, 0, 1);

    color: #000;
}

.review_box {
    background: #faf2ff;

    padding: 100px 0;
}

.review_box h2 {
    color: #000;

    text-align: center;

    font-family: "Playfair Display";

    font-size: 38px;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 28px;
}

.review_box h2:before {
    content: "";

    background: url(../images/black-line.png) no-repeat;

    width: 26px;

    height: 2px;

    position: relative;

    top: 29px;

    left: 0;

    padding-left: 50px;
}

.review_box h2:after {
    content: "";

    background: url(../images/black-line.png) no-repeat;

    width: 26px;

    height: 2px;

    position: relative;

    top: 29px;

    right: -25px;

    padding-left: 50px;
}

.review_box p.desc {
    color: #898989;

    text-align: center;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-weight: 400;
}

.white-box {
    background: #fff;

    padding: 47px 40px;
}

.circular-img {
    width: 66px;

    height: 66px;

    border-radius: 50%;

    margin: auto;

    overflow: hidden;
}

.circular-img img {
    width: 100%;

    height: 100%;

    object-fit: cover;
}

#myCarousel2.carousel .carousel-item img,
.review_box .carousel-item img {
    position: relative;

    height: 100%;

    width: 100%;

    object-fit: cover;
}

#myCarousel2.carousel .thumb-content h4,
.review_box .thumb-content h4 {
    color: #000;

    font-family: "Playfair Display";

    font-size: 20px;

    font-weight: 500;

    letter-spacing: 0.6px;

    text-transform: capitalize;
}

.review_box .thumb-content h4 {
    text-align: center;

    margin-bottom: 10px;
}

#myCarousel2.carousel .thumb-content p.date,
.review_box .thumb-content p.date {
    color: #c1c1c1;

    text-align: center;

    font-family: "Outfit", sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 23px; /* 164.286% */

    margin-bottom: 9px;
}

#myCarousel2.carousel .thumb-content p,
.review_box .thumb-content p {
    color: #505050;

    text-align: center;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 144.7%; /* 21.705px */
}

.review_box .custom-container2 {
    padding: 0 100px;
}

.review_box .owl-nav {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: calc(100% + 52px);

    left: -26px;

    display: flex;

    align-items: center;

    justify-content: space-between;
}

.popular-brands {
    padding: 100px 0 0;
}

.popular-brands h2 {
    color: #000;

    text-align: center;

    font-family: "Playfair Display";

    font-size: 38px;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 28px;
}

.popular-brands h2:before {
    content: "";

    background: url(../images/black-line.png) no-repeat;

    width: 26px;

    height: 2px;

    position: relative;

    top: 29px;

    left: 0;

    padding-left: 50px;
}

.popular-brands h2:after {
    content: "";

    background: url(../images/black-line.png) no-repeat;

    width: 26px;

    height: 2px;

    position: relative;

    top: 29px;

    right: -25px;

    padding-left: 50px;
}

.popular-brands p {
    text-align: center;

    color: #898989;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-weight: 400;
}

.brand {
    width: 100%;

    height: auto;

    border: 1px solid #e0e0e0;

    display: flex;

    justify-content: center;

    align-items: center;
    aspect-ratio: 1/1;
}

.brand .brand-img {
    max-width: 100%;

    height: auto;
}

#myCarousel3.carousel .carousel-item {
    min-height: auto;
}

#myCarousel3.carousel .carousel-item img {
    position: relative;

    height: 100%;
}

.three-blocks {
    margin: 72px 0;
}

.three-blocks .block {
    display: flex;

    align-items: center;

    justify-content: center;

    margin: 16px 0;
}

.three-blocks .block h4 {
    padding-left: 22px;

    color: #000;

    font-family: "Playfair Display";

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 0.48px;

    text-transform: capitalize;
}

footer {
    background: #343838;

    padding-top: 100px;
}

footer .footer_logo {
    max-width: 100%;
}

footer .about-comp {
    padding: 35px 0;

    color: #fff;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 22px; /* 146.667% */
}

footer .social-icons ul li {
    padding: 0 12px;

    display: inline-flex;
}

footer .social-icons ul li:first-child {
    padding-left: 0px;
}

footer .social-icons ul li a {
    color: #fff;
}

footer h3 {
    color: #fff;

    font-family: "Playfair Display";

    font-size: 22px;

    font-weight: 700;

    line-height: 110%; /* 24.2px */

    text-transform: capitalize;

    margin-bottom: 22px;
}

footer ul li {
    color: #fff;

    font-family: "Outfit", sans-serif;

    font-size: 17px;

    font-weight: 300;

    line-height: 24px; /* 141.176% */

    padding-bottom: 16px;
}

footer ul li a {
    color: #fff;
}

footer ul li a:hover {
    color: #fcb800;

    text-decoration: none;
}

footer .form-control {
    color: #fff;

    border: 1px solid #fff;

    background: #343838;

    border-radius: 0;

    height: 55px;
}

footer ::placeholder {
    color: #fff !important;

    font-family: "Outfit", sans-serif;
}

footer .form-control:focus {
    background: transparent !important;

    border-color: #fff !important;
}

footer .form-control {
    font-family: "Outfit", sans-serif;

    color: #fff !important;
}

footer button.btn-primary {
    margin-top: 19px;

    background: #fff;

    border-radius: 0;

    padding: 19px 25px;

    color: #000;

    border: 0px;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    font-family: "Outfit", sans-serif;

    transition: all 0.4s ease-in-out;

    width: 100%;
}

footer button.btn-primary:hover {
    background: rgba(252, 184, 0, 1);

    color: #fff;
}

footer hr {
    background: rgba(255, 255, 255, 0.2);
}

footer .short-text {
    color: #fff;

    padding: 0 0 15px;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-weight: 400;
}

.copyright p {
    color: #fff;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 25px; /* 166.667% */
}

.copyright ul li {
    display: inline-block;
}

.copyright ul li a {
    display: block;
}

/* About us and contact us page css */

:root {
    --highlight: #fcb800;

    --overlay: linear-gradient(270deg, rgba(0, 0, 0, 0) 0.1%, rgba(0, 0, 0, 0.53) 52.49%, rgba(0, 0, 0, 0.67) 99.16%);

    --light-bg: #f9f9f9;

    --text-color: #010101;

    --pagination-color: #6b09a9;
}

.inner_page_banner {
    position: relative;
}

.inner_page_banner .bg_layer {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;
}

.inner_page_banner .bg_layer::before {
    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: var(--overlay);
}

.inner_page_banner .bg_layer img {
    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;
}

.inner_page_banner .txt_layer {
    position: relative;

    z-index: 1;

    padding: 190px 0;
}

.inner_page_banner .txt_layer .breadcrumb_block p {
    font-size: 17px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    letter-spacing: 2.38px;

    text-transform: uppercase;

    color: #fff;

    font-family: "Outfit", sans-serif;
}
.inner_page_banner .txt_layer .breadcrumb_block p span a {
    color: #fff !important;
}
.inner_page_banner .txt_layer .breadcrumb_block p span {
    color: var(--highlight);
}

.inner_page_banner .txt_layer .breadcrumb_block p a {
    text-decoration: none;

    color: inherit;
}

.inner_page_banner .txt_layer .breadcrumb_block p span.highlight {
    color: var(--highlight);
}

.inner_page_banner .txt_layer h1 {
    font-family: "Playfair Display", sans-serif;

    font-size: 70px;

    font-style: normal;

    font-weight: 600;

    line-height: 103.6%;

    margin: 24px 0 0 0;

    color: #fff;
}

.inner_page_banner .custom-container {
    flex-direction: column;
}

.mission_vision_block {
    padding: 100px 0;
}

.mission_vision_block .block_row {
    display: flex;

    flex-wrap: wrap;

    margin-bottom: 100px;

    gap: 100px;

    align-items: center;
}

.mission_vision_block .block_row:last-child {
    margin-bottom: 0;
}

.mission_vision_block .block_row:nth-child(even) {
    flex-direction: row-reverse;
}

.mission_vision_block .block_row:nth-child(even) .txt_block .txt_inner {
    padding-left: 34px;
}

.mission_vision_block .block_row .txt_block,
.mission_vision_block .block_row .img_block {
    width: calc((100% - 100px) / 2);
}

.mission_vision_block .block_row .txt_block .txt_inner {
    padding-left: 126px;
}

.mission_vision_block .block_row .txt_block .txt_inner h2 {
    font-family: "Playfair Display", sans-serif;

    font-size: 38px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: capitalize;

    position: relative;

    display: inline-block;

    margin: 0;

    padding-right: 37px;
}

.mission_vision_block .block_row .txt_block .txt_inner h2::after {
    content: "";

    position: absolute;

    right: 0;

    top: 60%;

    transform: translateY(-50%);

    width: 26px;

    height: 1px;

    background: #010101;
}

.mission_vision_block .block_row .txt_block .txt_inner p,
.mission_vision_block .block_row .txt_block .txt_inner ul li {
    margin: 23px 0 0 0;

    color: #898989;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px;
}
.mission_vision_block .block_row .txt_block .txt_inner ul {
    list-style: disc;
    margin-left: 20px;
}

.mission_vision_block .block_row .img_block img {
    width: 100%;

    height: auto;
}

.team_member {
    padding: 100px 0;

    position: relative;

    background: var(--light-bg);
    display: none;
}

.team_member .custom-container {
    display: block;

    padding: 0 100px;
}

.team_member .member_slide_block .member_item {
    width: 100%;
}

.team_member .member_slide_block .member_item:hover .img_block .member_social_links {
    top: 25px;

    opacity: 1;
}

.team_member .member_slide_block .member_item:hover .mem_info {
    background: #fff;

    box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.06);
}

.team_member .member_slide_block .member_item .img_block {
    width: 100%;

    height: auto;

    overflow: hidden;

    aspect-ratio: 325/341;

    position: relative;
}

.team_member .member_slide_block .member_item .img_block .img_thumb {
    width: 100%;

    height: 100%;
}

.team_member .member_slide_block .member_item .img_block .img_thumb img {
    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;
}

.team_member .member_slide_block .member_item .img_block .member_social_links {
    position: absolute;

    background: #6b09a9;

    right: 0;

    top: -25px;

    display: flex;

    align-items: center;

    padding: 9px 20px;

    border-radius: 10px 0 0 10px;

    z-index: 1;

    gap: 25px;

    opacity: 0;

    transition: 0.3s all;
}

.team_member .member_slide_block .member_item .img_block .member_social_links li a {
    display: flex;

    align-items: center;

    justify-content: center;
}

.team_member .member_slide_block .member_item .img_block .member_social_links li a i {
    color: #fff;
}

.team_member .member_slide_block .member_item .mem_info {
    text-align: center;

    padding: 32px 10px 20px;

    background: rgba(0, 0, 0, 0);

    transition: 0.3s all;
}

.team_member .member_slide_block .member_item .mem_info span {
    display: block;
}

.team_member .member_slide_block .member_item .mem_info span.title {
    font-family: "Playfair Display";

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 0.72px;

    text-transform: capitalize;

    color: var(--text-color);
}

.team_member .member_slide_block .member_item .mem_info span.desg {
    color: #898989;

    font-family: "Outfit", sans-serif;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;
}

.team_member .member_slide_block .owl-nav {
    position: absolute;

    top: 40%;

    transform: translateY(-50%);

    width: calc(100% + 150px);

    left: -70px;

    display: flex;

    align-items: center;

    justify-content: space-between;
}

.team_member .member_slide_block .owl-nav button {
    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 0;

    background: #fff;

    border: 1px solid #d7d7d7;

    transition: 0.3s all;

    outline: none;
}

.team_member .member_slide_block .owl-nav button i {
    color: var(--text-color);

    transition: 0.3s all;
}

.team_member .member_slide_block .owl-nav button:hover {
    background: #6b09a9;

    border: 1px solid #6b09a9;
}

.team_member .member_slide_block .owl-nav button:hover i {
    color: #fff;
}

.team_member .member_slide_block .owl-nav button span {
    display: none;
}

.block_heading {
    text-align: center;

    margin-bottom: 70px;
}

.block_heading h3 {
    display: inline-block;

    padding: 0 36px;

    position: relative;

    font-family: "Playfair Display", sans-serif;

    font-size: 38px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: capitalize;

    color: var(--text-color);
}

.block_heading h3::after,
.block_heading h3::before {
    content: "";

    position: absolute;

    height: 1px;

    width: 26px;

    background: var(--text-color);

    top: 50%;

    transform: translateY(-50%);
}

.block_heading h3::after {
    right: 0;
}

.block_heading h3::before {
    left: 0;
}

.contact_page_block {
    padding: 100px 0;
}

.contact_page_block .custom-container {
    display: block;
}

.contact_page_block h3 {
    font-family: "Playfair Display", sans-serif;

    font-size: 38px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: capitalize;

    position: relative;

    display: inline-block;

    margin: 0;

    padding-right: 37px;
}

.contact_page_block h3::after {
    content: "";

    position: absolute;

    right: 0;

    top: 60%;

    transform: translateY(-50%);

    width: 26px;

    height: 1px;

    background: #010101;
}

.contact_page_block p {
    margin: 23px 0 0 0;

    color: #898989;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px;
}

.contact_page_block ul.contact_links {
    margin-top: 37px;

    width: 464px;

    max-width: 100%;
}

.contact_page_block ul.contact_links li {
    margin-bottom: 25px;

    padding-bottom: 25px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.contact_page_block ul.contact_links li a {
    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    align-items: center;

    text-decoration: none;
}

.contact_page_block ul.contact_links li a .img_block {
    width: 60px;

    height: 60px;

    border-radius: 10px;

    background: rgba(107, 9, 169, 0.07);

    display: flex;

    align-items: center;

    justify-content: center;
}

.contact_page_block ul.contact_links li a .info {
    width: calc(100% - 80px);
}

.contact_page_block ul.contact_links li a .info span {
    display: block;
}

.contact_page_block ul.contact_links li a .info span.title {
    font-family: "Playfair Display";

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 0.48px;

    text-transform: capitalize;

    color: var(--text-color);
}

.contact_page_block ul.contact_links li a .info span.sub {
    margin-top: 12px;

    color: #898989;

    font-family: "Outfit", sans-serif;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    text-transform: lowercase;
}

.contact_page_block ul.contact_links li:last-child {
    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: 0;
}

.contact_page_block .form_block {
    position: relative;
}

.contact_page_block .form_block input {
    width: 100%;

    background: #edf1f5;

    border: 0;

    padding: 17px;
}

.contact_page_block .form_block textarea {
    width: 100%;

    background: #edf1f5;

    border: 0;

    padding: 17px;

    resize: none;

    min-height: 200px;
}

.contact_page_block .form_block label {
    display: block;

    font-family: "Playfair Display", sans-serif;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    margin-bottom: 12px;
}

.contact_page_block .form_block button.submit_btn {
    width: 100%;

    background: var(--text-color);

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    border: 1px solid var(--text-color);

    transition: 0.3s all;
}

.contact_page_block .form_block button.submit_btn:hover {
    background: rgba(0, 0, 0, 0);
}

.contact_page_block .form_block button.submit_btn:hover span {
    color: var(--text-color);
}

.contact_page_block .form_block button.submit_btn:hover i {
    color: var(--text-color);
}

.contact_page_block .form_block button.submit_btn span {
    color: #fff;

    font-family: "Outfit", sans-serif;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    transition: 0.3s all;
}

.contact_page_block .form_block button.submit_btn i {
    color: #fff;

    transition: 0.3s all;
}

.contact_page_block .form_block .mb_cstm {
    margin-bottom: 22px;
}

/* product listing page and details page */

.product_list_block {
    padding: 100px 0;
}
.product_list_block .clearfix{
    display: none;
}

.product_list_block .row {
    row-gap: 50px;
}

.product_list_block .custom-container {
    display: block;
}

.product_list_block .filter_block {
    display: flex;

    align-items: center;

    justify-content: flex-end;
    padding-right: 16px;

    gap: 16px;

    flex-wrap: wrap;
    margin-top: -29px;
}
.product_list_block .filter_block .berocket_single_filter_widget {
    width: 100%;
    max-width: 300px;
}
.product_list_block .filter_block .berocket_single_filter_widget .bapf_head {
    margin-bottom: 6px;
}

.product_list_block .filter_block .berocket_single_filter_widget .bapf_head h3 {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: var(--text-color);
}
.product_list_block .filter_block .berocket_single_filter_widget .select2-container--classic .select2-selection--single {
    border-radius: 0;
    background: #fff !important;
    height: 54px;
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5 !important;
}

.product_list_block .filter_block .berocket_single_filter_widget .select2-container--classic .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
    background: #fff !important;
    border: 0;
}
.product_list_block .filter_block .berocket_single_filter_widget .select2-container--classic .select2-selection--single .select2-selection__rendered,
.select2-container--classic .select2-results>.select2-results__options{
    font-family: 'Outfit', sans-serif;
}


.product_list_block .filter_block p,
p.woocommerce-result-count {
    font-family: "Outfit", sans-serif;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

    color: var(--text-color);

    margin: 0;
}

.product_list_block .filter_block .sort_dropdown {
    display: flex;

    align-items: center;

    gap: 22px;

    flex-wrap: wrap;
}

.product_list_block .filter_block .sort_dropdown * {
    flex-shrink: 1;
}

.product_list_block .filter_block .sort_dropdown .select_box {
    width: -moz-fit-content;

    width: fit-content;

    position: relative;
}

.product_list_block .filter_block .sort_dropdown .select_box::after {
    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: auto;

    aspect-ratio: 1/1;

    height: 100%;

    background: url(../../images/chevron-down.svg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: auto;

    z-index: -1;

    transition: 0.3s all;
}

.product_list_block .filter_block .sort_dropdown .select_box.toggled::after {
    transform: rotate(-180deg);
}

.product_list_block .filter_block .sort_dropdown select,
form.woocommerce-ordering select.orderby {
    max-width: 100%;

    width: 299px;

    /* -webkit-appearance: none;































































    -moz-appearance: none;































































    appearance: none; */

    padding: 15px 27px 15px 8px;

    font-family: "Outfit", sans-serif;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

    color: var(--text-color);

    border: 1px solid rgba(0, 0, 0, 0.1);

    outline: none;

    background: rgba(0, 0, 0, 0);
}

.product_list_block .product_list_item {
    position: relative;

    --item-bg: #f1f2f7;
}

.product_list_block .product_list_item:hover .product_display_block .add_to_card_block {
    bottom: 0;
}

.product_list_block .product_list_item:hover .product_display_block .details_link {
    top: 50%;

    transform: translate(-50%, -50%) scale(1);

    opacity: 1;
}

.product_list_block .product_list_item .product_display_block {
    position: relative;

    width: 100%;

    height: 280px;

    overflow: hidden;

    aspect-ratio: 335/351;
}

.product_list_block .product_list_item .product_display_block .img_block {
    height: 100%;

    width: 100%;

    background: var(--item-bg);

    display: flex;

    align-items: center;

    justify-content: center;
}

.product_list_block .product_list_item .product_display_block .img_block img {
    width: 46%;

    height: auto;

    aspect-ratio: 1/1;

    max-width: 100%;
}

.product_list_block .product_list_item .product_display_block .add_to_card_block {
    position: absolute;

    width: 100%;

    height: 54px;

    bottom: -60px;

    z-index: 1;

    left: 0;

    transition: 0.3s all;
}

.product_list_block .product_list_item .product_display_block .add_to_card_block button,
.product_list_block .product_list_item .product_display_block .add_to_card_block a {
    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    background: var(--text-color);

    border: 3px solid rgba(0, 0, 0, 0);

    outline: 0;

    transition: 0.3s all;
}

.product_list_block .product_list_item .product_display_block .add_to_card_block button:hover,
.product_list_block .product_list_item .product_display_block .add_to_card_block a:hover {
    background: #fff;

    border: 3px solid var(--item-bg);
}

.product_list_block .product_list_item .product_display_block .add_to_card_block button:hover span,
.product_list_block .product_list_item .product_display_block .add_to_card_block a:hover span {
    color: var(--text-color);
}

.product_list_block .product_list_item .product_display_block .add_to_card_block button:hover img,
.product_list_block .product_list_item .product_display_block .add_to_card_block a:hover img {
    filter: invert(0);
}

.product_list_block .product_list_item .product_display_block .add_to_card_block button img,
.product_list_block .product_list_item .product_display_block .add_to_card_block a img {
    transition: 0.3s all;

    filter: invert(1);

    width: 18px;

    height: auto;
}

.product_list_block .product_list_item .product_display_block .add_to_card_block button span,
.product_list_block .product_list_item .product_display_block .add_to_card_block a span {
    color: #fff;

    font-family: "Outfit", sans-serif;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    transform: 0.3s all;
}

.product_list_block .product_list_item .product_display_block .details_link {
    position: absolute;

    z-index: 1;

    top: -1%;

    left: 50%;

    transform: translate(-50%, -50%) scale(0);

    padding: 16px 24px;

    background: var(--item-bg);

    color: var(--text-color);

    font-family: "Outfit", sans-serif;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    transition: 0.5s ease-out;

    text-decoration: none;

    opacity: 0;
}

.product_list_block .product_list_item .product_display_block .details_link:hover {
    background: var(--pagination-color);

    color: #fff;
}

.product_list_block .product_list_item .product_info {
    margin-top: 43px;

    text-align: center;
}

.product_list_block .product_list_item .product_info .title {
    margin: 0;

    color: var(--text-color);

    font-family: "Playfair Display", sans-serif;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 0.54px;

    text-transform: capitalize;
}

.product_list_block .product_list_item .product_info p {
    color: #898989;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-top: 13px;
}

.product_list_block .product_list_item .product_info span.price {
    display: block;

    margin-top: 17px;

    font-family: Outfit;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: uppercase;

    color: var(--text-color);
}

.product_list_block .prod_pagination,
nav.woocommerce-pagination .page-numbers {
    display: flex !important;

    align-items: center;

    justify-content: center;

    gap: 7px;

    border: 0 !important;
}

nav.woocommerce-pagination .page-numbers li {
    border: 0 !important;
}

.product_list_block .prod_pagination li a,
nav.woocommerce-pagination .page-numbers li a,
nav.woocommerce-pagination .page-numbers li span {
    display: flex !important;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    justify-content: center;

    align-items: center;

    font-family: "Outfit", sans-serif;

    font-size: 16px !important;

    font-style: normal;

    font-weight: 600 !important;

    line-height: normal !important;

    color: var(--pagination-color);

    border: 1px solid var(--pagination-color) !important;

    background: rgba(0, 0, 0, 0);

    text-decoration: none !important;

    transition: 0.3s all;
}

.product_list_block .prod_pagination li.active a,
nav.woocommerce-pagination .page-numbers li .current {
    background: var(--pagination-color) !important;

    color: #fff !important;
}

.product_details_block {
    padding: 50px 0;
}

.product_details_block .custom-container {
    display: block;
}

.product_details_block .product_showcase {
    display: flex;

    flex-wrap: wrap;

    gap: 50px;
}

.product_details_block .product_showcase .product_thumbnail {
    width: 97px;

    display: flex;

    flex-direction: column;

    gap: 10px;
}

.product_details_block .product_showcase .product_thumbnail .img_thumb {
    width: 100%;

    border: 1.062px solid #d7d7d7;

    background: #fff;

    aspect-ratio: 1/1;

    overflow: hidden;

    align-items: center;

    justify-content: center;

    display: flex;

    position: relative;

    transition: 0.5s all;
}

.product_details_block .product_showcase .product_thumbnail .img_thumb a {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;
}

.product_details_block .product_showcase .product_thumbnail .img_thumb img {
    width: 60%;

    -o-object-fit: contain;

    object-fit: contain;

    max-width: 80%;
}

.product_details_block .product_showcase .product_thumbnail .img_thumb.actv_hash {
    border: 1px solid var(--pagination-color);

    background: #fff;

    box-shadow: 0px 8px 23px 0px rgba(160, 32, 240, 0.13);
}

.product_details_block .product_showcase .product_slide {
    position: relative;

    width: calc(100% - 147px);

    border: 1px solid #d7d7d7;

    display: flex;

    align-items: center;
}

.product_details_block .product_showcase .product_slide .prod_img {
    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #fff;

    aspect-ratio: 486/511;
}

.product_details_block .product_showcase .product_slide .prod_img img {
    width: 60%;

    max-width: 80%;

    height: auto;

    aspect-ratio: 486/511;
}

.product_details_block .product_showcase .product_slide .owl-nav {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: calc(100% + 52px);

    left: -26px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    z-index: 1;
}

.product_details_block .product_showcase .product_slide .owl-nav button {
    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 0;

    background: #f5f5f5 !important;

    border: 1px solid #d7d7d7 !important;

    transition: 0.3s all;

    outline: none;
}

.product_details_block .product_showcase .product_slide .owl-nav button span {
    display: none;
}

.product_details_block .product_showcase .product_slide .owl-nav button i {
    color: var(--text-color);

    transition: 0.3s all;
}

.product_details_block .product_showcase .product_slide .owl-nav button:hover {
    background: #6b09a9 !important;

    border: 1px solid #6b09a9 !important;
}

.product_details_block .product_showcase .product_slide .owl-nav button:hover i {
    color: #fff;
}

.product_details_block .selected_item_details {
    width: 100%;

    max-width: 500px;

    margin-inline: auto;
}

.product_details_block .selected_item_details h2 {
    font-family: "Playfair Display", sans-serif;

    font-size: 37px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: capitalize;

    color: var(--text-color);
}

.product_details_block .selected_item_details .prod_tags {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 30px;

    gap: 16px;
}

.product_details_block .selected_item_details .prod_tags span.prod_code {
    display: block;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;
}

.product_details_block .selected_item_details .prod_tags span.prod_code strong {
    color: var(--text-color);
}

.product_details_block .selected_item_details .prod_tags span.instck,
.product_details_block .selected_item_details .price_block span.instck {
    display: block;

    color: #fcb800;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;
}

.product_details_block .selected_item_details .price_block {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

    margin-top: 30px;

    flex-wrap: wrap;
}

.product_details_block .selected_item_details .price_block .price {
    display: block;

    color: var(--pagination-color);

    font-family: "Outfit", sans-serif;

    font-size: 35px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    text-transform: uppercase;
}

.product_details_block .selected_item_details .price_block .delivery_tag {
    display: flex;

    align-items: center;

    gap: 7px;

    flex-wrap: wrap;
}

.product_details_block .selected_item_details .price_block .delivery_tag span {
    font-family: Outfit;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px;

    color: var(--text-color);

    display: block;
}

.product_details_block .selected_item_details .color_picker {
    display: flex;

    gap: 17px;

    flex-wrap: wrap;

    margin-top: 32px;
}

.product_details_block .selected_item_details .color_picker span {
    display: block;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

    color: var(--text-color);
}

.product_details_block .selected_item_details .color_picker .color_opts {
    display: flex;

    align-items: center;

    gap: 15px;
}

.product_details_block .selected_item_details .color_picker .color_opts .opt_item {
    display: block;

    width: -moz-fit-content;

    width: fit-content;

    position: relative;
}

.product_details_block .selected_item_details .color_picker .color_opts .opt_item span {
    display: block;

    width: 26px;

    height: 26px;

    border-radius: 50%;

    position: relative;

    transition: 0.3s all;

    outline: 4px solid rgba(0, 0, 0, 0);
}

.product_details_block .selected_item_details .color_picker .color_opts .opt_item input {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    opacity: 0;

    cursor: pointer;
}

.product_details_block .selected_item_details .color_picker .color_opts .opt_item input:checked + span {
    outline: 4px solid #fff;

    filter: drop-shadow(0px 7px 12px rgba(0, 0, 0, 0.27));
}

.product_details_block .selected_item_details .prod_details_accordion {
    margin-top: 30px;
}

.product_details_block .selected_item_details .prod_details_accordion .acc_head {
    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: 1px solid rgba(17, 0, 0, 0.1);

    background: #fff;

    padding: 11px 16px;
}

.product_details_block .selected_item_details .prod_details_accordion .acc_head span {
    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;
}

.product_details_block .selected_item_details .prod_details_accordion .acc_head i {
    transition: 0.5s all;
}

.product_details_block .selected_item_details .prod_details_accordion .acc_body {
    padding: 0 16px;

    border: 1px solid rgba(0, 0, 0, 0);

    border-top: 0 !important;

    transition: 0.5s all;
}

.product_details_block .selected_item_details .prod_details_accordion .acc_body p {
    color: #898989;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 23px;

    display: none;
}

.product_details_block .selected_item_details .prod_details_accordion.acc_show .acc_head i {
    transform: rotate(-180deg);
}

.product_details_block .selected_item_details .prod_details_accordion.acc_show .acc_body {
    border: 1px solid rgba(17, 0, 0, 0.1);

    padding: 14px 16px;
}

.product_details_block .selected_item_details .prod_details_accordion.acc_show .acc_body p {
    display: block;
}

.product_details_block .selected_item_details .qty_block {
    display: flex;

    gap: 16px;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 30px;
}

.product_details_block .selected_item_details .qty_block span {
    display: block;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

    color: var(--text-color);
}

.product_details_block .selected_item_details .qty_block .qty_adjuster {
    display: flex;

    gap: 20px;

    align-items: center;
}

.product_details_block .selected_item_details .qty_block .qty_adjuster button {
    width: 40px;

    height: 40px;

    align-items: center;

    justify-content: center;

    display: flex;

    background: var(--pagination-color);

    border: 0;

    border-radius: 50%;
}

.product_details_block .selected_item_details .qty_block .qty_adjuster button i {
    color: #fff;
}

.product_details_block .selected_item_details .qty_block .qty_adjuster span {
    font-family: "Outfit", sans-serif;

    font-size: 18px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    text-transform: capitalize;

    color: var(--text-color);

    min-width: 20px;

    max-width: 70px;

    text-align: center;
}

.product_details_block .selected_item_details .acc_to_cart_btn {
    width: 100%;

    height: 54px;

    margin-top: 30px;
}

.product_details_block .selected_item_details .acc_to_cart_btn button {
    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border: 2px solid rgba(0, 0, 0, 0);

    transition: 0.3s all;

    background: var(--text-color);
}

.product_details_block .selected_item_details .acc_to_cart_btn button:hover {
    background: var(--pagination-color);
}

.product_details_block .selected_item_details .acc_to_cart_btn button span {
    color: #fff;

    font-family: "Outfit", sans-serif;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 2.1px;

    text-transform: uppercase;
}

.product_details_block .woo-variation-gallery-slider-wrapper {
    border: 1px solid #d7d7d7;

    /* height: auto;































    aspect-ratio: 1 / 1; */
}

.product_details_block .woo-variation-gallery-slider-wrapper .slick-slide img {
    width: 90%;

    max-width: 100%;

    aspect-ratio: 1/1;

    height: auto;
}

.product_details_block
    .woo-variation-gallery-slider-wrapper
    .woo-variation-gallery-slider.slick-initialized.slick-slider {
    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;
}

.product_details_block .woo-variation-gallery-thumbnail-wrapper .wvg-gallery-thumbnail-image {
    border: 1px solid #d7d7d7;

    width: 100%;

    height: auto !important;

    aspect-ratio: 1/1;

    opacity: 1;

    transition: 0.3s all;
}

.product_details_block .woo-variation-gallery-thumbnail-wrapper .wvg-gallery-thumbnail-image.current-thumbnail {
    border: 1px solid var(--pagination-color);

    background: #fff;

    box-shadow: 0px 8px 23px 0px rgba(160, 32, 240, 0.13);
}

.product_details_block .woo-variation-gallery-thumbnail-wrapper .wvg-gallery-thumbnail-image div {
    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;
}

.product_details_block .woo-variation-gallery-thumbnail-wrapper .wvg-gallery-thumbnail-image img {
    width: 90%;

    max-width: 50%;

    height: auto;

    aspect-ratio: 1/1;
}

.product_details_block .woo-variation-gallery-container.preload-style-gray {
    gap: 25px;
}

.product_details_block form.variations_form.cart.wvs-loaded {
    margin-top: 30px;

    font-family: "Outfit", sans-serif;
}

.product_details_block form.variations_form.cart.wvs-loaded label {
    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

    color: var(--text-color);
}

.product_details_block form.variations_form.cart.wvs-loaded table.variations tbody tr {
    display: flex;

    align-items: center;

    gap: 16px;

    flex-wrap: wrap;
}

.product_details_block form.variations_form.cart.wvs-loaded table.variations a.reset_variations {
    display: none !important;
}

.product_details_block form.variations_form.cart.wvs-loaded .quantity,
.product_details_block .quantity {
    display: flex;

    gap: 16px;

    align-items: center;

    margin: 30px 0;
}

.product_details_block form.variations_form.cart.wvs-loaded .quantity button,
.product_details_block .quantity button {
    width: 40px;

    height: 40px;

    align-items: center;

    justify-content: center;

    display: flex;

    background: var(--pagination-color);

    border: 0;

    border-radius: 50%;
}

.product_details_block form.variations_form.cart.wvs-loaded .quantity button i,
.product_details_block .quantity button i {
    color: #fff;
}

.product_details_block form.variations_form.cart.wvs-loaded .quantity input,
.product_details_block .quantity input {
    border: 0;

    text-align: center;
}

.product_details_block button.single_add_to_cart_button {
    width: 100%;

    height: 100%;

    display: flex !important;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border: 2px solid rgba(0, 0, 0, 0) !important;

    transition: 0.3s all;

    background: var(--text-color) !important;

    border-radius: 0 !important;
}

.product_details_block button.single_add_to_cart_button span {
    color: #fff;

    font-family: "Outfit", sans-serif;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 2.1px;

    text-transform: uppercase;
}

.product_details_block button.single_add_to_cart_button img {
    width: 20px;

    height: auto;

    transition: 0.3s all;

    filter: invert(1);
}

.product_details_block button.single_add_to_cart_button:hover {
    background: var(--pagination-color) !important;
}

.product_details_block .product_meta {
    margin-top: 20px;
    font-family: "Outfit", sans-serif;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.product_details_block .product_meta a {
    color: var(--pagination-color);

    font-weight: 500;
}

.product_details_block
    form.variations_form.cart.wvs-loaded
    table.variations
    li.variable-item.selected
    .variable-item-contents::before {
    display: none !important;
}

.product_slider_block {
    padding: 50px 0 100px;
}

.product_slider_block .custom-container {
    display: block;

    padding: 0 100px;
}

.product_slider_block .row {
    row-gap: 50px;
}

.product_slider_block .block_heading {
    margin-bottom: 0;
}

.product_slider_block .product_list_item {
    position: relative;

    --item-bg: #f1f2f7;
}

.product_slider_block .product_list_item:hover .product_display_block .add_to_card_block {
    bottom: 0;
}

.product_slider_block .product_list_item:hover .product_display_block .details_link {
    top: 50%;

    transform: translate(-50%, -50%) scale(1);

    opacity: 1;
}

.product_slider_block .product_list_item .product_display_block {
    position: relative;

    width: 100%;

    height: auto;

    overflow: hidden;

    aspect-ratio: 335/351;
}

.product_slider_block .product_list_item .product_display_block .img_block {
    height: 100%;

    width: 100%;

    background: var(--item-bg);

    display: flex;

    align-items: center;

    justify-content: center;
}

.product_slider_block .product_list_item .product_display_block .img_block img {
    width: 60%;

    height: auto;

    aspect-ratio: 1/1;

    max-width: 80%;
}

.product_slider_block .product_list_item .product_display_block .add_to_card_block {
    position: absolute;

    width: 100%;

    height: 54px;

    bottom: -60px;

    z-index: 1;

    left: 0;

    transition: 0.3s all;
}

.product_slider_block .product_list_item .product_display_block .add_to_card_block button,
.product_slider_block .product_list_item .product_display_block .add_to_card_block a {
    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    background: var(--text-color);

    border: 3px solid rgba(0, 0, 0, 0);

    outline: 0;

    transition: 0.3s all;
    text-decoration: none;
}

.product_slider_block .product_list_item .product_display_block .add_to_card_block button:hover,
.product_slider_block .product_list_item .product_display_block .add_to_card_block a:hover {
    background: #fff;

    border: 3px solid var(--item-bg);
}

.product_slider_block .product_list_item .product_display_block .add_to_card_block button:hover span,
.product_slider_block .product_list_item .product_display_block .add_to_card_block a:hover span {
    color: var(--text-color);
}

.product_slider_block .product_list_item .product_display_block .add_to_card_block button:hover img,
.product_slider_block .product_list_item .product_display_block .add_to_card_block a:hover img {
    filter: invert(0);
}

.product_slider_block .product_list_item .product_display_block .add_to_card_block button img,
.product_slider_block .product_list_item .product_display_block .add_to_card_block a img {
    transition: 0.3s all;

    filter: invert(1);

    width: 18px;
}

.product_slider_block .product_list_item .product_display_block .add_to_card_block button span,
.product_slider_block .product_list_item .product_display_block .add_to_card_block a span {
    color: #fff;

    font-family: "Outfit", sans-serif;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    transform: 0.3s all;
}

.product_slider_block .product_list_item .product_display_block .details_link {
    position: absolute;

    z-index: 3;

    top: -1%;

    left: 50%;

    transform: translate(-50%, -50%) scale(0);

    padding: 16px 24px;

    background: var(--item-bg);

    color: var(--text-color);

    font-family: "Outfit", sans-serif;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    transition: 0.5s ease-out;

    text-decoration: none;

    opacity: 0;
}

.product_slider_block .product_list_item .product_display_block .details_link:hover {
    background: var(--pagination-color) !important;

    color: #fff;
}

.product_slider_block .product_list_item .product_info {
    margin-top: 43px;

    text-align: center;
}

.product_slider_block .product_list_item .product_info .title {
    margin: 0;

    color: var(--text-color);

    font-family: "Playfair Display", sans-serif;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 0.54px;

    text-transform: capitalize;
}

.product_slider_block .product_list_item .product_info p {
    color: #898989;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-top: 13px;
}

.product_slider_block .product_list_item .product_info span.price {
    display: block;

    margin-top: 17px;

    font-family: Outfit;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: uppercase;

    color: var(--text-color);
}

.product_slider_block .owl-nav {
    position: absolute;

    top: 40%;

    transform: translateY(-50%);

    width: calc(100% + 150px);

    left: -70px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    z-index: -1;
}

.product_slider_block .owl-nav button {
    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 0;

    background: #f5f5f5 !important;

    border: 1px solid #d7d7d7 !important;

    transition: 0.3s all;

    outline: none;
}

.product_slider_block .owl-nav button span {
    display: none;
}

.product_slider_block .owl-nav button i {
    color: var(--text-color);

    transition: 0.3s all;
}

.product_slider_block .owl-nav button:hover {
    background: #6b09a9 !important;

    border: 1px solid #6b09a9 !important;
}

.product_slider_block .owl-nav button:hover i {
    color: #fff;
}

section.product_tabs {
    display: none;
}

#customer_login {
    margin: 100px auto;

    max-width: 1400px;

    padding-bottom: 100px;
}

#customer_login h2 {
    font-family: "Playfair Display";

    font-size: 32px;

    font-weight: 400;

    text-transform: capitalize;

    color: var(--text-color);

    margin-bottom: 20px;
}

#customer_login form.login,
#customer_login form.register {
    border: 0;

    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);

    /* height: 100%; */

    border-radius: 16px;

    margin-bottom: 30px;
}

#customer_login form.login p label,
#customer_login form.register p label {
    font-family: "Outfit", sans-serif;

    font-size: 16px;

    color: var(--text-color);

    display: block;

    margin-bottom: 16px;
}

#customer_login form.login p span.password-input,
#customer_login form.register p span.password-input {
    display: block;

    width: 100%;
}

#customer_login form input[type="text"],
#customer_login form input[type="password"],
#customer_login form input[type="email"] {
    width: 100%;

    border: 1px solid #c0c0c0;

    padding: 10px;

    outline: 2px solid transparent;

    transition: 0.3s all;

    border-radius: 8px;
}

#customer_login form input[type="text"]:focus,
#customer_login form input[type="password"]:focus,
#customer_login form input[type="email"]:focus {
    outline: 2px solid var(--pagination-color);
}

#customer_login form p {
    font-family: "Outfit", sans-serif;

    font-size: 16px;

    color: var(--text-color);

    display: block;

    margin-bottom: 16px;

    line-height: 26px;
}

#customer_login form p a {
    color: var(--pagination-color);
}

#customer_login form button {
    width: 100%;

    background: var(--text-color);

    font-family: "Outfit", sans-serif;

    font-size: 16px;

    color: var(--light-bg);

    display: block;

    margin-bottom: 16px;

    text-align: center;

    padding: 16px 10px;

    text-transform: uppercase;

    letter-spacing: 2px;

    transition: 0.3s all;

    font-weight: 400;
}

#customer_login form button:hover {
    background: var(--pagination-color);
}

/* cart page */

.wc-block-cart.wp-block-woocommerce-filled-cart-block {
    margin: 50px 0;

    font-family: "Outfit", sans-serif;
}

.wc-block-cart.wp-block-woocommerce-filled-cart-block a {
    color: var(--pagination-color);
}

a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background: var(--pagination-color);

    transition: 0.3s all;
}

a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
    background: var(--text-color) !important;

    text-decoration: none !important;
}

a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained span {
    color: #fff !important;

    text-decoration: none !important;
}

.wc-block-cart-item__quantity button {
    background: var(--pagination-color) !important;

    opacity: 1 !important;

    color: #fff !important;

    transition: 0.3s all;
}

.wc-block-cart-item__quantity button:hover {
    background: var(--highlight) !important;

    opacity: 1 !important;

    color: var(--pagination-color) !important;
}

.wc-block-cart-item__quantity button.wc-block-cart-item__remove-link {
    background: transparent !important;

    color: var(--pagination-color) !important;
}

input#wc-block-components-totals-coupon__input-0 {
    outline: 2px solid transparent;
}

input#wc-block-components-totals-coupon__input-0:focus {
    outline: 2px solid var(--pagination-color) !important;
}

button.components-button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background: var(--text-color) !important;

    color: var(--light-bg) !important;

    transition: 0.3s all;
}

button.components-button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained:hover {
    background: var(--pagination-color) !important;
}

.wc-block-components-sidebar-layout.wc-block-checkout {
    font-family: "Outfit", sans-serif;

    padding: 50px 0;
}

.wc-block-components-sidebar-layout.wc-block-checkout h2 {
    font-size: 24px;

    font-weight: 600;

    color: var(--pagination-color);
}

.wc-block-components-sidebar-layout.wc-block-checkout a {
    color: var(--pagination-color);
}

button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background: var(--pagination-color);

    border: 0 !important;

    transition: 0.3s all;

    color: #fff !important;
}

button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
    background: var(--text-color) !important;
}

.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after {
    border-left: 1px solid hsl(277deg 86.54% 59.22%) !important;
}

form.woocommerce-ResetPassword.lost_reset_password {
    margin: 50px auto;

    width: 100%;

    max-width: 500px;

    font-family: "Outfit", sans-serif;
}

form.woocommerce-ResetPassword.lost_reset_password
    p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
    width: 100%;

    display: block;
}

form.woocommerce-ResetPassword.lost_reset_password input {
    width: 100%;

    padding: 10px;

    border: 1px solid #cacaca;
}

form.woocommerce-ResetPassword.lost_reset_password p {
    line-height: 26px;

    font-size: 16px;

    margin-bottom: 20px;
}

form.woocommerce-ResetPassword.lost_reset_password button {
    width: 100%;

    background: var(--pagination-color);

    color: #fff !important;

    transition: 0.3s all;

    text-align: center;

    padding: 16px 10px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 400;
}

form.woocommerce-ResetPassword.lost_reset_password button:hover {
    background: var(--text-color);
}

.popular_brand_slider {
    margin: 44px 0 100px;
}

.brand_slide_block .custom-container2 {
    padding: 0 100px;
}

.brand_slide_block .custom-container2 .owl-nav {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    justify-content: space-between;

    width: calc(100% + 52px);

    left: -26px;
}

/* view all btn block css start */

.view_all_btn_block {
    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;
}

.view_all_btn_block::before {
    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    height: 0.1px;

    background: #7c7c7c;

    transform: translateY(-50%);
}

.view_all_btn_block::after {
    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    width: 190px;

    height: 100%;

    background: #fff;

    transform: translateX(-50%);

    z-index: 0;
}

.view_all_btn_block .view_all_cta {
    width: 160px;

    height: 48px;

    align-items: center;

    justify-content: center;

    gap: 10px;

    border: 1px solid #7c7c7c;

    box-shadow: 0px 16px 14px 0px rgba(62, 66, 29, 0.13);

    display: flex;

    text-decoration: none;

    transition: 0.3s all;

    z-index: 1;

    position: relative;

    background: #fff;
}

.view_all_btn_block .view_all_cta:hover {
    background: var(--text-color);
}

.view_all_btn_block .view_all_cta:hover span {
    color: var(--light-bg);
}

.view_all_btn_block .view_all_cta:hover i {
    color: var(--light-bg);
}

.view_all_btn_block .view_all_cta span {
    font-family: Outfit;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 2.1px;

    text-transform: uppercase;

    color: var(--text-color);

    transition: 0.3s all;
}

.view_all_btn_block .view_all_cta i {
    font-size: 14px;

    color: var(--text-color);

    transition: 0.3s all;
}

/* view all btn block css end */

div#navbarSupportedContent {
    justify-content: space-evenly;
}

ul.mega-sub-menu {
    width: calc(100% + 400px) !important;

    left: -200px !important;
}
ul.mega-menu ul.mega-sub-menu ul.mega-sub-menu {
    max-height: none !important;
    width: 100% !important;
    left: 0 !important;
}

ul.mega-menu li a.mega-menu-link {
    /* font-family: "Playfair Display", sans-serif !important; */

    font-family: "Outfit", sans-serif !important;
}

ul.mega-menu ul.mega-sub-menu {
    max-height: calc(100vh - 100px) !important;

    height: auto !important;

    overflow: auto !important;
}
ul.mega-menu ul.mega-sub-menu li.mega-menu-row:last-child a.mega-menu-link {
    display: block !important;
    max-width: 200px !important;
    margin: 0 auto 20px !important;
    background: var(--pagination-color) !important;
    color: var(--light-bg) !important;
    padding: 8px 20px !important;
    text-align: center !important;
    transition: 0.3s all !important;
    font-weight: 400 !important;
}
ul.mega-menu ul.mega-sub-menu li:last-child a.mega-menu-link:hover {
    background: var(--highlight) !important;
    color: var(--pagination-color) !important;
}
ul.mega-menu li a.mega-menu-link span::after {
    top: 3px !important;
}

ul.mega-sub-menu .image {
    width: 50px;

    height: 50px;

    border-radius: 50%;

    overflow: hidden;

    margin: 0 auto;

    display: block;
}

ul.mega-sub-menu .image img {
    width: 100%;

    height: 100%;

    object-fit: cover;
}

ul.mega-sub-menu .product-category .image {
    border-radius: 0;
}

ul.mega-sub-menu a {
    text-decoration: none;

    font-family: "Outfit", sans-serif;

    font-size: 14px;

    font-weight: 400;

    color: #000;
}
ul.mega-sub-menu a span {
    font-size: 13px;
}

ul.mega-menu {
    background: transparent !important;
}

ul.mega-menu li a {
    color: #000 !important;

    background: transparent !important;
}

ul.mega-menu li.mega-current_page_item a.mega-menu-link {
    color: var(--pagination-color) !important;
}

/* my account page */

nav.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
    margin: 50px 0;

    font-family: "Outfit", sans-serif !important;
}

nav.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 20px;
}

nav.woocommerce-MyAccount-navigation ul li:last-child {
    margin-bottom: 0;
}

nav.woocommerce-MyAccount-navigation ul li a {
    color: var(--pagination-color);

    padding: 5px 0;

    text-decoration: none !important;

    transition: 0.3s all;
}

nav.woocommerce-MyAccount-navigation ul li a:hover {
    padding-left: 10px;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a {
    padding-left: 10px;

    border-left: 1px solid var(--pagination-color);
}

.woocommerce-MyAccount-content p {
    margin: 0 0 10px 0;
}

.woocommerce-MyAccount-content p a {
    color: var(--pagination-color);
}

.woocommerce-MyAccount-content
    table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table
    thead
    tr
    th {
    background: var(--pagination-color);

    color: var(--light-bg);

    padding: 10px;
}

.woocommerce-MyAccount-content
    table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table
    tbody
    tr
    td
    a {
    color: var(--pagination-color);
}

.woocommerce-MyAccount-content
    table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table
    a.woocommerce-button.button.view {
    background: var(--text-color);

    color: var(--light-bg);
}

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses {
    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    margin-top: 20px;
}

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address {
    width: calc((100% - 20px) / 2);

    border: 1px solid #ccc;

    border-radius: 10px;

    padding: 16px;

    display: block;

    float: none;

    max-width: calc((100% - 20px) / 2);

    flex: 0 0 calc((100% - 20px) / 2);
}

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses::before {
    display: none;
}

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address header {
    margin-bottom: 20px;

    display: flex;

    align-items: center;

    gap: 20px;

    flex-wrap: wrap;

    justify-content: space-between;
}

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address header::before,
.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address header::after {
    display: none;
}

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address header h3 {
    color: var(--pagination-color);

    font-weight: 500;

    font-size: 20px;
}

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address address {
    line-height: 200%;
}

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address header a {
    background: var(--pagination-color) !important;

    text-decoration: none;

    transition: 0.3s all;

    color: var(--light-bg);

    padding: 5px 16px;

    border-radius: 5px;
}

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address header a:hover {
    background: var(--text-color) !important;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account,
.woocommerce-MyAccount-content .woocommerce-address-fields {
    width: 100%;

    max-width: 600px;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p,
.woocommerce-MyAccount-content .woocommerce-address-fields p {
    float: none !important;

    display: block !important;

    width: 100% !important;

    margin-bottom: 16px;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p label span,
.woocommerce-MyAccount-content .woocommerce-address-fields p label span {
    display: inline-block;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p span.show-password-input {
    margin: 0;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p input,
.woocommerce-MyAccount-content .woocommerce-address-fields p input {
    width: 100%;

    border: 1px solid #ccc;

    outline: 1px solid transparent;

    transition: 0.3s all;

    padding: 10px;

    border-radius: 5px;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p input:focus,
.woocommerce-MyAccount-content .woocommerce-address-fields p input:focus {
    outline: 1px solid var(--pagination-color);
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p span {
    display: block;

    margin-top: 10px;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p button.button,
.woocommerce-MyAccount-content .woocommerce-address-fields p button.button {
    background: var(--pagination-color);

    color: var(--light-bg);

    transition: 0.3s all;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p button.button:hover,
.woocommerce-MyAccount-content .woocommerce-address-fields p button.button:hover {
    background: var(--text-color);
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p {
    float: none;

    width: 100%;
}

.woocommerce-info {
    border-top-color: var(--pagination-color) !important;
}

.woocommerce-notices-wrapper,
.woocommerce-order,
.woocommerce-info {
    font-family: "Outfit", sans-serif !important;
}

.woocommerce-info::before {
    color: var(--pagination-color) !important;
}

.woocommerce-order {
    padding: 50px 0;
}

.woocommerce-order a {
    color: var(--pagination-color);
}

.woocommerce-order p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    text-align: center;

    margin: 50px 0;

    font-size: 20px;

    background: var(--pagination-color);

    color: var(--light-bg);

    padding: 16px;
}

.woocommerce-order p {
    margin: 0 0 16px 0;
}

.woocommerce-order h2 {
    color: var(--pagination-color);

    font-size: 24px;

    margin-bottom: 20px;
}

.woocommerce-order section.woocommerce-customer-details address {
    padding: 16px;

    border: 1px solid var(--text-color);

    line-height: 30px;
}

.wp-block-woocommerce-empty-cart-block {
    padding: 50px 0;
}

.wp-block-woocommerce-empty-cart-block
    h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {
    font-family: "Outfit", sans-serif;

    font-size: 18px;

    margin-bottom: 20px;
}

.wp-block-woocommerce-empty-cart-block h2.wp-block-heading.has-text-align-center {
    font-family: "Playfair Display", sans-serif;

    font-size: 38px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: capitalize;

    color: var(--text-color);

    margin-bottom: 30px;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new.wc-block-product-new.has-4-columns {
    font-family: "Outfit", sans-serif;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link {
    text-decoration: none;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link .wc-block-grid__product-title {
    color: var(--pagination-color);

    font-size: 20px;
}
a {
    font-family: "Outfit", sans-serif;
}
a.attr_no_img {
    display: block;
}
a.attr_no_img span {
    display: block;
    background: #fff;
    border-radius: 5px;
    padding: 8px;
    transition: 0.3s all;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
}
a.attr_no_img:hover span {
    background: var(--pagination-color);
    color: var(--light-bg);
}
.abt_top_block {
    padding: 50px 0;
}
.abt_top_block p {
    color: #898989;
    font-family: "Outfit", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    max-width: 1199px;
    margin-inline: auto;
    text-align: center;
}
ul.mega-menu ul.mega-sub-menu li.custom_menu_sizes ul {
    display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
}
ul.mega-menu ul.mega-sub-menu li.custom_menu_sizes ul li:first-child {
    width: 100% !important;
}
ul.mega-menu ul.mega-sub-menu li.custom_menu_sizes ul li {
    width: calc((100% - 40px) / 3) !important;
    padding: 0 !important;
}
ul.mega-menu ul.mega-sub-menu li.custom_menu_sizes ul li a.mega-menu-link,
ul.mega-menu ul.mega-sub-menu li.custom_menu_sizes.mega-menu-column ul li a.mega-menu-link {
    display: block !important;
    background: #fff !important;
    border-radius: 5px !important;
    padding: 8px !important;
    transition: 0.3s all !important;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06) !important;
    color: var(--text-color) !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}
ul.mega-menu ul.mega-sub-menu li.custom_menu_sizes ul li a.mega-menu-link:hover,
ul.mega-menu ul.mega-sub-menu li.custom_menu_sizes.mega-menu-column ul li a.mega-menu-link:hover {
    background: var(--pagination-color) !important;
    color: #fff !important;
}
ul.mega-menu ul.mega-sub-menu li.custom_menu_sizes ul li#mega-menu-item-product_category_lists-3 {
    width: 100% !important;
}
ul.mega-menu ul.mega-sub-menu li.custom_menu_sizes ul li#mega-menu-item-text-9 {
    width: 100% !important;
}