@font-face {
    font-family: Montserrat;
    font-style: normal;
    src: url("../fonts/Montserrat-Regular.woff");
}

@font-face {
    font-family: Montserrat-bold;
    font-style: normal;
    src: url("../fonts/Montserrat-Bold.woff");
}

@font-face {
    font-family: PlayfairDisplay;
    font-style: normal;
    src: url("../fonts/PlayfairDisplay-Bold.woff");
}

@font-face {
    font-family: PlayfairDisplay-normal;
    font-style: normal;
    src: url("../fonts/PlayfairDisplay-Regular.woff");
}

@font-face {
    font-family: Yekan-Bakh;
    font-style: normal;
    font-weight: 400;
    src: url(../../Amos/fonts/yekan/Yekan_Bakh_EN_04_Regular.eot);
    src: url(../../Amos/fonts/yekan/Yekan_Bakh_EN_04_Regular.eot?#iefix) format('embedded-opentype'), url(../../Amos/fonts/yekan/Yekan_Bakh_EN_04_Regular.woff) format('woff'), url(../../Amos/fonts/yekan/Yekan_Bakh_EN_04_Regular.ttf) format('truetype');
}

.bold {
    font-family: "PlayfairDisplay";
}

.normal {
    font-family: "PlayfairDisplay-normal";
}

.bold-mon {
    font-family: "Montserrat-bold";
}

a {
    text-decoration: none;
}

body {
    background: #FFF6F1;
    font-family: "Montserrat";
    color: #313131;
    overflow-x: hidden;
}

.btn-one {
    background-color: #313131;
    color: #fff;
    position: relative;
    padding-left: 1rem;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #313131;
    transition: 0.5s;
}

.btn-one:hover {
    background-color: #fff;
    color: #313131;
    border: 1px solid #313131;
}

.btn-one:hover .btn-hr {
    background-color: #313131;
}

.btn-one-outline {
    background-color: transparent;
    border: 1px solid #313131;
    color: #313131;
    position: relative;
    padding-left: 1rem;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0;
    transition: .5s;
}

.btn-one-outline:hover {
    background-color: #313131;
    color: #fff;
}

.btn-one-outline:hover .btn-outline-hr {
    background-color: #fff;
}

.btn-hr {
    width: 35px;
    height: 0.5px;
    background-color: rgba(255, 255, 255, 0.795);
    transition: 0.5s;
}

.btn-outline-hr {
    width: 35px;
    height: 0.5px;
    background-color: #313131;
    transition: 0.5s;
}

.max-content {
    width: max-content;
}

.top-fix {
    background: #313131;
}

.offcanvas {
    background: #FFF6F1;
}

.offcanvas .offcanvas-body a {
    color: #313131;
}

menu {
    z-index: 120;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}

menu .top {
    border-bottom: 1px solid #ffffff59;
}

menu .top .menu-top .nav-item .nav-link {
    padding-left: 0;
    color: #fff;
    font-size: 12px;
    margin-right: 1.25rem;
}

menu .top .right .search input {
    padding-left: 2.25rem;
}

menu .top .right .search input::placeholder {
    font-size: 12px;
    opacity: 0.7;
}

menu .top .right li a {
    font-size: 10px;
}

menu .menu-bottom .nav-item .nav-link {
    padding-left: 0;
    color: #fff;
    font-size: 14px;
    margin-right: 4.75rem;
}

menu .search .form-control {
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: 8px;
    color: #fff;
    font-size: 14px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

menu .search .form-control::placeholder {
    color: #fff;
}

@keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-180deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.header .img-header .logo-circle {
    position: absolute;
    width: 181px;
    height: 181px;
    border-radius: 50%;
    background: #313131;
    left: 6rem;
    z-index: 12;
    bottom: -17rem;
}

.header .img-header .logo-circle .frame {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    background-size: 100% 100%;
    animation: circle 50s infinite linear;
    z-index: 12;
}

.header .img-header .logo-circle .image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .img-header .video {
    position: absolute;
    bottom: -10.25rem;
    width: 280px;
    height: 370px;
    margin: auto;
    left: 0;
    right: 8rem;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 12;
}

.collections {
    margin-top: 10rem;
    position: relative;
}

.collections .after {
    content: "";
    position: absolute;
    left: -20rem;
    bottom: -5rem;
    width: 445px;
    height: 445px;
    background-color: #c2e1a98a;
    filter: blur(80px);
    z-index: -1;
}

.collections::before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    width: 387px;
    height: 387px;
    margin: auto;
    background-color: #ffdfe5;
    filter: blur(80px);
    border-radius: 50%;
    z-index: -1;
}

.collections::after {
    content: "";
    right: 8rem;
    top: -3rem;
    position: absolute;
    width: 301px;
    height: 301px;
    background-color: #c2e1a994;
    filter: blur(80px);
    border-radius: 50%;
    z-index: -1;
}

.collections .col-lg-3 {
    position: relative;
}

.collections .col-lg-3::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.5px;
    height: 567px;
    background: #313131;
    opacity: 0.7;
}

