body.active-light-mode{
    background-color: #FFFCFA !important;
    font-family: Inter;
}
h1, h2, h3, h4, h5, h6{
    font-family: "Bricolage Grotesque";
}
p{
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    color: #484F5E;
}
.active-dark-mode .heading-white{
    color: #fff !important;
}
.active-dark-mode .content-white{
    color: #acacac !important
}
.custom-button{
    border-radius: 12px;
    background: linear-gradient(109deg, var(--color-orange-70, #FFA567) 0%, var(--color-red-59, #FF4330) 100%);
    box-shadow: 0px 0px 0px 0px #FFF inset;
    padding: 19px 20px;
    gap: 22px;
    width: fit-content;
    text-align: center;
    font-family: "Bricolage Grotesque";
    font-size: 20px;
    font-weight: 500;
    line-height: 22.4px;
    text-transform: capitalize;
}
.custom-button:hover{
    color: #fff !important;
}
.custom-button span i{
    font-size: 12px;
}
/* hero section style */
.goread-team{
    padding: 200px 0 93px; 
}
.goread-team .top-heading{ margin-bottom: 65px; }
.goread-team h1, .services-heading h2{
    color: #191B36;
}
h1, h2{
    font-size: 40px;
    line-height: 56px;
    letter-spacing: -0.233px;
    margin-bottom: 14px;
}
.goread-team .meet-team{
    border-radius: 27.446px;
    border: 1px solid #D2D2D2;
    background: linear-gradient(180deg, #FFF 0%, #FFF2EA 100%);
    padding: 61px 44px 65px 74px;
}
.goread-team .top-heading p{
    padding: 0 10px;
}
.goread-team .meet-team .meet-team-heading{
    margin-bottom: 30px;
    gap: 23px;
}
.goread-team .meet-team .svg-wrap{
    width: 66px;
    height: 66px;
}
.custom-image-style{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.goread-team .meet-team h2{
    color: #2C323E;
}
.goread-team .meet-team .head-image{
    max-width: 460px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
/* hero section style ended */
/* about-service */
.about-service .row{
    margin-bottom: 40px;
}
.about-service .row:first-child{
    padding-left: 74px
}
.about-service .top-image{
    width: 45px;
    height: 46px;
}
.about-service h2{
    color: #2C323E;
    font-size: 32px;
    line-height: 50px; 
    letter-spacing: -0.48px;
    margin: 14px 0 15px;
}
/* about section css end */

/* what-we-offer */
.what-we-offer h2{
    color: #191B36;
    text-align: center;
    font-size: 40px;
    line-height: 56px;
    letter-spacing: -0.233px;
    margin-bottom: 114px;
}
.what-we-offer .cols-wrapper{
    border-radius: 8px;
    border: 1px solid #DCDFE4;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    padding: 42px 38px 42px 33px;
    row-gap: 35px;
    justify-content: center;
}
.row-tag {
    padding: 14px 26px;
    left: 50%;
    top: -5px;
    box-shadow: inset 0px 1.66342px 1.66342px rgba(255, 255, 255, 0.2);
    border-radius: 16px 16px 0px 0px;
    margin-top: -47px;
    z-index: -1;
    font-size: 20px;
    line-height: 24px;
    transform: translateX(-50%);
}
.bg-gradient-purple {
    background: linear-gradient(78.53deg, #4B25EA 0%, #BD18E6 30%, #FB590E 100%);
}
.bg-gradient-green {
    background: linear-gradient(90deg, #FE2858 0%, #212630 55.74%, #39EAD6 100%);
}
.what-we-offer .cols-wrapper .inner-col-wrap{
    border-radius: 8px;
    border: 3px solid transparent;
    background: #FFF;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 29px 23px 29px 23px;
}
#insta-cols .inner-col-wrap{
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    background-image: linear-gradient(#fff, #fff), linear-gradient(64deg, rgba(75, 37, 234, 1) 0%, rgba(189, 24, 230, 1) 30%, rgba(251, 89, 14, 1) 100%);
}
.cols-wrapper .inner-col-wrap .col-image{
    width: 45px;
    height: 46px;
}
.cols-wrapper .inner-col-wrap .cols-heading{
    margin: 38px 0 19px;
    color: #191B36;
    font-size: 24px;
    font-weight: 700;
    line-height: 25.415px;
    letter-spacing: -0.203px;
}
.cols-wrapper .inner-col-wrap p{
    color: #595960;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px;
}
#tiktok-wrapper{
    margin-top: 110px
}
#tiktok-cols .inner-col-wrap{
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    background-image: linear-gradient(#fff, #fff), linear-gradient(100deg,rgba(254, 40, 88, 1) 0%, rgba(33, 38, 48, 1) 56%, rgba(57, 234, 214, 1) 100%);
}
/* what we offer section css */
.wmgbpsmg_wrapper {
    padding: 98px 0;
}
.wmgbpsmg_wrapper .best-platform-heading{
    color: #191B36;
    text-align: center;
    font-size: 40px;
    letter-spacing: -0.233px;
}
.wmgbpsmg_wrapper .platform-card{
    border-radius: 40px;
    background: #FFF;
    box-shadow: 0px -4px 4px -2px rgba(0, 0, 0, 0.12) inset, 0px 0px 3px 0px rgba(0, 0, 0, 0.24) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
    padding: 47px 33px 42px;
}
section.benefits-wrapper .benefit-card-grid{ row-gap: 27px}
.benefit-card-item{
    padding: 47px 32px 42px;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), inset 0px -4px 4px -2px rgba(0, 0, 0, 0.12), inset 0px 0px 3px rgba(0, 0, 0, 0.24);
    border-radius: 40px;
    display: flex;
    flex-direction: column;
}
.benefits-wrapper .heading-wrap{
    max-width: 780px;
}
.benefit-card-item .card-imgWrap{
    width: 58px;
    height: 58px;
}
.benefit-card-item .card-heading {
    font-size: 32px;
    line-height: 35px;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    background-clip: text !important;
    -webkit-background-clip: text !important;
}
.benefit-card-item .card-description{
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.16px;
    color: #484F5E;
}
.benefit-card-item .card-main_image{
    width: 100%;
    height: auto;
    flex: 1;
}
#instant-delivery .card-main_image{
    max-width: 463px;
}
#customer-support .card-main_image{
    max-width: 453px;
}
#client-trusted .card-main_image{
    max-width: 553px;
}
#privacy-card .card-main_image{
    max-width: 461px;
}
#high-quality .card-main_image{
    max-width: 470px;
}
#secure-payment .card-main_image{
    max-width: 701px;
}

