@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

:root {
    --primary: #579BCE !important;
    --secondary: #BE1967 !important;
    --grey: #C9C9C9 !important;
    --dark-grey: #D6D6D6 !important;
    --light: #F8F8F8 !important;
    --whatsapp: #6BCE72 !important;
    --title-color: #3D3D3D !important;
    --text-color: #898989 !important;
    --gold: #C7A26E !important;
    --green: #518201 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-125 {
    padding-top: 125px;
}

.pb-125 {
    padding-bottom: 125px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pl-140 {
    padding-left: 140px;
}

.pr-140 {
    padding-right: 140px;
}

.main-container-padding {
    padding: 0 325px;
}

.text-grey {
    color: var(--dark-grey)
}

.text-red {
    color: var(--secondary)
}

img {
    max-width: 100%;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.no-desktop {
    display: none !important;
}

.no-mobile {
    display: block !important;
}

.table.no-mobile {
    display: table !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.pointer {
    cursor: pointer;
}

a,
a:hover {
    text-decoration: none !important;
    transition: 400ms !important;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #0D0D0D;
    border: 0px none #ffffff;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #0D0D0D;
}

::-webkit-scrollbar-thumb:active {
    background: #0D0D0D;
}



/* header-begin */


.banner-slider {
    position: relative;
    z-index: 99999;
    pointer-events: none !important;
    height: 45px;
    display: flex;
    align-items: center;
    background: #FCFCFC;
}

.banner-slider .slider-item {
    text-align: center;
    font-family: 'Taruno Wide';
    font-size: 12px;
    font-weight: bold;
}

header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99999;
    top: 45px;
    transition: 400ms;
}

.scrolled header {
    top: 0;
    box-shadow: 0 28px 30px rgba(0, 0, 0, 0.1);
    transition: 400ms;
}

.scrolled .header-content {
    height: 90px;
}

.header.desktop-header {
    background: white;
    transition: 400ms;
}

/* .scrolled .header.desktop-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    transition: 400ms;
} */


.header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 125px;
}

header button.menu-button {
    background: 0 0;
    border: none;
    padding: 0;
    /* flex-direction: column; */
    /* align-items: start; */
    height: 20px;
    width: 30px;
    /* justify-content: space-between;
    display: flex; */
    position: relative;
    z-index: 9999;
}

button.menu-button .line {
    width: 30px;
    height: 1px;
    border-radius: 5px;
    background: #262626;
    transition: .4s;
    position: absolute;
    transform-origin: center !important;
}

button.menu-button :not(.middle-line):first-child {
    top: 0;
}

.line.middle-line {
    top: calc(50% - 1px);
}

button.menu-button :not(.middle-line):nth-child(3) {
    bottom: 0;
}

body.menu-active button.menu-button :not(.middle-line):first-child {
    animation: topToEscape 1s forwards;
}

body.menu-active button.menu-button :not(.middle-line):nth-child(3) {
    animation: bottomToEscape 1s forwards;
}


body.menu-used:not(.menu-active) button.menu-button :not(.middle-line):first-child {
    animation: escapeToTop 1s forwards;
}

body.menu-used:not(.menu-active) button.menu-button :not(.middle-line):nth-child(3) {
    animation: escapeToBottom 1s forwards;
}

body.menu-active button.menu-button .middle-line {
    opacity: 0;
}


@keyframes bottomToEscape {
    0% {
        bottom: 0;
    }

    50% {
        bottom: calc(50% - 1px);
        transform: rotate(0);
    }

    100% {
        bottom: calc(50% - 1px);
        transform: rotate(45deg);
    }
}

@keyframes topToEscape {
    0% {
        top: 0px;
    }

    50% {
        top: calc(50% - 1px);
        transform: rotate(0);
    }

    100% {
        top: calc(50% - 1px);
        transform: rotate(-45deg);
    }
}

@keyframes escapeToBottom {
    0% {
        bottom: calc(50% - 1px);
        transform: rotate(45deg);
    }

    50% {
        bottom: calc(50% - 1px);
        transform: rotate(0);
    }

    100% {
        bottom: 0;
    }
}

@keyframes escapeToTop {
    0% {
        top: calc(50% - 1px);
        transform: rotate(-45deg);
    }

    50% {
        top: calc(50% - 1px);
        transform: rotate(0);
    }

    100% {
        top: 0px;
    }
}

.header-action {
    margin-right: 15px;
}

.header-menu {
    height: 725px;
    box-shadow: 0 28px 30px rgba(0, 0, 0, 0.1);
    padding: 45px 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 125px;
    background: #fff;
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    transition: 400ms;
}

body.menu-active .header-menu {
    opacity: 1;
    pointer-events: all;
    transition: 400ms;
}

.scrolled .header-menu {
    top: 90px;
    transition: 400ms;
}

.header-menu-image-category .banner-image-box:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(45deg, #1e1e1e26, transparent);
}

.header-menu-image-category .banner-image-box {
    position: relative;
    justify-content: end;
}

.header-menu-image-category .banner-image-box * {
    z-index: 9;
}

.header-menu-image-category .banner-image-box .color-text-2 {
    margin-bottom: -27px;
}

.header-menu-content {
    display: flex;
    justify-content: space-between;
}

.nav-tabs {
    border: none !important;
}

.header-menu-nav .nav-item .nav-link {
    background: none !important;
    border: none;
    color: #1A1818 !important;
    font-family: 'Albert Sans';
    font-size: 20px;
    font-weight: 300;
    border-radius: 0;
    padding: 3px 0;
    margin-right: 90px;
}

.header-menu-nav .nav-item .nav-link.active {
    border-bottom: 2px solid #1A1818;
    font-weight: 900;
}

.header-menu-nav ul.nav {
    margin-bottom: 75px !important;
}

.header-menu-nav {
    padding-left: 100px;
    padding-top: 75px;
}

.header-category-list {
    display: flex;
}

.header-category-list ul {
    padding: 0;
    list-style: none;
    margin-right: 125px;
}

.header-category-list ul a {
    color: #1A1818;
    font-size: 20px;
    font-family: 'Albert Sans';
    font-weight: 300;
}

.header-category-list ul li {
    margin-bottom: 15px;
}


.header-right {
    display: flex;
    max-width: 30%;
    width: 100%;
    justify-content: flex-end;
}

.header-action.searh-area form {
    display: flex;
    padding-bottom: 5px;
    max-width: 375px;
    width: 300px;
    position: relative;
    justify-content: flex-end;
}

.header-action.searh-area form input {
    border: none;
    overflow: hidden;
    white-space: nowrap;
    width: 0;
    font-size: 14px;
    font-weight: 300;
    font-family: 'figtree';
    color: #454545;
    transition: 400ms;
}

.header-action.searh-area form input::placeholder {
    font-size: 14px;
    font-weight: 300;
    font-family: 'figtree';
    color: #454545;
}


.header-action.searh-area form input:focus {
    border: none;
    outline: none;
}

.header-action.searh-area form:hover input {
    width: 100%;
    transition: 500ms;
}


.header-action.searh-area form button {
    background: none;
    border: none;
    outline: none;
}

.header-menu-button {
    max-width: 30%;
    width: 100%;
}

.header-action.searh-area form:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0%;
    height: 1px;
    background: #262626;
    transition: 400ms;
}