.collections .col-lg-3:first-child::after {
    content: unset;
}

.collections .col-lg-3:nth-child(2n) img {
    border-radius: 185px;
}

.collections .col-lg-3:nth-child(2n-1) img {
    border-radius: 185px 185px 0 0;
}

.collections .col-lg-3:nth-child(1) {
    margin-top: 0;
}

.collections .col-lg-3:nth-child(2) {
    margin-top: 6rem;
}

.collections .col-lg-3:nth-child(3) {
    margin-top: 12rem;
}

.collections .col-lg-3:nth-child(4) {
    margin-top: 18rem;
}

.tabs {
    margin-top: 10rem;
    position: relative;
}

.tabs .sort select {
    width: 10rem;
    background-color: transparent;
    border: 1px solid #313131;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
}

.tabs .navi .swiper-button-prev, .tabs .navi .swiper-rtl .swiper-button-next {
    left: auto;
    right: 70px;
}

.tabs .navi .swiper-button-next:after, .tabs .navi .swiper-button-prev:after {
    font-size: 25px;
    color: #313131;
}

.tabs .nav-tabs {
    border-bottom: 1px solid #313131;
    justify-content: space-between;
}

.tabs .nav-tabs .nav-item .nav-link {
    border: 0;
    background-color: transparent;
    box-shadow: none;
    color: #313131;
    font-size: 40px;
    font-weight: 700;
    opacity: 0.4;
    font-family: "PlayfairDisplay";
    transition: 0.5s;
}

.tabs .nav-tabs .nav-item .nav-link.active {
    opacity: 1;
    color: #313131;
    border-bottom: 4px solid #313131;
}

.products .swiper-slide {
    background-color: transparent;
}

.products .pro {
    position: relative;
}

.products .pro a {
    color: #313131;
}

.products .pro .favorite {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
}

.products .pro .favorite img {
    width: 25px !important;
}

.products .pro .offer-label {
    position: absolute;
    line-height: 15px;
    left: 2rem;
    top: -11px;
    background-image: url(../images/offer.svg);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    font-family: "Montserrat-bold";
    width: 2.5rem;
    height: 5rem;
}

.products .pro .price .offer {
    padding: 0 2px;
    background-color: #EAE1DC;
    font-size: 11px;
    color: #31313160;
}

.banner {
    position: relative;
    margin-top: 10rem;
}

.banner .banner-in {
    background-size: 100% 100%;
    padding: 30px;
}

.banner .banner-in .call a {
    color: #313131;
    line-height: 14px;
}

.banner .banner-in .call .small {
    font-size: 10px !important;
}

.banner .banner-in .call .bold {
    font-size: 18px;
}

.category {
    position: relative;
    margin-top: 15rem;
}

