.row-gap {row-gap:30px;}
.hero-bg {background:url('../../images/software-development-company-in-south-africa/hero-bg.webp'); background-position:center; background-size:cover; height:calc(100vh - 100px); width:100%;}
.hero-heading {font-size:44px; line-height:50px; position:relative; z-index:0;}
.hero-heading::after {position:absolute; content:"Elite Software Development Company South Africa"; color:#9900b7; -webkit-text-stroke:1px #FCB84C; left:2px; top:1.5px; z-index:-1;}
.hero-text p {margin-bottom:40px;}
.hero-form-heading {font-size:28px; line-height:34px; font-weight:600;}
.hero-form-heading span {color:var(--secondary-pink);}
.hero-form input, .hero-form textarea {border:none; outline:none; background:#EFEEF6; padding:0px 15px; height:50px; border-radius:10px; margin:8px 0px; width:100%; font-family:var(--font-family-secondary);}
.hero-form textarea {height:100px; padding-top:10px;}
.benefit-card-main {display:flex; align-items:stretch;}
.benefit-card {border:10px solid rgba(255, 255, 255, 1); border-radius:20px; padding:30px;}
.benefit-blue-card {background:radial-gradient(133.5% 152.24% at 88.25% 97.37%, #FFFFFF 44.6%, #E9E3FF 100%);}
.benefit-pink-card {background:radial-gradient(133.5% 152.24% at 88.25% 97.37%, #FFFFFF 44.6%, #FFD7E8 100%);}
.benefit-yellow-card {background:radial-gradient(133.5% 152.24% at 88.25% 97.37%, #FFFFFF 44.6%, #FFF0D8 100%);}
.benefit-card img {width:50px; height:50px; margin-bottom:12px;}
.benefit-card h3 {font-family:var(--font-family-secondary); font-size:22px; line-height:28px; font-weight:600; margin-bottom:10px;}
.benefit-card p {font-size:16px; margin-bottom:0px; font-weight:400;}
.services-carousel .owl-nav {display:none;}
.services-card-main .num-div {height:60px; overflow:hidden; margin-bottom:20px;}
.services-card-main .num-div span {font-size:100px; font-weight:900; opacity:0.2; line-height:85px; letter-spacing:0px;}
.services-card-main h3 {font-family:var(--font-family-secondary); font-size:21px; line-height:28px; font-weight:700; margin-bottom:10px;}
.services-card-main p {font-size:14px; margin-bottom:0px; font-weight:500;}
.services-card-1 .num-div {border-bottom:1px solid var(--secondary-pink);}
.services-card-2 .num-div {border-bottom:1px solid var(--primary-violet);}
.services-card-3 .num-div {border-bottom:1px solid rgb(252 199 108);}
.services-card-1 .num-div span {color:var(--secondary-pink);}
.services-card-2 .num-div span {color:var(--primary-violet);}
.services-card-3 .num-div span {color:rgba(246, 177, 0, 1);}
.services-card-main .accordion {padding:10px; Width:unset; border-radius:10px;}
.services-card-main .accordion-item {background:white; border-radius:10px; padding:10px;}
.services-card-main .accordion-item:first-of-type .accordion-button, .services-card-main .accordion-item:last-of-type .accordion-button {border-radius:10px;}
.services-card-main .accordion-header {margin-bottom:0px;}
.services-card-main .accordion-button {border-radius:10px; padding:2px; padding-right:10px; font-family:var(--font-family-secondary); font-weight:500; font-size:16px;}
.services-card-main .accordion-button:not(.collapsed) {font-weight:800; padding:10px;}
.services-card-main .accordion-button::after {background:url('../../images/custom-software-development-company/services-accordion-button-icon.svg'); width:34px; height:34px; background-size:cover;}
.services-card-main .accordion-button:not(.collapsed)::after {background:url('../../images/custom-software-development-company/services-accordion-active-button-icon.svg'); transform:rotate(-180deg);}
.services-card-main .accordion-body {padding:10px;}
.services-card-main .accordion-body p {font-size:13px; margin-bottom:10px;}
.services-card-main .accordion-body ul {padding-left:18px;}
.services-card-main .accordion-body ul li {list-style:disc;}
.services-card-main .accordion-body ul li h4 {font-family:var(--font-family-secondary); font-size:14px; font-weight:700;}
.services-card-main .accordion-body ul li p {font-weight:400;}
.services-card-1 .accordion {background:rgba(253, 236, 245, 1);}
.services-card-2 .accordion {background:rgba(239, 238, 246, 1);}
.services-card-3 .accordion {background:rgba(255, 247, 234, 1);}
.services-card-1 .accordion-button:not(.collapsed) {background:rgba(253, 236, 245, 1); color:var(--secondary-pink);}
.services-card-2 .accordion-button:not(.collapsed) {background:rgba(239, 238, 246, 1); color:var(--primary-violet);}
.services-card-3 .accordion-button:not(.collapsed) {background:rgba(255, 247, 234, 1); color:rgba(246, 177, 0, 1);}
.mcs__engagment-sec-three-main {background-image:url(../../images/software-development-company-in-south-africa/cta-1-bg.webp); background-position:center; background-repeat:no-repeat; background-size:cover;}
.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(180deg, rgba(12, 20, 49, 0) 0%, #0c1431 100%); 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;}
.solutions-cards p {font-size:17px; line-height:23px; color:white;}
.techniques-section .hidden {display:none;}
.techniques-box .content {background:linear-gradient(180deg, #ffffff99 0%, rgba(255, 255, 255, 0) 100%); backdrop-filter:blur(50px); height:100%; text-align:center; padding:60px 20px 20px; margin-top:-30px;}
.techniques-box .content img {position:absolute; top:0; left:50%; transform:translate(-50%, calc(-50% + 10px));}
.techniques-box .content .card-heading {font-family:var(--font-family-secondary); font-size:24px; line-height:30px; font-weight:700;}
.mob.hidden {display:block;}
.industry-card {display:flex; align-items:end; padding:30px; height:400px; border-radius:10px 0px 0px 0px;}
.industry-card-bg-1 {background:url(../../images/software-development-company-in-south-africa/industry-card-bg-1.webp); background-position:center; background-size:cover;}
.industry-card-bg-2 {background:url(../../images/software-development-company-in-south-africa/industry-card-bg-2.webp); background-position:center; background-size:cover;}
.industry-card-bg-3 {background:url(../../images/software-development-company-in-south-africa/industry-card-bg-3.webp); background-position:center; background-size:cover;}
.industry-card-bg-4 {background:url(../../images/software-development-company-in-south-africa/industry-card-bg-4.webp); background-position:center; background-size:cover;}
.industry-card-bg-5 {background:url(../../images/software-development-company-in-south-africa/industry-card-bg-5.webp); background-position:center; background-size:cover;}
.industry-card-bg-6 {background:url(../../images/software-development-company-in-south-africa/industry-card-bg-6.webp); background-position:center; background-size:cover;}
.industry-card-bg-7 {background:url(../../images/software-development-company-in-south-africa/industry-card-bg-7.webp); background-position:center; background-size:cover;}
.industry-card-bg-8 {background:url(../../images/software-development-company-in-south-africa/industry-card-bg-8.webp); background-position:center; background-size:cover;}
.industry-card-bg-9 {background:url(../../images/software-development-company-in-south-africa/industry-card-bg-9.webp); background-position:center; background-size:cover;}
.industry-card-bg-10 {background:url(../../images/software-development-company-in-south-africa/industry-card-bg-10.webp); background-position:center; background-size:cover;}
.industry-card .card-heading {color:white; font-family:var(--font-family-secondary); font-size:24px; line-height:30px; font-weight:700;}
.industry-carousel .owl-nav {position:absolute; top:-45px; right:0px;}
.proven-methodology {aspect-ratio:3.2; display:flex; overflow:hidden; width:100%;}
.proven-methodology .proven-methodology-card {border-radius:10px 10px 15px 15px; height:100%; width:calc(100% / 5); object-fit:cover; overflow:hidden; transition:all 0.4s cubic-bezier(0.32, 0, 0.67, 0); cursor:pointer; min-width:100px;}
.proven-methodology .active {width:200%;}
.proven-methodology .card-heading {font-family:var(--font-family-secondary); font-size:22px; font-weight:800; color:white;}
.proven-methodology span {color:rgba(255, 255, 255, 1); opacity:0.2; font-family:var(--font-family-secondary); font-size:49px; position:absolute; bottom:0; right:20px;}
.proven-methodology-card .shadow {height:100%;}
.shadow {box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15) !important;}
.proven-methodology-card .benefit-shadow {border-radius:10px; position:relative; background:#ffffff10; border:none; background:linear-gradient(180deg, #117cc12b 0%, #ffffff00 100%); height:100%; box-shadow:0px 0px 30px rgba(204, 70, 255, 0.28); z-index:2; padding:32px;}
.proven-methodology-card .benefit-shadow img {max-width:70px; margin-bottom:20px; vertical-align:middle; width:100%;}
.proven-methodology-card .benefit-shadow p {display:none; opacity:0; transition:all 0.4s; font-size:16px; color:white; font-weight:400;}
.proven-methodology-card.active .benefit-shadow p {display:block; opacity:1;}
.proven-methodology-card .benefit-shadow .card-heading {transform:rotate(0turn); white-space:nowrap; transition:0.4s; transform-origin:36px 12px;}
.proven-methodology-card:not(.active) .benefit-shadow .card-heading {transform:rotate(0.25turn); padding-left:20px; transform-origin:28px 5px;}
.proven-methodology-card .benefit-shadow::before {content:""; position:absolute; inset:0; top:0px; left:0px; padding:3px 0px 0px 0px; border-radius:10px; background:linear-gradient(90deg, #CC46FF 0%, #ffffff 100%); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite:add, add; -webkit-mask-composite:xor; mask-composite:exclude;}
.mcs-edge-list li {font-family:var(--font-family-secondary); font-size:18px; font-weight:700; 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, .business-growth-carousel .owl-nav {display:flex; align-items:center; justify-content:center; margin-top:30px;}
.mcs-engagement-card-main {display:flex; align-items:stretch;}
.mcs_engagment-card-body h3 {color:#000; font-family:var(--font-family-secondary); font-size:22px; line-height:28px; font-weight:700; letter-spacing:0.28px;}
.engagement-content {display:flex; margin-top:15px;}
.engagement-content img {width:50px; height:50px;}
.engagement-content h4 {font-family:var(--font-family-secondary); font-size:20px; line-height:26px; color:var(--secondary-pink); font-weight:700; margin-bottom:5px;}
.engagement-content p {font-size:16px; line-height:24px; margin-top:0px; margin-bottom:15px;}
.sticky {position:fixed; top:75px; width:100%; z-index:1;}
.cost-content-heading {font-family:var(--font-family-secondary); font-size:24px; line-height:30px; font-weight:700;}
.cost-content p {font-size:16px;}
.cta-2 {background-image:url(../../images/software-development-company-in-south-africa/cta-2-bg.svg); background-position:center; background-repeat:no-repeat; background-size:cover; height:unset;}
#consider-before-hiring {background:linear-gradient(129.24deg, #FFF2F8 4.49%, #FFFFFF 67.54%);}
#consider-before-hiring .row-gap {row-gap:80px;}
.consider-before-hiring-card {padding-left:150px;}
.consider-before-hiring-card-design {position:absolute; left:80px; top:81px; width:90%; height:85%;}
.consider-before-hiring-card h3 {font-size:22px; color:#5752A2; text-align:left; font-weight:600; position:relative; padding-left:10px; margin-bottom:20px;}
.consider-before-hiring-card h3::before {position:absolute; content:""; width:100px; height:100px; left:-115px; top:-15px;}
.consider-before-hiring-card:nth-child(1) h3::before {background:url(../../images/software-development-company-in-south-africa/consider-before-hiring-icon-1.svg); background-size:cover;}
.consider-before-hiring-card:nth-child(2) h3::before {background:url(../../images/software-development-company-in-south-africa/consider-before-hiring-icon-2.svg); background-size:cover;}
.consider-before-hiring-card:nth-child(3) h3::before {background:url(../../images/software-development-company-in-south-africa/consider-before-hiring-icon-3.svg); background-size:cover;}
.consider-before-hiring-card:nth-child(4) h3::before {background:url(../../images/software-development-company-in-south-africa/consider-before-hiring-icon-4.svg); background-size:cover;}
.consider-before-hiring-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);}
.consider-before-hiring-inner-card p {font-size:18px; font-weight:400; margin-bottom:5px;}
.consider-before-hiring-card ul {padding-left:30px; padding-top:10px;}
.consider-before-hiring-card ul li {list-style:unset; margin-bottom:10px;}
.consider-before-hiring-card ul li p {font-size:14px; font-weight:400; margin-bottom:0px;}
#partnership {background:#F4F3F8;}
.partnership-card-main {display:flex; align-items:stretch;}
.partnership-card, .partnership-card-reverse {background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); padding:30px; border:2px solid #DFDCEA; width:100%;}
.partnership-card-reverse {background:linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);}
.partnership-top-left-card {border-top-left-radius:30px;}
.partnership-top-right-card {border-top-right-radius:30px;}
.partnership-bottom-left-card {border-bottom-left-radius:30px;}
.partnership-bottom-right-card {border-bottom-right-radius:30px;}
.partnership-card .card-heading, .partnership-card-reverse .card-heading {font-family:var(--font-family-secondary); font-size:24px; line-height:30px; font-weight:700; margin-top:20px;}
.partnership-card ul li, .partnership-card-reverse ul li {font-family:var(--font-family-secondary); font-size:16px; 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;}

@media (min-width: 1200px) {
.gap-xl-3 {gap:1rem !important;}
}

@media (min-width: 992px) {
.solutions-cards:hover {background:unset;}
.solutions-cards p {max-height:0; overflow:hidden; transform:translateY(100%); transition:max-height 0.3s, transform 0.3s;}
.solutions-cards:hover p {max-height:200px; transform:translateY(0);}
}

@media (max-width: 1200px) {
.hero-heading {font-size:42px; line-height:48px;}
.proven-methodology {flex-wrap:wrap; align-items:stretch; aspect-ratio:0; row-gap:20px;}
.proven-methodology-card {width:31% !important; margin-left:2%;}
.proven-methodology-card .benefit-shadow img {width:64px; height:64px;}
.proven-methodology .benefit-shadow .card-heading {transform:none !important; padding-left:0 !important;}
.proven-methodology .benefit-shadow p {display:block !important; opacity:1;}
}

@media (max-width: 992px) {
.hero-bg {background:url('../../images/software-development-company-in-south-africa/hero-bg-mob.webp'); background-position:center; background-size:cover; padding-top:95px; height:unset;}
.hero-heading {font-size:28px; line-height:34px;}
.hero-heading::after {top:1.5px; left:1px;}
.hero-text p {font-size:16px;}
.hero-form-heading {font-size:22px; line-height:28px;}
.hero-form input {height:40px; margin:5px 0px; font-size:14px;}
.hero-form textarea {height:60px; margin:5px 0px; font-size:14px; padding-top:7px;}
.benefit-card img {width:40px; height:40px;}
.benefit-card h3 {font-size:20px; line-height:26px;}
.benefit-card p {font-size:15px;}
.services-card-main h3 {font-size:19px; line-height:25px;}
.services-card-main .accordion-button {font-size:15px;}
.services-carousel .owl-nav {display:flex; justify-content:center; margin-top:20px;}
.mcs__engagment-sec-three-main {height:350px;}
.solutions-cards {min-height:430px;}
.solutions-carousel .owl-item {padding:0px 15px;}
.solutions-cards-bg-1 {background:linear-gradient(180deg, rgba(12, 20, 49, 0) 0%, #0c1431 100%), url('../../images/software-development-company-in-south-africa/solutions-img-1.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-2 {background:linear-gradient(180deg, rgba(12, 20, 49, 0) 0%, #0c1431 100%), url('../../images/software-development-company-in-south-africa/solutions-img-2.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-3 {background:linear-gradient(180deg, rgba(12, 20, 49, 0) 0%, #0c1431 100%), url('../../images/software-development-company-in-south-africa/solutions-img-3.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-4 {background:linear-gradient(180deg, rgba(12, 20, 49, 0) 0%, #0c1431 100%), url('../../images/software-development-company-in-south-africa/solutions-img-4.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-5 {background:linear-gradient(180deg, rgba(12, 20, 49, 0) 0%, #0c1431 100%), url('../../images/software-development-company-in-south-africa/solutions-img-5.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-6 {background:linear-gradient(180deg, rgba(12, 20, 49, 0) 0%, #0c1431 100%), url('../../images/software-development-company-in-south-africa/solutions-img-6.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-7 {background:linear-gradient(180deg, rgba(12, 20, 49, 0) 0%, #0c1431 100%), url('../../images/software-development-company-in-south-africa/solutions-img-7.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-8 {background:linear-gradient(180deg, rgba(12, 20, 49, 0) 0%, #0c1431 100%), url('../../images/software-development-company-in-south-africa/solutions-img-8.webp'); background-position:center; background-size:cover;}
.solutions-cards-bg-9 {background:linear-gradient(180deg, rgba(12, 20, 49, 0) 0%, #0c1431 100%), url('../../images/software-development-company-in-south-africa/solutions-img-9.webp'); background-position:center; background-size:cover;}
.solutions-cards .card-heading {font-size:20px; line-height:26px; margin-bottom:15px;}
.solutions-cards p {font-size:15px; line-height:21px; margin-bottom:0px;}
.solutions-carousel .owl-nav button {position:unset;}
.solutions-carousel .owl-nav {display:flex; justify-content:center; margin-top:30px;}
.techniques-box .content {padding:40px 20px 20px;}
.techniques-box .content img {width:60px; height:60px;}
.techniques-box .content .card-heading {font-size:19px; line-height:25px;}
.techniques-box .content p {font-size:15px;}
.mob.hidden {display:none;}
.industry-card {border-radius:0px;}
.industry-card .card-heading {font-size:21px; line-height:27px;}
.industry-carousel .owl-nav {position:unset; 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;}
.mcs_engagment-card-body h3 {font-size:20px; line-height:26px;}
.engagement-content img {width:40px; height:40px;}
.engagement-content h4 {font-size:18px; line-height:24px;}
.engagement-content p {font-size:14px; line-height:20px;}
.cost-content img {width:70px; height:75px;}
.cost-content-heading {font-size:20px; line-height:26px;}
.cost-content p {font-size:15px;}
.cta-2 {height:unset;}
#consider-before-hiring .row-gap {row-gap:40px;}
.consider-before-hiring-card {padding-left:50px;}
.consider-before-hiring-card h3 {font-size:20px;}
.consider-before-hiring-card h3::before {width:40px; height:40px; left:-40px; top:-7px;}
.consider-before-hiring-card-design {left:27px; top:28px; height:95%;}
.consider-before-hiring-inner-card p {font-size:14px;}
.consider-before-hiring-card ul li p {font-size:12px;}
.partnership-card, .partnership-card-reverse {padding:20px;}
.partnership-top-left-card {border-radius:20px 20px 0px 0px;}
.partnership-bottom-left-card {border-radius:0px 0px 20px 20px;}
.partnership-top-right-card {border-radius:20px 20px 0px 0px;}
.partnership-bottom-right-card {border-radius:0px 0px 20px 20px;}
.partnership-card img, .partnership-card-reverse img {width:60px; height:60px;}
.partnership-card .card-heading, .partnership-card-reverse .card-heading {font-size:20px; line-height:26px;}
.partnership-card ul li, .partnership-card-reverse ul li {font-size:14px;}
.hidden {display:none;}
}

@media (max-width: 576px) {
.proven-methodology-card {width:90% !important; margin:0% 5%;}
}