
.hero-banner.fintech{ background: linear-gradient(179.34deg, rgba(46, 41, 255, 0) 62.97%, rgba(46, 41, 255, 0.05) 103.48%); padding: 120px 0 64px 0;}
.fintech-contact {background: #2E29FF;padding: 64px 0;position: relative;overflow: hidden;}
.fintech-contact::before {content: "";position: absolute;top: 0;right: 0;width: 606px;height: 100%;background: url('./../../../assets/img/hire/cta-bg.webp') no-repeat center;background-size: cover;z-index: 1;}
.fintech-contact .head {max-width: 700px;}
.fintech-contact .head h2 {font-family: 'Space Grotesk';font-style: normal;font-weight: 700;font-size: 36px;line-height: 46px;letter-spacing: -0.72px;text-transform: capitalize;color: #FFFFFF;padding-top: 20px;}
.fintech-contact .head p {font-family: 'Space Grotesk';font-style: normal;font-weight: 400;font-size: 20px;line-height: 28px;color: #F3F3F3;padding-top: 16px;}

.compliance-section { padding-top: 64px;}
.compliance-section .container .row .compliance-grid{ display: grid; align-items: center; justify-content: space-between;grid-template-columns: 1.5fr 0.8fr; position: relative; gap: 16px; padding-top: 32px;}
.compliance-section .container .row .compliance-grid .head {padding: 24px 24px 30px 24px;min-width: 100%;}
.compliance-section .container .row .compliance-grid .head h2 {font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; padding-bottom: 10px; font-size: 28px; line-height: 38px; letter-spacing: -0.02em; color: #303030;}
.compliance-section .container .row .compliance-grid .head p {font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #444444; padding-bottom: 24px;}

.bg-card{ background: linear-gradient(98.65deg, rgba(255, 255, 255, 0.58) -1.33%, rgba(216, 228, 255, 0.58) 48.2%, rgba(255, 255, 255, 0.58) 105.99%); border: 2px solid #d6dcff; border-radius: 16px;}
.sticky-head{position: sticky; top: 80px; z-index: 10; padding-bottom: 24px; }


.compliance-section .container .row .compliance-grid .numbertext{padding: 38px 24px;}
.compliance-section .container .row .compliance-grid .numbertext num{font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 30px; color: #2E29FF; }
.compliance-section .container .row .compliance-grid .numbertext p{font-family: 'Space Grotesk';opacity: 0.8; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; color: #1E1E1E;}
/* .compliance-section .container .row .compliance-grid .head .images-card {display: flex;align-items: center;justify-content: center; gap: 32px;} */
 .images-card,  .images-card picture img{width: 120px; height: 120px; object-fit: contain; border-radius: 100%;}
.fintech-middle {background: #ffffff;padding: 64px 0;}
.fintech-middle .container{background: linear-gradient(91.45deg, #384BFF -14.76%, #1C1999 118.06%);filter: drop-shadow(0px 1px 4px rgba(12, 12, 13, 0.05)); border-radius: 24px;position: relative;overflow: hidden;}
/* .fintech-middle::before {content: "";position: absolute;top: 0;right: 0;width: 606px;height: 100%;background: url('./../../assets/img/hire/cta-bg.webp') no-repeat center;background-size: cover;z-index: 1;} */
.fintech-middle .container .fintech-middle-cta {display: grid;align-items: center;grid-template-columns: 1.5fr 0.8fr;overflow: hidden;}
.fintech-middle .container .fintech-middle-cta .cta-image {position: relative;right: -10px;}
.fintech-middle .container .fintech-middle-cta .cta-image iframe {position: absolute;top: 50%;left: 0%;transform: translate(-30%, -50%); border-radius: 100%;}
.fintech-middle .container .head {padding: 56px;}
.fintech-middle .container .head h2 {font-family: 'Space Grotesk';font-style: normal;font-weight: 700;font-size: 36px;line-height: 46px;letter-spacing: -0.72px;text-transform: capitalize;color: #FFFFFF;padding-top: 20px;}
.fintech-middle .container .head p {font-family: 'Space Grotesk';font-style: normal;font-weight: 400;font-size: 20px;line-height: 28px;color: #F3F3F3;padding-top: 16px;}

.services_expertise{background: linear-gradient(179.34deg, rgba(46, 41, 255, 0.05) -4.54%, rgba(46, 41, 255, 0) 25.02%); padding: 64px 0;}
.services_expertise .container .head h2 {font-family: 'Space Grotesk';font-style: normal;font-weight: 700;font-size: 54px;line-height: 68px;letter-spacing: -0.72px;text-transform: capitalize;color: #0F0D1D;padding-top: 20px;}
.services_expertise .container .head p {font-family: 'Space Grotesk';font-style: normal;font-weight: 400;font-size: 20px;line-height: 28px;color: #0F0D1D;padding-top: 16px;}

.services_expertise .container .services-card-scroll .service_card {padding: 24px; display: flex;align-items: start;gap: 24px;}
.services_expertise .container .services-card-scroll .service_card picture img{width: 64px; height: 64px; object-fit: contain;}
.services_expertise .container .services-card-scroll .service_card .textbox{ display: flex;align-items: start;gap: 16px;flex-direction: column;}
.services_expertise .container .services-card-scroll .service_card .textbox h3{font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 32px; color: #0F0D1D;}
.services_expertise .container .services-card-scroll .service_card .textbox p{font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: #1E1E1E;}

.fintech_expertise {position: relative;background: #ffffff; padding: 64px 0px 64px 0px;position: relative;overflow: hidden;}
.fintech_expertise.custom {position: relative;background: transparent !important; padding: 64px 0px 64px 0px;position: relative;}
.fintech_expertise .container .row .col .head h2{font-style: normal;font-weight: 700;font-size: 48px;line-height: 62px;letter-spacing: -0.96px;color: #0F0D1D;padding: 24px 0 56px 0;}
.fintech_expertise .container .row .col .head.pr h2{padding: 24px 150px 56px 0;}
.fintech_expertise .container .row .col p{font-style: normal; padding-top: 24px; font-weight: 400; font-size: 20px; line-height: 28px; letter-spacing: -0.02em; color: #0F0D1D;}
.fintech_expertise .container .row .col p.subtitle{font-style: normal; padding-top: 24px; font-weight: 400; font-size: 20px; line-height: 28px; text-align: right; letter-spacing: -0.02em; color: #0F0D1D;}
.fintech_expertise .container .row .col p.subtitle a {text-decoration: none; color: rgba(75, 255, 237, 1) !important;font-weight: 700;}

.fintech_grid {display: grid; align-items: center; justify-content: space-between;grid-template-columns: 1fr 1fr 1fr; position: relative; gap: 24px;}
.fintech_grid .fintech_card{position: relative; padding: 24px;background: #FFFFFF;border: 1px solid #D4DCFF;border-radius: 16px;transition: .5s; }
.fintech_grid .fintech_card:hover {transform: translateY(-1rem) rotate(3deg); background: #2E29FF; border: solid 1px transparent !important;}
.fintech_grid .fintech_card span.num-circle{display: flex;justify-content: center;align-items: center; font-style: normal;position: absolute; top: 18px; right: 18px;width: 48px;height: 48px;background: #2E29FF;border-radius: 100%;font-weight: 700;font-size: 20px;line-height: 28px;color: #ffffff;}
.fintech_grid .fintech_card h3 span{display: block;}
.fintech_grid .fintech_card h3 {font-style: normal;font-weight: 700;font-size: 28px;line-height: 38px;color: #0F0D1D;}
.fintech_grid .fintech_card p{font-style: normal;font-weight: 500;padding-top: 10px !important;font-size: 16px !important;line-height: 24px !important;color: #0F0D1D;}
.fintech_grid .fintech_card ul{padding-top: 10px;} .fintech_grid .fintech_card ul li{font-style: normal;font-weight: 400 !important;font-size: 16px !important;line-height: 24px !important;color: #F5F5F5;}
.fintech_grid .fintech_card p a{font-style: normal;font-weight: 600;font-size: 16px !important;line-height: 24px !important;color: #F5F5F5;text-decoration: none;}
.fintech_grid .fintech_card:hover p, .fintech_grid .fintech_card:hover ul li, .fintech_grid .fintech_card:hover p a, .fintech_grid .fintech_card:hover h3 {color: #ffffff !important;} .fintech_grid .fintech_card:hover span.num-circle {background: #ffffff;color: #2E29FF;}

.our_growth .container .row .col.head p.subtitle{font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #ffffff;padding:0 15% 48px;text-align: center;}
.our_growth .slider #focusedArea .splide__track { overflow: visible;} .our_growth .slider .slick-slide { height: auto}

.circle-img {position: relative;right: -10px;}
.circle-img iframe {position: absolute;top: 45px;right: 0%;transform: translate(-45%, -50%); border-radius: 100%;}
.faq_prioritize .container .row .col.head h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 58px;
    letter-spacing: -0.01em;
    color: #111827;
    padding-top: 16px;
}
.our_growth .slider .focused_area {padding: 8px; background: #FFFFFF; border-radius: 24px;}
.our_growth .slider .focused_area img {height: 246px; border-radius: 24px;}
.our_growth .slider .focused_area .text_bottom{padding: 24px;}
.our_growth .slider .focused_area .text_bottom h3 {font-style: normal;font-weight: 700;font-size: 24px;line-height: 32px;letter-spacing: -0.48px;color: #0F0D1D;padding-top: 16px;}
.our_growth .slider .focused_area .text_bottom p {font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: -0.32px;color: #0F0D1D;padding-top: 16px;}
@media (max-width: 768px) { 
    .hero-banner.fintech { padding: 84px 0 64px 0;} .compliance-section { padding-top: 24px; } .services_expertise { padding: 48px 0;}
    .compliance-section .container .row .compliance-grid { grid-template-columns: 1fr;}
    .our_growth .container .row .col.head p.subtitle {  padding: 0 0px 24px;} .industries.engagement .container .row .models_grid .models_col picture img { width: 48px; height: 48px;}
    .services_expertise .container .head h2, .industries .container .row h2, .industries.engagement .container .row h2.sub_title, .expertise.experts .container .row .head h2.sub_title, .faq_prioritize .container .row .col.head h3 { font-size: 32px !important; line-height: 40px !important; }
    .services_expertise .container .head p { font-size: 16px; line-height: 24px; }
    .our_growth .container .row .col.head h2 span { display: inline;}
    .fintech_expertise .container .row .col .head.pr h2 { font-size: 32px; line-height: 40px; padding: 16px 0px 0 !important; }
    .fintech_expertise .container .row {flex-direction: column;} 
    .fintech_expertise .container .row .col p.subtitle { text-align: left !important;  padding: 16px 0px 38px 0px;font-size: 16px;}
    .services_expertise .container .services-card-scroll .service_card {flex-direction: column;padding: 16px 0  ;}
    .services_expertise .container .row {flex-direction: column; padding: 0px;} .expertise {margin: 0;}
    .compliance-section .container .row .compliance-grid .numbertext p {padding: 10px 10px 0px;}
    .fintech_grid { grid-template-columns: 1fr;} .fintech-middle {padding: 0;} .fintech-middle .container{ border-radius: 0;}
    .fintech-middle .container .fintech-middle-cta .cta-image {display: none;}
    .fintech-middle .container .fintech-middle-cta { grid-template-columns: 1fr;border-radius: 0; text-align: center;}
    .fintech-middle .container .head { padding: 24px 0px 52px;}
    .fintech-middle .container .head h2 { font-size: 28px;line-height: 38px;} 
    .fintech-middle .container .head p { font-size: 16px;line-height: 28px;}
    .our_growth .slider .focused_area {padding: 4px;background: #FFFFFF;border-radius: 12px;} .our_growth .slider .focused_area img { height: 150px; border-radius: 12px;}
    .our_growth .slider .focused_area .text_bottom { padding: 16px;}
    .our_growth .slider .focused_area .text_bottom h3 { padding-top: 0px;}
    .our_growth .slider .focused_area .text_bottom p { font-size: 14px; line-height: 20px; padding-top: 8px;}
    .circle-img iframe { display: none;}     .faq_prioritize {padding: 48px 16px 0 16px;}
    .faq_prioritize .container .row .col.head {  padding-top: 14px; }
}