.elementor-256 .elementor-element.elementor-element-375d50b70:not(.elementor-motion-effects-element-type-background),
.elementor-256 .elementor-element.elementor-element-375d50b70 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    min-height: 250px;
    height: auto;
}

.elementor-element-43445239{
    margin-top:30px;
}

.elementor-element-1d3b8791{
    margin-top:30px;
}

.elementor-element-5e259b73{
    margin-top:30px;
}

.elementor-256 .elementor-element.elementor-element-375d50b70 {
    padding: 40px 20px 50px 20px;
}

/* Tablet */
@media (max-width: 1024px) {
    .elementor-256 .elementor-element.elementor-element-375d50b70 {
        padding: 30px 15px 40px 15px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-256 .elementor-element.elementor-element-375d50b70:not(.elementor-motion-effects-element-type-background),
    .elementor-256 .elementor-element.elementor-element-375d50b70 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        min-height: auto;
    }
}

/* ############  Our Technology Section ############# */

.technology-section{
    width: 100%;
    padding: 70px 0;
    background: #ffffff;
    overflow: hidden;
}

.technology-heading{
    text-align: center;
    margin-bottom: 45px;
    font-family: "Poppins", Sans-serif;
}

.technology-heading h2{
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0E2B3D;
    line-height: 1.2;
    font-family: "Montserrat", Sans-serif;
}

.technology-heading p{
    font-size: 19px;
    color: #0E2B3D;
    max-width: 450px;
    margin: auto;
    line-height: 30px;
    font-family: "Outfit", Sans-serif;
}

.technology-slider{
    width: 980px; /* SHOW 4 */
    overflow: hidden;
    margin: auto;
    position: relative;
}

.technology-track{
    display: flex;
    gap: 25px;
    transition: transform 0.8s ease-in-out;
}

/* CARD */
.tech-box{
    width: 220px;
    height: 220px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #edf2f7;
    overflow: hidden;
    transition: all 0.35s ease;
}

