.hero-bg{background:linear-gradient(77.95deg, rgba(0, 0, 0, 0.81) 21.94%, rgba(0, 0, 0, 0) 78.66%), url('../../images/ecommerce-consulting-services/hero-bg.webp');background-position:center;background-size:cover;height: calc(100vh - 100px);width:100%;}
.h1-heading{font-size:44px;line-height:50px;}
.hero-text p{margin-bottom:40px;}
/*overview starts*/
.game-changer-card{
    clip-path: polygon( 93.878% 0%,28.776% 0%,28.776% 0%,27.782% 0.115%,26.84% 0.447%,25.962% 0.979%,25.16% 1.692%,24.446% 2.569%,23.834% 3.591%,23.336% 4.741%,22.965% 5.999%,22.733% 7.349%,22.653% 8.772%,22.653% 30.218%,22.653% 30.218%,22.6% 31.166%,22.445% 32.066%,22.197% 32.905%,21.866% 33.671%,21.458% 34.353%,20.982% 34.937%,20.447% 35.413%,19.862% 35.767%,19.234% 35.989%,18.571% 36.065%,6.122% 36.065%,6.122% 36.065%,5.129% 36.18%,4.187% 36.513%,3.309% 37.045%,2.507% 37.758%,1.793% 38.635%,1.181% 39.657%,0.683% 40.806%,0.312% 42.065%,0.08% 43.415%,0% 44.837%,0% 91.228%,0% 91.228%,0.08% 92.651%,0.312% 94.001%,0.683% 95.259%,1.181% 96.409%,1.793% 97.431%,2.507% 98.308%,3.309% 99.021%,4.187% 99.553%,5.129% 99.885%,6.122% 100%,93.878% 100%,93.878% 100%,94.871% 99.885%,95.813% 99.553%,96.691% 99.021%,97.493% 98.308%,98.207% 97.431%,98.819% 96.409%,99.317% 95.259%,99.688% 94.001%,99.92% 92.651%,100% 91.228%,100% 8.772%,100% 8.772%,99.92% 7.349%,99.688% 5.999%,99.317% 4.741%,98.819% 3.591%,98.207% 2.569%,97.493% 1.692%,96.691% 0.979%,95.813% 0.447%,94.871% 0.115%,93.878% 0% );
    background: rgba(244, 243, 248, 1);
    padding:15px 20px;
}
.game-changer-card h3{font-size: 22px;line-height:28px;padding-left:90px;font-weight:600;color:var(--secondary-pink);margin-bottom:30px;}
.game-changer-card p{font-size:14px;margin-bottom:0px;}
.game-changer-icon{position:absolute;top:5px;left:15px;}
.game-changer-icon img{width:70px;height:70px;}
.row-gap{row-gap:30px;}
/*overview ends*/
/*our services starts*/
#services{background: linear-gradient(129.24deg, #F4F3F8 4.49%, rgba(244, 243, 248, 0.2) 67.54%);}
.services-card{margin-bottom:16px;}
.services-card h3, .advantages-inner h3{font-family:var(--font-family-secondary);font-size:22px;line-height:28px;font-weight:700;}
.services-card p, .advantages-inner p{font-size:15px;font-weight:400;}
.services-card hr{border-top: 5px solid rgba(252, 129, 91, 1);width:20%;}
/*our services ends*/
/*cta-1 starts*/
.cta-1{background:var(--primary-violet);}
/*cta-1 ends*/
/*ecommerce-magic starts*/
#ecommerce-magic .accordion-button:not(.collapsed) {background:var(--primary-violet);color:white;}
#ecommerce-magic .accordion-body p{padding-left:0px;margin-bottom:0px;}
/*ecommerce-magic ends*/
/*ecommerce development starts*/
#ecommerce-development{background: rgba(27, 25, 60, 1);}
.ecommerce-development-main{border: 1px solid rgba(255, 255, 255, 0.2);border-radius:10px;}
.ecommerce-development{display:flex;align-items:start;margin-bottom:15px;}
.ecommerce-development h3{font-size:21px;line-height:27px;font-weight:600;color:white;}
.ecommerce-development p{font-size:15px;font-weight:400;color:white;}
.ecommerce-development-inner{border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.last1, .last2{border-bottom:0px;}
/*ecommerce development ends*/
/*advantages starts*/
.advantages-inner{display:flex;}
.advantages-inner img{width:100px;height:100px;}
.advantages-inner div{border-bottom: 2px dashed rgba(87, 82, 162, 1);margin-bottom:20px;}
.advantages-inner .last1, .advantages-inner .last2{border-bottom:0px;}
/*advantages ends*/
/*engagement model starts*/
#engagement-model-div .mcs_section-main-heading span{font-family:var(--font-family-main);font-size:24px;line-height:30px;color:var(--secondary-pink);font-weight:500;}
/*engagement model ends*/
@media (max-width: 1200px) {
    .h1-heading {font-size: 35px;line-height: 41px;}
}
/*mobile devices*/
@media (max-width: 992px) {
    .hero-bg{background:linear-gradient(77.95deg, rgba(0, 0, 0, 0.81) 21.94%, rgba(0, 0, 0, 0) 78.66%), url('../../images/ecommerce-consulting-services/hero-bg-mob.webp');background-position:center;background-size:cover;height:calc(100vh - 50px);padding-top:95px;}
        .h1-heading {font-size: 28px;line-height: 34px;}
    .hero-text p {font-size: 18px;}
    .game-changer-card h3{font-size: 20px;padding-left:75px;}
    .game-changer-card p{font-size:13px;}
    .game-changer-icon{top:18px;left:25px;}
    .game-changer-icon img{width:50px;height:50px;}
    .services-card{display:flex;flex-direction:column;align-items:center;}
    .services-card h3{font-size:20px;line-height:26px;text-align:center;}
    .services-card p{font-size:14px;text-align:center;}
    .cta-sub-heading{font-size:20px;line-height:28px;}
    .ecommerce-development img{width:30px;height:30px;}
    .ecommerce-development h3{font-size:18px;line-height:25px;}
    .ecommerce-development p{font-size:13px;}
    .last1{border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .advantages-inner img{width:60px;height:60px;}
    .advantages-inner h3{font-size:20px;line-height:26px;}
    .advantages-inner p{font-size:14px;}
    .advantages-inner .last1{border-bottom: 2px dashed rgba(87, 82, 162, 1);}
    #engagement-model-div .mcs_section-main-heading span{font-size:20px;line-height:26px;}
    .cta-2{height:300px;}
    .hidden{display:none;}
}