.header-action.searh-area form:hover:after {
    width: 100%;
    transition: 400ms;
}

a.header-action.header-cart {
    position: relative;
}

.cart-counter {
    position: absolute;
    right: -10px;
    top: -5px;
    background: #B21212;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'Albert Sans';
    font-weight: 400;
}

/* header-end */


/* main-slider-begin */

.main-slider {
    margin-top: 125px;
}

.main-slider .item.slider-item {
    height: 800px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.main-slider .item.slider-item .slider-text h2 {
    font-family: 'Taruno Wide';
    font-size: 70px;
    font-weight: 900;
    margin-bottom: 50px;
}

.main-slider .item.slider-item .slider-content {
    text-align: center;
}

.main-slider .item.slider-item .slider-text {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    text-align: center;
}

.main-slider .item.slider-item .slider-text p {
    font-family: "Figtree", sans-serif;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 50px;
    color: #454545;
    line-height: 26px;
}

.theme-button {
    font-family: "Figtree", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #454545 !important;
    line-height: 19px;
    position: relative;
    display: flex;
    justify-content: center;
    height: 28px;
    cursor: pointer;
}

.theme-button:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #454545;
    transition: 400ms;
}

.theme-button:hover:after {
    width: 115%;
    transition: 400ms;
}

/* main-slider-end */

/* main-category-begin */

.main-category {
    margin: 25px 0;
}

.main-category .category-col {
    padding: 0 7.5px !important
}

.main-category .category-item {
    height: 725px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-start;
    padding: 55px 32px;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
}


.main-category .category-item::after {
    content: '';
    display: block;
    width: 100%;
    height: 65%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #1e1e1e9e, transparent);
    position: absolute;
}

.main-category .category-item:hover .theme-button:after {
    width: 115%;
    transition: 400ms;
}

.main-category span.category-item-title {
    font-size: 27px;
    font-family: 'Taruno Wide';
    font-weight: 900;
    color: #1A1818;
    margin-bottom: 10px;
}

.main-category span.category-item-smalltitle {
    color: #1A1818;
    font-weight: 100;
    font-family: 'Figtree';
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
}

/* main-category-end */

/* product-slider-begin */
.products-slider {
    padding: 25px 0;
    margin-bottom: 75px;
}

.product-slider-top {
    display: flex;
    width: 100%;
    height: 125px;
    margin: 25px 0;
    justify-content: space-between;
}