.tech-box img{
    width: 100%;
    height: 120px;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.tech-box:hover img{
    transform: scale(1.18);
}

.tech-box:hover{
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transform: translateY(-5px);
}

/* TABLET */
@media (max-width: 1024px){
    .technology-slider{
        width: 465px;
    }
    .tech-box{
        width: 220px;
        height: 180px;
    }
    .tech-box img{
        height: 100px;
    }
}

/* MOBILE */
@media (max-width: 767px){
    .technology-slider{
        width: 220px;
    }
    .tech-box{
        width: 220px;
        height: 170px;
        padding: 18px;
    }
    .tech-box img{
        height: 90px;
    }
}

/* ############  Our Technical Partners Section ############# */

.technical-partners-section{
    width: 100%;
    padding: 70px 0;
    background: #ffffff;
    overflow: hidden;
}

.technical-partners-heading{
    text-align: center;
    margin-bottom: 45px;
}

.technical-partners-heading h2{
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0E2B3D;
    font-family: "Montserrat", sans-serif;
}

.technical-partners-heading p{
    font-size: 18px;
    color: #0E2B3D;
    max-width: 550px;
    margin: 12px auto 0;
    line-height: 30px;
    font-family: "Outfit", sans-serif;
}

.technical-partners-slider{
    width: 980px;
    overflow: hidden;
    margin: auto;
    position: relative;
}

.technical-partners-track{
    display: flex;
    gap: 25px;
    transition: transform 0.8s ease-in-out;
}

.technical-partner-box{
    width: 220px;
    height: 220px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #edf2f7;
    transition: all 0.35s ease;
}

.technical-partner-box img{
    width: 100%;
    height: 120px;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.technical-partner-box:hover{
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.technical-partner-box:hover img{
    transform: scale(1.15);
}

/* Tablet */
@media (max-width:1024px){
    .technical-partners-slider{
        width:465px;
    }
    .technical-partner-box{
        width:220px;
        height:180px;
    }
    .technical-partner-box img{
        height:100px;
    }
}

/* Mobile */
@media (max-width:767px){
    .technical-partners-slider{
        width:220px;
    }
    .technical-partner-box{
        width:220px;
        height:170px;
    }
    .technical-partner-box img{
        height:90px;
    }
    .technical-partners-heading h2{
        font-size:24px;
    }
    .technical-partners-heading p{
        font-size:15px;
        line-height:24px;
    }
}


/* ####  Our Prestigious Clients Section  ##### */

.official-partners-section{
    width: 100%;
    padding: 70px 0;
    background: #ffffff;
    overflow: hidden;
}

.partners-heading{
    text-align: center;
    margin-bottom: 45px;
    font-family: "Poppins", Sans-serif;
}

.partners-heading span{
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #3F5691;
    background: rgba(63,86,145,0.08);
    padding: 8px 18px;
    border-radius: 30px;
    margin-bottom: 15px;
    font-family: "Montserrat", Sans-serif;
}

.partners-heading h2{
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0E2B3D;
    line-height: 1.2;
    font-family: "Montserrat", Sans-serif;
}

.partners-heading p{
    font-size: 19px;
    color: #0E2B3D;
    max-width: 400px;
    margin: auto;
    line-height: 30px;
    font-family: "Outfit", Sans-serif;
}

.partners-slider{
    width: 980px; /* SHOW ONLY 4 IMAGES */
    overflow: hidden;
    margin: auto;
    position: relative;
}

.partners-track{
    display: flex;
    gap: 25px;
    transition: transform 0.8s ease-in-out;
}

/* CARD */
.partner-box{
    width: 220px;
    height: 220px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #edf2f7;
    overflow: hidden;
    transition: all 0.35s ease;
}

.partner-box img{
    width: 100%;
    height: 120px; /* INCREASE IMAGE HEIGHT */
    object-fit: contain;
    transition: transform 0.4s ease;
}

.partner-box:hover img{
    transform: scale(1.18);
}

.partner-box:hover{
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transform: translateY(-5px);
}

@media (max-width: 1024px){
    .partners-slider{
        width: 465px; /* SHOW 2 IMAGES */
    }
    .partner-box{
        width: 220px;
        height: 180px;
    }
    .partner-box img{
        height: 100px;
    }
}

@media (max-width: 767px){
    .partners-slider{
        width: 220px; /* SHOW 1 IMAGE */
    }
    .partner-box{
        width: 220px;
        height: 170px;
        padding: 18px;
    }
    .partner-box img{
        height: 90px;
    }
}


/* ####  Technology that makes business work better.  ##### */

.ats-hero-section {
    position: relative;
    width: 100%;
    min-height: 600px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-image: url("../images/home-page-image.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ats-hero-overlay {
    position: absolute;
    inset: 0;
    background:linear-gradient( 90deg, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.68) 42%, rgba(0, 0, 0, 0.38) 75%, rgba(0, 0, 0, 0.25) 100%);
    z-index: 1;
}

.ats-hero-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 60px 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.ats-hero-content {
    width: 60%;
    max-width: 850px;
}

.ats-hero-label {
    display: inline-block;
    margin-bottom: 25px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    opacity: 0;
    transform: translateY(25px);
    animation:atsHeroFadeUp 0.8s ease forwards;
}

.ats-hero-content h1 {
    margin: 0 0 30px;
	max-width: 850px;
	color: #ffffff;
	font-size: 62px;
	font-weight: 600;
	line-height: 0.98;
	opacity: 0;
	transform: translateY(40px);
	animation: atsHeroFadeUp 1s ease 0.15s forwards;
}

.ats-hero-content h1 span {
    color: #4db8ff;
}

.ats-hero-content > p {
    max-width: 650px;
    margin: 0 0 40px;
    color: rgba(255,255,255,0.88);
    font-size: 19px;
    line-height: 1.7;
    opacity: 0;
    transform: translateY(30px);
    animation:atsHeroFadeUp 1s ease 0.3s forwards;   
}

.ats-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 16px 27px;
    color: #ffffff;
    background: #0877c9;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 50px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: all 0.35s ease;
    opacity: 0;
    transform: translateY(25px);
    animation: atsHeroFadeUp 1s ease 0.45s forwards;
}

.ats-hero-btn span {
    font-size: 22px;
    transition: transform 0.35s ease;
}

.ats-hero-btn:hover {
    color: #ffffff;
    background: #0a8be8;
    transform: translateY(-4px);
    box-shadow:0 15px 35px rgba(0,0,0,0.25);
}

.ats-hero-btn:hover span {
    transform: translateX(6px);
}

.ats-hero-card {
    position: relative;
    width: 350px;
    min-height: 250px;
    flex-shrink: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    overflow: hidden;
    transform: translateX(70px);
    animation: atsCardReveal 1s cubic-bezier(.2, .8, .2, 1) 0.35s forwards;
    transition: transform 0.45s ease, box-shadow 0.45s ease;
}

.ats-hero-card:hover {
    transform:translateY(-8px);
    box-shadow:0 40px 90px rgba(0,0,0,0.35);
}

.ats-hero-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 150px;
    background:linear-gradient(135deg, rgba(8,119,201,0.16), transparent);
    border-radius: 0 0 0 100%;
}

.ats-card-content {
    position: relative;
}

.ats-card-content h2 {
    margin: 0 0 22px;
    color: #fff;
    font-size: 26px;
    line-height: 1.05;
    font-weight: 600;
}

.ats-card-content p {
    margin: 0 0 35px;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
}

.ats-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 10px;
    color: #fff;
    /* border-bottom: 1px solid #0877c9; */
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.ats-hero-link strong {
    font-size: 20px;
    font-weight: 400;
    transition: transform 0.3s ease;
}

.ats-hero-link:hover {
    color: #fff;
    gap: 20px;
}

.ats-hero-link:hover strong {
    transform:translateX(5px);
}

@keyframes atsHeroFadeUp {
    0% {opacity: 0; transform:translateY(40px);}
    100% { opacity: 1;  transform:translateY(0);}
}

@keyframes atsCardReveal {
    0% {opacity: 0; transform:translateX(70px); }
    100% {opacity: 1;transform:translateX(0);}
}

@keyframes atsScrollLine {
    0%,100% { width: 25px; opacity: 0.5;}
    50% {width: 55px; opacity: 1;}
}

@media (max-width: 1100px) {
    .ats-hero-inner {
        padding:90px 40px;
        gap: 40px;
    }
    .ats-hero-content {
        width: 55%;
    }
    .ats-hero-content h1 {
        font-size:clamp(48px, 6vw, 70px);
    }
    .ats-hero-card {
        width: 350px;
        min-height: 400px;
        padding: 35px;
    }
    .ats-card-content h2 {
        font-size: 31px;
    }
}

@media (max-width: 767px) {
    .ats-hero-section {
        min-height: auto;
        background-position:60% center;
    }
   .ats-hero-overlay {
        position: absolute;
        inset: 0;
        background:linear-gradient(90deg,rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.18) 45%, rgba(0, 0, 0, 0.08) 75%, rgba(0, 0, 0, 0.03) 100%);
        z-index: 1;
    }
    .ats-hero-inner {
        flex-direction: column;
        align-items: stretch;
        padding:80px 25px 100px;
        gap: 55px;
    }
    .ats-hero-content {
        width: 100%;
    }
    .ats-hero-label {
        font-size: 11px;
        letter-spacing: 2px;
    }
    .ats-hero-content h1 {
        font-size: 46px;
        line-height: 1.02;
        letter-spacing: -1.5px;
    }
    .ats-hero-content > p {
        font-size: 16px;
        line-height: 1.65;
    }
    .ats-hero-card {
        width: 100%;
        min-height: 390px;
        padding: 30px;
        transform:translateY(50px);
        animation: atsMobileCardReveal 1s cubic-bezier(.2,.8,.2,1) 0.35s forwards;
    }
    .ats-card-content h2 {
        font-size: 32px;
    }
    .ats-card-content p {
        font-size: 15px;
    }
}

