.row-gap {row-gap:30px;}
.text-orange{color: #FC815B !important;}
.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 h1{font-size: 48px;}
.mcs_hero_sec p{font-size: 18px;}
#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;}
.success-card-main {display:flex; align-items:stretch; padding:20px;}
.success-card {background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); padding:20px; border-radius:20px;}
.success-card-reverse {background:linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);}
.success-card .card-heading {font-family:var(--font-family-secondary); font-size:20px; line-height:26px; font-weight:700;}
.success-card-reverse .card-heading {text-align:end;}
.success-card p {font-size:16px; margin-bottom:0px;}
.success-card-reverse p {text-align:end;}
.success-main .row .success-card-main:nth-child(1) {border-right:5px solid white; border-bottom:5px solid white;}
.success-main .row .success-card-main:nth-child(2) {border-left:5px solid white; border-bottom:5px solid white;}
.success-main .row .success-card-main:nth-child(3) {border-right:5px solid white; border-top:5px solid white;}
.success-main .row .success-card-main:nth-child(4) {border-left:5px solid white; border-top:5px solid white;}

@keyframes circular-motion {
0% {transform:translateX(0);}
100% {transform:translateX(100%);}
}

.leading-companies-inner {width:100%; height:130px;}
.leading-companies-img {height:100%; width:100%; background-image:url(../../images/saas-development-company/leading-companies.svg); background-size:100% 100%; animation:circular-motion 20s infinite linear; position:relative;}
.leading-companies-img::before {content:""; background-image:url(../../images/saas-development-company/leading-companies.svg); width:100%; height:130px; position:absolute; transform:translateX(-100%); bottom:0; left:0; background-size:100% 100%;}
.services-main {background:linear-gradient(270deg, #FFF2F8 0%, #F3F2FF 100%);}
#growthCarousel .horizontalDots {display:flex; justify-content:center; position:unset; flex-wrap:wrap; margin:0; row-gap:30px; height:100%}
#growthCarousel .carousel-indicators li {display:block; width:100%!important; height:auto; text-indent:unset; border-radius:10px!important; max-width:calc(33.33% - 30px); flex:0 0 calc(33.33% - 30px); width:100%!important; margin:0 15px; opacity:1; background:0 0!important; border:0}
.growth-tile {padding:20px; text-align:center; background:#fff; border-radius:10px; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%}
.growth-icon {display:block}
.growth-white-icon {display:none}
.growth-tile .tile-heading {font-family:var(--font-family-secondary); font-size:18px; line-height:24px; font-weight:600; margin-top:10px; margin-bottom:0}
#growthCarousel .carousel-indicators li.active .yellow-tile {border:2px solid #ffb94d; background:linear-gradient(317.92deg,#FFD89B -73.08%,#FFF3E0 76.11%)}
#growthCarousel .carousel-indicators li.active .violet-tile {border:2px solid #a877fd; background:linear-gradient(317.92deg,#CEB1FF -73.08%,#F6F1FF 76.11%)}
#growthCarousel .carousel-indicators li.active .pink-tile {border:2px solid #ed2c7f; background:linear-gradient(317.92deg,#FFABD6 -73.08%,#FFE4F2 76.11%)}
#growthCarousel .carousel-indicators li.active .growth-icon {display:none}
#growthCarousel .carousel-indicators li.active .growth-white-icon {display:block}
#growthCarousel .carousel-item-main {border:2px solid #dee2e6}
#growthCarousel .carousel-item {background:#fff; border-radius:10px; padding:15px; padding-bottom:40px}
#growthCarousel .carousel-item img {margin-left:-15px}
#growthCarousel .carousel-item .card-heading {font-family:var(--font-family-secondary); font-size:22px; line-height:28px; font-weight:700}
#growthCarousel .carousel-item ul li {font-family:var(--font-family-secondary); font-size:16px; font-weight:500; margin-bottom:5px}
.yellow-li li {background:url(../../images/ecommerce-platform-migration-services/yellow-list-item.svg); padding-left:30px; background-position:left top; background-repeat:no-repeat; background-size:24px 22px}
.violet-li li {background:url(../../images/ecommerce-platform-migration-services/blue-list-item.svg); padding-left:30px; background-position:left top; background-repeat:no-repeat; background-size:24px 22px}
.pink-li li {background:url(../../images/ecommerce-platform-migration-services/pink-list-item.svg); padding-left:30px; background-position:left top; background-repeat:no-repeat; background-size:24px 22px}
.cta {display:flex; align-items:center; height:450px;}
.cta-1 {background:url(../../images/saas-development-company/cta-1-bg.webp); background-position:center; background-repeat:no-repeat; background-size:cover;}
.technologies-design img {position:absolute; left:0px;z-index:-1;}
.technologies-left .technologies-card {margin-top:175px;}
.technologies-right .technologies-card {margin-bottom:175px;}
.technologies-card .card-heading {font-family:var(--font-family-main); font-size:24px; line-height:30px;}
.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;}
.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 {display:flex; align-items:center; justify-content:center; margin-top:30px;}
#tech-stack #stack-tab .nav-link {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(--primary-violet); font-weight:600; border-color:var(--secondary-pink);}
.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);}
#tech-stack .nav-pills .nav-link {position:relative; display:flex; justify-content:space-between; border-radius:10px !important; border-bottom:none !important; padding:15px 20px; background-color:#F4F3F8 !important; font-size:18px; font-family:var(--font-family-main);}
#tech-stack .nav-pills .nav-link::after {content:"\f138"; font-family:"Font Awesome 6 Free"; font-size:25px; font-weight:700; color:white; line-height:0.8em; background:var(--primary-violet); border-radius:50%;}
#tech-stack .nav-pills .nav-link.active::after {background:transparent;}
#tech-stack .nav-pills .nav-link.active {background-color:var(--primary-violet) !important; color:#fff !important;}
#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;}
#tech-stack .nav-pills button {width:100%;}
#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(--primary-violet); 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;}
.engagement-card-main {display:flex; align-items:stretch;}
.engagement-card {border:1px solid #FCB84C; border-radius:20px; box-shadow:8px 8px 0px 0px #FFF0CE; width:100%; display:flex; flex-direction:column; justify-content:space-between;}
.engagement-card .content {display:flex; align-items:center; padding:20px; background:#FFF6E1; border-radius:0px 0px 20px 20px; justify-content:space-between;}
.engagement-card .card-heading {font-family:var(--font-family-secondary); font-size:20px; line-height:26px; font-weight:600; margin-bottom:0px;}
.engagement-btn {width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#FCB84C; flex-shrink:0;}
.engagement-pink-card {box-shadow:8px 8px 0px 0px #FFD7F0; border:1px solid #ED2C7F;}
.engagement-pink-card .content {background:#FDF2F9;}
.engagement-pink-card .engagement-btn {background:#ED2C7F;}
.engagement-violet-card {box-shadow:8px 8px 0px 0px #DBD8FF; border:1px solid #5752A2;}
.engagement-violet-card .content {background:#F2F1FF;}
.engagement-violet-card .engagement-btn {background:#5752A2;}
.engagement-orange-card {box-shadow:8px 8px 0px 0px #FFD9D9; border:1px solid #FC815B;}
.engagement-orange-card .content {background:#FFF0F0;}
.engagement-orange-card .engagement-btn {background:#FC815B;}
.cta-2 {background:url(../../images/saas-development-company/cta-2-bg.webp); background-position:center; background-repeat:no-repeat; background-size:cover;}
.solution-main .solution-row {background:linear-gradient(121.34deg, #F4F3F8 24.14%, #FFFFFF 36.16%); border-radius:20px;}
.solution-left {height:100%;}
.sidebar {position:sticky; top:100px; left:0;}
.solution-left .list-group-item {padding:15px; border:0px; background:white; border-radius:8px !important; color:black; font-family:var(--font-family-main); font-weight:500; font-size:18px; line-height:24px; margin:10px 0px; box-shadow:0px 8px 16px 0px #E0DCEC;}
.solution-left .list-group-item.active {font-weight:700; color:#5752A2; border-left:5px solid #5752A2;}
.solution-content .content-item {padding-top:20px; padding-bottom:50px;}
.solution-content .card-heading {font-family:var(--font-family-main); font-weight:500; font-size:24px; line-height:30px; margin-bottom:15px;}
.solution-content-inner-main {display:flex; align-items:stretch;}
.solution-content-inner-card {padding:20px; background:radial-gradient(133.5% 152.24% at 88.25% 97.37%, #FFFFFF 44.6%, #E9E3FF 100%); border-radius:10px;}
.solution-content-inner-card .card-sub-heading {font-family:var(--font-family-secondary); font-weight:700; font-size:20px; line-height:26px; margin-bottom:10px;}
.solution-main .accordion-item {border:0px; box-shadow:none; margin-bottom:15px;}
.solution-main .accordion-button {border:0px; box-shadow:none; border-radius:10px!important; background:#F4F3F8; font-family:var(--font-family-main); font-weight:500; font-size:18px; line-height:24px; color:black; padding:15px;}
.solution-main .accordion-button:not(.collapsed) {background:#5752A2; color:white; font-weight:600;}
.solution-main .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; transition:transform 0.2s ease-in-out;}
.solution-main .accordion-button:not(.collapsed)::after {background:url(../../images/b2b-ecommerce-development-services/accordion-icon.png); transform:rotate(-180deg);}
.solution-main .accordion-body {background:transparent;}
.leading-companies {overflow-x:hidden; white-space:nowrap; position:relative; pointer-events:none;}
.leading-companies::-webkit-scrollbar {pointer-events:none;}
.leading-companies .content {display:inline-block; width:100%; animation:scroll 20s linear infinite;}
.leading-companies img {width:20%; height:auto; margin-right:5%;}
@keyframes scroll {
0% {transform:translateX(0);}
100% {transform:translateX(-200%);}
}
.hidden{display:none;}
@media only screen and (max-width: 1600px){
    #main-hero1 .w-40{width: 38% !important;}
}

@media (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: 42px;}
.technologies-left .technologies-card {margin-top:105px;}
.technologies-right .technologies-card {margin-bottom:115px;}
}

@media (max-width:1200px) {
#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: -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%;}
.w-50{width: 80% !important;}
.mcs_hero_sec h1{font-size: 35px;}
.leading-companies-inner {height:100px;}
.leading-companies-img::before {height:100px;}
#growthCarousel .carousel-indicators li {max-width:calc(50% - 30px); flex:0 0 calc(50% - 30px)}
.technologies-left .technologies-card {margin-top:60px;}
.technologies-right .technologies-card {margin-bottom:60px;}
.technologies-card p {font-size:16px;}
}

@media (max-width:992px) {
.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%;}
.hero-img {width: 100%;}
.mcs_hero_sec h1{font-size: 30px;}
.mcs_hero_sec p{font-size: 17px;}
.success-card-main {align-items:center; padding:0px 15px;}
.success-card-main img {width:60px; height:60px; margin-right:15px;}
.success-card {padding:15px;}
.success-card-reverse {background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);}
.success-card-reverse .card-heading, .success-card-reverse p {text-align:start;}
.success-main .row .success-card-main {border:0px!important;}
.success-card .card-heading {font-size:18px; line-height:24px;}
.success-card p {font-size:15px;}
.leading-companies-img {background-image:url(../../images/saas-development-company/leading-companies-mob.svg);}
.leading-companies-img::before {background-image:url(../../images/saas-development-company/leading-companies-mob.svg);}
#growthCarousel .carousel-indicators li .growth-icon {width:50px; height:50px;}
#growthCarousel .carousel-indicators li .growth-white-icon {width:50px; height:50px;}
.growth-tile .tile-heading {font-size:16px; line-height:22px;}
#growthCarousel .carousel-item img {width:50px; height:50px;}
#growthCarousel .carousel-item .card-heading {font-size:20px; line-height:28px; margin-bottom:10px;}
#growthCarousel .carousel-item ul li {font-size:16px;}
.cta {height:600px; padding-top:300px;}
.cta-1 {background:url(../../images/saas-development-company/cta-1-bg-mob.webp); background-position:center; background-repeat:no-repeat; background-size:cover;}
.mcs-edge-list li {font-size:16px;}
.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;}
#stack-tabContent .tab-pane {display:block !important; opacity:1;}
#stack-tabContent {background:transparent !important;}
#stack-tabContent .accordion-button {border-radius:10px; box-shadow:none;}
#stack-tabContent .accordion-button:not(.collapsed) {background:var(--primary-violet); color:#ffffff;}
#tech-stack #stack-tabContent {padding:0px;}
#stack-tabContent .accordion-body {background:#f6f5f9; border-radius:10px; margin-top:10px;}
#tech-stack .accordion-item {background:none;}
.engagement-card .card-heading {font-size:18px; line-height:24px;}
.cta-2 {background:url(../../images/saas-development-company/cta-2-bg-mob.webp); background-position:center; background-repeat:no-repeat; background-size:cover;}
.solution-main .row {background:unset;}
.solution-content .content-item {padding-top:0px; padding-bottom:0px;}
.solution-main .accordion-body {padding:15px;}
.solution-content-inner-card .card-sub-heading {font-size:18px; line-height:24px;}
.technologies-card {text-align:center;}
.technologies-card img {margin-bottom:12px;}
.technologies-card .card-heading {font-size:20px; line-height:26px; margin-bottom:8px;}
.technologies-card p {font-size:15px;}
}
@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;}
}
@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%;}
    .mcs_hero_sec h1{font-size: 25px;}
}
@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;}
}