.category .cat {
    width: 412px;
    height: 640px;
    border-radius: 385px 385px 0 0;
    background-size: 100% 100%;
    padding-top: 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.category .left {
    position: relative;
}

.category .left::before {
    content: "";
    position: absolute;
    bottom: -3rem;
    left: 0;
    right: 0;
    width: 445px;
    height: 445px;
    filter: blur(80px);
    background-color: #FFDFE5;
    margin-left: auto;
    margin-right: auto;
    z-index: -1;
}

.category .left .swiper {
    position: absolute;
    right: 3rem;
    top: 10rem;
    height: max-content;
}

.category .left .swiper .swiper-slide {
    height: max-content;
}

.category .left .swiper .pro .price .price-in {
    font-size: 14px;
}

.category .left .swiper .pro .price .des {
    font-size: 12px;
    opacity: 0.9;
}

.category .left .swiper .pro a {
    color: #313131;
}

.category .left .swiper .pro figure {
    height: 14rem;
}

.category .left .swiper .pro figure .figure-in {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category .left .swiper .pro figure .figure-in img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.category .right::before {
    content: "";
    position: absolute;
    top: 7rem;
    right: 0;
    width: 445px;
    height: 445px;
    filter: blur(80px);
    background-color: #c2e1a973;
    margin-left: auto;
    margin-right: auto;
    z-index: -1;
    left: 8rem;
}

.category .right .swiper {
    position: absolute;
    left: 3rem;
    top: 10rem;
    height: max-content;
}

.category .right .swiper .swiper-slide {
    height: max-content;
}

.category .right .swiper .pro .price .price-in {
    font-size: 14px;
}

.category .right .swiper .pro .price .des {
    font-size: 12px;
    opacity: 0.9;
}

.category .right .swiper .pro a {
    color: #313131;
}

.category .right .swiper .pro figure {
    height: 14rem;
}

.category .right .swiper .pro figure .figure-in {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category .right .swiper .pro figure .figure-in img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.brand {
    height: 4rem;
    margin-top: 10rem;
    overflow: hidden;
    animation: brand 100s infinite linear;
    background-size: 100% 100%;
}

.why {
    margin-top: 10rem;
}

.why .why-in {
    background-color: #c2e1a980;
    padding: 70px;
}

.why .why-in .slogan-inner {
    position: relative;
}

.why .why-in .slogan-inner::after {
    content: "";
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    width: 0.5px;
    height: 100px;
    background-color: #313131;
    opacity: 0.5;
    margin: auto;
}

.why .why-in .slogan-inner:last-child::after {
    content: unset;
}

.why .why-in .slogan-inner p {
    font-size: 14px;
}

.why .why-in .slogan-inner small {
    font-size: 12px;
}

.instagram-posts {
    position: relative;
    margin-top: 10rem;
}

.instagram-posts::before {
    content: "";
    position: absolute;
    left: -17rem;
    top: 8rem;
    bottom: 0;
    margin: auto;
    width: 445px;
    height: 445px;
    background-color: #c2e1a963;
    filter: blur(80px);
}

.instagram-posts::after {
    content: "";
    position: absolute;
    right: -17rem;
    top: 8rem;
    bottom: 0;
    margin: auto;
    width: 445px;
    height: 445px;
    background-color: #FFDFE5;
    filter: blur(80px);
    z-index: -1;
}

.instagram-posts .title {
    position: relative;
    z-index: 13;
}

.instagram-posts .button {
    position: relative;
    z-index: 13;
}

.instagram-posts .button p {
    line-height: 1.25;
}

.instagram-posts .button small {
    font-weight: 100;
}

.instagram-posts .insta-post {
    position: relative;
}

.instagram-posts .insta-post::before {
    transform: rotate(-180deg);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 246, 241, 0) 0%, #FFF6F1 100%);
    height: 10rem;
    z-index: 12;
}

.instagram-posts .insta-post::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 246, 241, 0) 0%, #FFF6F1 100%);
    height: 10rem;
    z-index: 12;
}

.instagram-posts .posts {
    max-height: 700px;
    overflow: auto;
    position: relative;
    margin-top: -7rem;
    padding-top: 7rem;
    /* Hide scrollbar for IE, Edge and Firefox */
}

.instagram-posts .posts::-webkit-scrollbar {
    display: none;
}

.instagram-posts .posts {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.instagram-posts .posts #wrapper {
    display: flex;
    height: 950px;
}

