:root{
    --primary-color: #F2A843;
    --secondary-color: #35373B;
    --primary-color-15 : #05549926;
    --primary-light-color : #E1EEF9;
    --light-bg-color: #F8F7F3;
    --white-color-20: #FFFFFF33;
    --white-color-30: #FFFFFF4D;
    --color-black : #191919;
    --theme-border-color : #E6F3FF;
    --blue-color : #25395C;
    --blue-border-color : #25395C1A;
}

.section-inner-head h2{ user-select: none; margin-bottom: 10px;}
.sub-heading {font-size: 20px; line-height: 28px; font-weight: 400; padding-bottom: 5px; margin-bottom: 10px; display: inline-flex; position: relative;}
.sub-heading::after {content: ''; height: 3px; width: 32px; border-radius: 2px; background-color: var(--primary); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
a:hover{color: var(--primary-color);}
.section-spacing {padding: 100px 0px;}
.title-wrapper h2 {margin-bottom: 12px;}
.index-1 {z-index: 1;}
p a {color: var(--primary);}
.mb-40 {margin-bottom: 40px;}

/* Button */
.btn1 svg path {transition: all ease-in-out 0.3s;}
.btn1:hover svg path {fill: var(--color-black);}
.btn1 span {position: relative;}

html {scroll-behavior: unset !important;}
/* body, html {overflow-x: hidden;} */
.flex { display: flex;}
.items-stretch { align-items: stretch;}
.flex-nowrap { flex-wrap: nowrap;}
.flex-start { align-items: flex-start;}
.gap-2 { gap: 20px !important;}
.gap-3 { gap: 30px !important;}
.gap-4 { gap: 40px !important;}
.mb-5 { margin-bottom: 50px;}
.m-auto { margin: auto;}
.h-full { height: 100%;}
.btn--primary-outline {background-color: var(--color-white);}
.btn--primary-outline::after, .btn--primary-outline::before, .btn--primary-outline:hover::after, .btn--primary-outline:hover::before {background-color: var(--primary);}
:first-letter, h1, h2, h3, h4, h5, h6, select{text-transform: inherit;}

.animated-title { font-size: 20px; line-height: 28px; font-weight: 400; position: relative; padding: 0px 0px 2px; max-width: max-content; margin: 0px auto 12px auto; display: block;}
.animated-title::before { content: ''; width: 32px; height: 3px; border-radius: 4px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); background-color: var(--primary);} 

section .title-wrapper { text-align: center; max-width: 750px; margin-inline: auto; position: relative; z-index: 1;}

