@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
:root{
    --orange : #FC815B;
    --purple: #5752A2;
    --pink: #ED2C7F;
}
.rounde2xl{border-radius: 15px;}
.text-orange{color: var(--orange) !important;}
.py-80{padding-top: 80px; padding-bottom: 80px;}
.row-gap-6{row-gap: 4rem;}
.title-h2{font-size: 42px !important; line-height: 1.2em !important; margin-bottom: 30px;}
.mcs_desk{display: none;}
.integration1{display: none;}
/* .advantage1{display: none;} */
.mcs_hero_sec{background: linear-gradient(123.06deg, #fff2f8 2.83%, #f3f2ff 57.48%);padding: 0px 20px; min-height: calc(100vh - 95px); display: flex;}
.mcs_hero_sec *{color: rgb(0, 0, 0);}
.mcs_hero_sec h1{font-size: 56px;}
.mcs_hero_sec p{font-size: 18px;}
.btn-orange{color:#fc815b;}
.btn-orange-reverse{color:white;}
.item{width: 100% !important; height: 100% !important;}
.form.mcs-contact-form.form-control{padding: 10px 20px !important;}
.mcs__second-nav-main{background-color: white; box-shadow: 0px 4px 4px rgba(200, 200, 200, 0.25);}
.mcs__second-nav-main ul{display: flex; height: auto;}
.mcs__second-nav-main ul li{padding: 0; opacity: 1;}
.mcs__second-nav-main ul li a{color: #00000099;}
#carousel-2 .owl-stage{margin-bottom: 30px;}
.cust-tab li a{border-bottom: 2px solid transparent; padding: 12px; transition: 0.3s;}
.cust-tab li a.active{color: #000000 !important; border-color:var(--orange);}
.hero-img{width: 75%;}
/* .mcs__second-nav-main .cust-tab{} */


/* Start Overview Section CSS */
.mcs__overview-inner-main-item {background: linear-gradient(180deg, #5752A2 0%, #F4F3F8 100%); padding: 1px 3px 1px 1px; border-radius: 20px; height: 100%;}
.mcs__overview-inner-main-item > div {background-color: white; padding: 25px; border-radius: 20px; height: 100%;}
.mcs__overview-inner-main-item-icon{display: flex; column-gap: 15px; align-items: center; margin-bottom: 20px;position: absolute;top: 0;left: 20px;transform: translateY(-50%);}
.mcs__overview-inner-main-item-icon img{width: 80px;}
.mcs__overview-main-sec h3{font-family:var(--font-family-secondary);color: black; font-size: 20px; font-weight: 700;}
.mcs__overview-main-sec p{margin-bottom: 0;}
.mcs__overview-inner-main .row-gap{row-gap:65px;}
#main-hero1 .circle-info > div > img{border-radius: 50%;}
#main-hero1 .app-1{position: absolute; top: -5%;left: 50%;transform: translateX(-50%);}
#main-hero1 .shopify-1{display: inline-block;border-bottom: 1px dotted black;}
#main-hero1 .shopify-1 .shopifytext {visibility: hidden;width: 120px;background-color: #FC815B;color: #fff;text-align: center;font-weight: 600;border-radius: 6px;padding: 4px 0;position: absolute;z-index: 1;top: -12%;left: 50%;margin-left: -60px;}
#main-hero1 .shopify-1 .shopifytext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #FC815B transparent transparent transparent;}
#main-hero1 .shopify-1:hover .shopifytext {visibility: visible;}
#main-hero1 .app-2{position: absolute; top: 18%; right: 8%;transform: translateX(50%);}
#main-hero1 .shift4shop-2{display: inline-block;border-bottom: 1px dotted black;}
#main-hero1 .shift4shop-2 .shift4shoptext {visibility: hidden;width: 120px;background-color: #FC815B;color: #fff;text-align: center;font-weight: 600;border-radius: 6px;padding: 4px 0;position: absolute;z-index: 1;top: 11%;right: -4%;margin-left: -60px;}
#main-hero1 .shift4shop-2 .shift4shoptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #FC815B transparent transparent transparent;}
#main-hero1 .shift4shop-2:hover .shift4shoptext {visibility: visible;}
#main-hero1 .app-3{position: absolute; bottom: 18%;right: 8%;transform: translateX(25%);}
#main-hero1 .zoho-3{display: inline-block;border-bottom: 1px dotted black;}
#main-hero1 .zoho-3 .zohotext {visibility: hidden;width: 120px;background-color: #FC815B;color: #fff;text-align: center;font-weight: 600;border-radius: 6px;padding: 4px 0;position: absolute;z-index: 1;bottom: 28%;right: -6px;margin-left: -60px;}
#main-hero1 .zoho-3 .zohotext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #FC815B transparent transparent transparent;}
#main-hero1 .zoho-3:hover .zohotext {visibility: visible}
#main-hero1 .app-4{position: absolute; bottom: 4px;left: 50%;transform: translateX(-50%);}
#main-hero1 .magento-4{display: inline-block;border-bottom: 1px dotted black;}
#main-hero1 .magento-4 .magentotext {visibility: hidden;width: 120px;background-color: #FC815B;color: #fff;text-align: center;font-weight: 600;border-radius: 6px;padding: 4px 0;position: absolute;z-index: 1;bottom: 11%;right: 38%;margin-left: -60px;}
#main-hero1 .magento-4 .magentotext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #FC815B transparent transparent transparent;}
#main-hero1 .magento-4:hover .magentotext {visibility: visible}
#main-hero1 .app-5{position: absolute; bottom: 18%;left: 8%;transform: translateX(-25%);}
#main-hero1 .opencart-5{display: inline-block;border-bottom: 1px dotted black;}
#main-hero1 .opencart-5 .opencarttext {visibility: hidden;width: 120px;background-color: #FC815B;color: #fff;text-align: center;font-weight: 600;border-radius: 6px;padding: 4px 0;position: absolute;z-index: 1;bottom: 29%;left: 10%;margin-left: -60px;}
#main-hero1 .opencart-5 .opencarttext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #FC815B transparent transparent transparent;}
#main-hero1 .opencart-5:hover .opencarttext {visibility: visible}
#main-hero1 .app-6{position: absolute; top: 18%;left: 8%;transform: translateX(-50%);}
#main-hero1 .bigcommerce-6{display: inline-block;border-bottom: 1px dotted black}
#main-hero1 .bigcommerce-6 .bigcommercetext {visibility: hidden;width: 120px;background-color: #FC815B;color: #fff;text-align: center;font-weight: 600;border-radius: 6px;padding: 4px 0;position: absolute;z-index: 1;top: 12%;left: 8%;margin-left: -60px;}
#main-hero1 .bigcommerce-6 .bigcommercetext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #FC815B transparent transparent transparent;}
#main-hero1 .bigcommerce-6:hover .bigcommercetext {visibility: visible;}
#main-hero1 .app-7{position: absolute; top: 12%;left: 50%;transform: translateX(-50%);}
#main-hero1 .square-7{display: inline-block;border-bottom: 1px dotted black;}
#main-hero1 .square-7 .squaretext {visibility: hidden;width: 120px;background-color: #FC815B;color: #fff;font-weight: 600;text-align: center;border-radius: 6px;padding: 4px 0;position: absolute;z-index: 1;top: 6%;left: 50%;margin-left: -60px;}
#main-hero1 .square-7 .squaretext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #FC815B transparent transparent transparent;}
#main-hero1 .square-7:hover .squaretext {visibility: visible;}
#main-hero1 .app-8{position: absolute; top: 46%;right: 16%;transform: translate(25%,-50%);}
#main-hero1 .woocommerce-8{display: inline-block;border-bottom: 1px dotted black;}
#main-hero1 .woocommerce-8 .woocommercetext {visibility: hidden;width: 120px;background-color: #FC815B;color: #fff;font-weight: 600;text-align: center;border-radius: 6px;padding: 4px 0;position: absolute;z-index: 1;top: 34%;right: 7%;margin-left: -60px;}
#main-hero1 .woocommerce-8 .woocommercetext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #FC815B transparent transparent transparent;}
#main-hero1 .woocommerce-8:hover .woocommercetext {visibility: visible;}
#main-hero1 .app-9{position: absolute; bottom: 18%;left: 50%;transform: translateX(-50%);}
#main-hero1 .adobe-9{display: inline-block;border-bottom: 1px dotted black;}
#main-hero1 .adobe-9 .adobetext {visibility: hidden;width: 120px;background-color: #FC815B;color: #fff;text-align: center;font-weight: 600;border-radius: 6px;padding: 4px 0;position: absolute;z-index: 1;bottom: 28%;left: 50%;margin-left: -60px;}
#main-hero1 .adobe-9 .adobetext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #FC815B transparent transparent transparent;}
#main-hero1 .adobe-9:hover .adobetext {visibility: visible;}
#main-hero1 .app-10{position: absolute; top: 46%;left: 12%;transform: translate(25%,-50%);}
#main-hero1 .bigcartel-10{display: inline-block;border-bottom: 1px dotted black;}
#main-hero1 .bigcartel-10 .bigcarteltext {visibility: hidden;width: 120px;background-color: #FC815B;color: #fff;font-weight: 600;text-align: center;border-radius: 6px;padding: 4px 0;position: absolute;z-index: 1;top: 34%;left: 19%;margin-left: -60px;}
#main-hero1 .bigcartel-10 .bigcarteltext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #FC815B transparent transparent transparent;}
#main-hero1 .bigcartel-10:hover .bigcarteltext {visibility: visible;}
/* End Overview Section CSS */

/* Start Service Section CSS */
#our-services{background-color: #F4F3F8;}
#our-services .card-heading{font-family:var(--font-family-secondary);color: black;font-size: 20px;font-weight: 700;}
#our-services .card-block .btn-outline-primary {width: 100%;border-top-left-radius: 0;border-top-right-radius: 0;bottom: 0;left: 0;position: absolute;}
#our-services .card-block{left: 0;}
#our-services .card {margin: 20px 0;}
#our-services .card-container {perspective: 700px;}
#our-services .card-flip {position: relative; width: 100%;transform-style: preserve-3d;height: auto;transition: all 0.5s ease-out;background: white;border: none;border-radius: 25px;box-shadow: 3px 3px 0px #d0c0db;padding: 20px; border-top: 12px solid #5752A2;}
#our-services .card-flip div {backface-visibility: hidden;transform-style: preserve-3d;height: 100%;width: 100%;border: none;}
#our-services .card-flip .front { position: relative;z-index: 1;height: 270px !important;}
#our-services .card-flip .back {position: relative;z-index: 0;transform: rotateY(-180deg);height: 270px !important;}
#our-services .card-container:hover .card-flip {transform: rotateY(180deg); background-color: #5752A2;border-top: 12px solid #928DD7;}
  
.mcs__services_violet-sec-two {background-color: #030030 !important;margin: 100px 0;background-image: none;}
.mcs__services-section-three-accordian button.accordion-button{background: transparent !important; color: black !important; position: relative; font-size: 24px;font-family:var(--font-family-secondary); box-shadow: none !important;}
.mcs__services-section-three-accordian button.accordion-button:focus{box-shadow: none;}
.mcs__services-section-three-accordian button.accordion-button img{position: absolute; left: -58px; top: 50%; transform: translateY(-50%);}
.mcs__services-section-three-accordian .accordion-body{padding: 0; background: white;}
.mcs__services-section-three-accordian .accordion-item{box-shadow: 0 4px 16px 0 #00000014; border-radius: 15px; border-top: 5px solid #5752A2;}
.mcs__services-section-three-accordian .accordion-body .accordian_body_inner{display: flex; flex-direction: column; row-gap: 20px;}
.mcs__services-section-three-accordian .accordion-body .accordian-txt-right-txt{padding-left: 35px; position: relative;}
.mcs__services-section-three-accordian .accordion-body .accordian-txt-right-txt::before{content: "\f058"; font-family: "Font Awesome 6 Free"; font-weight: 700; position: absolute; color: var(--purple); left: 0px; font-size: 20px; top: -3px;}
.mcs__services-section-three-accordian .accordion-body .accordian-txt-right-txt .card-sub-heading{font-family:var(--font-family-secondary);color: black; font-weight: 800; font-size: 19px;}
.mcs__services-section-three-accordian .accordion-body .accordian-txt-right-txt *{display: inline;}
.mcs__services-section-three-accordian .accordion-header button{padding: 0; color: rgb(0, 0, 0) !important; font-size: 24px; line-height: 1.3em; font-weight: 600; margin: 0 !important;}
.mcs__services-section-three-accordian .accordion-item > .accordion-header{padding: 15px; color: rgb(0, 0, 0); border-radius: 20px;}
/* .mcs__services-section-three-accordian .accordion-item .accordion-collapse{background: linear-gradient(180deg, #5752A2 0%, #F4F3F8 100%); border-radius: 5px 5px 30px 30px; padding: 1px 3px 1px 1px;}  */
.mcs__services-section-three-accordian .accordion-item .accordion-collapse .accordion-body{padding: 15px; border-radius: 5px 5px 30px 30px;} 
.mcs__services-section-three-accordian .accordion-item > h2:has(.accordion-button:not(.collapsed)){border-radius: 20px 20px 5px 5px;}
.mcs__services-section-three-accordian .accordion-collapse {margin-top: 15px;}
.solution_img_2{display: none;}
/* End Service Section CSS */

/* Start Advantage */
.sticky {position: fixed;top: 75px;width: 100%;z-index: 1;}
.mcs__edge-sec-three-main .image-box img{width: 100px;}
.mcs__edge-sec-three-main .image-box h4{font-weight: 600; font-size: 24px; line-height: 30px; font-family:var(--font-family-secondary);}
/* End Advantage */

/* Start Use Section CSS */
.mcs__services-sec-four-inner .service-box > div{margin-top: -50px; padding: 80px 30px 30px 30px; background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);backdrop-filter: blur(100px); -webkit-backdrop-filter: blur(100px); text-align: center; border-radius: 0px 0px 20px 20px; height: 100%;}
.mcs__services-sec-four-inner .service-box p{margin-bottom: 0;}
.mcs__services-sec-four-inner .service-box img{border-radius: 20px; margin-bottom: 15px;}
.mcs__services-sec-four-inner .rounded-2xl{border-radius: 10px 10px 0px 0px;}
.mcs__services-sec-four-inner .lead{top: -50px; left:50%; transform: translateX(-50%);}
/* End Use Section CSS */

/* Start MSC Edge */
.mcs-edge-list li {font-family:var(--font-family-secondary); font-size:18px; font-weight:500; margin-bottom:5px; background:url(../../images/ecommerce-marketplace-development/body/our-services/list-style.png) left center no-repeat; background-size:25px 20px; padding-left:30px;}
/* End MSC Edge */

/* Start Case Studies CSS */
.case-study {border-radius:30px;}
.case-study-yellow-bg {background:#F9F6E7;}
.case-study-pink-bg {background:linear-gradient(101.45deg, #FFF2F8 7.01%, #F3F2FF 86.04%);}
.case-study .card-heading {font-size:30px; line-height:36px; font-weight:700;}
.case-study p {font-size:18px; font-weight:400;}
.case-study-inner span {font-family:var(--font-family-main); font-size:28px; line-height:34px; font-weight:600;}
.case-study-inner p {font-size:15px; font-weight:500;}
.case-study-btn {background:white; padding:10px 20px; border-radius:40px; color:black; font-family:var(--font-family-main); font-size:16px; line-height:22px; font-weight:600;}
.case-studies-carousel .owl-nav, .business-growth-carousel .owl-nav {display:flex; align-items:center; justify-content:center; margin-top:30px;}
/* End Case Studies CSS */

/* blog */
.mcs__recent-blog-main-sec{background-color: #F4F3F8;}
/* blog */

/* Start Advantage */
.bg-orange{background-color: #FC815B;padding: 9px 28px;
    border-radius: 37px;
    margin-top: 10px;}
#blog h5{ color: #ed2c7f;font-family: var(--font-family-main);font-size: 30px;font-weight: 500;}
.mcs__edge-sec-three-main .image-box img{width: 100px;}
/* End Advantage */

/* Start Tech Stack */
.mcs_tech-stack .accordian_tab_contents {padding: 0 !important; background: none !important;}
.mcs_tech-stack .accordian_tab_contents .col{padding: 0;}
.mcs_tech-stack .accordain_tab_group {margin-bottom: 20px; display: flex; justify-content: center; column-gap: 10px;}
.mcs_tech-stack .accordain_tab_group .tab{background: transparent !important; margin: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 0px !important; justify-content: center; padding-bottom: 10px;}
#one:checked ~ .accordain_tab_group #one-tab, #two:checked ~ .accordain_tab_group #two-tab, #three:checked ~ .accordain_tab_group #three-tab, #four:checked ~ .accordain_tab_group #four-tab, #five:checked ~ .accordain_tab_group #five-tab, #six:checked ~ .accordain_tab_group #six-tab, #seven:checked ~ .accordain_tab_group #seven-tab, #eight:checked ~ .accordain_tab_group #eight-tab, #nine:checked ~ .accordain_tab_group #nine-tab{color: var(--purple) !important; border-color: var(--pink);}
/* End Tech Stack */

/* Start Engagement Modal */

.mcs_engagment-sec-cards-row .modal-box{background: #ffffff; border: 2px solid #dfdcea;border-radius: 30px; overflow: hidden;}
.cust-ul-yellow li::before {content: "\f058";font-family: "Font Awesome 6 Free";font-weight: 700;position: absolute;color: #FCB84C;left: 0px;font-size: 20px;top: -3px;}
.cust-ul-yellow li {padding-left: 35px;position: relative;margin-bottom: 5px;font-family:var(--font-family-secondary);font-weight:500;}
.mcs_engagment-sec-cards-row p{margin-bottom: 0;}
.mcs_engagment-sec-cards-row h4{font-family: "Manrope", sans-serif; font-weight: bold; font-size: 22px;line-height:28px;color:black;}
.mcs_engagment-sec-cards-row .card-sub-heading{font-family: "Manrope", sans-serif; font-weight: bold; font-size: 18px;line-height:24px; color: #FCB84C;margin-bottom:10px;}
.cust-ul li{padding-left: 35px; position: relative; margin-bottom: 15px;}
.cust-ul li:last-child{margin-bottom: 0;}
.cust-ul li b{font-weight: 600;}
.cust-ul li::before{content: "\f058"; font-family: "Font Awesome 6 Free"; font-weight: 700; position: absolute; color: var(--purple); left: 0px; font-size: 20px; top: -3px;}
/* End Engagement Modal */


/* contact */
#contact-us h5{ color: #ed2c7f;font-family: var(--font-family-main);font-size: 30px;font-weight: 500;}
/*contact */

/* Start Fuel Growth */
.mcs__services_violet-sec-three{background-image: url(../../images/ecommerce-integration-services/bg-cta.webp); background-position: center; background-repeat: no-repeat; background-size: cover;}
/* End Fuel Growth */

/*  Start our-proactive */
.our-proactive .row .col{padding-bottom: 40px;}
.our-proactive .proactive-box{background: linear-gradient(180deg, #5752A2 0%, #F4F3F8 100%); padding: 1px 3px 1px 1px; border-radius: 100px 100px 25px 25px; height: 100%;}
.our-proactive .proactive-box > div{background-color: white; padding: 40px 20px; text-align: center; border-radius: 100px 100px 25px 25px; text-align: center; height: 100%; position: relative;}
.our-proactive .proactive-box img{width: 80px; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%);}
/* End our-proactive */

/* tech-stack */
#tech-stack .nav-pills .nav-link::after {position: absolute; right: 20px; content: "\f138";font-family: "Font Awesome 6 Free";font-size: 25px;font-weight: 700;color: #F4F3F8;line-height: 0.8em;background: var(--purple);border-radius: 50%;}
#tech-stack .nav-pills .nav-link.active::after {color: var(--purple);line-height: 0.8em;background: #F4F3F8;}
#tech-stack .anyClass {overflow: hidden;max-height: none;}
#tech-stack #stack-tab .nav-link{font-family:  "Bricolage Grotesque", sans-serif; width: 100%; color: #000000; background: transparent; font-weight: 500; border-bottom: 2px solid white; transition: 0.3s; border-radius: 0;}
#tech-stack #stack-tab .nav-link.active{color: var(--purple); font-weight: 600; border-color: var(--purple);}
#tech-stack .nav-pills .nav-link{box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.08); position: relative; border-radius: 10px !important; border-bottom: none !important; padding: 15px 30px 15px 20px; background-color: #fff !important; font-size: 18px;}
#tech-stack .nav-pills .nav-link.active {background-color: #fff !important; color: #5752A2 !important; border-left: 8px solid #5752A2;}
#tech-stack span,#tech-stack button{font-weight: 600; color: #000;}
#tech-stack #stack-tabContent{background: linear-gradient(153.43deg, #f4f3f8 0%, rgba(244, 243, 248, 0) 100%);border-radius: 25px; padding: 15px;height: 100%;}
#tech-stack #stack-tabContent,#tech-stack .accordion-item {background: linear-gradient(153.43deg, #f4f3f8 0%, rgba(244, 243, 248, 0) 100%);border-radius: 25px;}
#tech-stack .accordion{width: 100%;}
#tech-stack  .anyClass{overflow: hidden; max-height: none; margin-bottom: 20px;}
#tech-stack #key_feature .accordion-item{background: transparent;}
#tech-stack #key_feature .accordion-button{background: #f1f7fd1a; color: white; border-radius: 10px !important; margin-bottom: 15px; border-radius: 10px !important; margin-bottom: 15px; }
#tech-stack #key_feature .accordion-button:not(.collapsed){background-color: var(--purple); box-shadow: inset 0px 4px 4px rgba(255, 255, 255, 0.25);}
#tech-stack #key_feature .accordion-body{background: rgba(241, 247, 253, 0.1); border-radius: 10px !important; margin-bottom: 15px; box-shadow: inset 0px 4px 4px rgba(255, 255, 255, 0.25); padding: 5px 20px 20px;}
#tech-stack #key_feature h3{font-size: 30px; color: #CC46FF;}
#tech-stack #key_feature ul{margin-bottom: 0; padding-left: 25px;}
#tech-stack #key_feature ul li{position: relative; margin-bottom: 25px;}
/*#tech-stack #key_feature ul li::before{content: ""; background-image: url("../../images/blockchain_game/tick.svg"); width: 20px; height: 20px; position: absolute; left: -30px; top: 3px; background-position: center center; background-repeat: no-repeat; background-size: cover;}*/
/* tech-stack */

/* mcs__engagment-sec-two-main */
.mcs__engagment-sec-two-main ul li{font-family: "Bricolage Grotesque", sans-serif;font-weight: 400;font-size: 18px;}
/* mcs__engagment-sec-two-main */

.icon1{position: absolute; top: -50px;left: 50%;transform: translateX(-50%);}
.icon2{position: absolute; top: 50px;left: 50px;transform: translateX(-50px);}
.icon3{position: absolute; top: 50px;right: -50px;transform: translateX(-50px);}
.icon4{position: absolute; bottom: 50px;right: -50px;transform: translateX(-50px);}
.icon6{position: absolute; bottom: 50px;left: 50%;transform: translateX(-50%);}
.related-ecommerce-card{display: flex;align-items: end;padding: 30px;height: 400px;border-radius: 15px;}
.related-ecommerce-card .card-heading {font-family: var(--font-family-secondary);font-size: 22px;line-height: 28px;font-weight: 700;color: white;}
.related-ecommerce-card-1{background:linear-gradient(180deg, rgba(0, 0, 0, 0) 25.1%, #000000 94.66%), url(../../images/ecommerce-integration-services/related-ecommerce-1.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.related-ecommerce-card-2{background:linear-gradient(180deg, rgba(0, 0, 0, 0) 25.1%, #000000 94.66%), url(../../images/ecommerce-integration-services/related-ecommerce-2.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.related-ecommerce-card-3{background:linear-gradient(180deg, rgba(0, 0, 0, 0) 25.1%, #000000 94.66%), url(../../images/ecommerce-integration-services/related-ecommerce-3.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.related-ecommerce-card-4{background:linear-gradient(180deg, rgba(0, 0, 0, 0) 25.1%, #000000 94.66%), url(../../images/ecommerce-integration-services/related-ecommerce-4.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.related-ecommerce-card-5{background:linear-gradient(180deg, rgba(0, 0, 0, 0) 25.1%, #000000 94.66%), url(../../images/ecommerce-integration-services/related-ecommerce-5.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.related-ecommerce .owl-nav{margin-top:40px;}
.hidden{display:none;}
@media only screen and (max-width: 1600px){
    .title-h2 { font-size: 32px !important;}
    #main-hero1 .w-40{width: 38% !important;}
}

@media only screen and (max-width: 1400px){
    #main-hero1 .shopify-1 .shopifytext{top: -13%;}
    #main-hero1 .shift4shop-2 .shift4shoptext{top: 10%;right: -5%;}
    #main-hero1 .square-7 .squaretext{top: 4%;}
    #main-hero1 .bigcommerce-6 .bigcommercetext{top: 10%; left: 32px;}
    #main-hero1 .woocommerce-8 .woocommercetext{top: 32%; right: 5%;}
    #main-hero1 .bigcartel-10 .bigcarteltext{top: 32%;left: 20%;}
    #main-hero1 .adobe-9 .adobetext{bottom: 30%;}
    #main-hero1 .opencart-5 .opencarttext{bottom: 30%; left: 11%;}
    #main-hero1 .magento-4 .magentotext{bottom: 13%;right: 36%;}
    #main-hero1 .zoho-3 .zohotext{bottom: 30%;right: -11px;}
    .mcs_hero_sec h1{font-size: 48px;}
    .mcs__service-sec-two-right-txt h4{font-size: 36px !important;}
    .mcs-edge-sec-four-right{padding: 60px;}
    .mcs-edge-sec-four-right .mcs-edge-sec-four-inner .inner-inner{width: 100%;}
    .mcs__edge-sec-two-main .mcs_edge-carousel-card-inner h4{font-size: 36px;}
    .mcs__edge-sec-three-main .image-box img{width: 80px;}
    .mcs__edge-sec-three-main .image-box h4{font-size: 22px;line-height:28px; font-weight: 500;}
    .mcs__engagment-sec-three-main{height: 320px;}
    .title-h2{font-size: 38px !important;}
}

    
@media only screen and (max-width: 1199px){
    #main-hero1 .app-10{left: 8%;}
    /* #main-hero1 .bigcommerce-6 .bigcommercetext{top: 8%; left: 7%;} */
    #main-hero1 .shopify-1 .shopifytext{font-size: 14px;width: 85px;top: -14%;
        left: 54%;} 
    #main-hero1 .shift4shop-2 .shift4shoptext{font-size: 14px;width:85px;top: 9%;
        right: -4%;}
    #main-hero1 .zoho-3 .zohotext{bottom: 32%; right: 1px;font-size: 14px;width: 85px;}
    #main-hero1 .magento-4 .magentotext{bottom: 15%;right: 34%;}
    #main-hero1 .opencart-5 .opencarttext{left: 11%;bottom: 32%;}
    #main-hero1 .bigcommerce-6 .bigcommercetext{top: 8%;left: 8%;}
    #main-hero1 .square-7 .squaretext{top: 2%;left: 50%;}
    #main-hero1 .woocommerce-8 .woocommercetext {top: 30%;right: 3%;}
    #main-hero1 .adobe-9 .adobetext{bottom: 32%;left: 50%;}
    #main-hero1 .bigcartel-10 .bigcarteltext{top: 30%;left: 18%;}

    .mcs__services_violet-sec-three .w-75{width: 85% !important;}
    .w-50{width: 80% !important;}
    .mcs_hero_sec h1{font-size: 40px;}
    .mcs_hero_sec p{font-size: 20px;}
    .mcs-edge-sec-four-right{padding: 40px;}
    .mcs__service-sec-two-right-txt h4 {font-size: 28px !important;}
    .title-h2{font-size: 36px !important;}
    .mcs__services-inner-main #serviceContent .tab-pane{padding: 30px; margin-top: 30px;}
    .py-80{padding-top: 60px; padding-bottom: 60px;}
    .mcs_menu > ul > li{margin: 0px 10px; white-space: nowrap;}
}


    
@media only screen and (max-width: 991px){
    .mcs_hero_sec{padding-top: 110px;padding-bottom:40px;}
    #main-hero1 .w-40{width: 50% !important;}
    #main-hero1 .app-10{left: 8%;}
    #main-hero1 .shopify-1 .shopifytext{font-size: 14px;width: 85px;top: -14%; left: 54%;}
    #main-hero1 .shift4shop-2 .shift4shoptext{font-size: 14px;width:85px;top: 9%;right: -3%;}
    #main-hero1 .zoho-3 .zohotext{bottom: 32%; right: 1px;font-size: 14px;width: 85px;}
    #main-hero1 .magento-4 .magentotext{bottom: 15%;right: 34%;}
    #main-hero1 .opencart-5 .opencarttext{left: 11%;bottom: 32%;}
    #main-hero1 .bigcommerce-6 .bigcommercetext{top: 8%;left: 7%;}
    #main-hero1 .square-7 .squaretext{top: 2%;left: 50%;}
    #main-hero1 .woocommerce-8 .woocommercetext {top: 30%;right: 3%;}
    #main-hero1 .adobe-9 .adobetext{bottom: 32%;left: 50%;}
    #main-hero1 .bigcartel-10 .bigcarteltext{top:30%;left: 18%;}

    .mcs__service-sec-two-right-txt h4 {font-size: 28px !important;}
    .hero-img {width: 100%;}
    .mcs_hero_sec h1{font-size: 38px;}
    .mcs_hero_sec p{font-size: 19px;}
    .mcs_section-main-heading p{font-size: 16px;}
    .mcs-edge-list li {font-size:16px;}
    .mcs_engagment-sec-cards-row h4{font-size: 20px;line-height:26px;}
    .case-study {border-radius:20px;}
.case-study .card-heading {font-size:24px; line-height:30px;}
.case-study p {font-size:16px;}
.case-study-inner span {font-size:22px; line-height:28px;}
.case-study-inner p {font-size:14px;}
.case-study-btn {padding:8px 20px; font-size:15px;}
.case-study-logo {width:90px; height:35px;}
    .mcs__services-inner-main #serviceContent .tab-pane{display: block !important; opacity: 1; margin: 0; padding: 0; box-shadow: 0 4px 16px 0 #00000014; margin-bottom: 20px; border-radius: 15px; overflow: hidden;}
    .mcs__services-inner-main #serviceContent .accordion-button:not(.collapsed){background-color: var(--purple); color: white;}
    /* .mcs__services-section-three-inner .row{flex-direction: column-reverse;} */
    #tech-stack #stack-tabContent .accordion-body h4{font-size: 26px;}
    #stack-tabContent .tab-pane{display: block !important; opacity: 1;}
    .mcs__second-nav-main{top: 75px !important;}
    .cust-tab{white-space: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch;}
    .cust-tab::-webkit-scrollbar {display: none;}
    .cust-tab {-ms-overflow-style: none; scrollbar-width: none;}
    .mcs_mob{display: none;}
    .col:has(.dash-purple.left.last){order: 5;}
    #overview .content .col:last-child .dash-purple.left::before, #overview .content .col:nth-child(4) .dash-purple.left::before{left: auto; right: -2px;}
    #overview .content .col:last-child .dash-purple.left > img{display: none;}
    #overview .content .col:nth-child(2) .dash-purple.right > img{display: none;}
    #stack-tabContent{background: transparent !important;}
    #stack-tabContent .accordion-button{border-radius: 10px; box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.08);}
    #stack-tabContent .accordion-button:not(.collapsed){background: #fff; color: var(--purple); border-left: 8px solid var(--purple);}
    .mcs__services-inner-main #serviceContent .service_box_1, .mcs__services-inner-main #serviceContent .service_box_2{padding: 0 !important; background: none;}
    .mcs__services-inner-main #serviceContent .service_box_2 h3{display: none;}
    .mcs_engagement-sec-two-inner .row{flex-direction: column-reverse;}
}

@media only screen and (max-width: 767px){
    #main-hero1 .w-40{width: 100% !important;}
    #main-hero1 .app-10{left: 11%;}
    #main-hero1 .shopify-1 .shopifytext{top: -11%;left: 53%;}
    #main-hero1 .shift4shop-2 .shift4shoptext{top: 12%;right: 0%;}
    #main-hero1 .zoho-3 .zohotext{bottom: 28%;right: 3%;}
    #main-hero1 .magento-4 .magentotext{bottom: 10%;right: 39%;}
    #main-hero1 .opencart-5 .opencarttext{bottom: 27%;left: 10%;}
    #main-hero1 .bigcommerce-6 .bigcommercetext{top: 11%;left: 11%;}
    #main-hero1 .square-7 .squaretext{top: 5%;left: 50%;}
    #main-hero1 .woocommerce-8 .woocommercetext{top: 35%;right: 7%;}
    #main-hero1 .adobe-9 .adobetext{bottom: 27%;left: 50%;}
    #main-hero1 .bigcartel-10 .bigcarteltext{top: 35%;left: 18%;}

    .mb-7{margin-bottom: 50px;}
    .mcs_hero_sec h1{font-size: 40px;}
    .mcs_hero_sec p{font-size: 15px;}
    .mcs__overview-main-sec .bg-dot{top: -15px; left: -15px;}
    .mcs__edge-sec-three-main .image-box h4{font-size: 20px;line-height:26px;}
    .mcs__edge-sec-two-main .mcs_edge-carousel-card-inner h4{font-size: 24px;}
    .mcs__engagment-sec-three-main{background: linear-gradient(90deg, #FFF2F8 0%, #F3F2FF 100%); height: auto; padding: 50px 10px;}
    .mcs_engagement-sec-two-inner{padding-left: 10px; padding-right: 10px;}
    #tech-stack #stack-tabContent .accordion-item{opacity: 1; display: block;}
    #tech-stack #stack-tabContent{padding: 0px; background: none;}
    #tech-stack #stack-tabContent::before{background: none;}
    #tech-stack #stack-tabContent .accordion-collapse{position: relative;} 
    #tech-stack #stack-tabContent .accordion-body{padding: 15px;}
    .mcs__services-section-three-accordian button.accordion-button{font-size: 20px;}
    #overview .content .col .dash-purple > img{display: none;}
    .mcs__service-sec-two-inner{text-align: center;}
    .mcs_engagment-sec-cards-row .modal-box, .mcs_engagment-sec-cards-row .modal-box > div, .mcs_engagment-sec-cards-row .modal-box img{border-radius: 100px 100px 20px 20px;}
}

@media only screen and (max-width: 575px){
    #main-hero1 .shopify-1 .shopifytext {top: -14%;left: 55%;}
    #main-hero1 .bigcommerce-6 .bigcommercetext{top: 8%;}
    #main-hero1 .bigcommerce-6 .bigcommercetext::after {left:40%;}
    #main-hero1 .square-7 .squaretext{top: 2%;}
    #main-hero1 .shift4shop-2 .shift4shoptext {top: 9%;right: -4%;}
    #main-hero1 .app-10 {left: 8%; }
    #main-hero1 .bigcartel-10 .bigcarteltext {top: 29%;left: 18%;}
    .row-gap-5{row-gap: 0px !important;}
    #main-hero1 .woocommerce-8 .woocommercetext {top: 29%;right: 3%;}
    #main-hero1 .adobe-9 .adobetext {bottom: 32%; left: 50%;}
    #main-hero1 .zoho-3 .zohotext {bottom: 32%; right: 0%;}
    .our-global-main .owl-nav{display: none;}
    .our-global-main .owl-dot{background: none;}
    #main-hero1 .opencart-5 .opencarttext {bottom: 32%;left: 11%;}
    #main-hero1 .magento-4 .magentotext {bottom: 15%; right: 33%;}
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #5752A2;}
    .mcs_engagment-sec-cards-row .modal-box, .mcs_engagment-sec-cards-row .modal-box > div, .mcs_engagment-sec-cards-row .modal-box img{border-radius: 15px;}
    .mcs__services-sec-four-inner .lead{width: 80px;}
    .mcs__services-sec-four-inner .service-box > div{padding: 60px 20px 20px 20px;}
    .solution_img-2{display: none !important;}
    .py-80 {padding-top: 40px; padding-bottom: 40px;}
    #engagment-model .w-75{width: 100% !important;}
    .mcs__engagment-sec-two-main ul li{font-size: 16px;}
    .w-50{width: 100% !important;}
    #our-services .card-flip .back{height: 220px !important;}
    #our-services .card-flip .front{height: 220px !important;}
    .mcs_hero_sec h1{font-size: 28px;}
    /* .mcs_hero_sec img{width: 80%;} */
    .mcs-edge-sec-four-right{padding: 20px;}
    #overview, .mcs__services-inner-main, .mcs__services_violet-sec-two, .mcs__services-section-three-inner, .mcs__services-sec-four-main, .mcs__edge-sec-two-main, .mcs__edge-sec-three-main, .mcs__edge-sec-four-testimonal {padding-left: 8px; padding-right: 8px;}
    .mcs__edge-sec-four-testimonal {padding-bottom: 50px !important;}
    .mcs-edge-top-main-heading {padding: 0px;}
    .mcs__services-section-three-accordian button.accordion-button img{width: 55px; left: -52px;}
    .title-h2{font-size: 28px !important;}
    .mcs__service-sec-two-right-txt h4{font-size: 28px !important;}
    .mcs_edge-carousel-card{padding: 20px;}
    .mcs__services-section-three-accordian button.accordion-button, .mcs__services-section-three-accordian .accordion-body .accordian-txt-right-txt .card-sub-heading{font-size: 16px;}
}

@media only screen and (max-width: 380px){
    #main-hero1 .app-10{left: 7%;} 
    #main-hero1 .shopify-1 .shopifytext{top: -14%;left: 55%;font-size: 12px;}
    #main-hero1 .shift4shop-2 .shift4shoptext{top: 9%;right:-4%;font-size: 12px;}
    #main-hero1 .zoho-3 .zohotext{bottom: 33%;right:0%;font-size: 12px;}
    #main-hero1 .magento-4 .magentotext{bottom: 16%;right: 33%;font-size: 12px;}
    #main-hero1 .opencart-5 .opencarttext{bottom: 33%;left: 11%;font-size: 12px;}
    #main-hero1 .bigcommerce-6 .bigcommercetext{top: 9%;left:11%;font-size: 12px;}
    #main-hero1 .square-7 .squaretext{top:3%;left: 50%;font-size: 12px;}
    #main-hero1 .woocommerce-8 .woocommercetext{top: 30%;right:2%;font-size: 12px;}
    #main-hero1 .adobe-9 .adobetext{bottom: 33%;left: 50%;font-size: 12px;}
    #main-hero1 .bigcartel-10 .bigcarteltext{top: 30%;left: 18%;font-size: 12px;}
}