:root {--font-family-main:"Bricolage Grotesque", sans-serif; --font-family-secondary:"Manrope", sans-serif; --font-family-third:"Gorditas", serif; --primary-violet:#5752A2; --secondary-pink:#ED2C7F; --thrid-orange:#FC815B; --black:#000; --white:#fff;}
*{margin:0px; padding:0px; box-sizing:border-box;}
.py-100 {padding-top:100px; padding-bottom:100px;}
.fw-600 {font-weight:600;}
.overflow-hidden{overflow:hidden;}
hr{margin:0px;}
p {font-family:var(--font-family-secondary); font-size:17px; font-weight:500;}
.row-gap {row-gap:130px;}
.page-header-main {height:calc(100vh - 112px);}
.hero-left {background:#F4F3F8; position:absolute; left:0px; top:30px; border-radius:0px 0px 30px 0px; height:calc(100vh - 143px); z-index:-1;}
.hero-heading {padding-left:185px; padding-right:385px;}
.h1-heading {font-family:var(--font-family-main); font-size:62px; line-height:66px;}
.hero-text p {font-size:19px;}
.h1-heading {position:relative; text-shadow:2px 2px 4px white;}
.h1-heading::after{position: absolute;
    content: "Accelerate Growth with Our B2B Ecommerce Solutions";
    color: white;
    -webkit-text-stroke: 1px #5752A2;
    left: 2px;
    top: 2.5px;
    z-index: -1;}
.btn-orange {background:transparent; color:#fc815b; padding:12px 30px; border-radius:40px; font-weight:600; font-family:"Bricolage Grotesque", sans-serif; border:1px solid #fc815b !important; font-size:18px;}
.btn-black {background-color:black; padding:8px 20px; border-radius:50px;}
.hero-right {position:absolute; right:0px; top:0px; z-index:-1;}
.hero-svg {position: absolute;width: 0;height: 0;}
.hero-right-inner{width: 100%;height: calc(100vh - 143px);background:url("../../images/b2b-ecommerce-development-services/hero.webp");background-size: cover;background-position:center;-webkit-clip-path: url(#my-clip-path);clip-path: url(#my-clip-path);}
.cust-tab li a:hover{border-color:transparent;}
.sec-nav-active a{color:black!important;}
.h2-heading {color:#000; text-align:center; font-family:var(--font-family-main); font-size:36px; font-weight:500; line-height:46px;}
.mcs_section-main-heading p{font-size:17px;font-weight:500;}
.ecommerce-platform-drive-card {display:flex; flex-direction:column; align-items:center;}
.ecommerce-platform-drive-card:nth-child(odd) {transform:translateY(50%);}
.b2b-ecommerce-development-card {padding-left:150px;}
.b2b-ecommerce-development-card-design {position:absolute; left:80px; top:81px; width:90%; height:96%;}
.b2b-ecommerce-development-card h3 {font-size:22px; color:#5752A2; text-align:left; font-weight:600; position:relative; padding-left:10px; margin-bottom:20px;}
.b2b-ecommerce-development-card h3::before {position:absolute; content:""; width:100px; height:100px; left:-115px; top:-15px;}
.b2b-ecommerce-development-card:nth-child(1) h3::before {background:url(../../images/b2b-ecommerce-development-services/b2b-ecommerce-development-icon-1.png); background-size:cover;}
.b2b-ecommerce-development-card:nth-child(2) h3::before, .b2b-ecommerce-development-card:nth-child(5) h3::before{background:url(../../images/b2b-ecommerce-development-services/b2b-ecommerce-development-icon-2.png); background-size:cover;}
.b2b-ecommerce-development-card:nth-child(3) h3::before, .b2b-ecommerce-development-card:nth-child(6) h3::before{background:url(../../images/b2b-ecommerce-development-services/b2b-ecommerce-development-icon-3.png); background-size:cover;}
.b2b-ecommerce-development-card:nth-child(4) h3::before {background:url(../../images/b2b-ecommerce-development-services/b2b-ecommerce-development-icon-4.png); background-size:cover;}
.b2b-ecommerce-development-inner-card {background:white; padding:10px 15px; margin:10px 0px; border-radius:20px; box-shadow:0px 3px 10px 3px rgba(0, 0, 0, 0.08);}
.b2b-ecommerce-development-inner-card p {font-size:18px; font-weight:400; margin-bottom:5px;}
.b2b-ecommerce-development-card ul {padding-left:30px; padding-top:10px;}
.b2b-ecommerce-development-card ul li {list-style:unset; margin-bottom:10px;}
.b2b-ecommerce-development-card ul li p {font-size:14px; font-weight:400; margin-bottom:0px;}
.ecommerce-platform-drive-design {overflow-x:scroll;}
.ecommerce-platform-drive-design img {max-width:unset;}
#b2b-ecommerce-development {background:linear-gradient(129.24deg, #FFF2F8 4.49%, #FFFFFF 67.54%);}
.mcs__engagment-sec-three-main {background:url("../../images/b2b-ecommerce-development-services/cta-1-bg.webp"); background-size:100%; height:500px; background-repeat:no-repeat; background-position:center;}
.cta-heading {font-size:36px !important;line-height:46px;}
.cta-sub-heading {font-size:20px; font-family:var(--font-family-secondary); line-height:30px; color:var(--white); font-weight:400; letter-spacing:1px; margin-top:15px; margin-bottom:30px;}
#ecommerce-magic .accordion {width:100%;}
.accordion-button:focus {box-shadow:none; background:none;}
.accordion-button:not(.collapsed) {box-shadow:none;}
#ecommerce-magic .accordion-button {border:3px solid rgba(87, 82, 162, 0.2); border-radius:15px; padding:10px; color:rgba(87, 82, 162, 1);}
#ecommerce-magic .accordion-button:not(.collapsed) {border:0px; background:white;}
#ecommerce-magic .accordion-item:has(.accordion-button:not(.collapsed)) {background:rgba(244, 243, 248, 1); border-radius:15px; padding:10px;}
#ecommerce-magic .accordion-button::after {background:url(../../images/b2b-ecommerce-development-services/accordion-icon.png); width:34px; height:34px;}
#ecommerce-magic .accordion-button:not(.collapsed)::after {background-image:url(../../images/b2b-ecommerce-development-services/accordion-icon.png);}
#ecommerce-magic .accordion-body {padding:10px; padding-top:20px;}
#ecommerce-magic .accordion-body h4 {font-family:var(--font-family-secondary); font-size:16px; line-height:22px; color:rgba(237, 44, 127, 1); font-weight:700; margin-bottom:5px;}
#ecommerce-magic .accordion-body p {font-size:14px; line-height:22px; font-weight:500; margin-bottom:15px; padding-left:15px;}
#ecommerce-sol {background:rgba(27, 25, 60, 1);}
.ecommerce-sol-card-main {display:flex; align-items:stretch;}
.ecommerce-sol-card {border:0.2px solid rgba(255, 255, 255, 1); background:rgba(55, 70, 92, 1); border-radius:15px; padding:30px; padding-bottom:0px; display:flex; flex-direction:column; justify-content:end;}
.ecommerce-sol-card h3 {color:white; font-size:22px; font-weight:500; letter-spacing:0.32px; line-height:28px; margin:0px 20px; margin-bottom:10px;}
.ecommerce-sol-card p {font-family:var(--font-family-main); color:white; font-size:16px; font-weight:300; line-height:24px; margin:0px 20px; margin-bottom:30px;}
#ecommerce-sol .row-gap {row-gap:30px}
.mcs-edge-sec-four .mcs-edge-sec-four-left p {font-weight:400;}
.mcs-edge-sec-four-right {padding:30px;}
#advantages {position:relative;}
.blue-bg {width:50%; background:#1B193B; position:absolute; z-index:-1; height:100%;}
.advantages-right-sec {background:rgba(244, 243, 248, 1); border-radius:20px;}
.advantages-right-sec img {height:100px;}
.advantages-right-sec-main {display:flex; margin-bottom:30px;}
.advantages-right-sec-inner {padding:0px 15px; border-bottom:2px dashed rgba(87, 82, 162, 1);}
.advantages-right-sec-main:last-child {margin-bottom:0px;}
.advantages-right-sec-main:last-child .advantages-right-sec-inner {border:0px;}
.advantages-right-sec h3 {font-family:var(--font-family-secondary); font-size:22px; font-weight:700; letter-spacing:0.32px; line-height:28px; margin-bottom:15px;}
.advantages-right-sec p {font-size:16px; line-height:24px; font-weight:400; margin-bottom:20px;}
.px-100 {padding-left:100px; padding-right:100px;}
.advantages-left-sec-img {position:absolute; right:-35px;}
#testimonial .mcs__edge-sec-two-carousel::before {background-image:none;}
.owl-testimonal .mcs_edge-testimonal img {position:absolute; bottom:-25px;}
#tech-stack .accordion-button {background:rgba(244, 243, 248, 1); border-radius:10px;}
#tech-stack .accordion-button:not(.collapsed) {background:rgba(87, 82, 162, 1); color:white;}
.mcs_engagment-card-body ul {padding-inline-start:33px!important;}
#tech-stack .accordion-button::after {background:url(../../images/b2b-ecommerce-development-services/tech-stack-accordion-icon.png); width:34px; height:34px; background-repeat:no-repeat; background-size:cover;}
#tech-stack .accordion-button:not(.collapsed)::after {background:url(../../images/b2b-ecommerce-development-services/accordion-icon.png);}
#cost ul {list-style-image:url('../../images/ecommerce-marketplace-development/body/our-services/list-style.png'); padding-left:25px; margin:30px 0px;}
#cost ul li {font-family:var(--font-family-main); font-weight:400; font-size:25px; line-height:28px; list-style:unset; margin-bottom:15px;}
.cta-2 {background-image:url(../../images/ecommerce-marketplace-development/body/engagment-model/sec-3/bg-img.png);}
#faq .accordion-button {border-bottom:2px solid #dee2e6; ; border-radius:0px;}
#faq .accordion .accordion-item:last-child .accordion-header .accordion-button {border-bottom:0px;}
#faq ul {padding-left:20px;}
#faq ul li {list-style:unset;}
#faq ul li p {margin-top:0px; margin-bottom:5px;}
.our-global-inner-card img {mix-blend-mode:unset !important;}
.owl-stage-outer {overflow:hidden;}
.owl-global-offices .owl-nav {display:none;}
.owl-global-offices .owl-dots {display:flex; justify-content:center; align-items:center;}
.owl-global-offices .owl-dots button {width:10px; height:10px; border-radius:50%; background:#FED9CE; margin:0px 5px;}
.owl-global-offices .owl-dots button.active {width:13px; height:13px; background:#5752A2;}
#b2b-ecommerce-development .hidden {display:none; flex:0;}
.concentric-arc-design {position:absolute; top:0px; right:0px;}
.accordion-image{display:block;}
#faq .accordion-button {
    border-bottom: none;
    border-radius: 20px;
    background: white;
    box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.59);
    margin-top: 10px;
}
#faq .accordion-button:not(.collapsed){border-top:5px solid #5752A2;}
#faq .accordion-body{border-radius:20px;margin-top:10px;}
@media (min-width: 1024px) {
.mcs__edge-sec-two-carousel::before {left:unset; top:-10px; background-size:contain; right:-40px; transform:rotate(0deg);}
}
@media (min-width: 1200px) {
.ecommerce-platform-drive-design{overflow:hidden;}
.ecommerce-platform-drive-design img {max-width:100%;}
.mcs__edge-sec-two-carousel::before{top:-40px;right:-40px;}
}

@media (max-width: 1200px) {
.ecommerce-platform-drive-design::-webkit-scrollbar {height:6px;}
.ecommerce-platform-drive-design::-webkit-scrollbar-thumb {background:var(--primary-violet); border-radius:5px;}
.ecommerce-platform-drive-design::-webkit-scrollbar-track {background:rgba(244, 243, 248, 1); margin:0px 70px;}
.h1-heading {font-size:52px;line-height:58px;}
}

/*mobile devices*/
@media (max-width: 992px) {
.py-100 {padding-top:50px; padding-bottom:50px;}
p {font-size:16px;}
.row-gap {row-gap:50px;}
.page-header-main{height:unset;padding-top:75px;}
.h1-heading {font-size:32px; line-height:36px;}
.h1-heading::after {left:1px;top:1px;}
.hero-text p {font-size:18px;}
.h2-heading {font-size:24px; line-height:30px; margin-top:0px;}
.mcs_section-main-heading p{font-size:16px;}
.mcs-mobile {display:none;}
.b2b-ecommerce-development-card {padding-left:50px;}
.b2b-ecommerce-development-card h3 {font-size:20px;}
.b2b-ecommerce-development-card h3::before {width:40px; height:40px; left:-40px; top:-7px;}
.b2b-ecommerce-development-card-design {left:27px; top:32px;}
.b2b-ecommerce-development-inner-card p {font-size:14px;}
.b2b-ecommerce-development-card ul li p {font-size:12px;}
.cta-sub-heading {font-size:14px; line-height:22px;}
#ecommerce-magic .accordion-body h4 {line-height:19px;}
#ecommerce-magic .accordion-body p {font-size:12px; line-height:16px; margin-bottom:15px; padding-left:15px;}
.ecommerce-sol-card {padding:30px 20px; padding-bottom:0px;}
.ecommerce-sol-card h3 {font-size:20px; line-height:24px; margin-left:0px; margin-right:0px;}
.ecommerce-sol-card p {font-size:15px; line-height:22px; margin-left:0px; margin-right:0px;}
#ecommerce-sol .row-gap {row-gap:40px;}
#mcs-edge-div h2, #mcs-edge-div p, #mcs-edge-div h5 {text-align:center;}
#advantages {position:static;}
.blue-bg {width:100%; height:150%;}
#advantages h2 {padding-top:0px; padding-right:0px;}
.advantages-left-sec-img {position:static;}
.advantages-right-sec img {width:50px; height:50px;}
.advantages-right-sec h3 {font-size:16px; line-height:19px;}
.advantages-right-sec p {font-size:12px; line-height:16px;}
.advantages-right-sec-main {border-bottom:2px dashed rgba(87, 82, 162, 1);}
.advantages-right-sec-inner {padding:0px 5px; border:0px;}
.advantages-right-sec-main:last-child {border:0px;}
.mcs_engagment-card-body ul {padding-inline-start:30px !important;}
.mcs_engagment-card-body h6 {font-size:20px;}
.mcs_engagment-card-body p {line-height:22px; font-size:14px;}
#cost ul li {font-size:18px; line-height:24px;}
.cta-2 {background-image:url(../../images/ecommerce-marketplace-development/body/engagment-model/sec-3/bg-img.png); background-size:cover; height:unset;}
.cta-heading {font-size:24px !important; line-height:30px !important;}
.sec-four-lg-box h5 {margin-left:0px; text-indent:0px; font-size:24px; line-height:30px;}
.sec-four-lg-box h5::before {content:none;}
.owl-related-ecommerce .owl-nav {display:flex; justify-content:center; margin-top:20px;}
.hidden {display:none; flex:0;}
}

@media (max-width: 576px) {
.mcs__engagment-sec-three-main {background:url("../../images/b2b-ecommerce-development-services/cta-1-bg-mobile.png"); height:764px;}
.cta-2 {background-image:url(../../images/ecommerce-marketplace-development/body/engagment-model/sec-3/bg-img.png); background-size:cover; background-position:center; height:unset;}
}