/* timeline css */
.timeline-heading h2{
    color: #191B36;
}
.timeline {
    position: relative;
}

.timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #F17436;
    transform: translateX(-50%);
}

.timeline-item {
    position: relative;
    margin: 0;
    padding-left: 0 !important;
}

.timeline-item .timeline-content {
    position: relative;
    width: 47%;
    padding: 20px 0 0;
}
.timeline-content p{
    line-height: 150%;
    color: #32434C;
    margin-bottom: 0;
}

.timeline-item.left .timeline-content {
    float: left;
    clear: both;
    text-align: right;
}

.timeline-item.right .timeline-content {
    float: right;
    clear: both;
    text-align: left;
    margin-left: auto;
    width: 48%;
}

.timeline-item::after {
    content: '';
    position: absolute;
    top: 28px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    background: #F17436;
    border-radius: 999px;
    z-index: 1;
}

.timeline-year {
    background: #F17436;
    padding: 0 35px;
    border-radius: 135px;
    color: #FFFCFA;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    display: inline-block;
    margin-bottom: 2px;
}

/* timeline css ended */

/* partner section start */
.our-partner{
    padding: 98px 0;
}
.our-partner h2{
    color: #2C323E;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -0.48px;
}
.our-partner p{padding: 10px 70px}
.our-partner .partner-image {
    padding: 44px 109px;
    gap: 28px;
    margin-bottom: 98px;
}
.our-partner .partner-image #image-1{
    max-width: 241px;
    width: 100%;
    height: auto;
} 
.our-partner .partner-image #image-2{
    max-width: 239px;
    width: 100%;
    height: auto;
} 
.our-partner .partner-image #image-3{
    max-width: 244px;
    width: 100%;
    height: auto;
} 
.our-partner .partner-image #image-4{
    max-width: 92px;
    width: 100%;
    height: auto;
} 
.oranger-banner-wrap{
    padding: 59px 27px 57px;
    border-radius: 40px;
    background: linear-gradient(109deg, #FFA567 0%,  #FF4330 100%);
}
.oranger-banner-wrap .left-image{
    max-width: 380px;
    height: auto;
    width: 100%;
    margin: 0 auto;
}
.oranger-banner-wrap .right-content h2{
    font-size: 40px;
    line-height: 45px;
}
.oranger-banner-wrap .right-content p{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

/* partner section ended */
/* faqs section */
.eeat-faqs-wrapper{ padding: 0 0 98px; }
.eeat-faqs-wrapper .head-title{
    color: #191B36;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -0.233px;
    margin-bottom: 34px;
}
.eeat-faqs-wrapper .accordion {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
} 
.eeat-faqs-wrapper .accordion__item {
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(100deg,rgba(255, 165, 103, 1) 0%, rgba(255, 67, 48, 1) 100%);
    background-clip: padding-box, border-box;
    border-radius: 24px;
    margin-bottom: 36px;
}
.eeat-faqs-wrapper .accordion__header h3 {
    font-weight: 500;
    cursor: pointer;
    position: relative;
    color: #101828;
    font-size: 20px;
    line-height: 30px;
}
.eeat-faqs-wrapper .accordion__header:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: transparent;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 2px solid #071A34;
}
.eeat-faqs-wrapper .accordion__header .question-text:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 2px;
    background-color: #071A34;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
}
.eeat-faqs-wrapper .accordion__header .question-text:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 8px;
    background-color: #071A34;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
}