@keyframes atsMobileCardReveal {
    0% { opacity: 0; transform:translateY(50px);}
    100% {opacity: 1; transform: translateY(0);}
}


/* ####  HOW ALLIANCE CAN HELP Section  ##### */
/* #### OUR AI SOLUTIONS Section        ##### */

.ats-who-we-are {
    --ats-primary: #0756d9;
    --ats-primary-dark: #063b99;
    --ats-blue-light: #1684ef;
    --ats-cyan: #00a9e8;
    --ats-text: #101828;
    --ats-text-secondary: #27364b;
    --ats-muted: #667085;
    --ats-border: rgba(16, 24, 40, 0.10);
    --ats-white: #ffffff;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 110px 0 0;
    background:radial-gradient( circle at 8% 12%, rgba(0, 110, 255, 0.10), transparent 28%),radial-gradient( circle at 92% 45%, rgba(53, 145, 255, 0.09), transparent 30%), #ffffff;
    color: var(--ats-text);
    font-family:Inter, -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}

.ats-who-we-are *,
.ats-who-we-are *::before,
.ats-who-we-are *::after {box-sizing: border-box;}

.ats-bg-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(1px);
    animation:atsOrbFloat 8s ease-in-out infinite;
}

.ats-bg-orb-one {
    width: 420px;
    height: 420px;
    top: -190px;
    right: -130px;
    background:radial-gradient( circle, rgba(0, 102, 255, 0.12), rgba(0, 102, 255, 0));
}

.ats-bg-orb-two {
    width: 360px;
    height: 360px;
    bottom: 280px;
    left: -180px;
    background:radial-gradient(circle, rgba(0, 183, 255, 0.08), rgba(0, 183, 255, 0));
    animation-delay: -3s;
}

.ats-grid-pattern {
    position: absolute;
    inset: 0;
    opacity: 0.25;
    pointer-events: none;
    background-image: linear-gradient( rgba(7, 86, 217, 0.035) 1px, transparent 1px), linear-gradient( 90deg, rgba(7, 86, 217, 0.035) 1px,transparent 1px);
    background-size: 60px 60px;
    mask-image:linear-gradient(to bottom, black, transparent 75%);
    -webkit-mask-image:linear-gradient( to bottom, black, transparent 75%);
}

.ats-who-container {
    position: relative;
    z-index: 2;
    width:min( 1380px, calc(100% - 80px));
    margin: 0 auto;
}

.ats-capabilities {
    display: grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: 18px;
    padding-bottom: 100px;
}

.ats-capability-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    min-height: 270px;
    padding: 15px 15px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid var(--ats-border);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.035);
    transition: transform 0.45s cubic-bezier(.2, .8, .2, 1), border-color 0.45s ease, box-shadow 0.45s ease, background 0.45s ease;
}

.ats-capability-card::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    top: -120px;
    right: -100px;
    border-radius: 50%;
    background:radial-gradient(circle,rgba(7, 86, 217, 0.13),transparent 70%);
    transition:transform 0.5s ease;       
}

.ats-capability-card:hover {
    transform:translateY(-12px);
    background: #ffffff;
    border-color: rgba(7, 86, 217, 0.25);
    box-shadow: 0 25px 55px rgba(15, 23, 42, 0.10);
}

.ats-capability-card:hover::before {
    transform: scale(1.5);
}

.ats-capability-card:hover {
    color: var(--ats-primary);
}

.ats-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
    border-radius: 16px;
    color: var(--ats-primary);
    background: linear-gradient(135deg, #edf5ff, #f7fbff);
    transition: transform 0.4s ease, background 0.4s ease, color 0.4s ease;
}

.ats-card-icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ats-capability-card:hover .ats-card-icon {
    color: #ffffff;
    background:linear-gradient(135deg, #0756d9, #1684ef);
    transform:rotate(-5deg) scale(1.08);
}

.ats-capability-card h2 {
    position: relative;
    margin: 0 0 14px;
    color: var(--ats-text);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 750;
}

.ats-capability-card p {
    position: relative;
    margin: 0;
    color: var(--ats-muted);
    font-size: 14px;
    line-height: 1.7;
}

.ats-card-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: fit-content;
    margin-top: auto;
    padding-top: 25px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #0756d9;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    transition:color 0.4s ease, gap 0.4s ease, transform 0.4s ease;
}

.ats-card-link b {
    font-size: 20px;
    font-weight: 400;
    margin-left: 5px;
    transition: transform 0.3s ease;
    transition: margin-left 0.3s ease;
}

.ats-card-link:hover {
    color: #0756d9;
    gap: 20px;
}

.ats-card-link:hover b {
    transform:translateX(5px);
}

.ats-capability-card:hover .ats-card-link {
    opacity: 1;
    transform: translateY(0);
}

.ats-capability-card:hover .ats-card-link b {
    margin-left: 10px;
}