.slider-top-text {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.slider-top-text span:first-child {
    font-size: 18px;
    font-family: 'Figtree';
    font-weight: 600;
    color: #1A1818;
    margin-bottom: 10px;
}

.slider-top-text span:last-child {
    font-size: 36px;
    font-family: 'Taruno Wide';
    color: #1A1818;
    font-weight: 900;
}


.slider-control {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.slider-control .nav-buttons {
    display: flex;
    align-content: flex-end;
}

.slider-control .nav-buttons button {
    background: none;
    border: none;
    margin-left: 20px;
    margin-bottom: 10px;
}


/* product-slider */

/* product-item */

.item-image-box {
    height: 575px;
    padding: 15px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}


.add-cart {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 20px);
    left: 10px;
    border: none;
    background: #fff;
    height: 65px;
    font-family: 'Figtree';
    color: #1a1818bf;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    opacity: 0;
    transition: 400ms;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.item-image-box:hover .add-cart {
    opacity: 1;
}

.box-left {
    display: flex;
    align-items: center;
}

.discount span,
.special span {
    padding: 10px 15px 8px 15px;
    font-family: 'Taruno Wide';
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

span.discount-ratio {
    background: #1A1818;
    color: #fff;
}

span.discount-title {
    color: #1A1818;
    background: #fff;
}

.special span {
    margin-left: 10px;
}

.special span {
    color: #fff;
    background: #D81616;
}

.item-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.discount {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.box-right {
    padding: 10px;
    z-index: 99;
}

.item-info .item-title {
    display: flex;
    font-size: 18px;
    font-family: 'Figtree';
    color: #1A1818;
    font-weight: 600;
}

.old-price {
    margin-top: 5px;
    font-size: 18px;
    color: #C9C9C9;
    font-weight: 500;
    text-decoration: line-through;
}

.price {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Figtree';
    color: #1A1818;
}

.item-color {
    display: flex;
}

.item-color * {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 2px solid #fff;
}

.item-color div:not(:last-child) {
    margin-right: -10px;
}

/* .item-color .color-1 {
    background: #AE9844;
    z-index: 3;
}

.item-color .color-2 {
    background: #BD0055;
    z-index: 2;
}

.item-color .color-3 {
    background: #018BBE;
    z-index: 1;
} */

/* product-item-end */


/* main-banner */
.main-banner {
    margin-top: 75px;
    padding-bottom: 25px;
}

.main-banner .banner-content {
    height: 809px;
    width: 100%;
    background-size: contain !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    display: flex;
    justify-content: space-between;
    padding: 55px 65px 0 0;
}

.banner-right .banner-right-content {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

.banner-right .banner-right-content .theme-button:hover:after {
    width: 115%;
    transition: 400ms;
}

.banner-right .banner-right-content span.banner-right-title {
    font-size: 27px;
    font-family: 'Taruno Wide';
    font-weight: 900;
    color: #1A1818;
    margin-bottom: 10px;
}

.banner-right .banner-right-content span.banner-right-smalltitle {
    color: #1A1818;
    font-weight: 100;
    font-family: 'Figtree';
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
}



.styled-text {
    display: flex;
    flex-direction: column;
}

.styled-text span {
    font-size: 79px;
    line-height: 1;
}

.styled-text .outlined-text {
    /* font-family: 'Taruno Wide Outline'; */

    font-family: 'Taruno Wide';
    font-weight: 900;

    color: #b0dd0b00;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #707070;
}

span.solid-text {
    font-family: 'Taruno Wide';
    font-weight: 900;
    line-height: 70px;
}

.banner-left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

span.outlined-text.outlined-top {
    margin-bottom: 25px;
}

.cut-text.cut-bottom {
    height: 35px;
    overflow: hidden;
    margin-bottom: 25px;
}

.cut-text.cut-top {
    height: 45px;
    overflow: hidden;
    padding-bottom: 35px;
    margin-top: 8px;
}

.cut-text.cut-top span {
    margin-top: -20px;
    position: relative;
    display: block;
}

.banner-slogan {
    margin-top: 45px;
    margin-left: 25px;
}

.banner-slogan span {
    font-size: 18px;
    font-family: 'Figtree';
    color: #454545;
    font-weight: 400;
}

.banner-slogan span strong {
    font-weight: 900;
}

/* main-banner-end */

/* main-color-banner */

.color-banner-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.color-banner-product .item-image-box {
    /* width: 570px; */
    width: 100%;
    height: 580px;
    background-size: cover;
}

.color-banner-product .item-bottom {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
}

.color-banner-product .item-bottom .item-title {
    color: #CCCCCC;
    transition: 400ms;
}

.color-banner-product:hover .item-bottom .item-title {
    color: #1A1818;
    transition: 400ms;
}

a.banner-image-box {
    /* width: 100%; */

    width: 570px;
    height: 528px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

a.banner-image-box span.color-text {
    color: #fff;
    font-family: 'Taruno Wide';
    font-weight: 800;
    line-height: 1;
    text-align: center;
}

a.banner-image-box span.color-text-1 {
    font-size: 94px;
}

a.banner-image-box span.color-text-2 {
    font-size: 106px;
}

.light-theme-button {
    color: #fff !important;
}

.light-theme-button:after {
    background: #fff;
}

.banner-image-box .theme-button {
    margin-top: 15px;
}

.color-banner-item {
    margin-bottom: 75px;
    width: 33%;
}

.color-banner-product {
    width: 32%;
}

.blue-banner a.banner-image-box span.color-text-1 {
    font-size: 116px;
}

.blue-banner a.banner-image-box span.color-text-2 {
    font-size: 154px;
}

/* main-color-banner-end */

/* main-video */


.main-video-area {
    width: 100%;
    height: 625px;
    overflow: hidden;
    margin: 75px 0 125px 0
}

.main-video-area video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1) !important;
    object-position: center;
}

/* main-video-end */

/* main-wide-banner */

.wide-banner-content {
    height: 525px;
    background: #AEDD0B;
    padding: 95px 70px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.wide-banner-left {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    z-index: 2;
}

.wide-banner {
    margin: 100px 0 115px 0;
}

.wide-banner-right {
    z-index: -9999;
    position: relative;
}

.wide-banner-left .banner-small-title {
    font-size: 18px;
    font-weight: 800;
    font-family: 'Figtree';
}

.wide-banner-left .banner-big-title {
    font-size: 110px;
    font-family: 'Taruno Wide';
    font-weight: 900;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 45px;
}

.wide-banner-left p.banner-text {
    font-size: 18px;
    font-family: 'Figtree';
    color: #454545;
    font-weight: 300;
    margin-bottom: 50px;
}

.wide-banner-left .banner-text strong {
    font-weight: 900;
}

.banner-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
}

.wide-banner-right span {
    font-family: 'Taruno Wide';
    font-size: 111px;
    line-height: 1;
    color: #aedd0b;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #8FB50D;
    font-weight: 900;
}

.wide-banner-right {
    z-index: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 70px;
    top: -5px;
}

/* main-wide-banner-end */


/* main-socials */

.social-col,
.blog-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

span.social-small-title {
    color: #000;
    font-size: 18px;
    font-family: 'Figtree';
    font-weight: 900;
    margin-bottom: 15px;
}

span.social-middle-title {
    font-family: 'Taruno Wide';
    font-size: 24px;
    font-weight: 800;
    color: #0D0D0D;
}

.social-images {
    margin: 35px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.social-images a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.social-images a {
    width: calc(33.3% - 7.5px);
    aspect-ratio: 1;
    margin-bottom: 15px;
}

.blog-content {
    margin: 35px 0;
    display: flex;
    flex-direction: column;
}

.blog-list-item {
    background: #F7F7F7;
    padding: 35px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 278px;
}

a.blog-item-title {
    font-size: 24px;
    font-family: 'Figtree';
    color: #1A1818;
    font-weight: 500;
    display: block;
}

.blog-list-item p {
    color: #A2A2A2;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Figtree';
}

a.blog-more {
    font-size: 16px;
    color: #A2A2A2;
    font-family: 'Figtree';
    font-weight: 300;
}

a.blog-more i {
    margin-left: 10px;
    transition: 400ms;
}

a.blog-more:hover i {
    margin-left: 15px;
    transition: 400ms;
}

/* main-socials-end */

/* footer */


footer {
    margin-top: 100px;
}

.footer-content {
    padding: 75px 0 100px 0;
}

.footer-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    padding-bottom: 35px;
}

.footer-logo-col {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 73px;
}

.footer-logo-col .wide-logo img {
    height: 37px;
    object-fit: contain;
    margin-left: 20px;
    margin-bottom: 10px;
}


.footer-socials a {
    font-size: 26px;
    color: #1A1818;
    margin-left: 20px;
}

h3.footer-menu-title {
    color: #1A1818;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Figtree';
    margin: 0;
}

.footer-col.footer-menu ul li a {
    color: #1A1818;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 100;
    margin-top: 25px;
    display: block;
}

.footer-col ul {
    padding: 0;
    list-style: none;
}

.footer-marketing {
    padding-top: 25px;
}

.footer-marketing li {
    margin: 20px 0;
    display: flex;
    align-items: center;
}

.footer-marketing li img {
    width: 41px;
    height: 41px;
    object-fit: contain;
    margin-right: 25px;
}

.footer-marketing li span {
    color: #1A1818;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 100;
}


.copyright {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    border-top: 1px solid #EDEDED;
    overflow: hidden;
}

.copyright span {
    color: #1A1818;
    font-size: 14px;
    font-family: 'Albert Sans';
    font-weight: 400;
}

.copyright a img {
    margin-bottom: -30px;
}

/* footer-end */

.inner-page {
    margin-top: 125px;
}

/* product-list-page */

.item-image-box {
    background-size: cover;
    background-position: center;
}


.long-style-items {
    padding: 0 150px;
}

.long-style-items .item {
    margin-bottom: 100px;
}

.short-style-items .item {
    margin-bottom: 50px;
}

.long-style-items .item-image-box {
    height: 975px;
}

.inner-page-header .header-list-style img {
    filter: brightness(1);
    transition: 400ms;
}

.inner-page-header .header-list-style img.dim {
    filter: brightness(0);
    transition: 400ms;
}

.inner-page-header .header-list-style input {
    position: absolute;
    opacity: 0;
}

.list-style-button label {
    padding: 5px;
    margin: 0;
}

.filter-button,
.ordering-button,
.list-style-button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

.header-filter {
    width: 135px;
    height: 100%;
    margin-left: 15px;
}

.header-ordering {
    width: 125px;
    height: 100%;
    margin-left: 15px;
}

.header-list-style {
    width: 80px;
    height: 100%;
    margin-left: 15px;
}

.header-dropdown .dropdown-action-button {
    cursor: pointer;
    transition: 400ms;
}

.header-dropdown .dropdown-action-button:hover,
.header-dropdown:has(.active) .dropdown-action-button {
    background: #1A1818;
    color: #fff;
    transition: 400ms;
}

.header-dropdown .dropdown-action-button:hover img,
.header-dropdown:has(.active) .dropdown-action-button img {
    filter: invert(1);
}

.header-list-style label {
    cursor: pointer;
}

.header-list-style label:hover img {
    filter: brightness(.4);
}

.ordering-list {
    background: #F4F4F4;
    z-index: 999;
    position: absolute;
    padding: 15px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    margin-top: 15px;
    box-shadow: 0 28px 30px rgba(0, 0, 0, 0.1);
}

.ordering-list.active {
    opacity: 1;
    pointer-events: all
}

.ordering-list label {
    margin-bottom: 15px;
}

.toggle-address label span,
.ordering-list label span {
    font-size: 15px;
    font-family: 'Figtree';
    font-weight: 400;
    color: #1A1818;
    margin-left: 10px;
}

.custom-checkbox {
    background: #1A181800;
    border: 1px solid #1A1818;
    width: 15px;
    height: 15px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: 400ms;
}

.custom-checkbox img {
    opacity: 0;
    transition: 400ms;
}

.toggle-address label:hover img,
.dropdown-content label:hover img {
    opacity: 1 !important;
    transition: 400ms;
}

.toggle-address label:has(:checked) .custom-checkbox,
.ordering-list label:has(:checked) .custom-checkbox,
.login-form-nav label:has(:checked) .custom-checkbox {
    background: #1A1818;
}

.toggle-address label:has(:checked) .custom-checkbox img,
.ordering-list label:has(:checked) .custom-checkbox img,
.login-form-nav label:has(:checked) .custom-checkbox img {
    filter: invert(1) brightness(1);
    opacity: 1 !important;
}

.toggle-address label,
.ordering-list label,
.login-form-nav label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.toggle-address label input,
.ordering-list label input,
.login-form-nav label input {
    opacity: 0;
    position: absolute;
}


/* product-list-page-end */

/* page-header */
.inner-page-header {
    margin-bottom: 40px;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.header-bread {
    background: #F8F8F8;
    height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.header-bread ul {
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0;
}

.header-bread ul li {
    font-size: 15px;
    font-family: 'Figtree';
    font-weight: 400;
    color: #1A1818 !important;
}

.header-bread ul li a {
    color: #1A1818 !important;
}

.header-bread ul li.seperator {
    margin: 0 5px;
}

.header-bread ul li.current-page {
    font-weight: 800;
    text-transform: uppercase;
}

/* page-header-end */


/* corporate-page */

.corporate-content {
    margin-top: 90px;
}

.corporate-content .corporate-content-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 150px;
}

.corporate-content .corporate-content-col .corporate-text {
    color: #6c6c6c;
    font-size: 18px;
    font-family: 'Figtree';
    font-weight: 300;
    line-height: 32px;
}

.corporate-content .corporate-content-col .corporate-text p {
    margin-bottom: 35px;
    letter-spacing: .1px;
}

.corporate-content .corporate-content-col span.corporate-small {
    font-size: 18px;
    font-weight: 900;
    color: #000000;
    font-family: 'Figtree';
}

.corporate-content .corporate-content-col span.corporate-title {
    font-family: 'Taruno Wide';
    color: #0D0D0D;
    font-size: 48px;
    font-weight: 800;
    margin: 15px 0 50px;
}

.corporate-content .corporate-image-col {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.signature-text {
    width: 675px;
    padding-left: 70px;
}

.signature-text span {
    font-size: 52px;
    font-family: 'Figtree';
    font-weight: 100;
    color: #000000;
    letter-spacing: 25px;
}

.signature img {
    height: 275px;
    object-fit: contain;
}

.signature:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    width: 1px;
    background: #1A1818;
}

.signature {
    position: relative;
    padding-right: 70px;
}

.corporate-signature {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 100px 0;
}

/* corporate-page-end */

/* pattern-page */


.pattern-page .wide-banner-content {
    height: 700px;
    background: #b0dd0b00;
    padding: 95px 70px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    background-size: cover;
}

.pattern-page .banner-bg {
    z-index: -1;
}

.pattern-page .wide-banner-left {
    align-items: flex-end;
    text-align: end;
    width: 50%;
    justify-content: center;
}

.pattern-page .wide-banner-left .banner-text {
    max-width: 645px;
    line-height: 36px;
}

.banner-top {
    display: flex;
    justify-content: center;
    text-align: center;
}

.banner-top span {
    font-size: 36px;
    font-family: 'Taruno Wide';
    color: #1A1818;
    font-weight: 900;
    text-align: center;
}

.pattern-slider-area {
    margin-top: 75px;
}

span.pattern-slider-title {
    font-family: 'Taruno Wide';
    font-weight: 900;
    font-size: 87px;
    text-align: justify;
    line-height: 1;
}

span.pattern-slider-title.pattern-slider-big {
    font-size: 97px;
}

.green-item span.pattern-slider-title {
    color: #00A574;
}

.yellow-item span.pattern-slider-title {
    color: #aa7e28;
}

.blue-item span.pattern-slider-title {
    color: #005FCE;
}

.red-item span.pattern-slider-title {
    color: #DB0010;
}


.pattern-slider-image img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.pattern-slider-text {
    text-align: end;
    color: #454545;
    font-size: 16px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: .1px;
    padding-left: 15px;
}


.pattern-slider-area .slider-control {
    margin-top: 35px;
}

/* pattern-page-end */

/* special-list-page */

.special-list-header.inner-page-header {
    margin: 0;
}

.inner-page-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
}

.inner-page-video {
    height: 630px;
    position: relative;
    width: 100%;
    margin-bottom: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.video-area-text {
    z-index: 9;
    color: #fff;
    font-size: 66px;
    font-weight: 300;
    font-family: 'Figtree';
    letter-spacing: 20px;
}

span.video-area-text .text-bodoni {
    font-family: 'bodoni-moda';
}

.special-list-banner {
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin: 100px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.special-list-banner span {
    color: #fff;
    font-family: 'Taruno Wide';
    font-weight: 900;
    font-size: 26px;
}

/* special-list-page-end */


/* detail-page */

.masked-text span {
    font-weight: 900;
    font-family: 'Taruno Wide';
    font-size: 140px;
    text-align: center;
}

.masked-text {
    text-align: center;
    background: url(images/red-banner.jpg) 0 0 / contain repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.product-detail-content {
    margin-bottom: 125px;
}

.detail-content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.detail-content-image {
    height: 809px;
    position: relative;
    padding: 25px 35px;
    display: flex;
    align-items: end;
    justify-content: start;
    overflow: hidden;
}

.detail-content-image span {
    z-index: 9;
    font-family: 'Taruno Wide';
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    color: #1A1818;
}

.detail-content-text span {
    color: #A01425;
    font-weight: 900;
    font-family: 'Taruno Wide';
    font-size: 85px;
    line-height: 1;
    margin-bottom: 50px;
    display: block;
}

.detail-content-text p {
    color: #454545;
    font-size: 18px;
    font-family: 'Figtree';
    font-weight: 400;
}

.detail-content-text p strong {
    font-weight: 700;
}

.detail-content-text {
    padding-right: 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
}

.product-detail-left {
    display: flex;
    flex-direction: column;
}

span.company-name {
    color: #C9C9C9;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Figtree';
}

span.product-detail-title {
    color: #1A1818;
    font-size: 36px;
    font-weight: 900;
    font-family: 'Figtree';
    margin: 10px 0;
}

.product-detail-right .item-price {
    text-align: end;
}

.product-detail-right .item-price .price {
    /* font-size: 50px; */
    font-size: 35px;
    font-weight: 800;
    font-family: 'Figtree';
}

.product-detail-right .item-price .old-price {
    font-size: 24px;
    font-family: 'Figtree';
}

.sizes-selector {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: start;
    border: 1px solid #E3E3E3;
    border-right: 0;
    border-left: 0;
}

.sizes-selector label {
    height: 100%;
    width: 115px;
    display: flex;
    align-items: center;
    color: #DDDDDD;
    background: #1a181800;
    transition: 400ms;
    margin: 0;
    justify-content: center;
    font-size: 24px;
    cursor: pointer;
    font-weight: 300;
}

.sizes-selector label:hover {
    color: #fff;
    background: #1a18187c;
    transition: 400ms;
}

.sizes-selector label:has(:checked) {
    color: #fff;
    background: #1a1818;
    transition: 400ms;
}


.sizes-selector label input {
    position: absolute;
    opacity: 0
}

.sizes-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 30px 0 15px 0;
}

.sizes-top span {
    color: #DDDDDD;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 400;
}

.colors-top span {
    color: #DDDDDD;
    font-family: 'Figtree';
    font-size: 16px;
    font-weight: 400;
}

.colors-top {
    margin: 30px 0 15px 0;
}

.color-selector label {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 100%;
    font-size: 16px;
    cursor: pointer
}

.color-selector {
    display: flex;
}

.color-selector label input {
    opacity: 0;
    position: absolute;
    cursor: pointer;
}

.color-selector label i {
    opacity: 0;
    cursor: pointer;
    transition: 400ms;
}

.color-selector label:has(:checked) i,
.color-selector label:has(:checked):hover i {
    opacity: 1;
    transition: 400ms;
}

.color-selector label:hover i {
    opacity: .6;
    transition: 400ms;
}

.product-buttons {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    margin-top: 35px;
}

button.detail-add-cart {
    background: #1A1818;
    color: #fff;
    border: none;
    height: 60px;
    flex: 1;
    border-radius: 0;
}

button#share,
button.add-favorites {
    background: none;
    border: none;
    outline: none;
    width: 75px;
    height: 100%;
}

.product-detail-texts {
    margin-top: 35px
}


.product-detail-texts .card-header {
    background: none;
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    border: none;
}

.product-detail-texts .card-header button {
    color: #1A1818 !important;
    font-size: 18px;
    font-family: 'Figtree';
    font-weight: 800;
    padding: 0;
    text-decoration: none !important;
}

.product-detail-texts .card {
    border: none;
    border-bottom: 1px solid #F4F4F4 !important;
    border-radius: 0;
}

.product-detail-texts .card-body {
    padding: 5px 0 15px 0;
    color: #8b8b8b;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Figtree';
}

.product-detail-texts .card-body p {
    margin: 0;
}

.product-detail-texts .product-detail-top {
    margin-bottom: 50px;
}

.product-detail-installment {
    margin-top: 35px;
}

.product-detail-installment div#headingInstallment {
    background: none !important;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.product-detail-installment div#headingInstallment button {
    text-align: center;
    display: flex;
    justify-content: center;
    color: #636363;
    font-size: 17px;
    font-weight: 300;
    font-family: 'Figtree';
    text-decoration: none;
    border-bottom: 1px solid #1A1818;
    width: unset !important;
    border-radius: 0;
    padding: 0;
    padding-bottom: 5px;
}

.product-detail-installment div#accordionInstallment .card {
    border: none;
}

.product-detail-installment div#accordionInstallment .card tr {
    border: none !important;
}

.product-detail-installment div#accordionInstallment .card .table td,
.product-detail-installment div#accordionInstallment .card .table th {
    border: none !important;
    font-family: 'Figtree';
}

.product-detail-installment div#accordionInstallment .card .card-body {
    padding: 25px 175px 50px 175px;
}

.product-detail-top {
    margin-bottom: 75px;
}

/* detail-page-end */

/* login-page */

.login-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
}