.eeat-faqs-wrapper .accordion__item.active .accordion__header .question-text::before {
    width: 0;
    height: 0;
}
.eeat-faqs-wrapper .accordion__item .accordion__content {
    padding: 0px;
    max-height: 0;
    transition: .5s;
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
}
.eeat-faqs-wrapper .accordion__item .accordion__content a{color: #667085 !important; text-decoration: underline !important;}
.eeat-faqs-wrapper .accordion__item.active .accordion__content{
    padding-top: 8px;
}
.accordion.expanded {
    height: auto;
}

.accordion.expanded::after {
    opacity: 0;
    visibility: hidden;
}


@media (max-width: 992px){
    p{
        font-size: 16px !important;
        line-height: 24px;
    }
    /* hero section style */
    .goread-team {
        padding: 157px 0 37px;
    }
    .goread-team .top-heading{ margin-bottom: 27px; }
    .goread-team h1{
        font-size: 24px;
    }
    .goread-team .meet-team .head-image{
        max-width: 329px;
        margin-bottom: 49px;
    }
    .goread-team .meet-team{padding: 18px 17px 31px;}
    .goread-team .meet-team .meet-team-heading{
        margin-bottom: 38px;
        gap: 20px;
    }
    .goread-team .meet-team .svg-wrap {
        width: 40px;
        height: 40px;
    }
    .goread-team .meet-team h2{
        font-size: 20px;
        line-height: 28.319px; 
        letter-spacing: -0.118px;
    }
    .goread-team .meet-team p{
        text-align: center;
    }
    .custom-button {
        margin: 36px auto 0;
    }
    /* hero section style ended */

    /* about section */
    .about-service .row:first-child{
        padding-left: 0
    }
    .about-service .top-image{margin-top: 22px;}
    .about-service h2 {
        font-size: 24px;
        line-height: 30px;
        margin: 22px 0;
    }
    .about-service p{font-weight: 700;}

    /* what we offer css */
    .what-we-offer h2 {
        font-size: 24px;
        margin-bottom: 60px;
    }
    .row-tag {
        padding: 8px 20px;
        top: 3px;
        font-size: 16px;
        line-height: 25px;
        width: 100%;
        max-width: max-content;
    }
    .what-we-offer .cols-wrapper{padding: 25px 29px 25px 23px;}
    .what-we-offer .cols-wrapper .col-lg-4{padding: 0 !important; }
    .what-we-offer .cols-wrapper .inner-col-wrap{padding: 17px 23px;}

    /* platform css */
    .wmgbpsmg_wrapper {
        padding: 56px 0 54px;
    }
    .wmgbpsmg_wrapper .best-platform-heading {
        font-size: 24px;
        line-height: 39px;
    }
    .benefit-card-item {
        padding: 34px 21px 36px 19px;
    }
    .benefit-card-item .card-imgWrap {
        width: 58px;
        height: 52px;
    }
    .benefit-card-item .card-heading {
        font-size: 20px;
        line-height: 30px;
    }
    /* platform css ended */

    /* timeline css start */
    .timeline-heading {margin-bottom: 41px;}
    .timeline-heading h2{font-size: 24px; margin-bottom: 11px;}
    .timeline-item .timeline-content {width: 46%;}
    .timeline-content p{margin-bottom: 0; font-size: 16px !important;}
    .timeline-item.right .timeline-content {width: 45%;}
    .timeline-item .timeline-content{padding: 0;}
    .timeline-item:last-child {padding-bottom: 20px;}
    /* timeline css end */

    /* partner section start */
    .our-partner {padding: 64px 0 70px;}
    .our-partner h2 {
        font-size: 24px;
        line-height: 56px;
        letter-spacing: -0.233px;
        margin-bottom: 11px;
    }
    .our-partner p{padding: 0;}
    .our-partner .partner-image {
        padding: 41px 0 0;
        gap: 28px;
        margin-bottom: 78px;
    }
    .oranger-banner-wrap {
        padding: 30px 20px;
        border-radius: 24px;
        margin: 0 6px;
    }
    .oranger-banner-wrap .right-content{margin-bottom: 33px;}
    .oranger-banner-wrap .right-content h2 {font-size: 32px;}
    /* partner section ended */

    /* faqs wrapper css */
    .eeat-faqs-wrapper {
        padding: 0 0 24px;
    }
    .eeat-faqs-wrapper .head-title {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: -0.48px;
        margin-bottom: 15px;
        padding: 0 20px;
    }
    .eeat-faqs-wrapper .accordion__header h3 {
        font-size: 16px;
    }
    .eeat-faqs-wrapper .accordion__item .accordion__content{
        font-size: 14px;
    }
}

@media (max-width: 540px){
    .timeline::before{
        left: 0%;
        transform: translateX(0);
    }
    .timeline-item::after{
        left: -8px;
        transform: translateX(0);
    }
    .timeline-item .timeline-content{
        width: 100% !important;
        text-align: left !important;
        padding: 20px !important;
    }
}