.row-gap {row-gap:30px;}
.hero-bg {background:url(../../images/saas-development-company/hero-bg.webp); background-position:center; background-repeat:no-repeat; background-size:cover; height:calc(100vh - 100px);}
.hero-bg .breadcrumb-item a {font-family:var(--font-family-main); color:#FFFFFF; opacity:0.7; font-size:16px;}
.hero-bg .breadcrumb-item.active {font-family:var(--font-family-main); color:white; font-size:16px;}
.hero-bg .breadcrumb-item+.breadcrumb-item::before {content:">"; color:white; opacity:0.7; font-family:monospace;}
.hero-heading {font-size:48px; line-height:58px;}
.hero-text p {margin-bottom:40px;}
.overview-design{background: white;border-radius: 20px;height:100%;}
.col-gap{column-gap: 25px;}
.icon-sec{height:180px;display:flex;justify-content:center;align-items: center;}
.overview-design .content{height: calc(100% - 180px);}
.overview-design .card-heading{color: #000;font-family: Manrope;font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;}
.pink-bg{background: #ED2C7F;box-shadow: 1px -19px 9.9px 0px rgba(0, 0, 0, 0.14) inset;border-radius: 20px 20px 50% 50%;}
.yellow-bg{background: #FCB84C;box-shadow: 1px -19px 9.9px 0px rgba(0, 0, 0, 0.14) inset;border-radius: 20px 20px 50% 50%;}
.blue-bg{background: #5752A2;box-shadow: 1px -19px 9.9px 0px rgba(0, 0, 0, 0.14) inset;border-radius: 20px 20px 50% 50%;}
.orange-bg{background: #F9805A;box-shadow: 1px -19px 9.9px 0px rgba(0, 0, 0, 0.14) inset;border-radius: 20px 20px 50% 50%;}
.overview-corousel .owl-nav{display:none !important;}
.success-design{border-right:1px #C7C7C7 solid;height:100%;}
.success-design .icon-sec{height:231px;display:flex;justify-content:center;align-items: center;margin-right:24px;}
.b-none{border-right:0px;}
.over-design{background: white;border-radius: 20px;height:100%;position:relative;}
.over-design .circle {width: 120px;height: 120px;border-radius: 50%;position: absolute;top: 35px;left: 50%;transform: translate(-50%, -50%);box-shadow: -2px 6px 9px -2px rgba(0, 0, 0, 0.59);-webkit-box-shadow: -2px 6px 9px -2px rgba(0, 0, 0, 0.59);-moz-box-shadow: -2px 6px 9px -2px rgba(0, 0, 0, 0.59);display: flex;justify-content: center;align-items: center;}
.over-design .rectangle {height: 80px;border-radius: 20px 20px 0 0;}
.over-design .yellow {background: #FCB84C;}
.over-design .blue {background: #5752A2;}
.over-design .pink {background: #ED2C7F;}
.over-design .orange {background: #F9805A;}
.overview-card .icon img{width:65%;}
.overview-card .icon::after{position:absolute;content:"";width:100%;height:2px;background:#787878;top:40%;transform:translateY(-50%);}
.overview-card.last .icon::after{content:unset;}
.overview-card .card-heading{font-size:20px;line-height:26px;font-weight:600;margin-bottom:10px;}
.overview-card p{font-size:16px;margin-bottom:0px;}
.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;}
.solutions-carousel {position:relative;}
.solutions-carousel .owl-nav button {position:absolute; top:50%;}
.solutions-carousel .owl-nav .owl-prev {left:20px;}
.solutions-carousel .owl-nav .owl-next {right:20px;}
.solutions-cards {min-height:610px; background:linear-gradient(185.09deg, rgba(0, 0, 0, 0) 14.99%, #000000 95.53%); border-right:1px solid rgba(255, 255, 255, .5); display:flex; flex-direction:column; justify-content:end; padding:30px;}
#solutions-banner {position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:100%;}
.solutions-cards .card-heading {font-family:var(--font-family-secondary); font-size:22px; line-height:28px; font-weight:700; color:white; margin-bottom:20px;}
.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 (min-width:992px) {
.solutions-cards:hover {background:unset;}
}

@media (max-width:1400px) {
.technologies-left .technologies-card {margin-top:105px;}
.technologies-right .technologies-card {margin-bottom:115px;}
}

@media (max-width:1200px) {
.hero-heading {font-size:42px; line-height:52px;}
.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) {
.hero-bg {height:calc(100vh - 50px);padding-top:100px;}
.hero-bg .breadcrumb-item a {font-size:14px;}
.hero-bg .breadcrumb-item.active {font-size:14px; line-height:28px;}
.hero-heading {font-size:34px; line-height:44px;}
.overview-card .icon::after{content:unset;}
.overview-card .card-heading{font-size:18px;line-height:24px;margin-bottom:5px;}
.overview-card p{font-size:15px;}
.success-design{border-right:0px;}
.overview-corousel .owl-nav{display:block !important;text-align: center;padding-top: 25px;}
.overview-corousel .item {padding: 0 10px;}
.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;}
.solutions-cards {min-height:430px;}
.solutions-carousel .owl-item {padding:0px 15px;}
.solutions-cards-bg-1 {background:url('../../images/saas-development-company/industries-1-mob.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-2 {background:url('../../images/saas-development-company/industries-2-mob.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-3 {background:url('../../images/saas-development-company/industries-3-mob.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-4 {background:url('../../images/saas-development-company/industries-4-mob.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-5 {background:url('../../images/saas-development-company/industries-5-mob.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-6 {background:url('../../images/saas-development-company/industries-6-mob.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-7 {background:url('../../images/saas-development-company/industries-7-mob.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-8 {background:url('../../images/saas-development-company/industries-8-mob.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-9 {background:url('../../images/saas-development-company/industries-9-mob.webp'); background-position:center; background-size:cover;}
.solutions-cards .card-heading {font-size:20px; line-height:26px; margin-bottom:0px;}
.solutions-carousel .owl-nav button {position:unset;}
.solutions-carousel .owl-nav {display:flex; justify-content:center; margin-top:30px;}
.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;}
}