@keyframes atsOrbFloat {
    0%,100% {transform:translate3d(0,0,0);}
    50% {transform:translate3d(0,25px,0 );}
}

@media (max-width: 1280px) {
    .ats-who-container {
        width:min( 1180px,calc(100% - 60px));
    }
    .ats-capability-card {
        padding:28px 25px;
    }
    .ats-card-link {
        left: 25px;
    }
}

@media (max-width: 1100px) {
    .ats-who-we-are {
        padding-top: 85px;
    }
    .ats-who-container {
        width: calc(100% - 50px);
    }
    .ats-capabilities {
        grid-template-columns:repeat(2,minmax(0, 1fr));
        gap: 18px;
        padding-bottom: 80px;
    }
    .ats-capability-card {
        min-height: 310px;
    }
}

@media (max-width: 768px) {
    .ats-who-we-are {
        padding-top: 70px;
    }
    .ats-who-container {
        width:calc(100% - 36px);
    }
    .ats-capabilities {
        padding-bottom: 65px;
    }
    .ats-capability-card {
        min-height: 300px;
    }
    .ats-value-section {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 65px 0;
    }
    .ats-value-left h2 {
        font-size: 43px;
        letter-spacing: -2px;
    }
    .ats-value-right > p {
        font-size: 15px;
    }
    .ats-who-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding:65px 0 70px;
    }
}

@media (max-width: 560px) {
    .ats-who-we-are {
        padding-top: 55px;
    }
    .ats-who-container {
        width: calc(100% - 28px);
    }
    .ats-capabilities {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .ats-capability-card {
        min-height: 285px;
        padding: 28px 25px;
    }
    .ats-card-icon {
        width: 52px;
        height: 52px;
        margin-bottom: 25px;
    }
    .ats-capability-card h2 {
        font-size: 19px;
    }
    .ats-capability-card p {
        font-size: 14px;
    }
    .ats-card-link {
        opacity: 1;
        transform: none;
    }
    .ats-value-section {
        gap: 35px;
        padding:55px 0;
    }
    .ats-value-left h2 {
        font-size: 36px;
        line-height: 1.08;
    }
    .ats-value-point {
        gap: 13px;
        font-size: 14px;
    }
    .ats-who-bottom {
        padding:55px 0 60px;
    }
    .ats-bottom-content h2 {
        font-size: 32px;
    }
    .ats-bottom-btn {
        width: 100%;
        justify-content:space-between;
    }
    .ats-bg-orb-one {
        width: 280px;
        height: 280px;
        right: -160px;
    }
    .ats-bg-orb-two {
        width: 250px;
        height: 250px;
        left: -150px;
    }
}

@media (max-width: 380px) {
    .ats-who-container {
        width: calc(100% - 24px);
    }
    .ats-value-left h2 {
        font-size: 32px;
    }
    .ats-capability-card {
        padding: 25px 22px;
    }
    .ats-card-link {
        left: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ats-bg-orb,
    .ats-capability-card,
    .ats-discover-btn,
    .ats-bottom-btn,
    .ats-card-icon,
    .ats-card-link {animation: none !important; transition: none !important;}
}

.ats-help-intro {
    width: 100%;
    padding: 0px 0px 50px;
    box-sizing: border-box;
}

.ats-help-content {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
}

.ats-help-main-title {
    margin: 0 0 22px;
    font-size: 42px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 1px;
    color: #092f4f;
    text-transform: uppercase;
}

.ats-help-sub-title {
    margin: 0 auto;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 500;
    color: #111111;
}

.ats-help-description {
    width: 100%;
    max-width: 1100px;
    margin: 22px auto 0;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 400;
    color: #444444;
}

.ats-help-solutions-title {
    margin: 30px 0 0;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 600;
    color: #092f4f;
}


/* ####  Ready to make your business work better? Section  ##### */

.ats-final-cta {
    position: relative;
    width: 100%;
    padding: 40px 30px;
    background: radial-gradient(circle at 15% 20%, rgba(0, 102, 255, 0.10),transparent 32%),radial-gradient( circle at 85% 80%, rgba(0, 102, 255, 0.08),transparent 35% ),#f3f6fa;
    overflow: hidden;
    box-sizing: border-box;
}

.ats-final-cta::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 250px;
    pointer-events: none;
}

.ats-final-cta::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 250px;
    pointer-events: none;
}

.ats-final-cta-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    box-sizing: border-box;
}

.ats-final-cta-content {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    text-align: center;
}

.ats-final-cta-title {
    margin: 0;
    font-size: 46px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -2px;
    color: #111111;
}

.ats-final-cta-title span {
    display: block;
    color: #0066ff;
}

.ats-final-cta-description {
    max-width: 760px;
    margin: 32px auto 0;
    font-size: 18px;
    line-height: 1.7;
    color: #59616d;
}

.ats-final-cta-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
    padding: 7px 10px 7px 10px;
    min-width: 170px;
    background: #0066ff;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
    transition: background-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease, gap 0.4s ease;
}

.ats-final-cta-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: #ffffff;
    color: #0066ff;
    font-size: 17px;
    line-height: 1;
    transition: transform 0.4s ease, background-color 0.4s ease, color 0.4s ease;
}

.ats-final-cta-button:hover {
    background: #0066ff;
    color: #ffffff;
    gap: 20px;
    transform: translateY(-4px);
    box-shadow:0 15px 35px rgba(0, 0, 0, 0.15);
}

.ats-final-cta-button:hover .ats-final-cta-arrow {
    background: #0066ff;
    color: #ffffff;
    transform: translateX(4px);
}