.login-container .login-form-nav {
    max-width: 565px;
    width: 100%;
    margin: 75px 0;
}

.login-container ul#myTab {
    display: flex;
    justify-content: space-between;
}

.login-container li.nav-item {
    width: 50%;
    display: flex;
}

.login-container li.nav-item .nav-link {
    width: 100%;
    border: none;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #F5F5F5 !important;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F5F5F500 !important;
    color: #C1C1C1;
    font-size: 16px;
    font-weight: 400;
    font-family: 'figtree';
    position: relative;
}


.login-container li.nav-item .nav-link.active {
    background: #F5F5F500 !important;
    color: #454545;
}


.login-container li.nav-item .nav-link:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background: #F5F5F5 !important;
    z-index: -1;
    transition: 400ms;
}

.login-container li.nav-item .nav-link.active:after {
    height: 100%;
    transition: 400ms;
}


.login-container div#myTabContent {
    padding-top: 50px;
}


.login-container .login-form-nav form {
    display: flex;
    flex-direction: column;
}

.login-container .login-form-nav form input,
.account-content form input {
    width: 100%;
    height: 60px;
    border: 1px solid #C2C2C2;
    border-radius: 0;
    margin-bottom: 15px;
    font-weight: 400;
    font-family: 'Figtree';
    font-size: 16px;
    letter-spacing: .1px;
    color: #C1C1C1;
    padding: 0 32px;
    outline: none !important;
}