/* hero section */
.hero{padding:100px 0 30px;text-align:center;position:relative;overflow: hidden;background-image: url(../../images/new-services/custom-erp/hero_bg.webp);background-size: inherit;background-repeat: no-repeat;background-position: center bottom;}
.hero-content{width:100%;max-width:806px;padding-top:58px;margin:0 auto;text-align:center}
.hero .hero-content h1{margin:24px 0}
.hero .container-fluid {padding-left: calc((100% - 1380px)/2); display: flex; position: relative; padding-right: 0px;}
.hero_erp_list {margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 30px; flex: 0 0 auto; position: absolute; top: 0;}
.hero_erp_list li {display: flex; align-items: center; gap: 12px; font-size: 20px; line-height: 28px;}
.hero_erp_list li .icon {width: 64px; height: 64px; border-radius: 8px; background-color: #FDECD8; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.hero_right_side {max-width: 400px; flex: 0 0 auto;}
.hero_right_side img {margin-top: -110px;}
.hero_mockup .mobile_view {display: none;}

/* Experience Section */
.experience_group {display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;}
.experience_item {width: calc(33.33% - 20px); flex: 0 0 auto; padding: 32px 24px; border-radius: 20px; background-color: var(--light-bg-color); display: flex; flex-direction: column; text-align: center; align-items: center;}
.experience_item, .experience_item * {transition: all ease-in-out 0.3s;}
.experience_item_badge {display: inline-flex; align-items: center; justify-content: center; width: fit-content; padding: 4px 16px; border-radius: 50px; border: 1px solid var(--primary-color); text-transform: uppercase; font-size: var(--font-18); line-height: 26px; margin-bottom: 24px;}
.experience_item h2 {margin: 10px 0px 4px;}
.experience_item:hover {background-color: var(--primary-color);}
.experience_item:hover .experience_item_badge {background-color: var(--color-white);}
.experience_item:hover .title, .experience_item:hover .description {color: var(--color-white);}
.experience_item:hover svg {filter: brightness(12);}


/* Security */
.security-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.security-item {padding: 16px;border: 1px solid var(--blue-border-color);border-radius: 20px;}
.security-item .item-data{background-color: var(--color-white);border: 1px solid var(--blue-border-color);border-radius: 20px;padding: 24px 30px;position: relative;transition: all ease-in-out 0.3s;}
.security-item .item-data h3{font-size: 20px;line-height: 28px;margin-bottom: 16px;}
.security-item .item-data .icon {position: absolute;right: 43px;top: -36px;}


/* Solutions Section */
.fintech-solutions {background-color: var(--light-bg-color);}
.fintech_grid { gap: 20px; row-gap: 30px;  display: grid; grid-template-columns: repeat(2,1fr)}
.fintech_item { padding: 40px; border-radius: 20px; border: 1px solid var(--blue-border-color); transition: .3s ease-in-out; background-color: var(--color-white);}
.fintech_item_header { display: flex; flex-direction: row-reverse; gap: 20px; align-items: center; position: relative}
.fintech_item_header .title { margin: 0 auto 10px 0; position: relative; font-size: 20px; line-height: 28px; padding-bottom: 10px;}
.fintech_item_header .title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 38px; height: 3px; border-radius: 10px; background-color: var(--primary-color)}
.fintech_item:hover { border-color: var(--primary-color)}
.fintech_item ul { margin-top: 40px; padding-top: 40px; position: relative}
.fintech_item ul::before {transform: translateX(-50%); content: ''; position: absolute; left: 50%; top: 0; height: 1px; width: calc(100% + 80px); border-bottom: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(90deg,rgba(242,168,67,0.2) 0%,rgba(242,168,67,0) 100%)}
.fintech_item ul li { font-size: 20px; line-height: 28px; font-weight: 700; position: relative; padding-left: 18px}
.fintech_item ul li:not(:last-child),.industries .card-wrapper .industries-card p { margin-bottom: 20px}
.fintech_item ul li::before { content: ''; position: absolute; left: 0; top: 2px; width: 8px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='8' height='24' viewBox='0 0 8 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_27002_22033)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70441 11.2932C7.89188 11.4807 7.9972 11.735 7.9972 12.0002C7.9972 12.2653 7.89188 12.5197 7.70441 12.7072L2.04741 18.3642C1.95517 18.4597 1.84482 18.5359 1.72282 18.5883C1.60081 18.6407 1.46959 18.6683 1.33681 18.6694C1.20404 18.6706 1.07236 18.6453 0.94946 18.595C0.826563 18.5447 0.714911 18.4705 0.621018 18.3766C0.527125 18.2827 0.452872 18.171 0.402591 18.0481C0.35231 17.9252 0.327009 17.7936 0.328163 17.6608C0.329317 17.528 0.356903 17.3968 0.409312 17.2748C0.461721 17.1528 0.537903 17.0424 0.633413 16.9502L5.58341 12.0002L0.633413 7.05018C0.451255 6.86158 0.350461 6.60898 0.352739 6.34678C0.355017 6.08458 0.460186 5.83377 0.645594 5.64836C0.831002 5.46295 1.08182 5.35778 1.34401 5.35551C1.60621 5.35323 1.85881 5.45402 2.04741 5.63618L7.70441 11.2932Z' fill='%23F2A843'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_27002_22033'%3E%3Crect width='8' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")}


/* CTA Section */
.cta-first{position: relative;padding:0;padding-left: calc((100% - 1356px)/2);display: flex;align-items: center;justify-content: space-between;background: linear-gradient(89.82deg, #F9DF4E -45.62%, #FDCD56 3.55%, var(--primary-color) 56.65%);}
.cta-first .section-inner-head{max-width: 743px;}
.cta-first .cta-img{max-width:100%;width: 100%;margin-top: -80px;position: relative; align-self: flex-end;}
.cta-first .btn1{border-color: var(--blue-color);background-color: transparent;box-shadow: 0px 4px 15px 0px #1D190E1A;}
.cta-first .btn1::before, .cta-first .btn1::after{background: #FFFFFF1A;}
.cta-first .section-inner-head p{color: var(--secondary);margin-bottom: 40px;}
.cta-first button.btn1{text-transform: inherit;}

/* CTA Second */
.cta-second{position: relative;padding:0;padding-left: calc((100% - 1356px)/2);display: flex;align-items: center;justify-content: space-between; margin-top: 0;background: linear-gradient(89.82deg, #F9DF4E -45.62%, #FDCD56 3.55%, var(--primary-color) 56.65%);}
.cta-second .cta-img{text-align: right;margin: 0;}

/* CTA Three */
.cta-three .section-inner-head {position: relative; z-index: 1;}
.cta-three .cta-img {margin-top: 0; margin-left: -20%; z-index: 0;}

/* Core Modules */
.core_modules_grid {display: grid; grid-template-columns: 40% auto; gap: 60px; align-items: start;}
.core_modules_grid .title-wrapper {position: sticky; top: 150px;}
.core_modules_content_grid {display: flex; flex-direction: column; gap: 16px;}
.core_modules_item {border: 1px solid var(--blue-border-color); border-radius: 20px; transition: all ease-in-out 0.1s;}
.core_modules_item:has(.title:hover) {border-color: var(--primary-color);}
.core_modules_item .title {font-size: 20px; line-height: 28px; color: var(--color-black); font-weight: 700; padding: 20px; padding-left: 38px; position: relative; margin: 0px; cursor: pointer;}
.core_modules_item .title, .core_modules_item .listing li {position: relative;}
.core_modules_item .listing li {padding-left: 18px; font-size: 20px; line-height: 28px;}
.core_modules_item .title::before, .core_modules_item .listing li::before {content: ''; width: 8px; height: 24px; display: inline-flex; position: absolute; left: 0; top: 2px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url('data:image/svg+xml,<svg width="8" height="24" viewBox="0 0 8 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_34007_26706)"><path d="M7.70441 11.2932C7.89188 11.4807 7.9972 11.735 7.9972 12.0002C7.9972 12.2653 7.89188 12.5197 7.70441 12.7072L2.04741 18.3642C1.95517 18.4597 1.84482 18.5359 1.72282 18.5883C1.60081 18.6407 1.46959 18.6683 1.33681 18.6694C1.20404 18.6706 1.07236 18.6453 0.94946 18.595C0.826563 18.5447 0.714911 18.4705 0.621018 18.3766C0.527125 18.2827 0.452872 18.171 0.402591 18.0481C0.35231 17.9252 0.327009 17.7936 0.328163 17.6608C0.329317 17.528 0.356903 17.3968 0.409312 17.2748C0.461721 17.1528 0.537903 17.0424 0.633413 16.9502L5.58341 12.0002L0.633413 7.05018C0.451255 6.86158 0.350461 6.60898 0.352739 6.34678C0.355017 6.08458 0.460186 5.83377 0.645594 5.64836C0.831002 5.46295 1.08182 5.35778 1.34401 5.35551C1.60621 5.35323 1.85881 5.45402 2.04741 5.63618L7.70441 11.2932Z" fill-rule="evenodd" clip-rule="evenodd" fill="%23F2A843"/></g><defs><clipPath id="clip0_34007_26706"><rect width="8" height="24" fill="white"/></clipPath></defs></svg>');}
.core_modules_item .title::before {left: 20px; top: 22px;}
.core_modules_item .listing {display: grid; grid-template-columns: 1fr 1fr; gap: 17px; padding: 20px; border: 4px solid var(--color-white); background-color: var(--light-bg-color); border-radius: 0px 0px 20px 20px;}
.core_modules_item a {color: var(--primary-color);}
.core_modules_item a:hover {text-decoration: underline;}
.core_modules_item .content {padding: 0px 20px 20px;}
.core_modules_item_body {max-height: 0px; opacity: 0; visibility: hidden; transition: all ease-in-out 0.1s;}
.core_modules_item.active .title {padding-bottom: 10px;}
.core_modules_item.active {border-color: var(--primary-color); box-shadow: 7px 9px 20px 0px var(--primary-color)4D;}
.core_modules_item.active .core_modules_item_body {opacity: 1; visibility: visible; max-height: unset;}

/* Industry Section */
.industry .industry-grid {display: flex; flex-wrap: wrap; justify-content: center;}
.industry-item {width: 20%; flex: 0 0 20%; display: flex;flex-direction: column;align-items: center;text-align: center;gap: 12px; padding: 24px 20px; border-bottom: 1px solid var(--blue-border-color);border-right: 1px solid var(--blue-border-color);}
.industry-icon-wrap {position: relative;transition: transform 0.3s ease; width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; flex: 0 0 auto; background-color: var(--color-white); box-shadow: 0px 10px 15px 0px #0000001A;}
.industry-item:hover .industry-icon-wrap {transform: translateY(-4px);}
.industry .industry-grid .industry-item:nth-child(-n+4) {width: 25%; flex: 0 0 25%;}
.industry .industry-grid .industry-item:nth-child(4n), .industry .industry-grid .industry-item:nth-child(9n) {border-right: none;}
.industry .industry-grid .industry-item:nth-child(n+5) {border-bottom: none;}
.industry .industry-grid .industry-item:nth-child(9n) {border-left: 1px solid var(--blue-border-color);}
.index-91 {z-index: 91 !important;}


/* solution-services Section */
.services .tab-wrapper { display: grid; grid-template-columns: 25% auto;}
.services .tab-wrapper .tab-sidebar {border-radius: 20px; display: flex; flex-direction: column; width: 100%; height: 100%; padding-right: 10px; position: relative; overflow: hidden;}
.services .tab-wrapper .tab-sidebar button.tab-btn { padding: 20px; font-size: 20px; border: 0px; outline: none; background: transparent;  cursor: pointer; position: relative; transition: all ease-in-out 0.3s; color: var(--color-black); flex: 1;}
.services .tab-wrapper .tab-sidebar button.tab-btn:not(:last-child) {border-bottom: 1px solid #25395C1A;}
.services .tab-wrapper .tab-sidebar button.tab-btn::after {content: ''; width: 10px; height: 18px; position: absolute; top: 50%; transform: translateY(-50%); right: -9px; background: url('data:image/svg+xml,<svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 7.79395L6.96412e-07 15.5882L1.37781e-06 -0.000283569L7.5 7.79395Z" fill="%23F2A843"/></svg>') no-repeat center; transition: all ease-in-out 0.3s; opacity: 0; visibility: hidden;}
.services .tab-wrapper .tab-sidebar button.tab-btn::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0;right: 0; z-index: -1; background-color: #F8F7F3;}
.services .tab-wrapper .tab-sidebar button.tab-btn:first-child::before {border-radius: 0px 20px 0px 0px;}
.services .tab-wrapper .tab-sidebar button.tab-btn:last-child::before {border-radius: 0px 0px 20px 0px;}
.services .tab-wrapper .tab-sidebar button.tab-btn:hover { color: var(--primary);}
.services .tab-wrapper .tab-sidebar button.tab-btn.active { background-color: var(--primary); color: var(--color-white); border-color: var(--primary); border-radius: 20px; box-shadow: -4px 4px 20px 0px #744D164D;}
.services .tab-wrapper .tab-sidebar button.tab-btn.active::after {opacity: 1; visibility: visible;}
.services .tab-wrapper .content-wrapper { height: 100%;}
.services .tab-wrapper .content-wrapper>.tab-content { padding: 0px; border-radius: 20px; overflow: hidden; max-height: 0; opacity: 0; height: 100%;}
.services .tab-wrapper .content-wrapper>.tab-content.active { width: 100%; opacity: 1;  max-height: max-content;}
.services .tab-wrapper .content-wrapper>.tab-content .title-wrapper { text-align: left; max-width: 100%; margin: 0; padding-bottom: 30px; border-bottom: 1px solid #25395C1A; margin-bottom: 30px; border-width: 0px; border-bottom-width: 1px; border-style: solid; border-image-slice: 1; border-image-source: linear-gradient(90deg, rgba(242, 168, 67, 0.2) 0%, rgba(242, 168, 67, 0) 100%);}
.services .tab-wrapper .content-wrapper>.tab-content .title-wrapper .animated-title { text-align: left; margin: 0; margin-bottom: 10px; padding-bottom: 5px; font-weight: 700; max-width: 100%;}
.services .tab-wrapper .content-wrapper>.tab-content .title-wrapper .animated-title::before { width: 32px; left: 0; transform: translateX(0);}
.services .tab-wrapper .content-wrapper>.tab-content .title-wrapper, .services .tab-wrapper .content-wrapper>.tab-content .details {padding-inline: 40px;}
.services .tab-wrapper .content-wrapper>.tab-content .details li:not(:last-child) { padding-bottom: 20px;}
.services .tab-wrapper .content-wrapper>.tab-content .details li .tab-title { margin-bottom: 4px; } 
.services .tab-wrapper .content-wrapper>.tab-content .details li .tab-title strong {font-weight: 700 !important;}
.services .tab-wrapper .content-wrapper>.tab-content .details li .tab-title i { font-size: 15px; color: var(--primary); margin-right: 5px;}
.services .tab-wrapper .content-wrapper>.tab-content .details li:last-child { margin: 0; padding: 0;} 
.services .tab-wrapper .content-wrapper>.tab-content .details li strong {display: flex; align-items: center;}
.services .tab-wrapper .content-wrapper>.tab-content .details li strong::before { content: ''; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 24px; background-image: url('data:image/svg+xml,<svg width="8" height="24" viewBox="0 0 8 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.70441 11.2932C7.89188 11.4807 7.9972 11.735 7.9972 12.0002C7.9972 12.2653 7.89188 12.5197 7.70441 12.7072L2.04741 18.3642C1.95517 18.4597 1.84482 18.5359 1.72282 18.5883C1.60081 18.6407 1.46959 18.6683 1.33681 18.6694C1.20404 18.6706 1.07236 18.6453 0.94946 18.595C0.826563 18.5447 0.714911 18.4705 0.621018 18.3766C0.527125 18.2827 0.452872 18.171 0.402591 18.0481C0.35231 17.9252 0.327009 17.7936 0.328163 17.6608C0.329317 17.528 0.356903 17.3968 0.409312 17.2748C0.461721 17.1528 0.537903 17.0424 0.633413 16.9502L5.58341 12.0002L0.633413 7.05018C0.451255 6.86158 0.350461 6.60898 0.352739 6.34678C0.355017 6.08458 0.460186 5.83377 0.645594 5.64836C0.831002 5.46295 1.08182 5.35778 1.34401 5.35551C1.60621 5.35323 1.85881 5.45402 2.04741 5.63618L7.70441 11.2932Z" fill="%23F2A843"/></svg>'); background-repeat: no-repeat; background-position: center left;}
.services .tab-wrapper .sidebar-wrapper { margin-right: 20px; height: 100%; align-items: center;}

/* Platforms Specialise */
.platform_block {background: #FFFFFF;border: 1px solid #25395C1A;border-radius: 20px;overflow: hidden; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.platform_block .pl-head {padding: 30px 40px 40px; display: flex; align-items: center; gap: 30px;}
.platform_block .pl-head .icon {flex: 0 0 auto;}
.platform_block .pl-head h3 {font-size: 20px;line-height: 28px;margin-bottom: 10px;}
.platform_block .pl-body {padding:0 40px 40px;margin-top: 40px;background-color: #F8F7F3;}
.platform_block .pl-body .pl-tabs .nav-tabs {transform: translate(0px, -40px);width: fit-content;margin: auto;background-color: #ffffff;border: 1px solid #25395C1A;border-radius: 30px; flex-wrap: nowrap; margin-bottom: -15px; overflow: hidden;}
.platform_block .pl-body .pl-tabs .nav-tabs .nav-link {font-size: 20px;line-height: 28px;padding: 12px 22px;color: #191919;border-radius: 30px; min-height: 100%; border: none;}
.platform_block .pl-body .pl-tabs .nav-tabs .nav-link.active,.platform_block .pl-body .pl-tabs .nav-tabs .nav-link:hover {color: #F2A843;box-shadow: 2px 4px 20px 0px #0D0F2A1A;}
.platform_block .pl-body .tab-pane .details_group {display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px;}
.platform_block .pl-body .tab-pane ul li {font-size: 20px;line-height: 28px;margin-bottom: 10px;padding-left: 18px;position: relative;}
.platform_block .pl-body .tab-pane ul li::before{content: '';width: 8px;height: 14px;position:absolute;left: 0;top: 5px;background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.37629 5.93771C7.56376 6.12524 7.66907 6.37955 7.66907 6.64471C7.66907 6.90988 7.56376 7.16418 7.37629 7.35171L1.71929 13.0087C1.62704 13.1042 1.5167 13.1804 1.39469 13.2328C1.27269 13.2852 1.14147 13.3128 1.00869 13.314C0.87591 13.3151 0.744231 13.2898 0.621335 13.2395C0.498438 13.1893 0.386786 13.115 0.292893 13.0211C0.199 12.9272 0.124747 12.8156 0.0744663 12.6927C0.0241854 12.5698 -0.00111606 12.4381 3.77571e-05 12.3053C0.00119157 12.1725 0.0287779 12.0413 0.0811869 11.9193C0.133596 11.7973 0.209778 11.687 0.305288 11.5947L5.25529 6.64471L0.305288 1.69471C0.12313 1.50611 0.0223355 1.25351 0.0246139 0.99131C0.0268924 0.729113 0.132061 0.478301 0.317469 0.292893C0.502877 0.107485 0.75369 0.00231622 1.01589 3.78026e-05C1.27808 -0.00224062 1.53069 0.0985537 1.71929 0.280712L7.37629 5.93771Z' fill='%23F2A843'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;}
.platform_block .pl-body .tab-pane ul li:last-child {margin-bottom: 0px;}
.platform_block .pl-body .tab-pane ul li a {font-size: 16px;line-height: 24px;display: flex;}

/* Integrations Section */
.integrations-section {background-color: var(--light-bg-color);}
.integrations-section .swiper-wrapper {display: flex; align-items: stretch;}
.integrations-card {padding: 24px; border: 1px solid var(--blue-border-color); border-radius: 20px; background-color: var(--color-white); transition: all ease-in-out 0.3s; height: auto;}
.integrations-card-title {position: relative; padding-bottom: 10px; margin-bottom: 10px; font-size: 20px; line-height: 28px; display: flex; flex-direction: column;}
.integrations-card-title::after {content: ''; width: 38px; height: 3px; border-radius: 10px; background-color: var(--primary-color); display: inline-block;}
.integrations-card:hover {border-color: var(--primary-color);}

/* ERP Development Section */
.erp_development_group {display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 30px; padding: 60px 20px 30px; background-color: var(--light-bg-color); border-radius: 20px;}
.erp_development_item {padding: 0px 24px 24px; border-radius: 20px; background-color: var(--color-white); border: 1px solid var(--blue-border-color); transition: all ease-in-out 0.3s; text-align: center;}
.erp_development_item .icon {width: 60px; height: 60px; border-radius: 50%; background-color: var(--color-white); margin-top: -30px; display: inline-flex; align-items: center; justify-content: center; transition: all ease-in-out 0.3s; border: 1px solid var(--blue-border-color);}
.erp_development_item h3 {margin: 7px 0px 10px; font-size: 20px; line-height: 28px;}
.erp_development_item:hover, .erp_development_item:hover .icon  {border-color: var(--primary-color);}
.erp_development_item:hover {transform: translateY(-7px);}
.devider {max-width: 204px; height: 1px; border-radius: 4px; background-color: var(--blue-color); opacity: 0.1; margin-inline:auto; font-size: 0px;}
.erp_scope_grooup {display: flex; justify-content: center; flex-wrap: wrap; gap: 60px 30px; padding-top: 30px;}
.erp_scope_card {width: calc(33.33% - 20px); flex: 0 0 calc(33.33% - 20px); border-radius: 18px; border: 1px solid var(--blue-border-color); border-inline: none; padding: 0px 30px 30px; text-align: center; transition: all ease-in-out 0.3s;}
.erp_scope_card .value {padding: 10px; border-radius: 60px; font-size: 30px; line-height: 40px; font-weight: bold; background-color: var(--light-bg-color); width: fit-content; margin: -30px auto 22px; min-width: 233px; transition: all ease-in-out 0.3s;}
.erp_scope_card:hover {border-color: var(--primary-color);}
.erp_scope_card:hover .value {background-color: var(--primary-color); color: var(--color-white);}


/* comp */
.comp-table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 14px; overflow: hidden;}
.comp-table thead tr th { background: var(--primary-color); color: #000000; font-weight: 400; font-size: 20px; line-height: 28px; text-align: center; padding: 16px 20px; border: none;}
.comp-table tbody tr { border-bottom: 1px solid #ececec;}
.comp-table tbody tr:last-child td { border-bottom: 1px solid #F2A84333;}
.comp-table tbody td { padding: 24px 10px; font-size: 20px; line-height: 28px; text-align: center; vertical-align: middle; border-right: 1px; border-bottom: 1px;border-style: solid; border-color: #F2A84333; background: #fefbf6; line-height: 1.6;}
.comp-table tbody td:first-child { border-left: 1px;}
.comp-table tbody tr:first-child td { border-bottom: 1px solid #F2A84333;}
.comp-table tbody td:first-child { font-weight: 800; color: #1a1a1a; font-size: 20px; line-height: 28px; text-align: center; border-right: 1px; border-bottom: 1px;border-style: solid; border-color: #F2A84333; background: #fefbf6;}
.comp-table tbody tr:last-child td:first-child {border-bottom-left-radius: 14px;}
.comp-table tbody tr:last-child td:last-child {border-bottom-right-radius: 14px;}

/* Why Choose Section */
.why_choose_section .title-wrapper { position: -webkit-sticky; position: sticky; top: 150px; align-self: start; height: fit-content; }
.why_choose_section .animated-title { margin-inline: 0px;}
.why_choose_section .animated-title::before { left: 0; transform: translateX(0px);}
.why_choose_grid {display: grid; grid-template-columns: 30% auto; gap: 50px;}
.why_choose_item_box {padding-left: 50px; border-left: 1px solid var(--blue-border-color);}
.why_choose_item:not(:last-child) {margin-bottom: 20px; border-bottom: 1px solid var(--blue-border-color); padding-bottom: 20px;}
.why_choose_item {display: flex; align-items: center; gap: 16px; transition: all ease-in-out 0.3s;}
.why_choose_item .icon {width: 60px; height: 60px; border-radius: 10px; border: 1px solid var(--blue-border-color); background-color: var(--color-white); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.why_choose_item h3 {font-size: 20px; line-height: 28px; margin-bottom: 10px;}
.why_choose_item:hover {border-color: var(--blue-color);}

/* Process Section */
.process {background-color: var(--light-bg-color);}
.process .process-slider-container { position: relative;  overflow: hidden; padding-block: 30px; margin-block: -20px;}
.process .process-wrapper { display: flex; align-items: stretch; will-change: transform;}
.process .process-wrapper .process-card { height: auto; background-color: var(--color-white); padding: 24px; width: 100%; flex-shrink: 0; border: 1px solid var(--blue-border-color); border-radius: 20px; position: relative; transition : 0.3s ease;}
.process .process-wrapper .process-card .counts {font-size: 20px; color: var(--color-black);margin-bottom: 10px;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border: 1px solid var(--blue-border-color);border-radius: 90px;font-weight: 400;background: var(--color-white);position: absolute;right: 30px;top: -25px;}
.process .process-wrapper .process-card h3 { font-size: 20px; line-height: 28px; font-weight: 700;margin: 0;}
.process .process-wrapper .process-card .point-arrow { position: absolute; top: 50%; transform: translateY(-50%); right: -12.5px;}
.process .process-wrapper .process-card .point-arrow span.circle { display: inline-block; width: 25px; height: 25px; background-color: var(--primary); border: 5px solid var(--color-white); border-radius: 50%; box-shadow: 0px 4px 4px 0px #69400940;}
.process .process-wrapper .process-card .point-arrow::before { content: ''; display: block; width: 10px; height: 4px; border-radius: 2px; background-color: var(--primary); position: absolute; top: 50%; transform: translateY(-50%); right: -15px;}
.process .process-wrapper .process-card:hover { border-color: var(--primary); box-shadow: 2px 4px 20px 0px #0D0F2A1A;}
.process .process-wrapper .process-card:last-child .point-arrow { display: none;}
.process .title-wrapper { max-width: 645px; margin-right: auto; flex: 0 0 auto;}
.process .title-wrapper .animated-title { margin: 0px auto 10px 0px;}
.process .title-wrapper .animated-title::before { left: 0; transform: translateX(0);}
.process .mobile-wrapper { border-bottom: 2px solid var(--primary); width: 100%; flex: 1; position: relative;}
.process-title-wrapper .divider_line {width: 100%; height: 2px; background-color: var(--primary); align-self: end; margin-bottom: 20px; border-radius: 6px;}
.process-slider-arrow.mobileview {display: none;}
.process-slider-arrow {display: flex; align-items: center; justify-content: center; gap: 30px;}
.process-slider-arrow .swiper-button-arrow {position: unset; margin: 0px; width: 58px; height: 58px; border: 1px solid var(--color-black); border-radius: 50%;}
.process-slider-arrow .swiper-button-arrow , .process-slider-arrow .swiper-button-arrow svg path {transition: all ease-in-out 0.3s;}
.process-slider-arrow .swiper-button-arrow:hover svg path {stroke: var(--color-white);}
.process-slider-arrow .swiper-button-arrow:hover {border-color: var(--primary); background-color: var(--primary);}
.process-slider-arrow .swiper-button-arrow::after {display: none;}
.process-slider-arrow .swiper-button-arrow svg {flex: 0 0 auto;}
.process-slider-nav {position: relative;width: 100%;display: flex; flex-direction: column; align-items: center; justify-content: flex-end; text-align: right;}
.process-slider-nav p{max-width: 588px;margin-left: auto;}
.process-head{display:flex;align-items: center;gap: 16px;margin-bottom: 16px;}
.process-head .icon {display:flex;align-items: center; justify-content: center; flex: 0 0 auto; gap: 16px;margin-bottom: 16px; width: 60px; height: 60px; border-radius: 50%; background-color: var(--color-white); box-shadow: 0px 10px 15px 0px #0000001A;}

/* Case Studies */
.case-studies .case-slider-nav{position: relative;width: 100%;display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;text-align: right;}
.studies-block{display: grid;grid-template-columns: 1fr 1fr; border: 1px solid rgba(37, 57, 92, 0.1);border-radius: 20px;overflow: hidden;}
.studies-block .right-item {text-align: end; background-color: #FFFBF3; display: flex; align-items: end; justify-content: center;}
.studies-block .left-item {padding: 40px;}
.studies-block .left-item h3 {font-size: 30px;line-height: 40px;}
.caseStudies-list{display:flex;align-items: center;gap: 10px;margin:0px 0 10px;}
.caseStudies-list .caseStudies-item{padding:8px 16px;border: 1px solid #F2A84333; background-color: var(--primary-color)1A; border-radius: 30px;font-size: 20px;line-height: 28px;color: var(--color-black);}
.caseStudies-tabing{background: var(--light-bg-color);padding: 16px;border-radius: 20px;margin-top: 30px;}
.caseStudies-tabing .nav-tabs{display:flex;align-items: center;overflow: auto hidden;white-space: nowrap;background-color:var(--color-white);border:none;border-radius: 20px;margin-bottom: 24px;width:fit-content;}
.caseStudies-tabing .nav-tabs .nav-link{padding: 10px 33px;font-size: 20px;line-height: 28px;border: none;border-radius: 20px;color: var(--color-black);background-color: var(--color-white);}
.caseStudies-tabing .nav-tabs .nav-link.active{background-color: var(--primary);color: var(--color-white);font-weight: 500;position: relative;z-index: 91;}
.caseStudies-tab-item {padding: 0 16px 0;padding-left: 40px;border-radius: 40px;margin: 0 0 10px;position: relative;font-size: 20px;line-height: 28px;}
.mw-60{max-width: 60px;}
.caseStudies-tab-item::before {content: '';width: 24px;height: 24px;position: absolute;left: 0;top: 50%;transform: translate(0%, -50%);background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23F2A843'/%3E%3Cpath d='M10.4071 14.8018L17.4696 7.73926C17.6362 7.57259 17.8307 7.48926 18.0529 7.48926C18.2751 7.48926 18.4696 7.57259 18.6362 7.73926C18.8029 7.90592 18.8862 8.10398 18.8862 8.33342C18.8862 8.56287 18.8029 8.76065 18.6362 8.92676L10.9904 16.5934C10.8237 16.7601 10.6293 16.8434 10.4071 16.8434C10.1848 16.8434 9.99038 16.7601 9.82372 16.5934L6.24038 13.0101C6.07372 12.8434 5.99372 12.6456 6.00038 12.4168C6.00705 12.1879 6.094 11.9898 6.26122 11.8226C6.42844 11.6554 6.6265 11.572 6.85538 11.5726C7.08427 11.5731 7.28205 11.6565 7.44872 11.8226L10.4071 14.8018Z' fill='white'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;}
.swiper-pagination-bullet {height: 10px;width: 30px;background-color: var(--primary-color);opacity: .2;border-radius: 40px}
.swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;background-color: var(--primary-color)}
.case-studies .swiper-pagination{position: unset;}

/* Tools And Frameworks Section */
.framework-section{background-color: var(--light-bg-color);}
.framework-section .section-inner-head{text-align: center; max-width:750px; margin-inline: auto;}
.framework-section:after{content: '';position: absolute;right: 0;top: 0;width: 100%;height: 100%;background-image: url(../../images/ai-developments/ai-chatbot/framework-shape1.webp);background-repeat: no-repeat;background-position: top right;z-index: -1;mix-blend-mode: screen;}
.framework-section:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-image: url(../../images/ai-developments/ai-chatbot/framework-shape2.webp);background-repeat: no-repeat;background-position: left bottom;z-index: -1;mix-blend-mode: screen;}
.framework-section h2{margin-bottom: 24px;}
.frame-box{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
.frame-box>*{flex: 0 0 calc(16.66% - 17px);max-width: calc(16.66% - 17px);}
.framework-section .nav-tabs>*{flex: 1;}
.framework-section .nav-tabs{margin-bottom: 0;border-bottom: none;}
.framework-section .nav-item .nav-link{width: 100%;font-size: var(--font-20);line-height: 28px;font-weight: bold;background-color: var(--color-white);border: none !important;border-bottom: 1px solid rgba(206, 206, 205, 0.4) !important;color: var(--color-black);border-radius: 0 !important;margin: 0;padding: 20px 5px; height: 100%;}
.framework-section .nav-item .nav-link.active{background-color: transparent;border-bottom-color: var(--primary) !important;}
.framework-section .tab-content{margin-top: 30px;}
.box-inner{text-align: center;box-shadow: 7px 8px 30px rgba(23, 22, 71, 0.05);padding: 20px 10px;border-radius: 10px;background-color: var(--color-white);}
.box-inner p{font-size: 24px;line-height: 32px;margin-top: 20px;}
.box-inner img{min-height: 80px; object-fit: contain;}

/* Faqs Section */
.faq-section::before{content: '';position: absolute; left: 0;top: 0;width: 100%;height: 150px;background-color: var(--color-white);z-index: -1;}
.faq-section .accordion{max-width: 1150px;margin: 0 auto;}
.faq-section .accordion-button{font-size: var(--font-20);line-height: 28px; font-weight: 500; color: var(--color-black);padding: 20px;border-radius: 0 !important;}
.faq-section .accordion-button:not(.collapsed){background-color: transparent;box-shadow: none;}
.faq-section .accordion-button:focus{box-shadow: none;}
.faq-section .accordion-item{border: none; border-style: solid; border-width: 0px; border-color: var(--blue-border-color); border-bottom-width: 1px;}
.faq-section .accordion-item:last-child {border-bottom-width: 0px;}
.faq-section .accordion-item + .accordion-item{margin-top: 20px;}
.faq-section .accordion-item.active{border-width: 1px !important; border-color: #F2A84333; box-shadow: 0px 6px 16px 0px #6666661A;border-radius: 8px; }
.faq-section .accordion-item.active .accordion-button{color: var(--primary);font-weight: bold;}
.faq-section .accordion-button::after{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6.69854 17.3024L17.3051 6.69577M17.3051 6.69577L9.08502 6.4306M17.3051 6.69577L17.5703 14.9159" stroke="%23191919" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');width: 28px;height: 28px;background-size: auto;}
.faq-section .accordion-button:not(.collapsed)::after{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M7.8126 7.81366L20.187 20.188M20.187 20.188L20.4963 10.5979M20.187 20.188L10.5968 20.4974" stroke="%23F2A843" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>');transform: rotate(0deg);}
.faq-section .accordion-body{padding: 0 20px 20px;color: var(--secondary);}
.faq-section .accordion-body>*{color: var(--secondary);}
.faq-section .accordion-item ul li {padding-left: 18px; position: relative;}
.faq-section .accordion-item ul li::before {content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background-color: var(--secondary); border-radius: 50%;}
.gap-24{gap: 24px;}



/* Responsive CSS */
@media screen and (max-width : 1641px) {
    /* CTA Section */
    .cta-first .section-inner-head {max-width: 550px;}
    .cta-first .cta-img img{z-index: 1;position: relative;}
    .cta-first .cta-img::before{z-index: 1;}
    .cta-second{background-position: center right;}
}

@media screen and (max-width : 1441px) {
    .section-spacing {padding: 80px 0px;}
    .mb-40 {margin-bottom: 30px;}

    /* hero section */
    .hero .container-fluid {padding-left: calc((100% - 1150px)/2);}
    .hero_erp_list {gap: 20px;;}
    .hero_erp_list li {font-size: 18px;}
    .hero_erp_list li .icon {width: 54px; height: 54px;}
    .hero_right_side {max-width: 350px;}


    /* Experience Section */
    .experience_item_badge {font-size: 16px; line-height: 24px;}
    
    /* Solutions Section */
    .fintech_item { padding: 30px; overflow: hidden }
    .fintech_item ul { margin-top: 30px; padding-top: 30px }

    /* CTA Section */
    .cta-first{padding-left: calc((100% - 1150px)/2)}
    .cta-first:not(.cta-three) .cta-img {max-width: 700px; margin: -20px 0 0;}
    .cta-first .section-inner-head{max-width: 500px;}
    .cta-first:not(.cta-three) .section-inner-head {padding-block: 40px;}
    
    /* Process Section */
    .process-slider-arrow {gap: 20px;}
    .process-slider-arrow .swiper-button-arrow { width: 50px; height: 50px; }

    /* ERP Development Section */
    .erp_scope_grooup {padding-top: 28px;}
    .erp_scope_card .value {font-size: 26px; line-height: 36px; margin: -28px auto 20px;}

    /* comp */
    .comp-table tbody td, .comp-table tbody td:first-child, .comp-table thead tr th {font-size: 18px;}

    /* Case Studies */
    .studies-block .left-item {padding: 30px;}
    .caseStudies-tabing .nav-tabs .nav-link {padding: 10px 22px;}

    /* Core Modules */
    .core_modules_grid {gap: 40px;}
    .core_modules_item .title {font-size: 18px; line-height: 26px;}
    .core_modules_item .listing {grid-template-columns: 1fr; row-gap: 14px;}
    .core_modules_item .listing li {font-size: 18px;}
    .core_modules_item .listing li::before {top: 0;}
    .core_modules_item .title::before {top: 20px;}

    /* solution-services Section */
    .services .tab-wrapper {grid-template-columns: 30% auto;}
    .services .tab-wrapper .tab-sidebar button.tab-btn {font-size: 18px; line-height: 26px;}

    /* Platforms Specialise */
    .platform_block .pl-head {padding: 20px 20px 30px;}
    .platform_block .pl-body{padding: 0 20px 20px;}
    .platform_block .pl-body .pl-tabs .nav-tabs{margin-bottom: -20px;}
    .platform_block .pl-body .pl-tabs .nav-tabs .nav-link{font-size: 18px;line-height: 26px;padding: 12px;}
    .platform_block .pl-body .tab-pane ul li{font-size: 18px;line-height: 26px;}

    /* Tools And Frameworks Section */
    .framework-section .nav-item .nav-link,.box-inner p{font-size: var(--font-18); line-height: 28px;}
}

@media screen and (max-width : 1199px) {
    .mb-40 {margin-bottom: 30px;}

    /* hero section */
    .hero .container-fluid {padding-left: 25px}
    .hero_erp_list {gap:16px;;}
    .hero_erp_list li {font-size: 16px; line-height: 26px;}
    .hero_erp_list li .icon {width: 50px; height: 50px; padding: 10px;}
    .hero_right_side {max-width: 260px;}
    .hero_right_side img {margin-top: -90px;}

    /* Solutions Section */
    .fintech_item ul li { font-size: 16px; line-height: 26px }

    /* CTA Section */
    .cta-first,.cta-second {background: radial-gradient(55.52% 186.34% at 11.56% -55.15%, #f9be4c 0%, #f9be4d 48.08%, #f8bc4d 100%);padding: 30px 24px;margin-top: 0;}
    .cta-first .section-inner-head {max-width: 576px;margin-inline: auto;text-align: center;}
    .cta-first .btn1 {margin-top: 0;}    
    .cta-first .cta-img, .cta-second .cta-img {display: none;}
     .cta-first:not(.cta-three) .section-inner-head {padding-block: 0px;}
    .cta-second .section-inner-head{padding: 20px 0;}

    /* Process Section */
    .process .title-wrapper{margin: 0 auto !important;flex: auto;text-align: center !important;}
    .process .process-title-wrapper {flex-direction: column;align-items: center;justify-content: center;gap: 20px !important;}
    .process .title-wrapper .animated-title::before{left: 50%; transform: translateX(-50%);}
    .process .title-wrapper .animated-title{margin: 0px auto 10px auto;}
    .process-slider-nav{flex-direction: column;align-items: center;justify-content: center;text-align: center;}
    .process-slider-nav p {margin: auto;}
    .process-title-wrapper .divider_line{display: none;}

    /* ERP Development Section */
    .erp_development_group {grid-template-columns: repeat(2, 1fr);}

    /* Why Choose Section */
    .why_choose_section .title-wrapper {top: 120px;}
    .why_choose_grid {grid-template-columns: 40% auto; gap: 40px;}
    .why_choose_item_box {padding-left: 40px;}

    /* Core Modules */
    .core_modules_item .listing li {font-size: 16px; line-height: 26px;}

    /* Tools And Frameworks Section */
   .framework-section .nav-item .nav-link,.box-inner p{font-size: var(--font-16); line-height: 27px;}
   .frame-box>* {flex: 0 0 calc(20% - 16px); max-width: calc(20% - 16px);}
}

@media screen and (max-width : 1024px) {

    /* hero section */
    .hero .container-fluid {padding-inline: 0px;}
    .hero_erp_list {gap:24px; flex-direction: row; justify-content: center; flex-wrap: wrap; position: unset; padding: 0px 25px 35px;}
    .hero_erp_list li {font-size: 16px; line-height: 26px;}
    .hero_erp_list li .icon {width: 50px; height: 50px; padding: 10px;}
    .hero .container-fluid {flex-direction: column;}
    .hero_right_side, .hero_mockup .desktop_view {display: none;}
    .hero_mockup .mobile_view {display: block;}

    /* ERP Development Section */
    .erp_scope_card {width: calc(50% - 15px); flex: 0 0 calc(50% - 15px);}
    .erp_scope_card .value {font-size: 26px; line-height: 36px; margin: -28px auto 20px;}

    /* Case Studies */
    .caseStudies-list .caseStudies-item{font-size: 16px;line-height: 26px;}
    .studies-block .left-item h3 {font-size: 28px;line-height: 38px;}

    /* solution-services Section */
    .services .tab-wrapper {display: block;}
    .services .tab-wrapper .sidebar-wrapper {margin: 0px 0px 30px;}
    .services .tab-wrapper .tab-sidebar {padding: 10px; max-height: unset; min-height: unset; flex-direction: row; overflow: auto hidden; background-color: #F8F7F3; scroll-behavior: smooth;}
    .services .tab-wrapper .tab-sidebar button.tab-btn {padding: 15px 20px; flex: unset; border-radius: 20px;}
    .services .tab-wrapper .tab-sidebar button.tab-btn:not(:last-child) {border: none;}
    .services .tab-wrapper .tab-sidebar::before {display: none;}
    .services .tab-wrapper .tab-sidebar button.tab-btn::after { right: 50%; transform: translateX(-50%) rotate(90deg); bottom: -4px; top: unset; transform-origin: bottom;} 


    /* Platforms Specialise */
    .platform_block .pl-body {margin-top: 30px;}
    .platform_block .pl-body .pl-tabs .nav-tabs {transform: translate(0px, -30px); margin-top: 0px; max-width: 100%; overflow: auto hidden;}
    .platform_block .pl-body .tab-pane .details_group {margin-top: 10px;}
    .platform_block .pl-body .pl-tabs .nav-tabs .nav-link{font-size: 16px;line-height: 26px; white-space: nowrap;}
    .platform_block .pl-body .tab-pane ul li{font-size: 16px;line-height: 24px;}

    /* Tools And Frameworks Section */
    .framework-section .section-inner-head {max-width: 576px; margin-inline: auto; text-align: center;}
}

@media screen and (min-width : 992px) {
    /* Core Modules */
    .core_modules .animated-title { margin-inline: 0px;}
    .core_modules .animated-title::before { left: 0; transform: translateX(0px);}
}

@media screen and (max-width : 991px) {

    body, html {overflow-x: hidden;}

    /* Why Choose Section */
    .why_choose_grid {grid-template-columns: 1fr;}
    .why_choose_section .title-wrapper {top: 0; position: relative; max-width: 100%;}
    .why_choose_item_box {padding-left: 0px; border-left: 0px;}
    
    /* Core Modules */
    .core_modules .title-wrapper {text-align: center !important;}
    .core_modules_grid {grid-template-columns: 1fr;}
    .core_modules_item .listing {grid-template-columns: 1fr 1fr;}
    
    /* Experience Section */
    .experience_item {width: calc(50% - 15px);}

    /* Solutions Section */
    .fintech_grid { grid-template-columns: repeat(1,1fr) }

    /* Industry Section */
    .industry .industry-grid .industry-item, .industry .industry-grid .industry-item:nth-child(-n+4) {width: 33.33%; flex : 0 0 33.33%;}
    .industry .industry-grid .industry-item:nth-child(4n), .industry .industry-grid .industry-item:nth-child(9n) {border-right: none;}
    .industry .industry-grid .industry-item:nth-child(5n), .industry .industry-grid .industry-item:nth-child(6n) {border-bottom: 1px solid var(--blue-border-color);}
    .industry .industry-grid .industry-item:nth-child(4n) {border-right: 1px solid var(--blue-border-color);}
    .industry .industry-grid .industry-item:nth-child(3n),.industry .industry-grid .industry-item:nth-child(12n) {border-right: none;}
    .industry .industry-grid .industry-item:nth-child(9n){border-left: none;}

     /* Case Studies */
    .case-studies .case-slider-nav{width: 50%;}
    .studies-block{grid-template-columns: 1fr;}
    .studies-block .left-item{padding: 20px 25px 30px;}
    .caseStudies-tabing .nav-tabs .nav-link{font-size: 18px;line-height: 26px;}
    .caseStudies-tab-item{font-size: 18px;line-height: 26px;}
    .caseStudies-list .caseStudies-item{font-size: 16px;line-height: 26px;}
    .studies-block .left-item h3{font-size: 30px;line-height: 43px;}
    .caseStudies-list{flex-wrap: wrap;}

    /* solution-services Section */
    .services .tab-wrapper .tab-sidebar button.tab-btn {font-size: 16px; line-height: 26px;}

    /* Tools And Frameworks Section */
    .framework-section .nav-tabs{white-space: nowrap;flex-wrap: nowrap;overflow-x: auto;}
    .framework-section .nav-tabs::-webkit-scrollbar{ width: 0px; height: 0px;}
    .framework-section .nav-item .nav-link{line-height: 22px;padding-left: 16px;padding-right: 16px;}
    .frame-box>* {flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px);}
}

@media screen and (max-width : 768px) {

    /* ERP Development Section */
    .erp_development_group {grid-template-columns: repeat(1, 1fr);}
    .erp_scope_card {width: 100%; flex: 0 0 100%;}

    
    /* solution-services Section */
    .services .tab-wrapper .tab-sidebar button.tab-btn {white-space: nowrap;}
}



@media screen and (max-width: 620px) {
    /* Security */
    .security-grid{grid-template-columns: repeat(1, 1fr);}

    /* comp */
    .comp-table, thead, tbody, th, td, tr {display: block;}
    .comp-table thead {display: none;}
    .comp-table tbody tr {border: 1px solid #F2A84333;border-radius: 12px;margin-bottom: 14px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
    .comp-table tbody td {border-right: none;border-bottom: 1px solid #f0f0f0;text-align: left;padding: 12px 16px;position: relative;min-height: 44px; display: flex; flex-direction: column;}
    .comp-table tbody td:last-child {border-bottom: none;}
    .comp-table tbody td::before {content: attr(data-label); font-weight: 700;font-size: 15px;color: #F5A623;text-transform: uppercase;letter-spacing: 0.04em;line-height: 1.3; margin-bottom: 10px;}
    .comp-table tbody td {font-size: 16px;line-height: 1.5;}
    .comp-table tbody td:first-child {background: #fdf3e3;font-size: 16px;line-height: 1.5;text-align: left;padding-left: 16px;}
    .comp-table tbody td:first-child::before {display: none;}

    /* Case Studies */
    .caseStudies-tabing .nav-tabs{display: grid;grid-template-columns: 1fr 1fr;white-space: normal;padding: 10px;width: 100%;}
    /* .caseStudies-tabing .nav-tabs{padding: 10px;width: 100%;max-width: 300px;overflow: auto;flex-wrap: nowrap;position: relative; z-index: 99;} */
    .caseStudies-tabing .nav-tabs{grid-template-columns: 1fr;}
    .caseStudies-tabing .nav-tabs .nav-link{width: 100%;margin-top:10px;}
    .caseStudies-tabing .nav-tabs .nav-link:first-child{margin-top:0px;}
    .caseStudies-tabing .nav-tabs .nav-link{padding: 10px 15px;font-size: 16px;line-height: 24px;}
    .studies-block .left-item{padding: 20px 16px 20px;}
    .case-studies .process-title-wrapper {flex-direction: column;gap: 30px !important;margin-bottom: 20px;}
    .case-studies .case-slider-nav {width: 100%;align-items:center;}
    .studies-block .left-item h3 {font-size: 26px;line-height: 36px;}
    .case-studies .animated-title {margin-left: auto;}
    .case-studies .animated-title::before{left: 50%;transform: translateX(-50%);}
    .case-studies .title-wrapper{text-align: center !important; }

    /* Platforms Specialise */
    .platform_block .pl-head {flex-direction: column-reverse; text-align: center;}
    .platform_block .pl-head .icon img {max-height: 70px; object-fit: contain; object-position: center;}
    .platform_block .pl-body .pl-tabs .nav-tabs{width: 100%;}
    .platform_block .pl-body .tab-pane .details_group {grid-template-columns: 1fr;}

     /* Core Modules */
    .core_modules_item .listing {grid-template-columns: 1fr;}
}

@media screen and (max-width : 576px) {

     /* hero section */
    .hero_erp_list {gap:24px;}
    .hero_erp_list li { flex-direction: column; width: calc(50% - 12px); padding: 15px; border: 1px dashed var(--primary); border-radius: 12px;}

    /* Experience Section */
    .experience_item {width: 100%;}

    /* Industry Section */
    .industry .industry-grid .industry-item, .industry .industry-grid .industry-item:nth-child(-n+4) {width: 50%; flex: 0 0 50%;}
    .industry .industry-grid .industry-item:nth-child(4n) {border-right: 1px solid var(--blue-border-color);}
    .industry .industry-grid .industry-item:nth-child(3n),.industry .industry-grid .industry-item:nth-child(6n) {border-right: 1px solid var(--blue-border-color);}
    .industry .industry-grid .industry-item:nth-child(7n),.industry .industry-grid .industry-item:nth-child(8n) {border-bottom: 1px solid var(--blue-border-color);}
    .industry .industry-grid .industry-item:nth-child(9n){border-right: none; }
    .industry .industry-grid .industry-item:nth-child(odd) {border-left: none; padding-right: 20px; padding-left: 0;}
    .industry .industry-grid .industry-item:nth-child(even) {border-right: none; padding-left: 20px; padding-right: 0;}

    /* solution-services Section */
    /* .services .tab-wrapper .content-wrapper>.tab-content.active {padding-block: 30px;} */
    .services .tab-wrapper .content-wrapper>.tab-content .title-wrapper, .services .tab-wrapper .content-wrapper>.tab-content .details {padding-inline: 30px;}
    .services .tab-wrapper .content-wrapper>.tab-content .title-wrapper {padding-bottom: 20px; margin-bottom: 20px;}

    /* Tools And Frameworks Section */
    .frame-box>*{flex: 0 0 calc(50% - 10px);max-width: calc(50% - 10px);}
}