.instagram-posts .posts .column {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.instagram-posts .posts .column:nth-child(2n) {
    margin-top: 4rem;
    height: 980px;
}

.instagram-posts .posts .column.heighter {
    height: 1100px;
}

.instagram-posts .posts .item {
    margin: 15px;
    padding: 1em;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.instagram-posts .posts .item1 {
    background-position: top center;
    background-size: 100% 100%;
    flex-grow: 3;
    position: relative;
}

.instagram-posts .posts .item2 {
    background-position: top center;
    background-size: cover;
    flex-grow: 2;
    position: relative;
}

.instagram-posts .posts .item3 {
    background-position: top center;
    background-size: 100% 100%;
    position: relative;
    flex-grow: 2;
}

.instagram-posts .posts .item4 {
    background-position: top center;
    background-size: 100% 100%;
    flex-grow: 0.25;
    position: relative;
}

.instagram-posts .posts .item5 {
    background-position: top center;
    background-size: cover;
    position: relative;
    flex-grow: 0.4;
}

.instagram-posts .posts .item6 {
    background-position: top center;
    background-size: 100% 100%;
    position: relative;
    flex-grow: 0.29;
}

.instagram-posts .posts .item7 {
    background-position: top center;
    background-size: 100% 100%;
    position: relative;
    flex-grow: 1.5;
}

.instagram-posts .posts .item8 {
    background-position: top center;
    background-size: 100% 100%;
    position: relative;
    flex-grow: 1.5;
}

.instagram-posts .posts .item9 {
    background-position: top center;
    background-size: 100% 100%;
    position: relative;
    flex-grow: 1.5;
}

.instagram-posts .posts .item10 {
    background-position: top center;
    background-size: 100% 100%;
    position: relative;
    flex-grow: 1;
}

.instagram-posts .posts .item11 {
    background-position: top center;
    background-size: 100% 100%;
    position: relative;
    flex-grow: 0.75;
}

.instagram-posts .posts .item12 {
    background-position: top center;
    background-size: 100% 100%;
    position: relative;
    flex-grow: 0.75;
}

.footer {
    background-color: #fff;
    padding: 80px;
    margin-top: 10rem;
}

.footer .slogans .slogan-inner {
    position: relative;
}

.footer .slogans .slogan-inner::after {
    content: "";
    position: absolute;
    right: -2rem;
    top: 0;
    bottom: 0;
    width: 0.5px;
    height: 100px;
    background-color: #313131;
    opacity: 0.3;
    margin: auto;
}

.footer .slogans .slogan-inner p {
    font-size: 14px;
}

.footer .slogans .slogan-inner small {
    font-size: 12px;
}

.footer .slogans .slogan-inner:last-child::after {
    content: unset;
}

.footer .mail {
    background-color: #F7F7F7;
    padding: 0 20px;
}

.footer .main a {
    color: #313131;
    font-size: 13px;
}

.footer .main ul li .small {
    font-size: 11px !important;
    color: #31313179;
}

.footer .bottom .small {
    font-size: 12px;
}

.footer .bottom .logo-circle {
    position: relative;
    width: 161px;
    height: 161px;
    border-radius: 50%;
    background: #313131;
    z-index: 12;
}

.footer .bottom .logo-circle .frame {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    background-size: 100% 100%;
    animation: circle 50s infinite linear;
    z-index: 12;
}

.footer .bottom .logo-circle .image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes brand {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -8000px 0;
    }
}

.menu-inner.menu-dark menu {
    border-color: #3131311a !important;
    background: transparent !important;
    backdrop-filter: unset !important;
}

.menu-inner.menu-dark menu img {
    filter: brightness(0.3);
}

.menu-inner.menu-dark menu .search .form-control {
    background: rgba(116, 81, 81, 0.1) !important;
    color: #313131 !important;
}

.menu-inner.menu-dark menu .search .form-control::placeholder {
    color: #313131;
}

.menu-inner.menu-dark menu .top {
    border-color: #3131311a !important;
}

.menu-inner.menu-dark menu .nav-link {
    color: #313131 !important;
    font-weight: bold;
}

.menu-inner menu {
    background: unset !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.menu-inner .bottom .search input {
    padding-left: 2rem;
}

.header-inner {
    background-color: #272727;
    padding-top: 8rem;
}

.header-inner .breadcrumb-item + .breadcrumb-item::before {
    transform: rotate(-18deg);
}

.header-inner .breadcrumb a {
    color: #fff;
    font-size: 14px;
}

.header-inner .breadcrumb .active {
    color: #fff;
    font-size: 14px;
}

.header-inner .h1-inner {
    padding-top: 40px;
    padding-bottom: 40px;
}

.header-inner .h1-inner h1 {
    color: #fff;
}

.header-inner.light {
    background-color: transparent !important;
}

.header-inner.light .breadcrumb a {
    color: #313131;
    font-size: 14px;
}

.header-inner.light .breadcrumb .active {
    color: #313131;
    font-size: 14px;
}

.faqs {
    margin-top: 90px;
}

.faqs .title-des h2 {
    font-size: 40px;
}

.faqs .title-des a {
    color: #313131;
}

.faqs .faq-boxes {
    margin-top: 58px;
}

.faqs .faq-boxes .box {
    margin-bottom: 20px;
    background-color: rgba(49, 49, 49, 0.1);
    border-radius: 20px;
    padding: 50px;
}

.faqs .faq-boxes .box .accordion-item {
    border-radius: 0;
    border-top: 1px solid rgba(49, 49, 49, 0.2);
    border-bottom: 1px solid rgba(49, 49, 49, 0.2);
    background-color: transparent !important;
}

.faqs .faq-boxes .box .accordion-item:last-child {
    border-bottom: 0;
}

.faqs .faq-boxes .box .accordion-item .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
    background-image: var(--bs-accordion-btn-icon);
}

.faqs .faq-boxes .box .accordion-item .accordion-button {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    font-size: 18px;
}

.faqs .faq-boxes .box .accordion-item .accordion-button::after {
    transform: rotate(180deg);
}

.faqs .faq-boxes .box .accordion-item .accordion-body {
    color: #313131;
}

.detail-product {
    padding-top: 7.5rem;
    position: relative;
}

.detail-product::before {
    content: "";
    width: 400px;
    height: 400px;
    border-radius: 50%;
    position: absolute;
    right: -5rem;
    top: 56rem;
    background: #c2e1a978;
    filter: blur(33px);
    z-index: -1;
}

.detail-product::after {
    content: "";
    width: 400px;
    height: 400px;
    border-radius: 50%;
    position: absolute;
    left: 20rem;
    top: 73rem;
    background: #ffdfe59e;
    filter: blur(33px);
    z-index: -1;
}

.detail-product .image-box .carousel {
    padding-left: 4rem;
}

.detail-product .image-box .carousel .carousel-control-next, .detail-product .image-box .carousel .carousel-control-prev {
    display: none;
}

.detail-product .image-box .carousel .carousel-indicators {
    flex-direction: column;
    left: 0;
    right: unset;
    margin: 0;
    top: 0;
}

.detail-product .image-box .carousel .carousel-indicators button {
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    border: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    opacity: 1;
}

.detail-product .image-box .carousel .carousel-indicators button.active {
    outline: 3px solid #313131;
}

.detail-product .size .size-select li {
    margin-right: 0.5rem;
}

.detail-product .size .size-select li:last-child {
    margin-right: 0;
}

.detail-product .size .size-select .form-check {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0.5rem;
    font-size: 14px;
}

.detail-product .size .size-select .form-check .form-check-label {
    position: relative;
    z-index: 120;
    cursor: pointer;
}

.detail-product .size .size-select .form-check .form-check-label:focus {
    color: #fff;
}

.detail-product .size .size-select .form-check input {
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0;
    background: transparent;
    border-color: #313131;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 0.5s;
    box-shadow: none !important;
}

.detail-product .size .size-select .form-check input:hover {
    background-color: #fff;
    border-color: #fff;
}

.detail-product .size .size-select .form-check input:disabled {
    background-color: #E1D9D4;
    border-color: #E1D9D4;
}

.detail-product .size .size-select .form-check input:disabled ~ .form-check-label {
    color: #313131 !important;
    opacity: 1;
    cursor: unset;
}

.detail-product .size .size-select .form-check input:checked {
    background-color: #000;
}

.detail-product .size .size-select .form-check input:checked ~ .form-check-label {
    color: #FFF !important;
}

.detail-product .material .material-select li {
    margin-right: 0.5rem;
}

.detail-product .material .material-select li:last-child {
    margin-right: 0;
}

.detail-product .material .material-select .form-check {
    position: relative;
    width: 8.5rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0.5rem;
    font-size: 14px;
}

.detail-product .material .material-select .form-check .form-check-label {
    position: relative;
    z-index: 120;
    cursor: pointer;
}

.detail-product .material .material-select .form-check .form-check-label .gold {
    background-color: #FFB545;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    outline: 1px solid #fff;
}

.detail-product .material .material-select .form-check .form-check-label .silver {
    background-color: #E8E8E8;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    outline: 1px solid #fff;
}

.detail-product .material .material-select .form-check .form-check-label:focus {
    color: #fff;
}

.detail-product .material .material-select .form-check input {
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0;
    background: transparent;
    border-color: #313131;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 0.5s;
    box-shadow: none !important;
}

.detail-product .material .material-select .form-check input:hover {
    background-color: #fff;
    border-color: #fff;
}

.detail-product .material .material-select .form-check input:disabled {
    background-color: #E1D9D4;
    border-color: #E1D9D4;
}

.detail-product .material .material-select .form-check input:disabled ~ .form-check-label {
    color: #313131 !important;
    opacity: 1;
    cursor: unset;
}

.detail-product .material .material-select .form-check input:checked {
    background-color: #000;
}

.detail-product .material .material-select .form-check input:checked ~ .form-check-label {
    color: #FFF !important;
}

.detail-product .add-to-cart .alert {
    padding: 0.5rem;
    background: rgba(49, 49, 49, 0.1);
    border-radius: 0;
    font-size: 14px;
}

.detail-product .add-to-cart .add-button {
    background: #313131;
    color: #fff;
    padding: 0.25rem;
}

.detail-product .add-to-cart .add-button .btn-add {
    color: #fff;
    font-size: 12px;
    justify-content: center;
    border: 0 !important;
}

.detail-product .add-to-cart .count-input {
    background: transparent;
    width: 4rem;
    text-align: center;
    color: #fff;
    border: 0;
    box-shadow: none;
}

.detail-product .add-to-cart .decrease, .detail-product .add-to-cart .increase {
    padding: 0.25rem 1rem;
    font-size: 22px;
    background: transparent;
    border: 0;
    color: #fff;
    box-shadow: none;
}

.detail-product .slogans li {
    margin-bottom: 0.75rem;
    font-size: 14px;
}

.detail-product .slogans li:last-child {
    margin-bottom: 0;
}

.detail-product .information .accordion {
    padding: 0.75rem;
    background: #fff;
}

.detail-product .information .accordion .accordion-item {
    border: 0;
    border-bottom: 1px solid #3131311a;
}

.detail-product .information .accordion .accordion-item .accordion-body {
    font-size: 14px;
}

.detail-product .information .accordion .accordion-item:last-child {
    border-bottom: 0;
}

.detail-product .information .accordion .accordion-item .accordion-button {
    box-shadow: none !important;
    background: transparent !important;
    color: #313131 !important;
    font-size: 15px;
    font-weight: bold;
}

.detail-product .information .accordion .accordion-item .accordion-button::after {
    transform: rotate(180deg);
}

.detail-product .information .accordion .accordion-item .accordion-button:not(.collapsed)::after {
    background: var(--bs-accordion-btn-icon);
    transform: rotate(0);
}

.detail-product .related-small .pro {
    background: #fff;
}

.detail-product .related-small .pro .price .price-in {
    font-size: 14px;
}

.detail-product .related-small .pro .price .des {
    font-size: 12px;
    opacity: 0.9;
}

.detail-product .related-small .pro a {
    color: #313131;
}

.detail-product .related-small .pro figure {
    height: 14rem;
}

.detail-product .related-small .pro figure .figure-in {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.detail-product .related-small .pro figure .figure-in img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.detail-product .related-small .pro .name {
    font-size: 14px;
}

.detail-product .finish-detail {
    position: relative;
    margin-top: 8rem;
}

.detail-product .finish-detail::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 300px;
    height: 300px;
    background: #c2e1a978;
    filter: blur(33px);
    z-index: -1;
    border-radius: 50%;
    margin: auto;
}

.detail-product .finish-detail .img-box {
    position: relative;
}

.detail-product .finish-detail .img-box .rounded-image {
    border-radius: 270px 270px 0 0;
    width: 70%;
}

.detail-product .finish-detail .img-box .image {
    width: 40%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.detail-product .reviews {
    margin-top: 8rem;
}

.detail-product .reviews .comments {
    max-height: 705px;
    overflow: auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.detail-product .reviews .comments::-webkit-scrollbar {
    display: none;
}

.detail-product .reviews .comments li {
    margin-bottom: 0.75rem;
}

.detail-product .reviews .comments li:last-child {
    margin-bottom: 0;
}

.detail-product .reviews .comments .comment-box {
    background: #fff;
    padding: 1rem;
}

.detail-product .discover-more {
    margin-top: 8rem;
    position: relative;
}

.detail-product .discover-more::before {
    content: "";
    width: 400px;
    height: 400px;
    border-radius: 50%;
    position: absolute;
    left: -10rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #c2e1a978;
    filter: blur(33px);
    z-index: -1;
}

.detail-product .discover-more .products .name {
    text-align: left;
    font-size: 14px;
}

.detail-product .discover-more .products .des {
    font-size: 12px;
}

.list-category .header-list .des p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* number of lines to show */
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.list-category .header-list .categories {
    position: relative;
}

.list-category .header-list .categories::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 300px;
    height: 300px;
    background: #FFDFE5;
    filter: blur(33px);
    border-radius: 50%;
    z-index: -1;
}

.list-category .header-list .categories .rounded-image {
    border-radius: 185px 185px 0 0;
}

.list-category .header-list .categories .rounded-all {
    border-radius: 185px;
}

.list-category .list .filter .filter-button .modal-body .accordion-item {
    border: 0;
    border-bottom: 1px solid #313131;
    border-radius: 0;
}

.list-category .list .filter .filter-button .modal-body .accordion-item .accordion-button {
    background: #fff !important;
    color: #313131 !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0;
    font-weight: bold;
}

.list-category .list .filter .filter-button .modal-body .accordion-item .accordion-button::after {
    transform: rotate(180deg);
}

.list-category .list .filter .filter-button .modal-body .accordion-item .accordion-button:not(.collapsed)::after {
    transform: rotate(0);
    background-image: var(--bs-accordion-btn-icon);
}

.list-category .list .filter .sort select {
    width: 7rem;
    font-size: 11px;
    background-color: transparent;
    border: 1px solid #313131;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
}

.list-category .list .filter .filtered li {
    margin: 5px;
    font-size: 11px;
    background: #DDD5CF;
    border-radius: 1rem;
    padding: 0.25rem 0.75rem;
}

.list-category .list .filter .filtered li:last-child {
    margin-right: 0;
}

.list-category .list .pro {
    position: relative;
}

.list-category .list .pro a {
    color: #313131;
}

.list-category .list .pro .favorite {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
}

.list-category .list .pro .favorite img {
    width: 25px !important;
}

.list-category .list .pro .offer-label {
    position: absolute;
    line-height: 15px;
    left: 2rem;
    top: -11px;
    background-image: url(../images/offer.svg);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    font-family: "Montserrat-bold";
    width: 2.5rem;
    height: 5rem;
}

.list-category .list .pro .price .offer {
    padding: 0 2px;
    background-color: #EAE1DC;
    font-size: 11px;
    color: #31313160;
}

.about-us .logo-circle {
    position: absolute;
    width: 121px;
    height: 121px;
    border-radius: 50%;
    background: #303030;
    z-index: 12;
    bottom: 4rem;
    right: 6rem;
}

.about-us .logo-circle .frame {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    background-size: 100% 100%;
    animation: circle 50s infinite linear;
    z-index: 12;
}

.about-us .logo-circle .image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-us .section-two {
    margin-bottom: -10rem;
    background: #313131;
}

.about-us .section-two .brand {
    height: 2rem;
    bottom: 5rem;
    overflow: hidden;
    animation: brand 100s infinite linear;
    background-size: 100% 100%;
}

.about-us .section-two .rounded-image {
    border-radius: 200px 200px 0 0;
    width: 350px;
}

.about-us .section-two .logo-circle {
    bottom: -2rem;
    right: 10rem;
}

.contact-us {
    margin-bottom: -10rem;
}

.contact-us .contact-info li {
    margin-bottom: 0.5rem;
}

.contact-us .contact-info .info-box {
    border: 1px solid #313131;
    padding: 1rem;
    color: #313131;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 992px) {
    .contact-us {
        padding-bottom: 2rem;
    }

    .contact-us .container {
        padding: 0;
    }

    .contact-us .img-contact {
        position: unset !important;
        width: 100% !important;
    }
}

@media (min-width: 992px) {
    .contact-us .scroll {
        height: 61.5rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        overflow: auto;
        /* Hide scrollbar for IE, Edge and Firefox */
    }

    .contact-us .scroll::-webkit-scrollbar {
        display: none;
    }

    .contact-us .scroll {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .container {
        width: 1150px;
        max-width: 1150px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    menu .top .menu-top .nav-item .nav-link {
        margin-right: 0.75rem !important;
    }

    .collections .col-lg-3::after {
        height: 518px !important;
    }

    .banner .banner-in {
        padding: 10px;
    }

    .why .why-in {
        padding: 40px 20px;
    }

    .why .why-in .slogan-inner::after {
        right: 0.5rem;
    }

    .instagram-posts .posts .item1, .instagram-posts .posts .item3, .instagram-posts .posts .item4, .instagram-posts .posts .item5, .instagram-posts .posts .item6, .instagram-posts .posts .item7, .instagram-posts .posts .item8, .instagram-posts .posts .item9, .instagram-posts .posts .item10, .instagram-posts .posts .item11, .instagram-posts .posts .item12 {
        background-size: cover;
    }

    .footer {
        padding: 50px 30px;
    }

    .footer .slogans .slogan-inner p {
        font-size: 14px;
    }

    .footer .slogans .slogan-inner small {
        font-size: 12px;
    }

    .footer .slogans .slogan-inner::after {
        right: 0.5rem;
    }
}

@media (max-width: 992px) {
    menu .top {
        border: 0;
    }

    .header .over {
        z-index: 2;
    }

    .header .carousel-control-next, .header .carousel-control-prev {
        z-index: 3;
    }

    .header .img-header .video {
        margin-left: auto;
        right: 4rem;
        margin-right: 0;
    }

    .header .img-header .logo-circle {
        left: unset;
        right: 17rem;
        bottom: -13rem;
    }

    .collections .col-lg-3:nth-child(3) {
        margin-top: 0 !important;
    }

    .collections .col-lg-3:nth-child(3)::after {
        content: unset;
    }

    .collections .col-lg-3:nth-child(4) {
        margin-top: 8rem;
    }

    .collections .col-lg-3::after {
        height: 665px;
    }

    .banner {
        margin-top: 8rem;
    }

    .banner .banner-in {
        padding: 20px 8px;
        background-size: cover;
    }

    .category {
        margin-top: 8rem;
    }

    .why .why-in {
        padding: 30px;
    }

    .why .why-in .slogan-inner::after {
        right: 0.25rem;
    }

    .why .why-in .slogan-inner:nth-child(2)::after {
        content: unset;
    }

    .instagram-posts .posts #wrapper {
        flex-wrap: wrap;
        height: 750px;
    }

    .instagram-posts .posts #wrapper .column {
        min-width: 50%;
    }

    .instagram-posts .posts .item1, .instagram-posts .posts .item3, .instagram-posts .posts .item4, .instagram-posts .posts .item5, .instagram-posts .posts .item6, .instagram-posts .posts .item7, .instagram-posts .posts .item8, .instagram-posts .posts .item9, .instagram-posts .posts .item10, .instagram-posts .posts .item11, .instagram-posts .posts .item12 {
        background-size: cover;
    }

    .footer {
        padding: 50px;
    }

    .footer .text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        /* number of lines to show */
        line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .footer .slogans .slogan-inner:nth-child(2)::after {
        content: unset;
    }

    .footer .slogans .slogan-inner::after {
        right: 0.75rem;
    }

    .footer .bottom .logo-circle {
        width: 141px;
        height: 141px;
    }

    .footer .bottom .logo-circle img {
        width: 60px;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    menu .logo img {
        width: 100% !important;
    }

    .header .img-header .video {
        right: 1rem;
        width: 250px;
        height: 340px;
        bottom: -7.25rem;
    }

    .header .img-header .logo-circle {
        width: 141px;
        height: 141px;
        right: 14rem;
        bottom: -9rem;
    }

    .header .img-header .logo-circle img {
        width: 60px !important;
    }

    .collections .col-lg-3::after {
        height: 535px;
    }

    .tabs .nav-tabs .nav-item .nav-link {
        font-size: 22px;
    }

    .banner .banner-in {
        background-image: unset !important;
        background: #dee6ce;
        padding: 20px;
    }

    .footer {
        padding: 30px 0;
    }

    .footer .mail {
        padding: 10px;
    }

    .footer .mail p {
        text-align: center;
    }
}

@media (max-width: 576px) {
    .list-category .list .pro .name {
        flex-direction: column;
        gap: 10px;
    }

    .list-category .list .pro .favorite {
        right: 0.5rem;
        top: 0.5rem;
    }

    .list-category .list .pro .favorite img {
        width: 20px !important;
    }

    .finish-detail .text .btn {
        padding: 10px !important;
        font-size: 12px !important;
    }

    .about-us .logo-circle {
        bottom: 0;
        right: 11rem;
    }

    .detail-product::before {
        right: 0;
        width: 300px;
    }

    .detail-product::after {
        left: 0;
        width: 300px;
    }

    .collections .btn {
        gap: 8px !important;
        padding: 10px !important;
    }

    .category .left::before {
        width: 245px;
    }

    .instagram-posts::after {
        right: 0;
        width: 245px !important;
    }

    .category .right .swiper {
        left: 0 !important;
    }

    .category .left .swiper {
        right: 0;
    }

    .category .right::before {
        right: 0;
        left: 0;
        width: 300px !important;
    }

    .about-us .section-two .brand {
        height: 2rem;
        bottom: 0rem;
        overflow: hidden;
        animation: brand 100s infinite linear;
        background-size: cover;
    }

    menu .logo img {
        width: 100% !important;
    }

    .header .carousel-control-next, .header .carousel-control-prev {
        width: 8%;
    }

    .header .img-header .video {
        right: 1rem;
        width: 180px;
        height: 250px;
        bottom: -7.25rem;
    }

    .header .img-header .logo-circle {
        width: 141px;
        height: 141px;
        right: 10rem;
        bottom: -9rem;
    }

    .header .img-header .logo-circle img {
        width: 60px !important;
    }

    .collections .col-lg-3::after {
        height: 490px;
    }

    .tabs .nav-tabs .nav-item .nav-link {
        font-size: 18px;
    }

    .category .cat {
        width: 95%;
        margin: auto;
    }

    .banner .banner-in {
        background-image: unset !important;
        background: #dee6ce;
        padding: 20px;
    }

    .footer {
        padding: 30px 0;
    }

    .footer .mail {
        padding: 10px;
    }

    .footer .mail p {
        text-align: center;
    }

    .header-inner {
        padding-top: 6rem;
    }

    .header-inner .h1-inner {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .faqs .faq-boxes .box {
        padding: 20px;
    }
}