@media (max-width: 900px) {
    .ats-final-cta {
        padding: 105px 25px;
    }
    .ats-final-cta-title {
        font-size: clamp(44px, 8vw, 68px);
        letter-spacing: -3px;
    }
    .ats-final-cta-description {
        max-width: 680px;
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    .ats-final-cta {
        padding: 80px 20px;
    }
    .ats-final-cta::before {
        width: 280px;
        height: 280px;
        right: -160px;
        top: -140px;
    }
    .ats-final-cta::after {
        width: 200px;
        height: 200px;
        left: -130px;
        bottom: -120px;
    }
    .ats-final-cta-title {
        font-size: clamp(38px, 10.5vw, 52px);
        line-height: 1.02;
        letter-spacing: -2.5px;
    }
    .ats-final-cta-description {
        margin-top: 24px;
        font-size: 15px;
        line-height: 1.65;
    }
    .ats-final-cta-button {
        margin-top: 32px;
        padding: 14px 18px 14px 22px;
        min-width: 175px;
        font-size: 13px;
    }
    .ats-final-cta-arrow {
        width: 27px;
        height: 27px;
        font-size: 15px;
    }

}



:root{
    --ink:#0b1220;
    --blue:#0066ff;
    --blue-2:#4d94ff;
    --blue-deep:#003ea6;
    --purple:#8b5cf6;
    --purple-2:#c084fc;
    --teal:#00d1c1;
    --teal-2:#5eead4;
    --muted:#5b6472;
    --line:#d7dbe1;
    --bg:#eef1f6;
    --glass:rgba(255,255,255,0.55);
  }

  *{box-sizing:border-box;}
  body{margin:0;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:transparent;}

  .ats-impact-section{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:120px 30px;
    background:transparent;
    perspective:1600px;
  }

  /* animated aurora backdrop for premium depth */
  .bg-aurora{
    position:absolute;
    inset:-25%;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(38% 30% at 18% 22%, rgba(0,102,255,0.28), transparent 70%),
      radial-gradient(34% 26% at 82% 28%, rgba(139,92,246,0.24), transparent 70%),
      radial-gradient(32% 30% at 50% 85%, rgba(0,209,193,0.22), transparent 70%);
    filter:blur(60px) saturate(140%);
    animation:auroraShift 20s ease-in-out infinite alternate;
    will-change:transform;
  }
  @keyframes auroraShift{
    0%{transform:translate3d(0,0,0) rotate(0deg) scale(1);}
    50%{transform:translate3d(-3%,2%,0) rotate(6deg) scale(1.1);}
    100%{transform:translate3d(2%,-3%,0) rotate(-4deg) scale(1.05);}
  }

  /* cursor-tracked spotlight glow, premium interactive feel */
  .bg-spotlight{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    opacity:0;
    transition:opacity .5s ease;
    background:radial-gradient(420px circle at var(--sx,50%) var(--sy,50%), rgba(0,102,255,0.14), transparent 65%);
  }
  .ats-impact-section:hover .bg-spotlight{opacity:1;}

  /* floating 3D orbs for premium depth */
  .orb{
    position:absolute;
    border-radius:50%;
    filter:blur(2px);
    opacity:.5;
    pointer-events:none;
    background:radial-gradient(circle at 30% 30%, rgba(0,102,255,0.55), rgba(0,102,255,0) 70%);
    animation:floatOrb 10s ease-in-out infinite;
  }
  .orb.o1{width:220px;height:220px;top:6%;left:6%;animation-duration:12s;}
  .orb.o2{width:140px;height:140px;top:65%;right:8%;animation-duration:9s;animation-delay:-3s;}
  .orb.o3{width:90px;height:90px;top:20%;right:22%;animation-duration:7s;animation-delay:-1.4s;opacity:.35;}
  .orb.o4{
    width:160px;height:160px;top:38%;left:46%;animation-duration:14s;animation-delay:-5s;opacity:.3;
    background:radial-gradient(circle at 30% 30%, rgba(139,92,246,0.55), rgba(139,92,246,0) 70%);
  }
  .orb.o5{
    width:120px;height:120px;top:78%;left:18%;animation-duration:11s;animation-delay:-2s;opacity:.32;
    background:radial-gradient(circle at 30% 30%, rgba(0,209,193,0.5), rgba(0,209,193,0) 70%);
  }

  @keyframes floatOrb{
    0%,100%{transform:translate3d(0,0,0) scale(1);}
    50%{transform:translate3d(14px,-22px,0) scale(1.08);}
  }

  .grain{
    position:absolute;inset:0;
    background-image:radial-gradient(circle, rgba(11,18,32,0.04) 1px, transparent 1px);
    background-size:26px 26px;
    mask-image:radial-gradient(ellipse 65% 55% at 50% 25%, black 30%, transparent 90%);
    pointer-events:none;
  }

  .ats-impact-container{
    position:relative;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    z-index:2;
  }

  .ats-impact-header{
    width:100%;
    text-align:center;
    margin:0 auto 80px;
  }

  .ats-impact-title{
    margin:0;
    font-size:clamp(34px,5vw,54px);
    font-weight:700;
    line-height:1.1;
    letter-spacing:-1.2px;
    color:var(--ink);
    opacity:0;
    transform:translateY(24px);
    animation:riseIn .8s cubic-bezier(.2,.8,.2,1) .1s forwards;
  }

  .ats-impact-title .accent{
    position:relative;
    display:inline-block;
    background:linear-gradient(100deg,var(--blue),var(--blue-2) 60%,var(--blue));
    background-size:200% auto;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    animation:riseIn .8s cubic-bezier(.2,.8,.2,1) .1s forwards, shimmer 5s linear infinite 1.5s;
  }
  @keyframes shimmer{
    to{background-position:200% center;}
  }

  .ats-impact-intro{
    width:100%;
    max-width:680px;
    margin:22px auto 0;
    font-size:16px;
    line-height:1.7;
    color:var(--muted);
    opacity:0;
    transform:translateY(18px);
    animation:riseIn .8s cubic-bezier(.2,.8,.2,1) .2s forwards;
  }

  @keyframes riseIn{ to{opacity:1;transform:translateY(0);} }

  .ats-impact-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    width:100%;
    gap:20px;
  }

  .card-3d-wrap{
    perspective:1200px;
    opacity:0;
    transform:translateY(40px);
  }
  .card-3d-wrap.in-view{
    animation:cardIn .75s cubic-bezier(.2,.8,.2,1) forwards;
  }
  @keyframes cardIn{ to{opacity:1;transform:translateY(0);} }

  .ats-impact-item{
    position:relative;
    min-height:220px;
    padding:32px 18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-radius:20px;
    background:linear-gradient(160deg, rgba(255,255,255,0.22), rgba(255,255,255,0.06));
    background-size:180% 180%;
    background-position:0% 0%;
    border:1px solid rgba(255,255,255,0.35);
    backdrop-filter:blur(16px) saturate(160%);
    -webkit-backdrop-filter:blur(16px) saturate(160%);
    box-shadow:
      0 1px 1px rgba(255,255,255,0.35) inset,
      0 20px 40px -24px rgba(11,18,32,0.35),
      0 0 0 1px rgba(0,102,255,0.08);
    transform-style:preserve-3d;
    transition:transform .15s ease-out, box-shadow .5s ease, background .6s ease, background-position 1.2s ease, border-color .5s ease;
    will-change:transform;
    height:100%;
    animation:idleFloat 6s ease-in-out infinite;
    animation-play-state:paused;
  }


  .card-3d-wrap.in-view .ats-impact-item{
    animation-play-state:running;
  }

  @keyframes idleFloat{
    0%,100%{ transform: translateY(0) rotateX(0deg); }
    50%{ transform: translateY(-6px) rotateX(1.5deg); }
  }

  /* inner light sweep, premium sheen */
  .ats-impact-item::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:20px;
    background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.55) 48%, transparent 66%);
    background-size:250% 250%;
    background-position:-40% -40%;
    opacity:0;
    transition:opacity .4s ease;
    pointer-events:none;
  }
  .ats-impact-item:hover::before{
    opacity:1;
    animation:sweep 1.1s ease forwards;
  }
  @keyframes sweep{
    from{background-position:-40% -40%;}
    to{background-position:140% 140%;}
  }

  .ats-impact-item:hover{
    box-shadow:
      0 1px 1px rgba(255,255,255,0.7) inset,
      0 30px 70px -20px rgba(139,92,246,0.4),
      0 10px 30px -10px rgba(0,102,255,0.3),
      0 0 0 1px rgba(255,255,255,0.5);
    background:linear-gradient(120deg,
      rgba(255,255,255,0.95) 0%,
      rgba(224,236,255,0.9) 30%,
      rgba(237,225,255,0.88) 60%,
      rgba(214,250,244,0.9) 100%);
    background-size:220% 220%;
    background-position:100% 100%;
    border-color:rgba(139,92,246,0.35);
    animation:idleFloat 6s ease-in-out infinite, cardGradientDrift 6s ease-in-out infinite;
  }
  @keyframes cardGradientDrift{
    0%,100%{background-position:0% 0%;}
    50%{background-position:100% 100%;}
  }

  .ats-impact-icon{
    width:52px;
    height:52px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(150deg,var(--blue),var(--blue-deep));
    background-size:200% 200%;
    box-shadow:
      0 10px 20px -8px rgba(0,102,255,0.55),
      0 1px 0 rgba(255,255,255,0.4) inset;
    transform:translateZ(50px);
    transition:transform .4s ease, box-shadow .4s ease, background .5s ease;
  }
  .ats-impact-item:hover .ats-impact-icon{
    transform:translateZ(75px) scale(1.08) rotate(-4deg);
    background-position:100% 100%;
  }

  /* per-card icon accent colors: blue / purple / teal mix */
  .card-3d-wrap:nth-child(1) .ats-impact-icon{
    background:linear-gradient(150deg,var(--blue),var(--blue-deep));
    box-shadow:0 10px 20px -8px rgba(0,102,255,0.55), 0 1px 0 rgba(255,255,255,0.4) inset;
  }
  .card-3d-wrap:nth-child(1):hover .ats-impact-icon,
  .card-3d-wrap:nth-child(1) .ats-impact-item:hover .ats-impact-icon{
    background:linear-gradient(150deg,var(--blue-2),var(--blue));
    box-shadow:0 16px 32px -8px rgba(0,102,255,0.65), 0 1px 0 rgba(255,255,255,0.5) inset;
  }

  .card-3d-wrap:nth-child(2) .ats-impact-icon{
    background:linear-gradient(150deg,var(--purple),#5b21b6);
    box-shadow:0 10px 20px -8px rgba(139,92,246,0.5), 0 1px 0 rgba(255,255,255,0.4) inset;
  }
  .card-3d-wrap:nth-child(2) .ats-impact-item:hover .ats-impact-icon{
    background:linear-gradient(150deg,var(--purple-2),var(--purple));
    box-shadow:0 16px 32px -8px rgba(139,92,246,0.65), 0 1px 0 rgba(255,255,255,0.5) inset;
  }

  .card-3d-wrap:nth-child(3) .ats-impact-icon{
    background:linear-gradient(150deg,var(--teal),#0f9488);
    box-shadow:0 10px 20px -8px rgba(0,209,193,0.5), 0 1px 0 rgba(255,255,255,0.4) inset;
  }
  .card-3d-wrap:nth-child(3) .ats-impact-item:hover .ats-impact-icon{
    background:linear-gradient(150deg,var(--teal-2),var(--teal));
    box-shadow:0 16px 32px -8px rgba(0,209,193,0.65), 0 1px 0 rgba(255,255,255,0.5) inset;
  }

  .card-3d-wrap:nth-child(4) .ats-impact-icon{
    background:linear-gradient(150deg,var(--blue),var(--purple));
    box-shadow:0 10px 20px -8px rgba(77,97,255,0.5), 0 1px 0 rgba(255,255,255,0.4) inset;
  }
  .card-3d-wrap:nth-child(4) .ats-impact-item:hover .ats-impact-icon{
    background:linear-gradient(150deg,var(--blue-2),var(--purple-2));
    box-shadow:0 16px 32px -8px rgba(139,92,246,0.6), 0 1px 0 rgba(255,255,255,0.5) inset;
  }

  .card-3d-wrap:nth-child(5) .ats-impact-icon{
    background:linear-gradient(150deg,var(--purple),var(--teal));
    box-shadow:0 10px 20px -8px rgba(93,166,225,0.5), 0 1px 0 rgba(255,255,255,0.4) inset;
  }
  .card-3d-wrap:nth-child(5) .ats-impact-item:hover .ats-impact-icon{
    background:linear-gradient(150deg,var(--purple-2),var(--teal-2));
    box-shadow:0 16px 32px -8px rgba(0,209,193,0.6), 0 1px 0 rgba(255,255,255,0.5) inset;
  }
  .ats-impact-icon svg{width:24px;height:24px;stroke:#fff;}

  .ats-impact-number{
    display:flex;
    align-items:baseline;
    justify-content:center;
    margin-bottom:10px;
    font-size:42px;
    line-height:1;
    font-weight:700;
    color:#1473c9;
    letter-spacing:-1.5px;
    transform:translateZ(34px);
    transition:transform .4s ease, color .4s ease;
  }
  .ats-impact-item:hover .ats-impact-number{
    transform:translateZ(55px);
    color:var(--purple);
  }

  .ats-impact-number .plus{
    font-size:.48em;
    font-weight:700;
    color: #000000;
    margin-left:2px;
    transition:color .4s ease;
  }
  .ats-impact-item:hover .ats-impact-number .plus{color:var(--teal);}

  .ats-impact-label{
    max-width:190px;
    font-size:14px;
    line-height:1.5;
    font-weight:600;
    color:var(--muted);
    transform:translateZ(20px);
    transition:color .4s ease, transform .4s ease;
  }
  .ats-impact-item:hover .ats-impact-label{color:var(--ink);transform:translateZ(38px);}

  .ats-impact-item::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:14px;
    width:0%;
    height:3px;
    background:linear-gradient(90deg,var(--blue),var(--purple),var(--teal));
    background-size:200% auto;
    border-radius:2px;
    transform:translateX(-50%);
    transition:width .4s ease;
  }
  .ats-impact-item:hover::after{
    width:36%;
    animation:underlineShift 2.5s linear infinite;
  }
  @keyframes underlineShift{
    to{background-position:200% center;}
  }

  @media (max-width:1100px){
    .ats-impact-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  }
  @media (max-width:720px){
    .ats-impact-section{padding:80px 18px;}
    .ats-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  }
  @media (max-width:460px){
    .ats-impact-grid{grid-template-columns:1fr;}
    .ats-impact-number{font-size:44px;}
  }

  @media (prefers-reduced-motion: reduce){
    *{animation:none !important;transition:none !important;}
    .ats-impact-item,.ats-impact-number,.ats-impact-label,.ats-impact-icon,.ats-impact-title,.ats-impact-intro,.card-3d-wrap{
      opacity:1 !important;transform:none !important;
    }
    .bg-aurora,.bg-spotlight{display:none !important;}
  }















/* =========================================================
   SECTION
   Animated background - no hover required
========================================================= */

.ats-subsector-section {
    position: relative;
    width: 100%;
    padding: 70px 40px;
    box-sizing: border-box;
    overflow: hidden;
    isolation: isolate;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(0, 102, 255, 0.10),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(100, 80, 255, 0.10),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #eef4fb,
            #f8fafc,
            #edf5ff,
            #f5f2ff
        );

    background-size: 200% 200%;

    animation: atsSectionBackground 12s ease-in-out infinite;
}


/* Section background animation */

@keyframes atsSectionBackground {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================================
   SUBTLE 3D LIGHT EFFECT
========================================================= */

.ats-subsector-section::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    top: -250px;
    right: -150px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,0.9) 0%,
            rgba(80,150,255,0.18) 35%,
            transparent 70%
        );

    filter: blur(8px);

    z-index: -1;

    animation: atsSectionLight 8s ease-in-out infinite alternate;

    pointer-events: none;
}


