/* Features css */
.features__heading--title{
    font-size: 2.6rem;
    line-height: 3.5rem;
    font-weight: 800;
    background: linear-gradient(-45deg, #F1D43C 35%, #A8E6B4 62% );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 576px) {
    .features__heading--title{
        font-size: 3rem;
        line-height: 4rem;
    }
}
@media only screen and (min-width: 768px) {
    .features__heading--title{
        font-size: 3.5rem;
        line-height: 5rem;
    }
}
@media only screen and (min-width: 1200px) {
    .features__heading--title{
        font-size: 4rem;
        line-height: 6rem;
    }
}
@media only screen and (min-width: 1200px) {
    .features__heading--title{
        font-size: 5rem;
        line-height: 7rem;
    }
}
@media only screen and (min-width: 1366px) {
    .features__heading--title{
        font-size: 6rem;
        line-height: 8rem;
    }
}
@media only screen and (min-width: 1600px) {
    .features__heading--title{
        font-size: 7rem;
        line-height: 9rem;
    }
}
.features__card{
    background: #0B182A;
    border: 1px solid #232E3E;
    position: relative;
    border-radius: 1rem;
}
.features__card--content{
    padding: 2rem 2rem 0;
    position: relative;
    z-index: 9;
}
@media only screen and (min-width: 1366px) {
    .features__card--content{
        padding: 3rem 3rem 0;
    }
}
@media only screen and (max-width: 1679px) {
    .features__card--content.mega__menu--content{
        margin-bottom: 6rem;
    }
}
@media only screen and (max-width: 1599px) {
    .features__card--content.mega__menu--content{
        margin-bottom: 9rem;
    }
}
@media only screen and (max-width: 1199px) {
    .features__card--content.mega__menu--content{
        margin-bottom: 13rem;
    }
}

.features__card--thumbnail{
    padding: 0 1.5rem;
    position: relative;
    z-index: 9;
}
.features__card--title{
    font-size: 2.3rem;
    line-height: 2.5rem;
    font-weight: 700;
    background: linear-gradient(-45deg, #690EFF 50% , #FF0000 110%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 1366px) {
    .features__card--title{
        font-size: 2.8rem;
        line-height: 2.8rem;
    }
}
.features__card--desc{
    color: #B9BBC1;
}
.card__color--swatches__shape{
    position: absolute;
    bottom: 0;
    right: 0;
}
.card__selling--worldwide__shape{
    position: absolute;
    top: 0;
    right: 0;
}
.enhanced__search--thumb{
    padding: 0 0 0 2rem;
    z-index: inherit;
}
.card__enhanced__search__shape{
    position: absolute;
    top: 0;
    right: 0;
}
.card__booster--popup__shape{
    position: absolute;
    bottom: 0;
    right: 0;
}
.booster__popup--thumb {
    padding: 0 7rem;
}
.filter__sorting--thumb{
    padding: 0 3rem 5rem;
}
.card__filter--sorting__shape{
    position: absolute;
    bottom: 0;
    left: 0;
}
.shipping__calculator--thumb{
    padding: 0;
}
.features__card--thumbnail.mega__menu--thumb {
    margin-top: -11rem;
    padding: 0 3rem 1rem;
}
.local__pickup--thumb{
    padding: 0 3rem 4rem;
}
.selling__worldwide--thumb{
    padding: 0 0 0 3rem;
}
.features__btn{
    margin-top: 3rem;
}
@media only screen and (min-width: 992px) {
    .features__btn{
        margin-top: 6rem;
    }
}
.mega__menu--content{
    z-index: 99;
}
.mega__menu--content .features__card--title{
    background: linear-gradient(-45deg, #690EFF 85% , #FF0000 97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*
    performance section css
*/

.theme__performance--section{
    position: relative;
}
.theme__performance--section__shape{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.theme__performance--section__shape2{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.performance__card{
    background: #0B182A;
    border: 1px solid #232E3E;
    position: relative;
    border-radius: 1rem;
}
.performance__card--content{
    padding: 3rem 3rem 0;
    position: relative;
    z-index: 9;
}

.performance__card--title{
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    background: linear-gradient(-45deg, #690EFF 30%, #FF0000 135%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 992px) {
    .performance__card--title {
        font-size: 2rem;
        line-height: 2.2rem;
    }
}
@media only screen and (min-width: 1200px) {
    .performance__card--title {
        font-size: 2.8rem;
        line-height: 2.8rem;
    }
}
.performance__card--desc{
    color: #B9BBC1;
}

.performance__card--shape{
    position: absolute;
    top: 0;
    right: 0;
}
@media only screen and (max-width: 767px) {
    .performance__card--shape {
        max-width: 300px;
    }
}
.performance__card--thumbnail{
    padding: 0 1.5rem;
    position: relative;
    z-index: 9;
}
.performance__card--thumbnail.card1{
    padding: 0 0 0 3rem;
}
.performance__card--thumbnail.card2{
    padding: 0 0 0 6rem;
}
.performance__card--thumbnail.card3{
    padding: 0 3rem 3rem;
}
.performance__card--thumbnail.card4{
    padding: 0 3rem 0 0;
}
.performance__card--thumbnail.card5{
    padding: 0 0 0 3rem;
}

.performance__optimized--media__img{
    max-width: 84rem;
}

.performance__progressbar--items{
    background: #0B182A;
    border: 1px solid #232E3E;
    padding: 1rem 2rem 1.5rem 2.5rem;
    border-radius: 1rem;
    position: relative;
}

@media only screen and (min-width: 1600px) {
    .performance__progressbar--items{
        padding: 1.5rem 2rem 1.5rem 2.5rem;
    }
}
@media only screen and (max-width: 1199px) {
    .performance__progressbar--items{
        margin-bottom: 1rem;
    }
}
.performance__progressbar--items.two {
    position: relative;
    right: 3rem
}
@media only screen and (min-width: 576px) {
    .performance__progressbar--items.two {
        right: 13rem;
    }
}
.performance__progressbar{
    position: absolute;
    right: 4rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
@media only screen and (max-width: 575px) {
    .performance__progressbar {
        position: inherit;
        right: 0;
        left: 2rem;
        transform: inherit;
        margin-top: 3rem;
    }
}
.performance__progressbar--left{
    width: 9rem;
    text-align: center;
    position: relative;
    margin-right: 5rem;
    z-index: 9;
}
@media only screen and (min-width: 1200px) {
    .performance__progressbar--left{
        width: 10rem;
        margin-right: 7rem;
    }
}
.performance__progressbar--left::before{
    position: absolute;
    content: "";
    width: 1.5px;
    height: 5.5rem;
    right: -3.5rem;
    top: 50%;
    transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) {
    .performance__progressbar--left::before{
        height: 8.5rem;
    }
}
.performance__progressbar--left.desktop::before{
    background: #28A6AD;
}
.performance__progressbar--left.mobile::before{
    background: #87A84B;
}
.performance__progressbar--left.accessibility::before{
    background: #0463AF;
}
.performance__progressbar--img{
    margin-bottom: 1rem;
}
@media only screen and (max-width: 1599px) {
    .performance__progressbar--img{
        max-width: 5rem;
    }
}
@media only screen and (max-width: 1365px) {
    .performance__progressbar--img{
        max-width: 4rem;
    }
}
@media only screen and (max-width: 1199px) {
    .performance__progressbar--img{
        max-width: 2rem;
    }
}
.performance__progressbar--title{
    font-size: 1.6rem;
    line-height: 2rem;
}
@media only screen and (min-width: 1200px) {
    .performance__progressbar--title{
        font-size: 2rem;
     line-height: 2.8rem;
    }
}
@media only screen and (min-width: 1366px) {
    .performance__progressbar--title{
        font-size: 2.2rem;
        line-height: 3rem;
    }
}
@media only screen and (min-width: 1600px) {
    .performance__progressbar--title{
        font-size: 2.5rem;
        line-height: 3.2rem;
    }
}
.performance__progressbar--count{
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
}
@media only screen and (min-width: 1200px) {
    .performance__progressbar--count{
        font-size: 2.2rem;
        line-height: 2.2rem;
    }
}
@media only screen and (min-width: 1366px) {
    .performance__progressbar--count{
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
}
@media only screen and (min-width: 1600px) {
    .performance__progressbar--count{
        font-size: 2.8rem;
        line-height: 2.8rem;
    }
}
.performance__progressbar--subtitle{
    font-size: 1.4rem;
    opacity: 0.5;
}
@media only screen and (max-width: 1199px) {
    .performance__progressbar--subtitle{
        font-size: 1.3rem;
        line-height: 2rem;
    }
}
.performance__progressbar--card__shape1{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.performance__progressbar--card__shape2{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.performance__progressbar--card__shape3{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

@media only screen and (max-width: 991px) {
    .col-lg-4.col-md-6.col-sm-6.mb-30.col-md-order {
        order: 1;
    }
}

@media only screen and (min-width: 480px) {
    .features__page--section{
        margin-top: 10rem;
    }
}
.card__gallery--thumb{
    padding: 0 0 2.5rem 3rem;
}
.card__cartnote--thumb{
    padding: 0 3rem 0;
}
.card__scrolling--text__thumb{
    padding: 0 0 3rem;
}
.card__recommended--thumb{
    padding: 0 3rem 0;
}
.card__trust--badge__thumb{
    padding: 0 4rem 4rem;
}
.title_exclusive_deals{
    background: linear-gradient(-45deg, #690EFF 35%, #FF0000 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.card__lookbook--thumb{
    padding: 0 5.5rem;
}
.card__hotspot--thumb{
    padding: 0;
}
.local__pickup--thumb2{
    padding: 0 0 0 3rem;
}
.card__product-badget__thumb{
    padding: 0 4rem 5rem;
}
.features__card--thumbnail.mega__menu--thumb.two {
    margin-top: -4rem;
    padding: 0 3rem 4rem;
}
.card__stock--alert__thumb{
    padding: 0 3rem;
}
.card__complementary--thumb{
    padding: 0 2rem 4rem;
}
.card__before--after__thumb{
    padding: 0 3rem 3rem;
}
.card__testimonial--thumb{
    padding: 0 3rem;
}
.card__sticky--header__thumb{
    padding: 0 0 0 3rem;
}
.card__store--locator__thumb{
    padding: 0 3rem 6rem 0;
}
.card__product--tabs__thumb{
    padding: 0 2rem 8rem;
}
.card__color--schemes__thumb{
    padding: 0 0 0 3rem;
}
/*
    performance section css end
*/