.login-container form .form-text {
    width: 100%;
    margin-bottom: 15px;
    font-weight: 400;
    font-family: 'Figtree';
    font-size: 16px;
    letter-spacing: .1px;
    color: #C1C1C1;
    outline: none !important;
    text-align: center;
}

.login-container .login-form-nav form input::placeholder {
    font-weight: 400;
    font-family: 'Figtree';
    font-size: 16px;
    letter-spacing: .1px;
    color: #C1C1C1;
}

.form-password-forget {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
    margin-bottom: 15px;
}

.form-password-forget a {
    font-weight: 400;
    font-family: 'Figtree';
    font-size: 16px;
    letter-spacing: .1px;
    color: #C1C1C1;
}


.theme-solid {
    background: #1A1818;
    color: #fff;
    border: none;
    height: 60px;
    width: 100%;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    font-family: 'figtree';
    display: flex;
    align-items: center;
    justify-content: center;
}



.form-terms {
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.form-terms p {
    max-width: 525px;
    font-size: 13px;
    font-weight: 400;
    color: #C2C2C2;
    font-family: 'Figtree';
    margin-top: -5px;
    letter-spacing: .1px;
    line-height: 26px;
}

.form-terms label {
    justify-content: space-between !important;
    display: flex;
    flex-direction: row;
    align-content: flex-start !important;
    align-items: flex-start;
}


/* login-page-end */

/* account-page */

.account-container input {
    box-shadow: none !important;
}

.account-container input:focus {
    border: 1px solid #1a1818 !important;
}

.account-container ul.nav.nav-tabs.list.flex-column.mb-0 {
    border: 1px solid #1a1818 !important;
    border-bottom: 1px solid #1a1818 !important;
}

.account-container .nav-tabs .nav-item {
    margin-bottom: 0 !important;
}

.nav-link.theme-solid {
    background: #fff !important;
    color: #1A1818 !important;
    border: none !important;
    height: 60px !important;
    width: 100% !important;
    border-radius: 0 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    font-family: 'figtree';
    display: flex;
    align-items: center;
    justify-content: start;
    transition: 400ms;
}

.nav-link.active.theme-solid {
    background: #1A1818 !important;
    color: #fff !important;
    transition: 400ms;
}

.theme-title {
    font-family: 'Taruno Wide';
    color: #0D0D0D;
    letter-spacing: .1px !important;
    font-weight: 800;
}

.md-title {
    font-size: 24px;
}

.sm-title {
    font-size: 18px;
}

.container.account-container label {
    font-size: 18px;
    font-family: 'figtree';
    font-weight: 700;
    color: #757575;
}

.alert.theme-alert {
    border-radius: 0 !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #1a1818 !important;
    border: none !important;
    color: #ffffff !important;
    transition: 400ms;
}

.alert.theme-alert:hover {
    color: #ffffffab !important;
    transition: 400ms;
}

/* account-page-end */


/* cart-page */

.product-image-container img {
    width: 175px;
    object-fit: contain;
}

.cart-item {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #1a1818;
    padding: 15px;
    margin-bottom: 20px;
    position: relative;
}

a.btn-remove.icon-cancel img {
    width: 25px;
    filter: opacity(0.6);
}



.counter {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1a1818;
}

.counter input {
    width: 50px;
    border: 0;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    background: #fff;
    color: #1a1818;
    appearance: none;
    outline: 0;
}

.counter span {
    font-size: 25px;
    cursor: pointer;
    color: #ffffff;
    background: #1a1818;
    user-select: none;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-table-container .item-title {
    max-width: 350px;
}

/* cart-page-end */

/* new-address-page */

.new-address-form input,
.new-address-form select,
.new-address-form textarea {
    width: 100%;
    height: 60px;
    border: 1px solid #C2C2C2;
    border-radius: 0;
    margin-bottom: 15px;
    font-weight: 400;
    font-family: 'Figtree';
    font-size: 16px;
    letter-spacing: .1px;
    color: #C1C1C1;
    padding: 0 15px;
    outline: none !important;
    box-shadow: none !important;
    transition: 400ms;
}

.new-address-form input:focus,
.new-address-form select:focus,
.new-address-form textarea:focus {
    border: 1px solid #1a1818;
    transition: 400ms;
}

.new-address-form textarea {
    padding-top: 15px;
}


.new-address-form input::placeholder,
.new-address-form textarea::placeholder {
    font-weight: 400;
    font-family: 'Figtree';
    font-size: 16px;
    letter-spacing: .1px;
    color: #C1C1C1;
}



.new-address-form label input[type='checkbox'] {
    opacity: 0;
    position: absolute;
}




.theme-outline {
    background: #fff !important;
    color: #1A1818 !important;
    border: 1px solid #1A1818 !important;
    height: 60px !important;
    width: 100% !important;
    border-radius: 0 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    font-family: 'figtree';
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 400ms;
}

.theme-outline:hover {
    background: #1A1818 !important;
    color: #fff !important;
    transition: 400ms;
}

.address-card {
    display: flex;
    flex-direction: column;
    position: relative;
    border: 1px solid #1a1818;
    margin-bottom: 25px;
    cursor: pointer;
}

.address-card:has(:checked) * {
    color: #fff !important;
}

.address-card:has(:checked) {
    background: #1a1818;
}

.address-card:has(:checked) .address-selected {
    opacity: 1;
}

.address-card .card-title {
    font-weight: 700;
    color: #393939;
    font-family: 'Taruno Wide';
}

.address-card .card-description {
    height: 75px;
    font-size: 16px;
    font-weight: 500;
    color: #777777;
    font-family: 'Figtree';
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.address-card .city-town {
    font-size: 17px;
    font-family: 'Figtree';
    font-weight: 700;
    color: #474747;
}

.address-card .address-selected {
    opacity: 0;
    font-size: 15px;
    font-family: 'Figtree';
    font-weight: 400;
    margin-top: 15px;
    color: #474747;
    text-align: center;
}

.address-card input {
    position: absolute;
    opacity: 0;
}

/* new-address-page-end */

a.image-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.color-banner-product .item-info {
    display: flex !important;
    flex-direction: column !important;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.prod-list-informations {
    display: flex;
    flex: 1;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding-left: 15px;
}

.mobile-header-right {
    display: none;
}

.color-selection {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 100%;
    font-size: 16px;
    cursor: pointer;
}

.size-selection {
    height: 40px;
    width: 70px;
    display: flex;
    align-items: center;
    transition: 400ms;
    margin: 0;
    justify-content: center;
    font-size: 21px;
    cursor: pointer;
    font-weight: 300;
    color: #fff;
    background: #1a1818;
}

.selections {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.color-selection.selection-sm {
    height: 25px;
    width: 25px;
}

.size-selection.selection-sm {
    height: 25px;
    width: 39px;
    font-size: 14px;
    font-weight: 500;
}

.notifications-container {
    z-index: 99999999 !important;
}

.order-detail-card {
    border: 1px solid #1a1818 !important;
    border-radius: 0 !important;
}

.card-header {
    border: none !important;
    background: #1a1818 !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-size: 14px;
}

.order-detail-card h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #1a1818 !important;
}

.order-detail-card span {
    margin-bottom: 15px !important;
    display: block;
    font-size: 14px;
    margin-top: 3px;
    color: #1a18188f !important;
    font-weight: 600;
}

.order-detail-card {
    margin-bottom: 15px !important;
    margin-top: 0 !important
}

.table.order-sum-table th,
.table.order-sum-table td {
    border: none !important
}

.product-detail-texts .card-header {
    background: none !important;
}

.colored-images {
    margin-top: 50px;
}

.colored-images .color-image {
    width: 100%;
    height: 150px;
    cursor: pointer;
}

.colored-images .color-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.colored-images span {
    color: #1A1818 !important;
    font-size: 26px;
    font-family: 'Figtree';
    font-weight: 800;
    padding: 0;
    text-decoration: none !important;
    margin-bottom: 10px;
    display: block;
}