@keyframes atsSectionLight {

    0% {
        transform: translate(0, 0) scale(1);
    }

    100% {
        transform: translate(-100px, 80px) scale(1.2);
    }

}


/* =========================================================
   CONTAINER
========================================================= */

.ats-subsector-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.ats-subsector-header {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    margin: 0 auto 55px;
    padding: 0 20px;

    box-sizing: border-box;
}


/* =========================================================
   TITLE
========================================================= */

.ats-subsector-title {

    width: 100%;
    margin: 0 auto;

    font-size: 32px;
    /* font-size: clamp(42px, 5vw, 68px); */

    font-weight: 600;

    line-height: 1.05;

    /* letter-spacing: -2.5px; */

    color: #111111;

    text-align: center;
}


.ats-subsector-title span {
    color: #0066ff;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ats-subsector-description {

    width: 100%;
    max-width: 780px;

    margin: 25px auto 0;

    font-size: 17px;

    line-height: 1.65;

    color: #555d68;

    text-align: center;
}


/* =========================================================
   SLIDER
========================================================= */

.ats-subsector-slider {

    width: 100%;

    overflow: hidden;

    padding: 15px 5px 30px;

    box-sizing: border-box;
}


.ats-subsector-track {

    display: flex;

    width: max-content;

    flex-wrap: nowrap;

    animation:
        atsIndustrySlide
        45s
        linear
        infinite;
}


