.herobanner .swiper-slide{display: grid; align-items: end;}
.herobanner .swiper-slide>*{grid-area: 1/1;}
.herobanner .swiper-slide .inner-container{width: 100%; max-width: 1920px; padding-left: 10rem;}
.herobanner .swiper-wrapper + .container .col-lg-10{
    position: relative;
}
.herobanner .col-lg-10{width: 100%;}
.herobanner .inner-container{padding-bottom: 8em;}
.herobanner .banner-content{ padding: 2.5em 2em; background: #202020bb; width: fit-content; translate: 0 5em; opacity: 0; animation-delay: 1s;}
.herobanner picture{position: relative;}
.herobanner picture::after{content: ''; position: absolute; inset: 0; height: 35%; background: transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box; opacity: 0.5;}

.herobanner .swiper-controls{position: absolute; bottom: 30px; right: 0; width: 23em; z-index: 5; display: flex; align-items: center; column-gap: 2rem;}
.herobanner .swiper-navs :is(.swiper-button-next, .swiper-button-prev){border-color: var(--color-white);}
.herobanner .swiper-navs :is(.swiper-button-next, .swiper-button-prev):hover{border-color: var(--color-accent);}
.herobanner .swiper-navs :is(.swiper-button-next, .swiper-button-prev)::after{font-size: .8em; color: var(--color-white);}

.herobanner .swiper-progress{display: flex; justify-content: space-between; flex-grow: 1; position: relative;}
.herobanner .swiper-progress .swiper-pagination-progress{font-size: var(--text-20); top: 50%; translate: 0 -50%; width: calc(100% - (1.4em * 2)); left: 1.4em; background: transparent; border-bottom: 1px solid var(--color-white);}
.herobanner .swiper-pagination-progress .swiper-pagination-progressbar-fill{background: var(--color-white);}
.herobanner .swiper-progress .swiper-pagination-fraction{width: 100%; display: flex; justify-content: space-between;}
.herobanner .swiper-progress .swiper-pagination-fraction span{font-size: var(--text-20); color: var(--color-white);}
.herobanner .inner-container .link-icon{translate: 0 5em; opacity: 0; animation-delay: 2.5s;}
.herobanner .inner-container span{font-size: var(--text-16); color: var(--color-secondary); animation-delay: 1.2s;}
.herobanner .inner-container p{font-size: var(--text-32); max-width: 11em; font-weight: 700; color: var(--color-white); line-height: 1.15; margin-bottom: .35em; translate: 0 2em; opacity: 0;   animation-delay: 2s;}
.herobanner .swiper-slide.swiper-slide-active p{animation-name: fade-up; animation-duration: 1s; animation-fill-mode: both;}
.herobanner .inner-container span{ clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); transition-duration: 1s; -webkit-transition: 1s; -moz-transition: 1s all; -ms-transition: 1s all; -o-transition: 1s all; }
.herobanner .swiper-slide.swiper-slide-active span{animation-name: clip-horizontal; animation-duration: 1s; animation-fill-mode: forwards;}
.herobanner .swiper-slide.swiper-slide-active .banner-content{animation-name: fadeRight; animation-duration: 1s; animation-fill-mode: both;}
.herobanner .swiper-slide.swiper-slide-active .link-icon{animation-name: fade-up; animation-duration: 1s; animation-fill-mode: forwards;}
@keyframes clip-horizontal {
    from{
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
    to{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}
@keyframes fade-up {
    /* from{
        translate: 0 30%; opacity: 0;
    } */
    to{
        translate: 0 0%; opacity: 1;
    }
}
@keyframes fadeRight {
    /* from{
        translate: 0 30%; opacity: 0;
    } */
    to{
        translate: 0% 0; opacity: 1;
    }
}
@media (max-width: 768px){
    .herobanner .swiper-slide picture{height: 100vh; min-height: 350px;}
    .herobanner .swiper-slide picture img{height: 100%; width: 100%; object-fit: cover;}
}
@media (max-width: 575px){
    .herobanner .swiper-slide{align-items: end;}
    .herobanner .swiper-slide picture{height: calc(100dvh - 70px);}
    .herobanner .swiper-slide .inner-container{padding-bottom: 2em; text-align: center; padding-inline: 1.3rem;}
    .herobanner .inner-container p{margin-inline: auto; max-width: 12em;}
    .herobanner .inner-container .link-icon{margin-inline: auto;}
    .herobanner .swiper-controls{display: none;}
    .herobanner .swiper-navs :is(.swiper-button-next, .swiper-button-prev)::after{margin-top: 2px;}
}
/* Product range */

.product-range{display: grid; overflow: clip;}
.product-range>*{grid-area: 1/1;}
.product-range figure{margin-bottom: 0;}
.product-range .inner-container{ padding-block: 8em 3em;}
.product-range .heading{position: relative; margin-bottom: 5em; isolation: isolate;}
.product-range .heading .decorator{position: absolute; top: 0;}
/* .product-range .heading .decorator1{left: -6rem;} */
.product-range .heading .decorator1 {right: calc(100% - 11rem);top: 2.5rem; width: 12rem; z-index: -1;}
.product-range .heading .decorator2{right: -3em;
    top: -3.9em;
    z-index: 1;
}
.product-range .right-content .heading-top{margin-bottom: 1em;}
.product-range .nav-tabs{justify-content: space-between; padding-block: 1.13em; border: .1em solid #D4D4D4; border-width: .1em 0 .1em 0; margin-top: 3em; margin: 5rem -10rem 0;}
.product-range .nav-tabs .nav-link{font-size: var(--text-14);}

.product-range .nav-tabs .nav-link{
    border: 1px solid transparent;
}

.nav-tabs .nav-link:hover{
    border: 1px solid var(--color-accent)!important;
}

.product-range h1.section-title{
    padding: 0 5rem;
}

@media (min-width: 992px){
    .product-range .tab-content{display: grid;}
    .product-range .tab-content>*{grid-area: 1/1;}
}
@media (max-width: 1800px){
    .product-range .inner-container{
        padding-block: 8em 2em;
    }
    /* .product-range .heading .decorator2{translate: 36% -33%;} */
    .product-range .heading .decorator1 {right: calc(100% - 9rem); top: 1.5rem;}
    .product-range .heading .decorator2 {right: -5.5em;top: -5.5em;}
}

@media (max-width: 1600px){
    /* .product-range .heading .decorator1 {
        left: -9.3rem;
        top: -0.9em;
    } */
    .product-range .heading .decorator1 {
        right: calc(100% - 3rem);
        top: .8rem;
    }
    .product-range .heading .decorator2 {
        right: -10.5em;
        top: -6.6em;
    }
}
@media (max-width: 1400px){
    .product-range .heading .decorator2 {right: -11em;}
    /* .product-range .heading .decorator1 {left: -8.3rem;} */
    .herobanner .swiper-slide .inner-container {
        width: 100%;
        max-width: 1300px;
    }
}
@media (max-width: 1300px){
    .product-range .nav-tabs{column-gap: 0;}
    .product-range .nav-tabs .nav-link{font-size: var(--text-12); padding: .45em .63em;}
    .product-range .heading{max-width: 33em; margin-inline: auto;}
    .product-range .heading .decorator1{width: 6em;}
    .product-range .heading .decorator2{width: 12em;}
    .product-range .heading .decorator2 {
        right: -3.7em;
        top: -4em;
    }
    .product-range .heading .decorator1 {
        right: calc(100% - 6rem);
        top: .8rem;
    }
}



/* Bestselling & new Arriving Products  */

.product-list{padding-block: 9.5em; border-bottom: 1px solid #D9D9D9; overflow: clip;}

.new-arrivals{
    background: transparent radial-gradient(closest-side at 25% 14%, #84ADCC 0%, #3E6685 100%) 27% 15% no-repeat padding-box; 
    border-radius: 8px; position: relative; text-align: center; padding: 3em 2em 0em;background-size: 300% 600%;
    margin-left: 6rem; height: 100%;
}
.new-arrivals::before{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background-image: url('../images/new-arrivals-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: bottom center; }
.new-arrivals .tomato{position: absolute; z-index: 0; width: max-content;}
.new-arrivals .tomato{width: 75%;}
.new-arrivals .tomato-1{left: -25%; top: 0; translate: 0 -26%;}
.new-arrivals .tomato-2{right: -34%; top: 15%;}
.new-arrivals .tomato-3{left: -36%; bottom: -8%;}
.new-arrivals .heading-top{color: var(--color-white); margin-bottom: 1.7em;}
.new-arrivals .swiper{position: relative; z-index: 3; padding-top: 2rem;}
.new-arrivals figure{max-width: 16em; margin-inline: auto; position: relative;}
.new-arrivals figure img{aspect-ratio: 4/4; object-fit: contain;}


.new-arrivals figure img{
    transition: transform .3s;
}

.newArrivals_swiper:hover .new-arrivals figure img{
    transform: scale(1.1);
    max-width: 100%;
}
.product-list .swiper-slide:hover figure img{
    transform: scale(1.1);
}

.new-arrivals :is(h5, p){color: #fff; font-size: var(--text-16); font-weight: 700; margin-top: 6rem;}
.new-arrivals h5{margin-top: 2em;}
.new-arrivals .swiper-navs{justify-content: center; margin-top: 1.1em;}
.product-list .swiper-navs :is(.swiper-button-next, .swiper-button-prev){border-color: #fff; background: #fff; width: 1.5em; align-items: center;}
.product-list .swiper-navs :is(.swiper-button-next, .swiper-button-prev):after{border-color: #fff; color: var(--color-dark); font-weight: 600; font-size: .6em; line-height: 1;}
.product-list .swiper-navs :is(.swiper-button-next, .swiper-button-prev):hover{border-color: var(--color-accent); background: var(--color-accent);}
.product-list .swiper-navs :is(.swiper-button-next, .swiper-button-prev):hover::after{color: var(--color-white);}
.product-list .swiper-slide{position: relative;}
.product-list .swiper-slide a::after{content: ''; position: absolute; inset: 0; z-index: 9;}
.product-list .swiper-slide a:hover{color: inherit;}
/* .best-sellers figure{max-width: 18em; margin-inline: auto;} */

@media (max-width: 1600px){
    .new-arrivals figure{max-width: 18em;}
    /* .best-sellers figure{max-width: 15em;} */
    /* .product-list{padding-block: 8.5em;} */
}
@media (max-width: 1200px){
    .new-arrivals{
        padding: 3em 2em 4em;
    }
}
@media (max-width: 992px){
    .new-arrivals figure{max-width: 15em;}
    .new-arrivals .tomato{ width: 30%;}
    .new-arrivals .tomato-1{left: -12%;}
    .new-arrivals .tomato-2{right: -14%; top: auto; bottom: -20%;}
    .new-arrivals .tomato-3{display: none;}
    /* .best-sellers figure{max-width: 15em;} */
    /* .product-list{padding-block: 8.5em;} */
    .product-grid{display: grid; --columns: 3; grid-template-columns: repeat(var(--columns), 1fr);}
    .product-grid h3{font-size: var(--text-21); font-weight: 200; text-align: left;}
    /* .product-grid li{} */
    .product-grid li{display: grid; place-items: center; padding: 2rem; text-align: center; position: relative;}
    .product-grid li figure{margin-bottom: 1.5rem;}
    .product-grid li figure img{max-height: 90px; object-fit: contain;}
    .product-grid li a::before{content: ''; position: absolute; inset: 0;}
    .product-list{padding-block: 3.5em;}
    .product-list .swiper-slide figure{padding-bottom: 2rem;}
    .new-arrivals {
        padding: 3em 1.5em 4em;
        margin-inline: 1.5rem 2.5rem;
    }
    .new-arrivals figure img {
        object-fit: contain;
    }
    .product-grid li a{
        font-size: var(--text-14);
    }
    .best-sellers .heading{margin-inline: 1.5rem 2.5rem; text-align: center; margin-bottom: 2rem;}
    .best-sellers .heading> img{display: none;}
    .best-sellers .heading h4{display: none;}
    .best-sellers .heading .swiper-navs{display: none}
    .best-sellers .swiper-navs{justify-content: center; margin-top: 3rem;}
    .product-list .swiper-slide{display: flex; flex-direction: column; height: auto;}
    .product-list .swiper-slide h5{flex-grow: 1;}
    .product-list .newArrivals_swiper .swiper-slide{flex-direction: row; align-items: center; column-gap: 3em; justify-content: center; display: block; text-align: center;}
    .new-arrivals figure {
        max-width: 14em; margin-inline: 0;
    }
    .product-list .newArrivals_swiper .swiper-slide figure{
        margin: 0 auto;
    }
    .new-arrivals .text{text-align: center;}
    .new-arrivals .text h5{font-size: 14px;}
    .new-arrivals .text p{font-size: 18px;}
    .product-list .swiper-wrapper{
        justify-content: center;
    }
}

@media (max-width: 992px) and (min-width: 575px){
    .product-grid li:not(:nth-child(3n), :last-child){
        border-right: 1px solid #e0e0e0;
    }
    .product-grid li:not(:nth-child(-n + 3)){
        border-top: 1px solid #e0e0e0;
    }
}
@media (max-width:767px){
    .best-sellers{padding-left: 1.5rem;}
    .product-list .newArrivals_swiper .swiper-slide{column-gap: 2em; }
    .new-arrivals figure {
        max-width: 25em;
    }
    .new-arrivals {
        padding: 4.4em 4em 1.4em;
        margin-left: 4rem;
    }
    
}
@media (max-width: 640px){
    .product-list .newArrivals_swiper .swiper-slide{align-items: flex-start;}
    .new-arrivals .text h5{padding-top: 1em;}
    .new-arrivals .swiper-navs{margin-top: -3rem;}
}
@media (max-width: 575px){
    .product-grid{--columns: 2}
    .product-grid li:not(:nth-child(2n), :last-child){
        border-right: 1px solid #e0e0e0;
    }
    .product-grid li:not(:nth-child(-n + 2)){
        border-top: 1px solid #e0e0e0;
    }

    .new-arrivals .tomato {
        width: 42%;
    }
    .new-arrivals .tomato-2 {
        right: -18%;
        top: auto;
        bottom: -19%;
    }
    .product-list .newArrivals_swiper .swiper-slide{column-gap: 1em;}
    .new-arrivals {
        padding: 2em 1.5em 3em;
    }
    .new-arrivals::before{height: 80%; background-position: 15%;}
}
@media (max-width: 360px){

    .new-arrivals .text h5{font-size: 12px;}
    .new-arrivals .text p{font-size: 14px;}
    .new-arrivals figure{max-width: 8em;}
}
/* Hashtags */
.hashtag-wrapper{overflow-x: clip; padding-block: 4em}
.hashtag-wrapper .inner-container{display: flex; align-items: center; column-gap: 3.6em; position: relative; }
.hashtag-wrapper .inner-container>img{min-width: 6.5em;}
.hashtag-wrapper .hashtags{flex-grow: 1; overflow-x: clip;max-width: calc(100% - (3.6em + 7.5em));
    --duration: 10s; display: flex; --gap: 5.4em; column-gap: var(--gap);}
.hashtag-wrapper .hastag-content{ display: flex;  column-gap: var(--gap);  }
.hashtag-wrapper .hastag-content h5{ font-size: var(--text-42); color: #707070; position: relative;}
.hashtag-wrapper .hastag-content h5::after{ position: absolute; top: 50%; right: -5rem; translate: -50% -50%; content:''; width: .15em; height: .15em; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #C8C8C8; }
.hashtag-wrapper .leaves{position: absolute; right: 100%; bottom: 0; translate: 30% -10%}
.hashtag-wrapper{
    padding-left: 13rem;
}
@media (max-width: 1600px){
    .hashtag-wrapper .leaves{width: 15em; }
    .hashtag-wrapper .hastag-content h5::after{right: -4rem;}
}
@media (max-width: 991.98px){
    .hashtag-wrapper {display: none;}
    .hashtag-wrapper .hastag-content h5::after{right: -3rem;}
}


/* Recipes */

.recipes{background: #BC1217; color: var(--color-white); padding-block: 8em;}
.recipes .heading-top{color: var(--color-white);}
.recipes .heading{margin-bottom: 1em;}
.recipes .heading .section-title{color: #fff;}
.recipes .swiper{padding-block: 3em 8em;}
.recipes .swiper figure{position: relative;}
.recipes .swiper figure::after{ content: ''; position: absolute; inset: 0; translate: 1.5em 3em; background: #000000; opacity: 0.26; filter: blur(2.3em); z-index: -1; -webkit-filter: blur(2.3em); }
.recipes .swiper figure img{ border-radius: .77em; width: 100%; -webkit-border-radius: .77em; -moz-border-radius: .77em; -ms-border-radius: .77em; -o-border-radius: .77em; }
.recipes .swiper .swiper-slide:nth-child(even){translate: 0 4em}
.recipes .swiper h5{font-size: var(--text-14); margin-block: 1.2em 1em; font-weight: 400;}

.recipes .swiper .btn-link .link-icon{background-color: #BC1217;}
.recipes .swiper .btn-link::after{content: ''; position: absolute; inset: 0;}
.recipes .swiper .btn-link .link-icon img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
.recipes .swiper .btn-link:hover {color: #fff;}
.recipes .swiper .btn-link:hover .link-icon{background: var(--color-black);}
.recipes :is(.swiper-button-next, .swiper-button-prev){width: 1.4em; height: 1.4em; background-color: var(--color-white); border: none; display: none;}
.recipes :is(.swiper-button-next, .swiper-button-prev)::after{ color: var(--color-dark); font-size: .7em; font-weight: 600; margin-top: 0}
.recipes :is(.swiper-button-next, .swiper-button-prev):hover{background-color: var(--color-dark);}
.recipes :is(.swiper-button-next, .swiper-button-prev):hover::after{color: var(--color-white);}

.content{
    padding-top: 2rem;
    /* padding-left: 6.5rem; */
}

@media (min-width: 992px){
    .recipes .swiper-wrapper{
        column-gap: 2.5rem;
    }
    .recipes .swiper-slide{width: 20%;}
}
@media (min-width: 1200px){
    .recipes .swiper-wrapper{
        column-gap: 4rem;
    }
    .recipes .swiper-slide{width: 20%;}
}

@media (max-width: 991.98px){
    .recipes {background: #EC3237; padding-block: 5em;}
    .recipes :is(.swiper-button-next, .swiper-button-prev){display: flex;}
    .recipes :is(.heading, .content){text-align: center; max-width: 32rem; margin-inline: auto;}
    .recipes .content a{margin-inline: auto;}
    .recipes .swiper .btn-link .link-icon img{width: .7rem;}
}



/* About */

.about{padding-block: 8em 11em; position: relative;}
.about .floating{position: absolute; right: 0; top: 0; z-index: -1; background: var(--color-light); max-width: 30%;}
.about .stats .text{font-size: var(--text-16); font-weight: 700;}
.about .stats{display: flex; align-items: center; column-gap: .77em; width: fit-content;padding-right: 3rem;padding-left: 3rem;}
.about .statistics{display: flex; align-items: center; justify-content: space-between; padding-inline: 11.33%; background: var(--color-light); position: relative;}
/* .about .inner-container{position: relative; padding-inline: 8.33%;} */
.about .statistics::before, .about .statistics::after{content:''; position: absolute; top: 50%; translate: 0 -50%; width: 15%; height: .1em; background: #D9D9D9;}
.about .statistics::before{right: calc(100% - 3em);}
.about .statistics::after{left: calc(100% - 3em);}
.abt-des{padding-top: 8rem;position: relative;}
.abt-left{position: relative;}
.abt-left figure{position: relative;}
/* .abt-left figure>img{ border-radius: 1.5em; -webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; -ms-border-radius: 1.5em; -o-border-radius: 1.5em; } */
.abt-left figure .playVideo{bottom: 50%; right: 50%; translate: 50% 50%; width: 8rem;}
.abt-dec-img figure{position: absolute;}
.abt-dec-img .abt-img1{position: absolute;bottom: -2.3rem;left: -17rem;}
.abt-dec-img .abt-img2{position: absolute;bottom: -2.3rem;left: -7.5rem;}
.abt-right{padding-left: 7em; padding-right:0rem;position: relative;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.abt-right h5{font-size: var(--text-18); font-weight: 700;color: #231F27;}
.abt-right h3{font-size: var(--text-40); font-weight: 400;margin-bottom: 1.6rem; color: var(--color-black); padding-right:1em; line-height: 1;}
.abt-right h3 span{color:var(--color-accent); font-weight: 700; }
.abt-right p{font-size: var(--text-13); padding-right: 6rem;margin-bottom: 6rem;}
.abt-point{background-color: var(--color-black);padding: 14px 6px; border-radius: 10px;position: absolute;bottom: 2rem;left: -5rem;}
.abt-point ul{display: grid;grid-template-columns: repeat(3,1fr);padding-left: 0;margin-bottom: 0;}
.abt-point ul li {position: relative;padding-right: 2rem;padding-left: 2rem;text-align: center;}
.abt-point ul li a{color: #fff; text-decoration: none;font-size: var(--text-16);}
.abt-point ul li::after{content: '';display: block;position: absolute;width: 4px; height: 4px; border-radius: 50%; background: var(--color-secondary);right: 0px;top: 50%;}
.abt-point ul li:last-child::after{display: none;}

.about .responsive-embed iframe{aspect-ratio: 5/3; width: 100%; overflow: hidden;}
/* .about .responsive-embed-item{width: 300%; height: 100%; margin-left: -100%;}
.about video{width: 100%; height: 100%;} */

.about + .social-media{padding-top: 0;}
@media (max-width: 1800px){
    .abt-right h3{padding-right: 0;}
}
@media (max-width: 1600px){
    .abt-right{padding-left: 6em;}
    .content{
        padding-left: rem;
    }
    .new-arrivals{
        margin-left: 9rem;
        padding: 5.4em 4em 3.4em;
    }
    .product-range .nav-tabs{
        margin: 5rem -5rem 0;
    }
}
@media screen and (max-width:1450px){
    .new-arrivals {
        padding: 2.4em 2em 0em;
    }
}

@media screen and (max-width:1366px){
    .product-range .nav-tabs {
        margin: 5rem 0rem 0;
    }
    .new-arrivals {
        padding: 2.4em 2em 0em;
        margin-left: 4rem;
    }
}
@media (max-width: 1299px){
    .abt-point{padding-inline: 0;}
    .product-range .nav-tabs {
        margin: 5rem -4rem 0;
    }
}
@media (max-width: 991px){
    .abt-right{padding-left: 0em;}
    .abt-right :is(p, h5, h3){display: none;}
    .abt-left{ margin-inline: auto; margin-bottom: 2rem;}
    .abt-left .abt-dec-img{display: none;}
    .abt-point{background: transparent; position: relative; left: 0;}
    .abt-point ul li a{color: var(--color-dark); font-size: 14px; font-weight: 500;}
    .abt-point ul li::after{background-color: var(--color-accent);}
    .about .statistics{padding-inline: 0;}
    .about .statistics::before, .about .statistics::after{display: none;}

    .about .heading{padding-inline: 2rem}
    .abt-des{padding-top: 3em;}
    .about {
        padding-block: 7em 2.5em;
        position: relative;
    }
    .new-arrivals {
        margin-left: 0;
    }
}

@media (max-width: 768px){
    .about .statistics{flex-direction: column;}
    .about .statistics .stats{flex-direction: column; position: relative; width: 200px; padding-block: 1em 1.5em; border-bottom: 1px solid #e0e0e0;}
    .about .stats .text{text-align: center;}
    .about .heading{margin-bottom: 1.5rem;}
    .abt-point ul li{padding-inline: 10px;}
    .abt-point ul li:first-child{padding-left: 0;}
    .abt-point ul li:last-child{padding-right: 0;}
}

@media (max-width: 360px){
    .abt-point ul li a{font-size: 12px;}
}

/* Media and News */
.media-news .container{ background: var(--color-white); padding-block: 6.5em; border-radius: 1.54em; -webkit-border-radius: 1.54em; -moz-border-radius: 1.54em; -ms-border-radius: 1.54em; -o-border-radius: 1.54em; }
.media-news .link-icon{ filter: drop-shadow(2px 0px 2px rgba(0,0,0,.3)); -webkit-filter: drop-shadow(1px 1px 3px rgba(0,0,0,.15)); }
.media-news .inner-container{display: grid; grid-template-columns: 38.8% 29% 29%; gap: 1.23em}
.media-news .news-heading{display: flex; align-items: center; justify-content: center;}
.media-news .news-heading .heading{max-width: 21em; margin-block: auto;}
.media-news .news-thumb{position: relative; overflow: hidden;}
.media-news .news-thumb figure img{width: 100%; height: 100%; object-fit: cover;}
.media-news .news-thumb {color: var(--color-white);}
.media-news .news-thumb a::before{content:'';position: absolute; inset: 0;}

.media-news .news-thumb:nth-child(2){grid-column: 2/span 2; display: flex; flex-direction: row-reverse;}
.media-news .news-thumb:nth-child(2) .desc{ background-color: var(--color-accent); width: 47%; padding: 2.5em; color: #fff; border-radius: .77em 0 0 .77em; -webkit-border-radius: .77em 0 0 .77em; -moz-border-radius: .77em 0 0 .77em; -ms-border-radius: .77em 0 0 .77em; -o-border-radius: .77em 0 0 .77em; }
.media-news .news-thumb:nth-child(2) figure{flex-grow: 1;}
.media-news .news-thumb:nth-child(2) h4{margin-top: 1.15em;}
.media-news .news-thumb:nth-child(2) a:hover{color: var(--color-white);}
.media-news :is(.news-thumb:nth-child(3), .news-thumb:nth-child(4)){ border-radius: 0 0 .77em .77em; -webkit-border-radius: 0 0 .77em .77em; -moz-border-radius: 0 0 .77em .77em; -ms-border-radius: 0 0 .77em .77em; -o-border-radius: 0 0 .77em .77em;}
.media-news :is(.news-thumb:nth-child(3), .news-thumb:nth-child(4)) figure{height: 100%;}
.media-news :is(.news-thumb:nth-child(3), .news-thumb:nth-child(4)) figure img{height: 100%; object-fit: cover;}
.media-news :is(.news-thumb:nth-child(3), .news-thumb:nth-child(4)) .desc{position: absolute; inset: 0; background-image: linear-gradient(to top, rgba(0,0,0,.7)3%, rgba(0,0,0,0)40%); display: flex; align-items: flex-end; padding: 1em 1.2em; column-gap: 1.55em;}
.media-news :is(.news-thumb:nth-child(3), .news-thumb:nth-child(4)) time{ font-size: var(--text-21); line-height: 1.1; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 2.8em; min-width: 2.8em; aspect-ratio: 1/1; background: var(--color-accent); border-radius:.5em ; -webkit-border-radius:.5em ; -moz-border-radius:.5em ; -ms-border-radius:.5em ; -o-border-radius:.5em;}
.media-news :is(.news-thumb:nth-child(3), .news-thumb:nth-child(4)) time span{font-size: var(--text-14);}
.media-news :is(.news-thumb:nth-child(3), .news-thumb:nth-child(4)) time span:last-child{display: none;}
.media-news :is(.news-thumb:nth-child(3), .news-thumb:nth-child(4)) h4{font-size: var(--text-16); font-weight: 300; margin-bottom: .7em; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.media-news .news-thumb:nth-child(5) .desc{ background: transparent linear-gradient(247deg, #231F27 0%, #382E43 100%) 0% 0% no-repeat padding-box; height: 100%; padding: 2.3em; border-radius: .77em; -webkit-border-radius: .77em; -moz-border-radius: .77em; -ms-border-radius: .77em; -o-border-radius: .77em; }
.media-news :is(.news-thumb:nth-child(5), .news-thumb:nth-child(2)) h4 {font-size: var(--text-21); font-weight: 400;}
.media-news :is(.news-thumb:nth-child(5), .news-thumb:nth-child(2)) time{font-size: var(--text-10);}
.media-news .news-thumb:nth-child(5) time{position: relative; display: block; width: 100%;}
.media-news .news-thumb:nth-child(5) time::after{content:''; position: absolute; right: 0; top: 50%; width: calc(100% - 8em); height: 1px; background: var(--color-white); opacity: .2;}
.media-news .news-thumb:nth-child(5) h4{margin-top: 1.5em; font-weight: 300; padding-right: 2em;}
@media (max-width: 1600px){
    .media-news .news-thumb:nth-child(5) h4{ padding-right: 4em;}
}
@media (max-width: 1300px){
    .media-news .news-thumb:nth-child(5) h4{ padding-right: 0em;}
}
@media (max-width: 992px){
    .media-news {padding-top: 3em; border-top: 2px solid #fff;}
    .media-news .container{padding-block: 0 2em; background-color: transparent; position: relative;}
    .media-news .container::before{ content: ''; position: absolute; inset: 0; top: auto; height: calc(100% - 8em); background-color: #fff; border-radius: .77em; -webkit-border-radius: .77em; -moz-border-radius: .77em; -ms-border-radius: .77em; -o-border-radius: .77em; }
    .media-news .inner-container{grid-template-columns: 45% auto;}
    .media-news .news-heading{grid-column: 1/span 2; margin-bottom: 4rem; margin-bottom: 3em;}
    .media-news .news-heading .heading{max-width: 100%; text-align: center;}
    .media-news .news-heading a{margin-inline: auto;}
    .media-news .news-thumb:nth-child(2){grid-column: 1/span 2 ;}
    .media-news .news-thumb:last-child{display: none;}

}
.product-range{
    background-color: #eee;
}

@media (max-width: 575px){
    .media-news .news-thumb:nth-child(2){grid-row: 3;}
    .media-news .news-thumb:nth-child(2) figure{display: none;}
    .media-news .inner-container{grid-template-columns: 100%; column-gap: 0;}
    .media-news .news-thumb:nth-child(2) .desc{ flex-grow: 1; border-radius: .77em; -webkit-border-radius: .77em; -moz-border-radius: .77em; -ms-border-radius: .77em; -o-border-radius: .77em; }
    .media-news .news-thumb:nth-child(4){display: none;}
    .media-news .news-heading{margin-bottom: 2em;}
    .media-news .news-thumb:nth-child(3){ border-radius: .77em; -webkit-border-radius: .77em; -moz-border-radius: .77em; -ms-border-radius: .77em; -o-border-radius: .77em; }
    .media-news :is(.news-thumb:nth-child(5), .news-thumb:nth-child(2)) h4{font-size: 1.8rem;}
    .herobanner .banner-content{
        width: 100%;
    }
    .herobanner .inner-container p{
        font-size: 2.4rem;
    }
    .herobanner .inner-container span{
        font-size: 1.6rem;
        margin-bottom: 1rem;
        display: block;
        font-weight: 700;
    }
    header .navbar-brand {
        max-width: 140px;
    }
    .new-arrivals {
        margin-left: 3rem;
        padding: 4.4em 4em 0.4em;
    }
}

@media (max-width: 370px){
    .herobanner .banner-content {
        width: 100%;
        padding: 2.5em 0em;
    }
}

@media (max-width: 345px){
    .media-news .container::before{ content: ''; position: absolute; inset: 0; top: auto; height: calc(100% - 10em);}
}


@media screen and (min-width:2500px){
    .herobanner picture img{
        height: 85rem;
        object-fit: cover;
    }
}
/* Social Media */
/* .social-media {padding-top: 9em; padding-bottom: 5em;}
.social-media .heading{margin-bottom: 3.8em;}
.social-thumb { position: relative; height: 100%; overflow: hidden; border-radius: .77em; -webkit-border-radius: .77em; -moz-border-radius: .77em; -ms-border-radius: .77em; -o-border-radius: .77em; }
.social-thumb .social-icon{ position: absolute; width: 2.5em; aspect-ratio: 1/1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; right: 1.5em; top: 1.5em; background: #fff; display: grid; place-items: center;}
.social-thumb figure{height: 100%;}
.social-thumb figure img{aspect-ratio: 35/29;}
.social-thumb figcaption{position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,0)60%); display: flex; flex-direction: column; align-items: flex-start; padding: 1.5em; justify-content: flex-end; color: #fff;}
.social-thumb time{font-size: var(--text-10); line-height: 1; margin-bottom: .6em;}
.social-thumb a{font-size: var(--text-16); ;line-height: 1.4; font-weight: 300;}
.social-thumb a::after{content: ''; position: absolute; inset: 0;}
@media (max-width: 992px){
    .social-media .row{--bs-gutter-y: 1.5em}
} */


/* .available-on{padding-block: 5em 9em;}
.available-on .heading{margin-bottom: 2.5em;}
.available-on figure{padding: 1em 2.5em; background: #fff; text-align: center; height: 100%; display: grid; place-items: center}
.available-on figure img{ max-width: 100%; object-fit: contain;} */



/* Shine */


.best-sellers .swiper-slide figure {
    position: relative;
  }
  .best-sellers .swiper-slide figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width:40%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }
  .best-sellers .swiper-slide:hover figure::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
  }


  .best-sellers figure img{
    transition: transform .3s;
  }

  .best-sellers figure:hover img{
    transform: scale(1.1);
  }

 
  #nav-tabContent .col-lg-8 figure {
    position: relative;
  }
  #nav-tabContent .col-lg-8 figure img{
    transition: transform .3s;
  }

  #nav-tabContent .col-lg-8 figure:hover img{
    transform: scale(1.1);
  }

  

  /* #nav-tabContent .col-lg-8 figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 10%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }
  #nav-tabContent .col-lg-8 figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
  } */

  @-webkit-keyframes shine {
    100% {
      left: 125%;
    }
  }
  @keyframes shine {
    100% {
      left: 125%;
    }
  }