@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
:root{
    --orange : #FC815B;
    --purple: #5752A2;
    --pink: #ED2C7F;
}
body{overflow-x: hidden;}
.text-orange{color: var(--orange) !important;}
.py-80{padding-top: 80px; padding-bottom: 80px;}
.primary-heading{font-family:var(--font-family-main); font-size:26px!important; line-height:32px!important; color:var(--secondary-pink)!important; font-weight:500; padding-bottom:5px!important;margin-bottom:0px!important;}
.title-h2{font-size: 36px !important; line-height: 1.2em !important; margin-bottom: 30px;}
.mcs_hero_sec{background-image: url("../../images/ecommerce-mobile-app-development-services/hero_sec.webp"); background-blend-mode: overlay; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 65px 20px; min-height: calc(100vh - 95px); display: flex;}
.mcs_hero_sec *{color: white;}
.mcs_hero_sec a{color: #fc815b;}
.hero-heading{font-size: 44px;line-height:50px;}
.mcs_hero_sec p{font-size: 19px;}
.text-pink{color: var(--pink); font-family: "Bricolage Grotesque", sans-serif; }
.item{width: 100% !important; height: 100% !important;}
.form.mcs-contact-form.form-control{padding: 10px 20px !important;}
.mcs__second-nav-main{background-color: white;}
.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;}
.cust-tab li a{border-bottom: 2px solid transparent; padding: 12px; transition: 0.3s;}
/* .cust-tab li a:hover,  */
.cust-tab li a.active{color: #000000 !important; border-color:var(--orange);}
.truncate-text {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* .mcs__second-nav-main .cust-tab{} */


/* Start Overview Section CSS */
.mcs__overview-main-sec{background: white !important;}
.mcs__overview-main-sec h3{color: var(--purple); font-size: 26px;}
.mcs__overview-main-sec .dash-purple{position: relative; border: 2px dashed var(--purple); border-radius: 20px; padding: 15px; height: 100%;}
.mcs__overview-main-sec .dash-purple.right::before{content: ""; position: absolute; right: -2px; top: -2px; height: calc(100% + 4px); background: var(--purple); border-radius: 20px; width: 20%; min-width: 140px; z-index: 1;}
.mcs__overview-main-sec .dash-purple.right > img{position: absolute; right: 0; top: 50%; transform: translate(100%, -50%);}
.mcs__overview-main-sec .dash-purple.left::before{content: ""; position: absolute; left: -2px; top: -2px; height: calc(100% + 4px); background: var(--purple); border-radius: 20px; width: 20%; min-width: 140px; z-index: 1;}
.mcs__overview-main-sec .dash-purple.left > img{position: absolute; left: 0; top: 50%; transform: translate(-100%, -50%) rotate(180deg);}
.mcs__overview-main-sec .dash-purple p{margin-bottom: 0;}
.mcs__overview-main-sec .dash-purple .box{position: relative; background: white; border-radius: 20px; box-shadow: 0 1px 13px 0 #0000001a; padding: 15px; z-index: 2; height: 100%;}
.mcs__overview-main-sec .dash-purple .box > span{position: absolute; right: 15px; top: 15px; color: #D4D4D4; font-family: "Bebas Neue", sans-serif; font-size: 35px; line-height: 1em;}
/* End Overview Section CSS */

/* Start Service Section CSS */
.mcs__services-inner-main{background: #F4F3F8;}
.mcs__services-inner-main ul#service{flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden;}
.mcs__services-inner-main #service li{width: 100%;}
.mcs__services-inner-main #service li button{white-space: nowrap; width: 100%; border: none; border-bottom: 3px solid transparent; color: black; background: transparent;}
.mcs__services-inner-main #service li button.active{border-bottom: 3px solid var(--pink); color: var(--purple); font-weight: 600;}
.mcs__services-inner-main #serviceContent .tab-pane{padding: 50px; background: linear-gradient(123deg, #fff2f8 0%, #f3f2ff 60%); border-radius: 10px; margin-top: 50px;}
.mcs__services-inner-main #serviceContent .row{row-gap: 30px;}
.mcs__services-inner-main #serviceContent .tab-pane p{font-size: 20px;line-height:26px;}
.mcs__services-inner-main #serviceContent .tab-pane img{border-radius: 20px;}
.mcs__services-inner-main #serviceContent .tab-pane ul.cust-ul{padding-left: 30px;}
.mcs__services-inner-main #serviceContent .tab-pane ul.cust-ul li{position: relative; padding-bottom: 10px; font-weight: 600;}
.mcs__services-inner-main #serviceContent .tab-pane ul.cust-ul li::before{content: ""; position: absolute; background-image: url("../../images/ecommerce-mobile-app-development-services/list-icon.webp"); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 24px; height: 20px; top: 4px; left: -32px;}

.mcs__services-banner{background-image: url("../../images/ecommerce-mobile-app-development-services/service_banner.webp"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.mcs__services-banner img{border-radius: 50px; box-shadow: 6px 6px 15px rgba(252, 129, 91, 0.3);}
.mcs__services-banner h2{font-size: 50px; margin-bottom: 30px;}
/* .mcs__services-section-three-accordian{border-left: 2px solid #5752a280;} */

.mcs__services-section-three-accordian button.accordion-button{background: transparent !important; color: black !important; position: relative; font-size: 24px; 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-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 h4{color: black; font-weight: 600; 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: var(--purple) !important; font-size: 24px; line-height: 1.3em; font-weight: 600; margin: 0 !important;}
.mcs__services-section-three-accordian .accordion-item{background: white; border-radius: 15px; box-shadow: 0px 4px 16px 0px #00000026; padding: 15px; border-top: 0px solid var(--purple); transition: 0.3s;}
.mcs__services-section-three-accordian .accordion-item:has(.accordion-button:not(.collapsed)){border-top-width: 10px;}
.mcs__services-section-three-accordian .accordion-collapse {margin-top: 15px;}
/* End Service Section CSS */

/* Start Accordion */
#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(--purple); font-weight: 600; border-color: var(--pink);}
/* End Accordion */

/* Start Use Section CSS */
.mcs__services-sec-four-main{margin: 0 !important;}
.mcs__services-sec-four-main .use-box{display: flex; flex-direction: column; height: 100%;}
.mcs__services-sec-four-main .use-box img{margin-bottom: 20px; border-radius: 20px;}
.mcs__services-sec-four-main .shadow-box{background: linear-gradient(180deg, var(--purple) 0%, #F4F3F8 100%); border-radius: 20px; padding: 1px; height: 100%;}
.mcs__services-sec-four-main .shadow-box > div{background: linear-gradient(180deg, #FFFFFF 0%, #F4F3F8 100%); border-radius: 19px; height: 100%; padding: 20px;}
.mcs__services-sec-four-main .shadow-box p{margin-bottom: 0;}
.mcs__services-sec-four-inner .service-box{border-radius: 10px; overflow: hidden;}
.mcs__services-sec-four-inner .service-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;} 
.mcs__services-sec-four-inner .service-box .content img{position: absolute; top: 0; left: 50%; transform: translate(-50%, calc(-50% + 10px));}
/* End Use Section CSS */

/* Start MSC Edge */
.mcs-edge-sec-four-right{padding: 60px;}
.mcs-edge-sec-four-right .mcs-edge-sec-four-inner .inner-inner h6{font-size: 35px !important;}
/* End MSC Edge */

/* Start Case Studies CSS */
.mcs__edge-sec-two-main .owl-edge img{border-radius: 30px;}
.owl-edge .owl-nav{margin-top: 20px;}
.owl-edge .owl-nav{display: block !important;}
.mcs__edge-sec-two-main .mcs_edge-carousel-card-inner{display: flex; flex-direction: column; justify-content: space-between; height: 100%; align-items: start;}
.mcs__edge-sec-two-main .mcs_edge-carousel-card-inner .blue-badge{background-color: var(--primary-violet); border: none; border-radius: 3px; padding: 3px 10px; color: #FFF; font-family: var(--font-family-secondary); font-size: 14px; font-weight: 700; line-height: 28px; letter-spacing: 0.28px;}
.mcs__edge-sec-two-main .mcs_edge-carousel-card-inner .light-blue-badge{background: transparent; border: 1px solid #E1DFEA; border-radius: 3px; padding: 2px 9px; color: var(--purple); font-family: var(--font-family-secondary); font-size: 14px; font-weight: 500; line-height: 28px; letter-spacing: 0.28px;}
.mcs__edge-sec-two-main .mcs_edge-carousel-card-inner h4{font-size: 40px; margin-bottom: 20px;}
.mcs__edge-sec-two-main .mcs_edge-carousel-card-inner p{font-weight: 500;}
.mcs__edge-sec-two-main .mcs_edge-carousel-card-inner a{background-color: black; padding: 8px 20px; border-radius: 50px; display: inline-block;}
/* End Case Studies CSS */

/* Start Advantage */
.mcs__edge-sec-three-main .image-box img{width: 100px;}
.mcs__edge-sec-three-main .image-box h4{font-weight: 600; font-size: 30px; line-height: 1.3em;}
/* End Advantage */

/* Start Testimonials */
.mcs_edge-carousel-card .author{position: relative;}
.mcs_edge-carousel-card .author-img{position: absolute; bottom: 0; left: 0; transform: translateY(100%);}
.mcs_edge-testimonal {background: transparent !important;}
.mcs__edge-sec-four-testimonal{overflow-x: hidden;}
.mcs__edge-sec-four-testimonal .mcs_edge-carousel-card {height: 100% !important; display: flex; flex-direction: column; justify-content: space-between; }
.mcs__edge-sec-four-testimonal .owl-item{border: 1px solid #DFDCEA; background: transparent !important;}
.owl-testimonal{margin-bottom: 35px;}
.owl-testimonal .owl-item {opacity: 0.25; transition: 0.3s;}
.owl-testimonal .owl-item.active.center {opacity: 1;}
.owl-nav button{width: 40px; height: 40px; background: transparent !important; position: relative; margin: 0 !important; padding: 0 !important; margin-left: 5px !important; margin-right: 5px !important;}
.owl-nav button span{display: none !important;}
.owl-nav button.owl-prev::before{content: "\f053"; font-family: "font awesome 6 free"; font-weight: 600; background-color: var(--orange); padding: 5px; border-radius: 50px; font-size: 20px; color: #F4F3F8; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.owl-nav button.owl-next::before{content: "\f054"; font-family: "font awesome 6 free"; font-weight: 600; background-color: var(--orange); padding: 5px; border-radius: 50px; font-size: 20px; color: #F4F3F8; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
/* End Testimonials */

/* 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{border-radius: 20px; border: 1px solid #DFDCEA; overflow: hidden; background: white;}
.mcs_engagment-sec-cards-row p{margin-bottom: 0;}
.mcs_engagment-sec-cards-row h3{font-family: "Manrope", sans-serif; font-weight: bold; font-size: 30px; margin-bottom: 20px;}
.mcs_engagment-sec-cards-row h4{color: var(--pink); font-family: "Manrope", sans-serif; font-weight: bold; font-size: 22px; margin-bottom: 10px;}
/* End Engagement Modal */

/* Start Cost of Building a Scalable Marketplace Platform */
.mcs__engagment-sec-two-main .cost{background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; position: relative; border-radius: 30px; min-height: 300px; padding: 20px; display: flex; align-items: end;}
.mcs__engagment-sec-two-main .cost button{ width: 100%; padding: 8px 5px; border-radius: 50px; background: white; color: black; box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.3); font-weight: 600;}
.mcs__engagment-sec-two-main .cost-1{background-image: url("../../images/ecommerce-mobile-app-development-services/cost_1.webp");}
.mcs__engagment-sec-two-main .cost-2{background-image: url("../../images/ecommerce-mobile-app-development-services/cost_2.webp");}
.mcs__engagment-sec-two-main .cost-3{background-image: url("../../images/ecommerce-mobile-app-development-services/cost_3.webp");}
.mcs__engagment-sec-two-main .cost-4{background-image: url("../../images/ecommerce-mobile-app-development-services/cost_4.webp");}
.mcs__engagment-sec-two-main .cost-5{background-image: url("../../images/ecommerce-mobile-app-development-services/cost_5.webp");}
/* End Cost of Building a Scalable Marketplace Platform */

/* Start Fuel Growth */
.mcs__engagment-sec-three-main{background-image: url("../../images/ecommerce-mobile-app-development-services/growth_bg.webp"); background-size: 100%;}
.mcs__engagment-sec-three-main{height: 500px;}
.mcs__engagment-sec-three-main h2{font-size: 50px;}
/* End Fuel Growth */

/*  Start our-proactive */
.our-proactive .accordion .accordion-item, .our-proactive .accordion .accordion-button, .our-proactive .accordion .accordion-body{background: transparent; box-shadow: none; color: #000;}
.our-proactive .accordion .accordion-button span{background-color: #FFE7DF; border-radius: 4px; min-width: 30px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin-right: 15px;}
.our-proactive .accordion .accordion-button span{color: #000;}
.our-proactive .accordion .accordion-button p{margin-bottom: 0;}
.our-proactive .accordion .accordion-button:not(.collapsed){color: var(--orange);}
.our-proactive .accordion .accordion-button:not(.collapsed) span{background-color: var(--orange);}
.our-proactive .accordion .accordion-button:not(.collapsed) span{color: white;}
.our-proactive .accordion .accordion-button.collapsed{color: black;}
.our-proactive .accordion .accordion-body{padding-left: 65px;}
.our-proactive .accordion .accordion-item{position: relative;}
.our-proactive .accordion .accordion-item::before{content: ""; position: absolute; height: 100%; width: 3px; background-color: #393939; top: 43px; left: 34px;}
.our-proactive .accordion .accordion-item:last-child::before{width: 0;}
.our-proactive .accordion {width: 100%;}
.our-proactive .accordion-body{padding-top: 0;}
.our-proactive .accordion-button{font-family:var(--font-family-secondary);font-size: 22px; font-weight: 600;}
/* End our-proactive */

/* tech-stack */
#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;}
#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(--purple); border-radius: 50%;}
#tech-stack .nav-pills .nav-link.active::after{background: transparent;}
#tech-stack .nav-pills .nav-link.active {background-color: var(--purple) !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 .nav-pills .nav-link h3{font-size: 18px;} */
#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(--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;}*/
.faq-sec-accordian .accordion-button{box-shadow: none;}
/* tech-stack */


@media only screen and (max-width: 1400px){
    .hero-heading{font-size: 42px;line-height:48px;}
    .mcs__service-sec-two-right-txt h4{font-size: 38px !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: 28px; font-weight: 500;}
    .mcs__engagment-sec-three-main h2{font-size: 38px;}
    .mcs__engagment-sec-three-main{height: 320px;}
    .title-h2{font-size: 38px !important;}
}
    
@media only screen and (max-width: 1200px){
    .hero-heading{font-size: 40px;line-height:46px;}
    .mcs_hero_sec p{font-size: 20px;}
    .mcs-edge-sec-four-right{padding: 40px;}
    .mcs__engagment-sec-three-main h2{font-size: 32px;}
    .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;}
}

@media (min-width: 1024px) and (max-width: 1200px){
    .mcs_menu > ul > li{margin: 0px 10px; white-space: nowrap;}
}
    
@media only screen and (max-width: 992px){
    .hero-heading{font-size: 28px;line-height:34px;}
    .mcs_hero_sec p{font-size: 19px;}
    .primary-heading{font-size:22px!important; line-height:26px!important;}
    .mcs_section-main-heading p{font-size: 16px;}
    .mcs__edge-sec-two-main .mcs_edge-carousel-card-inner h4{font-size: 30px;}
    .mcs_engagment-sec-cards-row h3{font-size: 26px;}
    .mcs__engagment-sec-three-main h2{font-size: 28px;}
    #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: 1px solid var(--purple); border-radius: 10px; box-shadow: none;}
    #stack-tabContent .accordion-button:not(.collapsed){background: var(--purple); color: #ffffff;}
    .hidden{display:none;}
}

@media only screen and (max-width: 767px){
    /*.hero-heading{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: 24px;}
    .mcs_section-main-heading h2{font-size: 24px;}
    .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;}
}

@media only screen and (max-width: 576px){
    /*.hero-heading{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_hero_sec{padding: 95px 20px 50px;}
    .mcs__services-inner-main #serviceContent .tab-pane{padding: 15px;}
    .mcs__service-sec-two-right-txt h4{font-size: 28px !important;}
    .our-proactive .accordion-button{font-size: 18px;}
    .mcs_edge-carousel-card{padding: 20px;}
    .our-proactive .accordion .accordion-button{padding: 10px 0;}
    .our-proactive .accordion .accordion-item::before{left: 13px; top: 35px;}
    .py-80{padding-top: 40px; padding-bottom: 40px;}
    .our-proactive .accordion .accordion-body{padding-left: 45px;}
}


/* Start Recent Blog */
.recent-blog-btn{color:#FFF;font-family:var(--font-family-2);font-size:14px;font-weight:500;letter-spacing:.32px;border-radius:30px;border:5px solid rgba(255,255,255,0.01);background:rgba(0,0,0,0.50);backdrop-filter:blur(12px);padding:5px 14px}
.owl-stage{display:flex}
.owl-nav{display:none}
.circular-btn{background:#FC815B!important;border-radius:50%;border:none;color:#fff;padding:7px 14px;margin:0 5px}
.recent-blog-img img{border-radius:10px}
.carousel-2{overflow:hidden}
.carousel-2 h6{font-weight:500}
.recent-blogs .wrapper{height:530px;width:100%;position:relative;overflow:hidden;margin:0 auto}
.recent-blogs .carousel{margin:0;padding:0;list-style:none;width:100%;display:flex;position:absolute;left:0;transition:all 1s ease}
.recent-blogs .card{background:transparent;min-width:345px;margin:1rem;display:inline-block;border:none}
.recent-blogs .button-wrapper button{border:none;border-radius:26px;width:45px;height:45px;background-color:orange}
.recent-blogs button.right-arr{position:absolute;right:0;top:50%}
.recent-blogs button.left-arr{position:absolute;top:50%;left:0}
.recent-blog-card .recent-blog-img{height:277px;background-repeat:no-repeat;background-size:cover;display:flex;align-items:flex-end;padding:30px;border-radius:10px}
.recent-blog-card .recent-blog-img button{color:#FFF;font-family:var(--font-family-2);font-size:16px;font-weight:500;letter-spacing:.32px;border-radius:30px;border:5px solid rgba(255,255,255,0.01);background:rgba(0,0,0,0.50);backdrop-filter:blur(12px);padding:5px 14px}
.recent-blog-card .recent-blog-txt p{color:#000;font-family:var(--font-family-2);font-size:14px;font-weight:500;letter-spacing:.36px;margin:12px 0}
.recent-blog-card .recent-blog-txt h6{color:#000;font-family:var(--font-family-2);font-size:18px;font-weight:500;line-height:25px;letter-spacing:.48px}
.recent-blog-card .recent-blog-txt span{color:#000;font-family:var(--font-family-2);font-size:15px;font-weight:600;letter-spacing:.51px;display:flex;align-items:center}
/* .recent-blog-card .recent-blog-txt span::before{content:'';width:20px;height:20px;background-repeat:no-repeat;background-size:contain;display:inline-block;margin-right:10px} */
.carousel-indicators [data-bs-target]{background:#FC815B!important;border-radius:58px!important;width:20px!important}
#blog-carouselExampleIndicators .carousel-indicators [data-bs-target]{width:14px!important;border-top:4px solid transparent;border-bottom:9px solid transparent}
.recent-blog-card span{text-decoration:underline}
.recent-blog-txt i{color:orange;}
/* End Recent Blog */