@keyframes atsIndustrySlide {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }

}


.ats-subsector-slider:hover .ats-subsector-track {
    animation-play-state: paused;
}


/* =========================================================
   CARD - DEFAULT STATE
   White background + border
========================================================= */

.ats-subsector-card {

    position: relative;

    flex: 0 0 330px;

    min-height: 260px;

    margin-right: 18px;

    padding: 25px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    box-sizing: border-box;

    text-decoration: none;

    /* DEFAULT BACKGROUND */

    background: rgba(255, 255, 255, 0.96);

    /* DEFAULT BORDER */

    border: 1px solid rgba(20, 40, 70, 0.18);

    border-radius: 16px;

    box-shadow:
        0 8px 25px rgba(20, 40, 70, 0.06);

    overflow: hidden;

    transition:
        background 0.45s ease,
        border-color 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s ease;

    z-index: 1;
}


/* =========================================================
   CARD HOVER BACKGROUND
========================================================= */

.ats-subsector-card:hover {

    /* ONLY HOVER - background changes */

    background:
        linear-gradient(
            135deg,
            #eaf4ff 0%,
            #dcecff 45%,
            #eef7ff 100%
        );

    border-color:
        rgba(0, 102, 255, 0.65);

    transform:
        translateY(-10px);

    box-shadow:
        0 20px 45px rgba(0, 90, 200, 0.16),
        0 0 25px rgba(0, 102, 255, 0.08);

    z-index: 5;
}


