:root{
    --primary-color: #F2A843;
    --secondary-color: #EF7310;
    --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 {max-width: 750px; margin-inline: auto; text-align: center; position: relative;}
.title-wrapper h2 {margin-bottom: 12px;}
.index-1 {z-index: 1;}
.mab-40 {margin-bottom: 40px;}
p a {color: var(--primary);}

/* 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);}

.animated-title { font-size: 20px; line-height: 28px; font-weight: 400; position: relative; padding: 0px 0px 2px; 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);}

/* hero section */
.hero{padding:100px 0 80px;text-align:center;color:var(--text-light);position:relative;background-image: url(../../images/new-services/financial-software-development/hero-bottom-shap.png); background-repeat: no-repeat;background-position: 70% 100%;}
.hero::before, .hero::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; animation: hideshow 5s linear infinite;}
@keyframes hideshow { 0%, 100% { opacity: 0; } 50% { opacity: 1; }}
.hero::before {background-image: url(../../images/new-services/financial-software-development/hero-left-shap.png); background-position: 0% 90%;}
.hero::after {background-image: url(../../images/new-services/financial-software-development/hero-right-shap.png); background-position: right center;}
.hero .dot-shap {position: absolute; animation: moveing 2s linear infinite;}
@keyframes moveing {0%, 100% {transform: translateX(2px);} 50% {transform: translateX(20px);}}
.hero-top-left-dots {top: 170px; left: 70px;}
.hero-bottom-right-dots{bottom: 70px; right: 70px; animation-delay: 1s;}
/* .hero{padding:100px 0 80px;text-align:center;color:var(--text-light);position:relative;background-image: url(../../images/new-services/financial-software-development/hero-bg.webp);background-size: cover; background-repeat: no-repeat;background-position: center center;} */
.hero-content{width:100%;padding:43px 0 0;margin:0 auto; position: relative; z-index: 1;}
.hero .hero-content .banner-lang-list{font-size:20px;line-height:28px;font-weight:500;display:flex;align-items:center;border:1px dashed #25395C33;width:max-content;padding:4px 8px;margin:0 auto}
.hero .hero-content .banner-lang-list li{position:relative}
.hero .hero-content .banner-lang-list li:not(:last-child){padding-right:11px;margin-right:11px}
.hero .hero-content .banner-lang-list li:not(:last-child)::before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background-color:var(--primary);right:0;top:50%;transform:translateY(-50%)}
.hero .hero-content h1{margin: 0px 0px 24px}
.hero__cta{display:inline-block;background-color:var(--primary-color);color:#fff;font-size:14px;font-weight:600;padding:12px 26px;border-radius:50px;text-decoration:none;border:none;cursor:pointer;margin-bottom:36px;transition:background-color .2s ease}
.hero__cta:hover{background-color:#d9660e}
.hero-tp-block {display: flex;align-items: end;text-align: left;}
.hero-tp-block .banner_mockup {max-width: 466px;}
.hero-bt-block {display: flex;text-align: left;gap: 70px;margin-top: 6px;}
.hero-bt-block .banner_mockup {max-width: 450px;}
.hero-bt-block .head-content .hero__desc {margin-bottom: 30px;}
.hero-tp-block .head-title {padding-top: 60px;position: relative;}
.hero .hero-content h1 span {align-items: center;padding: 8px;border: 1px dashed #25395C33;font-size: 18px;font-weight: 500;transform: translate(0px, 13px);display: block;float: left;margin-right: 20px;}
.hero-line {width: 100%;background-color: #FE621E;height: 1px;border-radius: 5px;opacity: .4;position: relative;}
.hero-line::before{content: '';position: absolute;top: -2px; width: 5px; height: 5px;border-radius: 30px;background-color: #FE621E; animation: moveDot 10s linear infinite; }
@keyframes moveDot { 0% { left: 0; opacity: 1; } 100% { left: 100%; opacity: 1; }}
.hero-bt-inner .head-content{padding-bottom: 60px;}
.hero-tp-inner {max-width: 772px;}
.hero-tp-inner .hero-line::before{right: 0;}

/* Awards Slider */
.slider .mySwiper .swiper-slide { padding: 30px; height: 125px; text-align: center; align-content: center; border: 1px dashed var(--blue-border-color)}
.slider .mySwiper .swiper-slide:hover { border-color: var(--primary);}
.slider .mySwiper .swiper-slide img { width: 100%; max-width: 125px;}
.metrics-footer img {object-fit: contain;}
.metrics-footer .swiper-wrapper {align-items: center;}
.metrics-footer .swiper-slide {display: flex; align-items: center; justify-content: center; padding: 20px;}

/* Stats */
.stats-grid-block {display: grid;grid-template-columns: repeat(3, 1fr);gap: 72px;}
.stat-grid-item { position: relative; border: 1px solid #25395C33; padding: 20px; border-radius: 20px; box-shadow: 0px 4px 20px 0px var(--blue-border-color); text-align: center; display: flex; flex-direction: column; justify-content: center; margin: 0 30px; margin-top: 88px;}
.stat-grid-item::before{ content: ''; position: absolute; top: -88px; left: -30px; height: 140px; width: calc(100% + 60px); background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='394' height='136' viewBox='0 0 394 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M111.25 57.5328H153.532C199.674 57.5328 200.25 19.9937 200.25 6.10352e-05C200.25 19.9937 200.826 57.5328 246.968 57.5328H289.25M393 135.533V114.699C393 94.8328 392.426 57.5328 346.439 57.5328H244M1 135.533V114.699C1.00022 94.8328 1.57436 57.5328 47.5613 57.5328H150' stroke='url(%23paint0_linear_27002_21635)' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_27002_21635' x1='52.8989' y1='-2.16136' x2='49.6463' y2='284.936' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2325395C' stop-opacity='0.2'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: top center;}
.stat-grid-item:nth-child(2n){ margin-top: 0; margin-bottom: 88px;}
.stat-grid-item:nth-child(2n)::before{ top: auto; bottom: -88px; transform: rotate(180deg);}

/* Service Section */
.services .tab-wrapper .tab-sidebar {background-color: var(--light-bg-color); border-radius: 20px; display: flex; justify-content: space-between; width: 100%; height: 100%; max-height: 100%; position: relative; margin-bottom: 20px; border-bottom: 1px solid var(--blue-border-color);}
.services .tab-wrapper .tab-sidebar button.tab-btn { width: 100%; padding: 20px 0px; font-size: 20px; font-weight: 400; border: 0px; outline: none; background: transparent;  cursor: pointer; position: relative; transition: all ease-in-out 0.3s; color: var(--color-black);}
.services .tab-wrapper .tab-sidebar button.tab-btn::after {content: ''; width: 10px; height: 18px; position: absolute; top: 100%; transform: rotate(90deg); right: 50%; margin-top: -5px; 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: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); font-weight: 700; 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%; border: 1px solid var(--primary-color); padding: 0px; border-radius: 20px; overflow: hidden;}
.services .tab-wrapper .content-wrapper .tab-content { padding: 0px; max-height: 0; opacity: 0; transition: all 0.2s;}
.services .tab-wrapper .content-wrapper .tab-content.active { width: 100%; opacity: 1; padding-block: 40px; max-height: max-content;}
.services .tab-wrapper .content-wrapper .tab-content .title-wrapper { text-align: left; max-width: 100%; margin: 0; padding-bottom: 0;}
.services .tab-wrapper .content-wrapper .tab-content .title-wrapper .animated-title { font-size: 20px; line-height: 28px; text-align: left; margin: 0; margin-bottom: 20px; padding-bottom: 10px; padding-top: 0px; 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{padding-left: 34px !important; position: relative;}
.services .tab-wrapper .content-wrapper .tab-content .details li::before{ content: ''; position: absolute; left: 0; top: 5px; width: 24px; height: 24px; 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='M9.74299 14.3125L16.8055 7.25C16.9722 7.08333 17.1666 7 17.3888 7C17.611 7 17.8055 7.08333 17.9722 7.25C18.1388 7.41667 18.2222 7.61472 18.2222 7.84417C18.2222 8.07361 18.1388 8.27139 17.9722 8.4375L10.3263 16.1042C10.1597 16.2708 9.96521 16.3542 9.74299 16.3542C9.52077 16.3542 9.32632 16.2708 9.15966 16.1042L5.57632 12.5208C5.40966 12.3542 5.32966 12.1564 5.33632 11.9275C5.34299 11.6986 5.42993 11.5006 5.59716 11.3333C5.76438 11.1661 5.96243 11.0828 6.19132 11.0833C6.42021 11.0839 6.61799 11.1672 6.78466 11.3333L9.74299 14.3125Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat;}
.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;}
.index-91{z-index: 91 !important;}

/* CTA Section */
.cta-first{position: relative;padding-left: calc((100% - 1356px)/2);display: flex;align-items: center;justify-content: space-between; min-height: 368px; margin-top: 50px;background: linear-gradient(89.82deg, #F9DF4E -45.62%, #FDCD56 3.55%, #F2A843 56.65%);}
.cta-first .section-inner-head{max-width: 670px;padding: 20px 0;}
.cta-first .cta-img{max-width: 830px;width: 100%; position: relative; z-index: 91;text-align: right;margin-top: -92px;}
.cta-blur1{position: absolute;left: 0;bottom: 0;z-index: -1;filter: blur(70px);}
.cta-blur2{position: absolute;left: 50%;top: 0;z-index: -1;filter: blur(70px);}
.cta-blur3{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: -1;filter: blur(70px);}
.cta-first .btn1{border-color: #25395C;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 h2.mab-40{margin-bottom: 40px;}

/* CTA Section */
.cta-second {background: linear-gradient(89.82deg, #F9DF4E -45.62%, #FDCD56 3.55%, #F2A843 56.65%);;margin-top: 0;}
.cta-second .section-inner-head {max-width: 750px;}
.cta-second .cta-img {margin-top: -100px; max-width: 800px;}
.cta-second .cta-img img {margin: 0;}

/* Financial Services */
.financial-grid-block{ display: grid;grid-template-columns: repeat(3, 1fr);}
.financial-grid-block .financial-grid-item{ text-align: left; padding: 24px; border-width: 1px; border-style: solid; border-color: #dad9dd; border-top-width: 0px; border-left-width: 0px; transition: all ease-in-out 0.2s;}
.financial-grid-block .financial-grid-item:hover {box-shadow: 0px 0px 10px 20px #00000003;}
.financial-grid-block .financial-grid-item h3{ font-size: 20px; line-height: 28px; font-weight: 700; margin-bottom: 16px;}
.financial-grid-block .financial-grid-item:nth-child(4),
.financial-grid-block .financial-grid-item:nth-child(5),
.financial-grid-block .financial-grid-item:nth-child(6){ border-bottom-width: 0px;}
.financial-grid-block .financial-grid-item:nth-child(3),
.financial-grid-block .financial-grid-item:nth-child(6){ border-right-width: 0px;}

/* Benefits Section */
.benefits_group {padding: 24px; border-radius: 20px; background-color: var(--light-bg-color); display: grid; grid-template-columns: repeat(3, 1fr);}
.benefit_parts {display: flex; flex-direction: column; gap: 9px;}
.benefit_card {border-radius: 20px; padding: 24px; transition: all ease-in-out 0.3s;}
.benefit_card:hover {background-color: var(--color-white);}
.benefit_card h3 {font-size: var(--font-20); line-height: 28px; margin: 16px 0px;}
.benefits_group_img {display: flex; align-items: center; justify-content: center;}

/* Underwriting Solutions */
.underwriting-solutions{background-color: var(--light-bg-color);}
.underwriting_grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.underwriting_item {padding: 40px; border-radius: 20px; border: 1px solid var(--blue-border-color); transition: all ease-in-out 0.3s; background-color: var(--color-white);}
.underwriting_item_header {display: flex; flex-direction: row-reverse; gap: 20px; align-items: center;position: relative;}
.underwriting_item_header .title {font-size: 20px; line-height: 28px; font-weight: 700; margin: 0px auto 10px 0px;position: relative;padding-bottom: 10px;}
.underwriting_item_header .title::after{content: '';position: absolute;left: 0;bottom: 0;width: 38px;height: 3px;border-radius: 10px;background-color: #F2A843;}

.underwriting_item:hover {box-shadow: 7px 9px 20px 0px #F2A84366; border-color: var(--primary-color);}
.underwriting_item ul {margin-top: 40px; padding-top: 40px; position: relative;}
.underwriting_item ul::before {content: ''; position: absolute; left: 50%; transform: translateX(-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%);}
.underwriting_item ul li{font-size: 20px;line-height: 28px; font-weight: 700; position: relative; padding-left: 18px;}
.underwriting_item ul li:not(:last-child) {margin-bottom: 20px;}
.underwriting_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");}

/* Tools And Frameworks Section */
.framework-section .section-inner-head{text-align: center; max-width:750px; margin-inline: auto;}
.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;}

/*  Ai Power Section */
.ai_power_group {padding: 60px; border-radius: 18px; overflow: hidden; display: flex; background: linear-gradient(166.75deg, #FFF8EE 21.34%, #EBF3FF 90.47%); border: 1px solid #F2A84333;}
.ai_power_group, .ai_power_content {position: relative;}
.ai_power_content {width: 50%; z-index: 1;}
.ai_power_content h2, .ai_power_content p {margin-bottom: 24px;}
.ai_power_content ul {margin-bottom: 40px; display: flex; flex-direction: column; gap: 24px; padding: 0px; font-size: var(--font-20); line-height: 28px;}
.ai_power_content ul li {display: flex; align-items: center; gap: 20px;}
.ai_power_content ul li:before { content: ''; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 24px; height: 24px; 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"><rect width="24" height="24" rx="12" fill="%23F2A843"/><path d="M9.74299 14.3125L16.8055 7.25C16.9722 7.08333 17.1666 7 17.3888 7C17.611 7 17.8055 7.08333 17.9722 7.25C18.1388 7.41667 18.2222 7.61472 18.2222 7.84417C18.2222 8.07361 18.1388 8.27139 17.9722 8.4375L10.3263 16.1042C10.1597 16.2708 9.96521 16.3542 9.74299 16.3542C9.52077 16.3542 9.32632 16.2708 9.15966 16.1042L5.57632 12.5208C5.40966 12.3542 5.32966 12.1564 5.33632 11.9275C5.34299 11.6986 5.42993 11.5006 5.59716 11.3333C5.76438 11.1661 5.96243 11.0828 6.19132 11.0833C6.42021 11.0839 6.61799 11.1672 6.78466 11.3333L9.74299 14.3125Z" fill="white"/></svg>'); background-repeat: no-repeat;}
.ai_power_img {position: absolute; top: 0; right: 0;}

/* Finance Business Section */
.finance_business_top {position: relative; background: url('data:image/svg+xml,<svg width="1920" height="428" viewBox="0 0 1920 428" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H1920V206.547L960 428L0 206.547V0Z" fill="url(%23paint0_linear_27002_22163)"/><rect x="1333" width="587" height="428" fill="url(%23paint1_linear_27002_22163)"/><rect width="587" height="428" transform="matrix(-1 0 0 1 587 0)" fill="url(%23paint2_linear_27002_22163)"/><defs><linearGradient id="paint0_linear_27002_22163" x1="960" y1="428" x2="960" y2="0" gradientUnits="userSpaceOnUse"><stop stop-color="%23F2A843" stop-opacity="0.17"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_27002_22163" x1="1333" y1="214" x2="1761.5" y2="214" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white"/></linearGradient><linearGradient id="paint2_linear_27002_22163" x1="0" y1="214" x2="428.5" y2="214" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white"/></linearGradient></defs></svg>') no-repeat; background-position: center bottom;}
.finance_business_top .section-inner-head {max-width: 750px; margin-inline: auto;}
.finance_business_section .choose-group {border-radius: 0px; padding: 0px; background-color: transparent;}
.finance_business_section .choose-item:not(:last-child)::before {border-image-source: linear-gradient(180deg, #F8F7F3 17.93%, rgba(37, 57, 92, 0.2) 50.65%, #F8F7F3 82.14%);}
.finance_business_section .choose-item {text-align: left; padding: 44px 30px;}
.finance_business_section .choose-item h3::before {display: none;}
.finance_business_section .choose-item h3 {margin: 16px 0px; padding: 0px;}

/* Compliances */
.compliances-grid {display: grid; grid-template-columns: repeat(6, 1fr); gap: 30px; padding-bottom: 50px;}
.compliances-grid .compliance-card {background: #FFFFFF; border-radius: 20px; padding: 24px; display: flex; flex-direction: column; align-items: center; gap: 10px;box-shadow: 0px 2px 16px 0px #0D0F2A1A;}
.compliances-grid .compliance-card:hover {box-shadow: 7px 9px 20px 0px #F2A84333;}
.compliances-grid .compliance-card h3{font-size: 20px; line-height: 28px; font-weight: 700; margin: 0;}

/* Technologies Generation Section */
.technologies_grid {display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.technologies_item {background: #CFCFCF0F; border-radius: 24px; border: 1px solid var(--color-white); backdrop-filter: blur(12px); padding: 30px; transition: all ease-in-out 0.3s;}
.technologies_item:hover {background: #cfcfcf27; border-color: var(--blue-border-color);}
.technologies_title {display: flex; align-items: center; gap: 30px; margin-bottom: 24px;}
.technologies_title img {flex: 0 0 auto;}
.technologies_title h3 {font-size: 20px; line-height: 28px; margin: 0px;}

/* Process Section */
.process_group {display: grid; grid-template-columns: 1fr 1fr; gap: 76px 260px; position: relative;}
.process_group::before {content: ''; width: 2px; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: linear-gradient(0deg, rgba(242, 168, 67, 0) 0%, #F2A843 100%);}
.process_group_panel {display: flex; flex-direction: column; gap: 76px;}
.process_group_right {padding-top: 170px;}
.process_group_right .process_item:not(:last-child) {margin-bottom: 28px;}
.process_item {position: relative;}
.process_item_title {display: flex; align-items: center; gap: 16px; margin-bottom: 16px;}
.process_item_title img {flex: 0 0 auto;}
.process_item_title h3 {font-size: 20px; line-height: 28px; margin: 0px;}
.process_item_content {padding: 24px; border-radius: 20px; border: 1px solid var(--blue-border-color); background-color: var(--color-white); transition: all ease-in-out 0.3s; position: relative;}
.process_item_content:hover {border-color: var(--primary);}
.process_item::before, .process_item::after {content: ''; position: absolute; transition: all ease-in-out 0.3s;}
.process_item::before {width: 50%; height: 1px; background-color: var(--primary); opacity: 0.2; top: 104px;}
.process_item:hover:before {opacity: 1;}
.process_item::after{width: 18px; height: 18px; border-radius: 50%; top: 95px; background-color: var(--color-white); border: 1px solid var(--primary); box-shadow: 0px 4px 4px 0px #0000001A;}
.process_item:hover::after {background-color: var(--primary);}
.process_group_right .process_item::before {left: -130px;}
.process_group_left .process_item::before {right: -130px;}
.process_group_right .process_item::after {left: -139px;}
.process_group_left .process_item::after {right: -139px;}

/* Why Choose Us Section */
.choose-group{display: grid; grid-template-columns: repeat(4, 1fr); border-radius: 20px; background-color: var(--light-bg-color);}
.choose-group, .choose-item {padding: 30px;}
.choose-item {background-color: var(--color-white);position: relative; border-right: 1px solid var(--color-white);}
.choose-item:not(:last-child)::before{content: ''; height: 100%; width: 1px; border-right: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(180deg, #F8F7F3 17.93%, #25395C 50.65%, #F8F7F3 82.14%);  position: absolute; top: 0; right: -1px;}
.choose-item h3 {position: relative; font-size: 20px; line-height: 28px; font-weight: 700; padding-bottom: 10px; margin-bottom: 20px;}
.choose-item h3::before {content: ''; position: absolute; left: 0; bottom: 0; width: 38px; height: 3px; background-color: var(--primary); border-radius: 4px;}
.choose-item:first-child {border-radius: 20px 0px 0px 20px;}
.choose-item:last-child {border-radius: 0px 20px 20px 0px;}

/* Features Section */ 
.featured { background: #F8F7F3; padding: 50px 0px;}
.featured_container {padding-left: calc((100% - 1380px)/2);}
.feature-wrapper {display: flex; align-items: center; gap: 60px;}
.featured h2 { margin: 0px; flex: 0 0 auto;}
.featured .featured-card { background-color: var(--color-white); padding: 20px; height: 152px; border-radius: 12px; display: flex; align-items: center; justify-content: center;}
.featured .featured-swipper { flex: 1;}
.featured .featured-card img { width: 100%;}
.mat-60{margin-top: 60px;}

/* 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%;}


/* ===== Responsive CSS ===== */
@media screen and (max-width : 1441px) {

    /* Stats */
    .stats-grid-block {gap: 60px;}
    .stat-grid-item {margin-top: 80px;}
    .stat-grid-item::before{ top: -80px;}
    .stat-grid-item:nth-child(2n){margin-bottom: 80px;}
    .stat-grid-item:nth-child(2n)::before{ top: auto; bottom: -80px;}

    /* Service Section */
    .services .tab-wrapper .tab-sidebar button.tab-btn {font-size: 18px;}
    
    /* CTA Section */
    .cta-first{padding-left: calc((100% - 1150px)/2)}
    .cta-first .section-inner-head{max-width: 490px;}
    .cta-first .cta-img{ max-width: 700px;}

    /* Benefits Section */
    .benefit_card h3 {font-size: 18px;}

    /* Underwriting Solutions */
    .underwriting_item {padding: 30px; overflow: hidden;}
    .underwriting_item ul {margin-top: 30px; padding-top: 30px;}
    .underwriting_item_header .title, .underwriting_item ul li {font-size: 18px;}
    .underwriting_item ul li:not(:last-child) {margin-bottom: 15px;}

    /*  Ai Power Section */
    .ai_power_group {padding: 50px;}
    .ai_power_content ul {font-size: 18px;}

    /* Technologies Generation Section */
    .technologies_title h3 {font-size: 18px;}

    /* Process Section */
    .process_item_title h3 {font-size: 18px;}

    /* Features Section */ 
    .featured_container {padding-left: calc((100% - 1150px)/2);}
    .features_item .animated-title {font-size: 18px;}
    .features_item .animated-title {margin-bottom: 20px;}

    /* Why Choose Us Section */
    .choose-item h3 {font-size: 18px;}

    /* hero */
    .hero-content{padding-top: 0;}
    .hero-bottom-right-dots{bottom: 100px;}
    .hero-tp-block .banner_mockup{max-width: 390px;}
}

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

    /* hero */
    .hero{background: none;}

    /* Service Section */
    .services .tab-wrapper .tab-sidebar button.tab-btn {font-size: 18px;}
    
    /* CTA Section */
    .cta-first{padding-left: 24px;}
    .cta-first .section-inner-head p{margin-bottom: 20px;}
    .cta-first .cta-img {margin-top: calc(-7% - 16px);}
    .cta-second::before,.cta-second::after {display: none;}
    .cta-first{min-height: auto;}
    
    /* Benefits Section */
    .benefits_group {grid-template-columns: 1fr 1fr;}
    .benefits_group_img {order: -1; grid-column: span 2; max-width: 600px; margin-inline: auto;}

    /* Underwriting Solutions */
    .underwriting_item ul 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);}

    /*  Ai Power Section */
    .ai_power_group {padding: 50px;}
    .ai_power_content {width: 100%;}
    .ai_power_content ul {font-size: 16px; line-height: 26px;}
    .ai_power_img {display: none;}

    /* Compliances */
    .compliances-grid {grid-template-columns: repeat(4, 1fr); gap: 30px;}

    /* Process Section */
    .process_group {gap: 0px 200px;}
    .process_group_panel {gap: 60px;}
    .process_group_right {padding-top: 140px;}
    .process_group_right .process_item::before {left: -100px;}
    .process_group_left .process_item::before {right: -100px;}
    .process_group_right .process_item::after {left: -109px;}
    .process_group_left .process_item::after {right: -109px;}

    
    /* FAQs Section */
    .faq-section .accordion-button{font-size: var(--font-16);padding-top: 10px;padding-bottom: 10px;}
    .faq-section .accordion-item + .accordion-item{margin-top: 10px;}

    /* featured */
    .featured_container {padding-left: 24px;}


}

@media screen and (max-width : 1024px){
    /* Stats */
    .stats-grid-block {gap: 20px;}
    .stat-grid-item {margin: 0px 20px; margin-top: 61px;}
    .stat-grid-item::before{ top: -61px; width: calc(100% + 40px); left: -20px;}
    .stat-grid-item:nth-child(2n){margin-bottom: 61px;}
    .stat-grid-item:nth-child(2n)::before{ top: auto; bottom: -61px;}

     /* CTA Section */
    .cta-img,.cta-blur1,.cta-blur2,.cta-blur3, .cta-first::before{display: none;}
    .cta-first{padding: 30px 24px;margin-top: 0;}
    .cta-first .section-inner-head{max-width: 576px; margin-inline: auto; text-align: center;}
    .cta-second {margin-bottom: 0px;}

    /* Why Choose Us Section */
    .choose-group{grid-template-columns: repeat(2, 1fr);}
    .choose-item:first-child {border-radius: 20px 0px 0px 0px;}
    .choose-item:nth-of-type(2) {border-radius: 0px 20px 0px 0px;}
    .choose-item:nth-of-type(3) {border-radius: 0px 0px 0px 20px;}  
    .choose-item:last-child {border-radius: 0px 0px 20px 0px;}
    .choose-item:nth-of-type(2)::before {opacity: 0;}
    .choose-item:nth-of-type(1)::after, .choose-item:nth-of-type(2)::after { content: ''; height: 100%; width: 1px; border-right: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(180deg, #F8F7F3 17.93%, #25395C 50.65%, #F8F7F3 82.14%); position: absolute; right: -1px; transform: translate(0%, -50%) rotate(90deg); bottom: -100%; left: 50%;}

}

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

    /* Service Section */
    .services .tab-wrapper .tab-sidebar {padding: 10px; max-height: unset; min-height: unset; flex-direction: row; overflow: auto hidden; background-color: var(--light-bg-color); scroll-behavior: smooth;}
    .services .tab-wrapper .tab-sidebar button.tab-btn {padding: 15px 20px; white-space: nowrap; width: max-content;}
    .services .tab-wrapper .tab-sidebar::before {display: none;}
    .services .tab-wrapper .tab-sidebar::-webkit-scrollbar {
        width: 8px;
        height: 5px;
    }

    .services .tab-wrapper .tab-sidebar::-webkit-scrollbar-track {
        background: #F2A84333;
        border-radius: 20px;
    }

    .services .tab-wrapper .tab-sidebar::-webkit-scrollbar-thumb {
        background: #F2A843;
        border-radius: 20px;
        min-height: 5px;
        box-shadow: 7px 9px 20px 0px #F2A84366;
    }

    .services .tab-wrapper .tab-sidebar::-webkit-scrollbar-thumb:hover {
        background: #F2A843;
    }

    /* Financial Services */
    .financial-grid-block{grid-template-columns: repeat(2, 1fr);}
    .financial-grid-block .financial-grid-item:nth-child(2),
    .financial-grid-block .financial-grid-item:nth-child(4),
    .financial-grid-block .financial-grid-item:nth-child(6){ border-right-width: 0px;}
    .financial-grid-block .financial-grid-item:nth-child(3) {border-right-width: 1px;}
    .financial-grid-block .financial-grid-item:nth-child(4) {border-bottom-width: 1px;}

    /* Underwriting Solutions */
    .underwriting_grid {grid-template-columns: repeat(1, 1fr);}

    /* 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);}

    /* Compliances */
    .compliances-grid {grid-template-columns: repeat(3, 1fr); gap: 30px;}

    /* Process Section */
    .process_group {gap: 0px 120px;}
    .process_group_panel {gap: 40px;}
    .process_group_right {padding-top: 140px;}
    .process_group_right .process_item::before {left: -60px;}
    .process_group_left .process_item::before {right: -60px;}
    .process_group_right .process_item::after {left: -69px;}
    .process_group_left .process_item::after {right: -69px;}

    /* Features Section */ 
    .features-wrapper .tab-pane.active {grid-template-columns: 1fr;}
    .feature-app {order: -1;}
    .feature-app {margin-bottom: 30px;}
    .feature-app img {max-width: 500px; width: 100%;}

    /* hero */
    .hero-tp-block{
        align-items: center;
        text-align: left;
        flex-direction: column-reverse;
    }
    .hero-tp-inner {
        max-width: 100%;
    }
    .hero-line{display: none;}
    .hero-tp-block .head-title{padding-top: 0;}
    .hero .hero-content h1{
        margin: 0 auto 16px;
        text-align: center;
    }
    .hero .hero-content h1 span{
        width: fit-content;
        float: none;
        margin: 0 auto 24px auto;
        align-items: center;
    }
    .hero-bt-inner .head-content{
        text-align: center;
    }
    .hero-bt-inner .head-content .flex.items-center.gap-2 {
        justify-content: center;
    }

    .hero::before, .hero::after,.hero .dot-shap{
        display: none;
    }

    .hero-bt-inner .head-content{
        padding-bottom: 20px;
    }
    .hero{
        background-image: url(../../images/new-services/financial-software-development/hero-ipad-bg.webp);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
        padding-bottom: 120px;
    }
}

@media screen and (max-width: 768px) {
    /* Stats */
    .stats-grid-block {gap: 0px;}

    /* Benefits Section */
    .benefits_group {grid-template-columns: 1fr;}
    .benefits_group_img {order: -1; grid-column: span 1;}
    .benefit_parts {gap: 24px;}
    .benefit_parts:not(:last-child) {margin-bottom: 24px;}
    .benefit_card {border: 1px solid #ebebeb;}

    /* Technologies Generation Section */
    .technologies_grid {grid-template-columns: 1fr;}
    .technologies_title {gap: 24px;}


    /* Process Section */
    .process_group {grid-template-columns: 1fr; gap: 30px; padding-left: 50px;}
    .process_group::before {transform: translateX(0px); left: 0px;}
    .process_group_panel {gap: 30px;}
    .process_group_right {padding-top: 0;}
    .process_group_right .process_item:not(:last-child) {margin: 0px;}
    .process_group_right .process_item::before , .process_group_left .process_item::before {left: -50px; right: unset}
    .process_group_right .process_item::after, .process_group_left .process_item::after {left: -59px; right: unset;}

    /* featured */
    .featured .featured-card {height: 100px;}
    .feature-wrapper {display: block;}
    .featured .featured-swipper {flex: 1 1 100%; margin-top: 30px;}

}

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

    /* Stats */
    .stats-grid-block {grid-template-columns: 1fr; gap: 24px}
    .stat-grid-item {margin: 0px}
    .stat-grid-item::before{ display: none;}
    .stat-grid-item:nth-child(2n){margin-bottom: 0;}

    /* Compliances */
    .compliances-grid {grid-template-columns: repeat(2, 1fr); gap: 30px;}

    /* hero */
    .sm-hidden{display: none !important;}
    .hero{
        background-image: url(../../images/new-services/financial-software-development/hero-sm-bg.webp);
        padding-bottom: 20px;
    }
}

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

    /* mySwiper */
    .slider .mySwiper .swiper-slide {padding: 20px; height: 100px;}

    /* Service 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: 0; margin-bottom: 0;}

    /* Financial Services */
    .financial-grid-block{grid-template-columns: repeat(1, 1fr);}
    .financial-grid-block .financial-grid-item {border-right-width: 0px !important; border-left-width: 0px !important;}
    .financial-grid-block .financial-grid-item:not(:last-child) {border-bottom-width: 1px !important;}

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

    /*  Ai Power Section */
    .ai_power_group {padding: 30px;}
    .ai_power_content h2, .ai_power_content p {margin-bottom: 20px;}
    .ai_power_content ul {gap: 15px; margin-bottom: 30px;}

    /* Finance Business Section */
    .finance_business_section .choose-item {padding: 30px 0px;}

    /* Process Section */
    .process_group {padding-left: 36px;}
    .process_group_right .process_item::before , .process_group_left .process_item::before {left: -36px; right: unset}
    .process_group_right .process_item::after, .process_group_left .process_item::after {left: -45px; right: unset;}


    /* Why Choose Us Section */
    .choose-group{grid-template-columns: repeat(1, 1fr);}
    .choose-group, .choose-item { padding: 24px;}
    .choose-item h3 {margin-bottom: 15px; padding-bottom: 6px;}
    .choose-item:not(:last-child)::before{transform: translate(0%, -50%) rotate(90deg); top: unset; bottom: -100%; left: 50%;}
    .choose-item:first-child {border-radius: 20px 20px 0px 0px;}
    .choose-item:nth-of-type(2), .choose-item:nth-of-type(3) {border-radius: 0;}
    .choose-item:last-child {border-radius: 0px 0px 20px 20px;}
    .choose-item:nth-of-type(2)::before {opacity: 1;}
    .choose-item:nth-of-type(1)::after, .choose-item:nth-of-type(2)::after  {display: none;}

}