/* =========================================================
   SECOND LIGHT LAYER ON HOVER
========================================================= */

.ats-subsector-card::before {

    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    top: -90px;
    right: -70px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,0.9),
            rgba(120,180,255,0.18),
            transparent 70%
        );

    opacity: 0;

    transition:
        opacity 0.5s ease,
        transform 0.6s ease;

    pointer-events: none;
}


.ats-subsector-card:hover::before {

    opacity: 1;

    transform:
        translate(-20px, 20px)
        scale(1.3);
}


/* =========================================================
   HOVER BORDER GLOW
========================================================= */

.ats-subsector-card::after {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 16px;

    border: 1px solid transparent;

    box-shadow:
        inset 0 0 0 1px rgba(0,102,255,0);

    transition:
        box-shadow 0.45s ease;

    pointer-events: none;
}


.ats-subsector-card:hover::after {

    box-shadow:
        inset 0 0 0 1px rgba(0,102,255,0.35),
        0 0 18px rgba(0,102,255,0.12);
}


/* =========================================================
   CONTENT
========================================================= */

.ats-subsector-content {

    position: relative;

    display: flex;
    flex-direction: column;

    flex: 1;

    margin-top: 5px;

    z-index: 2;
}


/* =========================================================
   CARD TITLE
========================================================= */

.ats-subsector-content h3 {

    margin: 0;

    max-width: 285px;

    font-size: 25px;

    font-weight: 600;

    line-height: 1.15;

    letter-spacing: -0.7px;

    color: #111111;

    transition:
        color 0.4s ease,
        transform 0.4s ease;
}


.ats-subsector-card:hover .ats-subsector-content h3 {

    color: #0066ff;

    transform:
        translateX(3px);
}


/* =========================================================
   CARD DESCRIPTION
========================================================= */

.ats-subsector-content p {

    max-width: 285px;

    margin: 17px 0 0;

    font-size: 14px;

    line-height: 1.65;

    color: #69717c;
}


/* =========================================================
   LINK
========================================================= */

.ats-subsector-link {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    width: fit-content;

    margin-top: auto;

    padding-top: 25px;

    font-size: 13px;

    font-weight: 700;

    color: #111111;

    text-decoration: none;

    transition:
        color 0.4s ease,
        gap 0.4s ease;
}


.ats-subsector-card:hover .ats-subsector-link {

    color: #0066ff;

    gap: 13px;
}


/* =========================================================
   ARROW
========================================================= */

.ats-subsector-arrow {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 26px;
    height: 26px;

    border-radius: 50%;

    background: #0066ff;

    color: #ffffff;

    font-size: 14px;

    transition:
        background 0.4s ease,
        transform 0.4s ease;
}


.ats-subsector-card:hover .ats-subsector-arrow {

    background: #111111;

    transform:
        translateX(3px)
        rotate(-8deg);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .ats-subsector-section {
        padding: 65px 30px;
    }

    .ats-subsector-card {

        flex-basis: 310px;

        width: 310px;

        min-height: 280px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .ats-subsector-section {

        padding: 55px 18px;
    }

    .ats-subsector-title {

        font-size:
            clamp(
                36px,
                10vw,
                50px
            );

        letter-spacing: -2px;
    }

    .ats-subsector-description {

        font-size: 15px;
    }

    .ats-subsector-card {

        flex-basis: 280px;

        width: 280px;

        min-height: 300px;

        padding: 24px 22px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ats-subsector-section,
    .ats-subsector-section::before,
    .ats-subsector-track {

        animation: none !important;
    }

}