.main-nav a{
    color: #102a61 !important;
}

.main-nav li.active a{
    color: #006FFC !important;
}

.main-nav a:hover{
    color: #006FFC !important;
}

.main-nav ul li .sub-menu > li a:last-child{
    background-color: #FFFFFF !important;
}

.custom-heading{
    color: #000676 !important;
}

.hero-secton-custom-text{
color:#006FFC
}
.dextop-hero{
    background-image: url('../images/home-hero-section.png');
}

.mobile-hero{
    background-image: url('../images/mobile-hero-section.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 910px;
}

/* Contact form */
/* =========================
   BPO CONTACT SECTION
========================= */

.bpo-contact-section {
    position: relative;
    overflow: hidden;
    padding: 70px 0 60px;
    background: #f5f9ff;
}

/* Background decorative circles */

.bpo-contact-section::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    left: -150px;
    top: 250px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);
}

.bpo-contact-section::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    right: -180px;
    bottom: -150px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);
}

.bpo-contact-section .container {
    position: relative;
    z-index: 2;
}


/* =========================
   SECTION HEADING
========================= */

.bpo-section-heading {
    margin-bottom: 45px;
}

.bpo-section-heading h2 {
    margin-bottom: 8px;
    color: #102a61;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

.bpo-section-heading p {
    margin: 0;
    color: #34415f;
    font-size: 16px;
}


/* =========================
   LEFT IMAGE
========================= */

.bpo-image-box {
    position: relative;
    height: 100%;
    min-height: 560px;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(20, 55, 100, 0.12);
}

.bpo-image-box img {
    width: 100%;
    height: 100%;
    min-height: 560px;
    object-fit: cover;
    display: block;
}


/* =========================
   TRUSTED BADGE
========================= */

.trusted-badge {
    position: absolute;
    left: 28px;
    bottom: 28px;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 12px 22px 12px 12px;

    background: #064bc7;
    color: #ffffff;

    border-radius: 35px;

    box-shadow: 0 8px 20px rgba(0, 60, 180, 0.25);
}

.trusted-icon {
    width: 48px;
    height: 48px;

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

    background: #ffffff;
    color: #064bc7;

    border-radius: 50%;

    font-size: 22px;
}

.trusted-badge span {
    display: block;
    font-size: 14px;
    line-height: 18px;
}

.trusted-badge strong {
    display: block;
    font-size: 16px;
    line-height: 20px;
}


/* =========================
   FORM BOX
========================= */

.bpo-form-box {
    height: 100%;
    padding: 28px 25px;

    background: #ffffff;

    border-radius: 15px;

    box-shadow: 0 8px 28px rgba(20, 55, 100, 0.10);
}


/* =========================
   FORM HEADING
========================= */

.form-heading {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 24px;
}

.form-heading-icon {
    width: 46px;
    height: 46px;

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

    color: #064bc7;
    background: #e5efff;

    border-radius: 50%;

    font-size: 20px;
}

.form-heading h3 {
    margin: 0;

    color: #102a61;
    font-size: 25px;
    font-weight: 700;
}
.custom-text-size{
    color: #ffffff;
}
.client-testimonial-custom{
    font-size: 2rem !important;
}
/* =========================
   FORM LABEL
========================= */
.fa-comment-dots{
    font-size: 3rem !important;
}
.bpo-form-box .form-label {
    margin-bottom: 7px;

    color: #12275a;
    font-size: 13px;
    font-weight: 600;
}

.bpo-form-box .form-label span {
    color: #dc3545;
    margin-left: 2px;
}


/* =========================
   INPUTS
========================= */

.bpo-form-box .form-control,
.bpo-form-box .form-select {
    height: 47px;

    padding: 10px 12px;

    border: 1px solid #d7dce5;
    border-radius: 7px;

    color: #25324b;
    font-size: 13px;

    box-shadow: none;
}

.bpo-form-box textarea.form-control {
    height: auto;
    min-height: 75px;
    resize: vertical;
}

.bpo-form-box .form-control::placeholder {
    color: #8c94a5;
}

.bpo-form-box .form-control:focus,
.bpo-form-box .form-select:focus {
    border-color: #006ffc;

    box-shadow: 0 0 0 3px rgba(0, 111, 252, 0.10);
}


/* =========================
   SUBMIT BUTTON
========================= */

.submit-btn {
    height: 46px;

    background: #064bc7;
    border: none;
    border-radius: 6px;

    color: #ffffff;

    font-size: 14px;
    font-weight: 500;

    transition: all 0.3s ease;
}

.submit-btn:hover {
    background: #003da8;
    color: #ffffff;

    transform: translateY(-1px);
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {

    .bpo-section-heading h2 {
        font-size: 30px;
    }

    .bpo-image-box,
    .bpo-image-box img {
        min-height: 450px;
    }

}


@media (max-width: 767px) {

    .bpo-contact-section {
        padding: 50px 0;
    }

    .bpo-section-heading {
        margin-bottom: 30px;
    }

    .bpo-section-heading h2 {
        font-size: 27px;
    }

    .bpo-section-heading p {
        font-size: 14px;
    }

    .bpo-image-box,
    .bpo-image-box img {
        min-height: 400px;
    }

    .trusted-badge {
        left: 18px;
        bottom: 18px;
    }

    .bpo-form-box {
        padding: 25px 20px;
    }

}


@media (max-width: 480px) {

    .bpo-section-heading h2 {
        font-size: 24px;
    }

    .bpo-image-box,
    .bpo-image-box img {
        min-height: 350px;
    }

    .trusted-badge {
        padding: 9px 16px 9px 9px;
    }

    .trusted-icon {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .trusted-badge span {
        font-size: 12px;
    }

    .trusted-badge strong {
        font-size: 14px;
    }

    .form-heading h3 {
        font-size: 22px;
    }

}
/* Contact Form End */

/* stoey section  */
/* ==========================================
   JOURNEY SECTION
========================================== */

.journey-area {
    position: relative;
    overflow: hidden;
}

.journey-heading {
    max-width: 800px;
    margin: 0 auto;
}

.journey-heading h3 {
    font-size: 44px;
    font-weight: 700;
    margin: 12px 0 15px;
}

.journey-heading p {
    color: #666;
    font-size: 17px;
    line-height: 1.7;
}


/* ==========================================
   TIMELINE
========================================== */

.journey-timeline {
    position: relative;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0;
}

/* Center line */

.journey-timeline::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(
        to bottom,
        transparent,
        #006ffc 10%,
        #006ffc 90%,
        transparent
    );
    transform: translateX(-50%);
}


/* ==========================================
   TIMELINE ITEM
========================================== */

.journey-item {
    position: relative;
    width: 100%;
    min-height: 190px;
    display: flex;
    align-items: center;
}


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

.journey-card {
    position: relative;
    width: calc(50% - 65px);
    padding: 30px 35px;
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 16px;

    box-shadow:
        0 10px 35px rgba(0, 0, 0, 0.06);

    transition: all 0.35s ease;
}

/* Left / Right alternating */

.journey-item:nth-child(odd) {
    justify-content: flex-start;
}

.journey-item:nth-child(even) {
    justify-content: flex-end;
}


/* Hover */

.journey-card:hover {
    transform: translateY(-7px);
    box-shadow:
        0 18px 45px rgba(0, 111, 252, 0.12);

    border-color: rgba(0, 111, 252, 0.25);
}


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

/* Left cards */

.journey-item:nth-child(odd) .journey-card::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    width: 20px;
    height: 20px;
    background: #fff;
    border-top: 1px solid #edf0f5;
    border-right: 1px solid #edf0f5;
    transform: translateY(-50%) rotate(45deg);
}

/* Right cards */

.journey-item:nth-child(even) .journey-card::after {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    width: 20px;
    height: 20px;
    background: #fff;
    border-left: 1px solid #edf0f5;
    border-bottom: 1px solid #edf0f5;
    transform: translateY(-50%) rotate(45deg);
}


/* ==========================================
   YEAR
========================================== */

.journey-year {
    display: inline-block;
    padding: 7px 18px;
    margin-bottom: 15px;

    background: rgba(0, 111, 252, 0.08);
    color: #006ffc;

    border-radius: 30px;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
}


.journey-card h4 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #161616;
}

.journey-card p {
    margin: 0;
    color: #707070;
    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================
   CENTER DOT
========================================== */

.journey-dot {
    position: absolute;
    left: 50%;
    top: 50%;

    width: 58px;
    height: 58px;

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

    background: #fff;
    color: #006ffc;

    border: 2px solid #006ffc;
    border-radius: 50%;

    transform: translate(-50%, -50%);

    box-shadow:
        0 0 0 8px #fff,
        0 8px 25px rgba(0, 111, 252, 0.18);

    z-index: 2;

    transition: all 0.3s ease;
}

.journey-dot i {
    font-size: 19px;
}


/* Dot hover */

.journey-item:hover .journey-dot {
    background: #006ffc;
    color: #fff;
    transform: translate(-50%, -50%) scale(1.08);

    box-shadow:
        0 0 0 8px #fff,
        0 10px 30px rgba(0, 111, 252, 0.3);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 767px) {

    .journey-heading h3 {
        font-size: 32px;
    }

    .journey-heading p {
        font-size: 15px;
    }

    .journey-timeline {
        padding-left: 45px;
    }

    /* Move line to left */

    .journey-timeline::before {
        left: 20px;
        transform: none;
    }

    .journey-item {
        min-height: auto;
        margin-bottom: 35px;
        display: block !important;
    }

    /* All cards full width */

    .journey-card {
        width: 100%;
        padding: 25px;
    }

    /* Remove desktop arrows */

    .journey-item:nth-child(odd) .journey-card::after,
    .journey-item:nth-child(even) .journey-card::after {
        display: none;
    }

    /* Dot */

    .journey-dot {
        left: 20px;
        top: 28px;

        width: 42px;
        height: 42px;

        transform: translate(-50%, -50%);
    }

    .journey-item:hover .journey-dot {
        transform: translate(-50%, -50%) scale(1.05);
    }

    .journey-dot i {
        font-size: 14px;
    }

    .journey-card h4 {
        font-size: 20px;
    }
}
/* story section end  */

/* Mission */
/* ==========================================
   MISSION & VISION
========================================== */

.mission-vision-area {
    position: relative;
    overflow: hidden;
}

.mission-vision-heading {
    max-width: 820px;
    margin: 0 auto;
}

.mission-vision-heading h3 {
    font-size: 42px;
    font-weight: 700;
    margin: 12px 0 15px;
}

.mission-vision-heading p {
    color: #6d6d6d;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}


/* ==========================================
   CARDS
========================================== */

.mission-vision-card {
    position: relative;
    min-height: 450px;
    padding: 40px;
    overflow: hidden;

    border-radius: 24px;

    background: #fff;
    border: 1px solid #edf0f5;

    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.06);

    transition: all 0.4s ease;
}


/* Mission card */

.mission-card {
    background: linear-gradient(
        135deg,
        #f4f8ff 0%,
        #ffffff 70%
    );
}


/* Vision card */

.vision-card {
    background: linear-gradient(
        135deg,
        #ffffff 0%,
        #f4f8ff 100%
    );
}


/* ==========================================
   TOP
========================================== */

.mv-card-top {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;
}


.mv-icon {
    width: 65px;
    height: 65px;

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

    background: #006ffc;
    color: #fff;

    border-radius: 18px;

    font-size: 25px;

    box-shadow: 0 10px 25px rgba(0, 111, 252, 0.22);

    transition: all 0.35s ease;
}


.mv-number {
    font-size: 70px;
    line-height: 1;
    font-weight: 800;

    color: rgba(0, 111, 252, 0.07);
}


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

.mv-card-content {
    position: relative;
    z-index: 2;

    margin-top: 55px;
}


.mv-label {
    display: inline-block;

    color: #006ffc;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;

    margin-bottom: 14px;
}


.mv-card-content h3 {
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;

    color: #171717;

    margin-bottom: 20px;
}


.mv-card-content p {
    max-width: 520px;

    color: #686868;

    font-size: 16px;
    line-height: 1.8;

    margin: 0;
}


/* ==========================================
   DECORATIVE CIRCLE
========================================== */

.mv-card-shape {
    position: absolute;

    width: 280px;
    height: 280px;

    right: -130px;
    bottom: -140px;

    border-radius: 50%;

    border: 50px solid rgba(0, 111, 252, 0.035);

    transition: all 0.5s ease;
}


/* ==========================================
   HOVER
========================================== */

.mission-vision-card:hover {
    transform: translateY(-10px);

    border-color: rgba(0, 111, 252, 0.18);

    box-shadow:
        0 25px 60px rgba(0, 111, 252, 0.12);
}


.mission-vision-card:hover .mv-icon {
    transform: rotate(-5deg) scale(1.08);
}


.mission-vision-card:hover .mv-card-shape {
    transform: scale(1.15);
}


/* ==========================================
   BOTTOM ACCENT
========================================== */

.mission-vision-card::after {
    content: "";

    position: absolute;

    left: 40px;
    bottom: 0;

    width: 70px;
    height: 4px;

    background: #006ffc;

    border-radius: 10px;

    transition: width 0.4s ease;
}


.mission-vision-card:hover::after {
    width: 130px;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 767px) {

    .mission-vision-heading h3 {
        font-size: 32px;
    }

    .mission-vision-heading p {
        font-size: 15px;
    }

    .mission-vision-card {
        min-height: auto;
        padding: 30px;
        border-radius: 20px;
    }

    .mv-icon {
        width: 55px;
        height: 55px;
        border-radius: 15px;
        font-size: 21px;
    }

    .mv-number {
        font-size: 55px;
    }

    .mv-card-content {
        margin-top: 40px;
    }

    .mv-card-content h3 {
        font-size: 28px;
    }

    .mv-card-content p {
        font-size: 15px;
    }

    .mission-vision-card::after {
        left: 30px;
    }
}

/* Mission End  */

/* Core values  */
/* ==========================================
   CORE VALUES
========================================== */

.core-values-area {
    position: relative;
    overflow: hidden;
    background: #f5f9ff;
    padding: 100px 0 80px;
}

.core-values-heading {
    max-width: 800px;
    margin: 0 auto;
}

.core-values-heading h3 {
    font-size: 42px;
    font-weight: 700;
    margin: 12px 0 15px;
}

.core-values-heading p {
    color: #6d6d6d;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}


/* ==========================================
   VALUE CARD
========================================== */

.value-card {
    position: relative;
    min-height: 300px;

    padding: 35px;

    background: #fff;

    border: 1px solid #edf0f5;
    border-radius: 20px;

    overflow: hidden;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.05);

    transition: all 0.4s ease;
}


/* ==========================================
   ICON
========================================== */

.value-icon {
    position: relative;
    z-index: 2;

    width: 62px;
    height: 62px;

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

    background: rgba(0, 111, 252, 0.08);
    color: #006ffc;

    border-radius: 16px;

    font-size: 24px;

    transition: all 0.4s ease;
}


/* ==========================================
   NUMBER
========================================== */

.value-number {
    position: absolute;

    top: 22px;
    right: 25px;

    font-size: 55px;
    line-height: 1;

    font-weight: 800;

    color: rgba(0, 111, 252, 0.045);

    transition: all 0.4s ease;
}


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

.value-content {
    position: relative;
    z-index: 2;

    margin-top: 35px;
}

.value-content h4 {
    font-size: 23px;
    font-weight: 700;

    color: #171717;

    margin-bottom: 12px;

    transition: color 0.3s ease;
}

.value-content p {
    color: #707070;

    font-size: 15px;
    line-height: 1.75;

    margin: 0;

    max-width: 360px;
}


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

.value-hover-icon {
    position: absolute;

    right: 30px;
    bottom: 28px;

    width: 38px;
    height: 38px;

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

    background: #006ffc;
    color: #fff;

    border-radius: 50%;

    font-size: 13px;

    opacity: 0;
    transform: translateX(-15px);

    transition: all 0.4s ease;
}


/* ==========================================
   DECORATIVE CIRCLE
========================================== */

.value-card::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -100px;
    bottom: -100px;

    border-radius: 50%;

    background: rgba(0, 111, 252, 0.035);

    transition: all 0.5s ease;
}


/* ==========================================
   BOTTOM LINE
========================================== */

.value-card::after {
    content: "";

    position: absolute;

    left: 35px;
    bottom: 0;

    width: 45px;
    height: 4px;

    background: #006ffc;

    border-radius: 10px;

    transition: width 0.4s ease;
}


/* ==========================================
   HOVER EFFECT
========================================== */

.value-card:hover {
    transform: translateY(-8px);

    border-color: rgba(0, 111, 252, 0.2);

    box-shadow:
        0 22px 50px rgba(0, 111, 252, 0.11);
}

.value-card:hover .value-icon {
    background: #006ffc;
    color: #fff;

    transform: translateY(-3px);
}

.value-card:hover .value-number {
    color: rgba(0, 111, 252, 0.10);

    transform: scale(1.1);
}

.value-card:hover .value-content h4 {
    color: #006ffc;
}

.value-card:hover .value-hover-icon {
    opacity: 1;
    transform: translateX(0);
}

.value-card:hover::before {
    width: 240px;
    height: 240px;
}

.value-card:hover::after {
    width: 90px;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 767px) {

    .core-values-heading h3 {
        font-size: 32px;
    }

    .core-values-heading p {
        font-size: 15px;
    }

    .value-card {
        min-height: 270px;
        padding: 28px;
    }

    .value-icon {
        width: 55px;
        height: 55px;
        font-size: 21px;
    }

    .value-number {
        font-size: 45px;
    }

    .value-content {
        margin-top: 28px;
    }

    .value-content h4 {
        font-size: 21px;
    }

    .value-content p {
        font-size: 14px;
    }
}
/* Core Values End  */

/* why choose INT  */
/* ==========================================
   WHY BUSINESSES CHOOSE INT
========================================== */

.why-choose-area {
    position: relative;
    overflow: hidden;
}


/* ==========================================
   IMAGE
========================================== */

.why-choose-image {
    position: relative;
    padding: 0 25px 25px 0;
}

.why-image-main {
    position: relative;
    z-index: 2;

    height: 650px;

    overflow: hidden;

    border-radius: 24px;

    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.10);
}

.why-image-main img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.6s ease;
}

.why-choose-image:hover .why-image-main img {
    transform: scale(1.04);
}


/* ==========================================
   IMAGE OVERLAY
========================================== */

.why-image-main::after {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.28),
        transparent 45%
    );
}


/* ==========================================
   FLOATING CARD
========================================== */

.why-floating-card {
    position: absolute;

    z-index: 4;

    left: -25px;
    bottom: 55px;

    display: flex;
    align-items: center;

    gap: 14px;

    padding: 18px 24px;

    background: #fff;

    border-radius: 14px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);

    animation: whyFloat 3s ease-in-out infinite;
}

.why-floating-icon {
    width: 48px;
    height: 48px;

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

    flex-shrink: 0;

    background: #006ffc;
    color: #fff;

    border-radius: 12px;

    font-size: 18px;
}

.why-floating-card strong {
    display: block;

    color: #171717;

    font-size: 15px;

    margin-bottom: 3px;
}

.why-floating-card span {
    display: block;

    color: #777;

    font-size: 12px;
}

@keyframes whyFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}


/* ==========================================
   DECORATIVE SHAPE
========================================== */

.why-image-shape {
    position: absolute;

    z-index: 1;

    left: -15px;
    bottom: 0;

    width: 180px;
    height: 180px;

    border-radius: 24px;

    background: rgba(0, 111, 252, 0.08);
}


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

.why-choose-content {
    padding-left: 25px;
}

.why-choose-content h3 {
    font-size: 42px;
    line-height: 1.2;

    font-weight: 700;

    color: #171717;

    margin: 12px 0 18px;
}

.why-choose-content h3 span {
    color: #006ffc;
}

.why-intro {
    color: #6d6d6d;

    font-size: 16px;
    line-height: 1.75;

    margin-bottom: 30px;

    max-width: 600px;
}


/* ==========================================
   FEATURES
========================================== */

.why-features {
    display: flex;
    flex-direction: column;

    gap: 12px;
}

.why-feature {
    position: relative;

    display: flex;
    align-items: center;

    gap: 16px;

    padding: 15px 18px;

    background: #fff;

    border: 1px solid #edf0f5;

    border-radius: 12px;

    transition: all 0.3s ease;
}

.why-feature:hover {
    transform: translateX(7px);

    border-color: rgba(0, 111, 252, 0.18);

    box-shadow:
        0 10px 30px rgba(0, 111, 252, 0.08);
}


/* ==========================================
   FEATURE ICON
========================================== */

.why-feature-icon {
    width: 45px;
    height: 45px;

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

    flex-shrink: 0;

    background: rgba(0, 111, 252, 0.08);

    color: #006ffc;

    border-radius: 10px;

    font-size: 16px;

    transition: all 0.3s ease;
}

.why-feature:hover .why-feature-icon {
    background: #006ffc;
    color: #fff;

    transform: scale(1.05);
}


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

.why-feature-content h5 {
    color: #202020;

    font-size: 16px;
    font-weight: 700;

    margin: 0 0 3px;
}

.why-feature-content p {
    color: #777;

    font-size: 13px;
    line-height: 1.5;

    margin: 0;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .why-choose-content {
        padding-left: 0;
    }

    .why-image-main {
        height: 500px;
    }

    .why-choose-image {
        margin-bottom: 30px;
    }

    .why-choose-content h3 {
        font-size: 36px;
    }
}


@media (max-width: 767px) {

    .why-choose-image {
        padding: 0 12px 15px 0;
    }

    .why-image-main {
        height: 400px;

        border-radius: 18px;
    }

    .why-floating-card {
        left: 10px;
        bottom: 30px;

        padding: 13px 16px;
    }

    .why-floating-icon {
        width: 42px;
        height: 42px;
    }

    .why-floating-card strong {
        font-size: 13px;
    }

    .why-floating-card span {
        font-size: 11px;
    }

    .why-choose-content h3 {
        font-size: 31px;
    }

    .why-intro {
        font-size: 15px;
    }

    .why-feature {
        padding: 13px;
        gap: 12px;
    }

    .why-feature-icon {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .why-feature-content h5 {
        font-size: 14px;
    }

    .why-feature-content p {
        font-size: 12px;
    }
}
/* why choose INT End  */

/* Our Numbers  */
/* ==========================================
   OUR NUMBERS
========================================== */

.numbers-area {
    position: relative;
    overflow: hidden;

    padding: 100px 0;

    background: #101828;
}


/* Background decoration */

.numbers-area::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    left: -250px;
    top: -250px;

    border-radius: 50%;

    background: rgba(0, 111, 252, 0.10);
}

.numbers-area::after {
    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    right: -225px;
    bottom: -225px;

    border-radius: 50%;

    border: 70px solid rgba(255, 255, 255, 0.025);
}


/* Heading */

.numbers-heading {
    position: relative;
    z-index: 2;

    max-width: 750px;

    margin: 0 auto;
}

.numbers-label {
    color: #4d9aff;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 12px;
}

.numbers-heading h3 {
    color: #fff;

    font-size: 42px;
    font-weight: 700;

    margin-bottom: 15px;
}

.numbers-heading p {
    color: rgba(255, 255, 255, 0.65);

    font-size: 16px;
    line-height: 1.7;

    margin: 0;
}


/* Grid */

.numbers-grid {
    position: relative;
    z-index: 2;

    border: 1px solid rgba(255, 255, 255, 0.10);

    border-radius: 20px;

    overflow: hidden;

    background: rgba(255, 255, 255, 0.025);
}


/* Item */

.number-item {
    position: relative;

    min-height: 250px;

    padding: 40px 25px;

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

    text-align: center;

    border-right: 1px solid rgba(255, 255, 255, 0.10);

    transition: all 0.35s ease;
}

.number-item:last-child {
    border-right: 0;
}


/* Hover */

.number-item:hover {
    background: rgba(255, 255, 255, 0.045);
}


/* Icon */

.number-icon {
    width: 52px;
    height: 52px;

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

    margin-bottom: 20px;

    background: rgba(0, 111, 252, 0.13);

    color: #4d9aff;

    border-radius: 14px;

    font-size: 19px;

    transition: all 0.35s ease;
}

.number-item:hover .number-icon {
    background: #006ffc;
    color: #fff;

    transform: translateY(-5px);
}


/* Number */

.number-item h2 {
    color: #fff;

    font-size: 52px;
    line-height: 1;

    font-weight: 800;

    margin: 0 0 12px;
}

.number-item h2 span {
    color: #4d9aff;
}


/* Label */

.number-item p {
    color: rgba(255, 255, 255, 0.62);

    font-size: 14px;
    font-weight: 500;

    margin: 0;
}


/* Responsive */

@media (max-width: 767px) {

    .numbers-area {
        padding: 70px 0;
    }

    .numbers-heading h3 {
        font-size: 32px;
    }

    .number-item {
        min-height: 210px;

        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }

    .number-item:nth-child(3),
    .number-item:nth-child(4) {
        border-bottom: 0;
    }

    .number-item h2 {
        font-size: 42px;
    }
}
/* Our Numbers End  */

/* Team section  */
/* ==========================================
   LEADERSHIP / TEAM
========================================== */

.leadership-area {
    position: relative;
    overflow: hidden;
    background: #f5f9ff;
    padding: 100px 0 80px;
}

.leadership-heading {
    max-width: 800px;
    margin: 0 auto;
}

.leadership-heading h3 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;

    color: #171717;

    margin: 12px 0 15px;
}

.leadership-heading p {
    color: #6d6d6d;

    font-size: 16px;
    line-height: 1.7;

    margin: 0;
}


/* ==========================================
   TEAM CARD
========================================== */

.team-card {
    position: relative;

    background: #fff;

    border: 1px solid #edf0f5;

    border-radius: 22px;

    overflow: hidden;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.05);

    transition: all 0.4s ease;
}

.team-card:hover {
    transform: translateY(-8px);

    border-color: rgba(0, 111, 252, 0.18);

    box-shadow:
        0 22px 50px rgba(0, 111, 252, 0.12);
}


/* ==========================================
   IMAGE
========================================== */

.team-image {
    position: relative;

    height: 390px;

    overflow: hidden;

    background: #f4f6f9;
}

.team-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform 0.6s ease;
}

.team-card:hover .team-image img {
    transform: scale(1.06);
}


/* ==========================================
   IMAGE OVERLAY
========================================== */

.team-overlay {
    position: absolute;

    inset: 0;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    padding-bottom: 30px;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.55),
        transparent 55%
    );

    opacity: 0;

    transition: opacity 0.4s ease;
}

.team-card:hover .team-overlay {
    opacity: 1;
}


/* ==========================================
   SOCIAL
========================================== */

.team-social {
    display: flex;

    gap: 8px;

    transform: translateY(15px);

    transition: transform 0.4s ease;
}

.team-card:hover .team-social {
    transform: translateY(0);
}

.team-social a {
    width: 40px;
    height: 40px;

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

    background: #fff;
    color: #006ffc;

    border-radius: 50%;

    font-size: 14px;

    transition: all 0.3s ease;
}

.team-social a:hover {
    background: #006ffc;
    color: #fff;

    transform: translateY(-3px);
}


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

.team-content {
    min-height: 105px;

    padding: 22px 24px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;
}

.team-content h4 {
    color: #171717;

    font-size: 20px;
    font-weight: 700;

    margin: 0 0 5px;

    transition: color 0.3s ease;
}

.team-card:hover .team-content h4 {
    color: #006ffc;
}

.team-content span {
    color: #777;

    font-size: 13px;
}


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

.team-arrow {
    width: 42px;
    height: 42px;

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

    flex-shrink: 0;

    background: rgba(0, 111, 252, 0.08);

    color: #006ffc;

    border-radius: 50%;

    font-size: 13px;

    transition: all 0.35s ease;
}

.team-card:hover .team-arrow {
    background: #006ffc;
    color: #fff;

    transform: rotate(-45deg);
}


/* ==========================================
   CTA
========================================== */

.team-cta {
    display: flex;
    justify-content: center;
}

.team-cta .common-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.team-cta .common-btn i {
    transition: transform 0.3s ease;
}

.team-cta .common-btn:hover i {
    transform: translateX(5px);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .leadership-heading h3 {
        font-size: 36px;
    }

    .team-image {
        height: 350px;
    }
}


@media (max-width: 767px) {

    .leadership-heading h3 {
        font-size: 31px;
    }

    .leadership-heading p {
        font-size: 15px;
    }

    .team-image {
        height: 380px;
    }

    .team-content {
        padding: 18px 20px;
    }

    .team-content h4 {
        font-size: 18px;
    }

    .team-arrow {
        width: 38px;
        height: 38px;
    }
}
/* Team section end  */

/* Industry support  */
/* ==========================================
   INDUSTRIES
========================================== */

.industries-area {
    position: relative;
    overflow: hidden;
}

.industries-heading {
    max-width: 800px;
    margin: 0 auto;
}

.industries-heading h3 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;

    color: #171717;

    margin: 12px 0 15px;
}

.industries-heading p {
    color: #6d6d6d;

    font-size: 16px;
    line-height: 1.7;

    margin: 0;
}


/* ==========================================
   INDUSTRY CARD
========================================== */

.industry-card-about {
    position: relative;

    min-height: 145px;

    display: flex;
    align-items: center;

    gap: 18px;

    padding: 25px;

    background: #fff;

    border: 1px solid #edf0f5;

    border-radius: 18px;

    overflow: hidden;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);

    transition: all 0.4s ease;
}


/* ==========================================
   ICON
========================================== */

.industry-icon {
    position: relative;
    z-index: 2;

    width: 60px;
    height: 60px;

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

    flex-shrink: 0;

    background: rgba(0, 111, 252, 0.08);

    color: #006ffc;

    border-radius: 15px;

    font-size: 23px;

    transition: all 0.4s ease;
}


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

.industry-content {
    position: relative;
    z-index: 2;

    padding-right: 35px;
}

.industry-content h4 {
    color: #171717;

    font-size: 18px;
    font-weight: 700;

    margin: 0 0 5px;

    transition: color 0.3s ease;
}

.industry-content p {
    color: #777;

    font-size: 13px;
    line-height: 1.5;

    margin: 0;
}


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

.industry-arrow {
    position: absolute;

    right: 20px;
    bottom: 18px;

    width: 32px;
    height: 32px;

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

    background: #f4f7fb;

    color: #006ffc;

    border-radius: 50%;

    font-size: 11px;

    opacity: 0;

    transform: translateX(-8px);

    transition: all 0.35s ease;
}


/* ==========================================
   DECORATIVE CIRCLE
========================================== */

.industry-card-about::before {
    content: "";

    position: absolute;

    width: 130px;
    height: 130px;

    right: -80px;
    top: -80px;

    border-radius: 50%;

    background: rgba(0, 111, 252, 0.04);

    transition: all 0.5s ease;
}


/* ==========================================
   HOVER
========================================== */

.industry-card-about:hover {
    transform: translateY(-6px);

    border-color: rgba(0, 111, 252, 0.20);

    box-shadow:
        0 18px 45px rgba(0, 111, 252, 0.10);
}

.industry-card-about:hover .industry-icon {
    background: #006ffc;
    color: #fff;

    transform: scale(1.06) rotate(-3deg);
}

.industry-card-about:hover .industry-content h4 {
    color: #006ffc;
}

.industry-card-about:hover .industry-arrow {
    opacity: 1;

    transform: translateX(0);

    background: #006ffc;
    color: #fff;
}

.industry-card-about:hover::before {
    width: 190px;
    height: 190px;
}


/* ==========================================
   CTA
========================================== */

.industries-cta {
    display: flex;
    justify-content: center;
}

.industries-cta .common-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.industries-cta .common-btn i {
    transition: transform 0.3s ease;
}

.industries-cta .common-btn:hover i {
    transform: translateX(5px);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .industries-heading h3 {
        font-size: 36px;
    }

    .industry-card {
        min-height: 140px;
    }
}


@media (max-width: 767px) {

    .industries-heading h3 {
        font-size: 31px;
    }

    .industries-heading p {
        font-size: 15px;
    }

    .industry-card {
        min-height: 125px;

        padding: 20px;

        gap: 14px;
    }

    .industry-icon {
        width: 52px;
        height: 52px;

        font-size: 20px;
    }

    .industry-content h4 {
        font-size: 16px;
    }

    .industry-content p {
        font-size: 12px;
    }

    .industry-arrow {
        right: 15px;
        bottom: 12px;
    }
}
/* Industry support end  */

/* Home about section  */
/* ==========================================
   ABOUT INT ENTERPRISES
========================================== */

.about-int-area {
    position: relative;
    overflow: hidden;
}


/* ==========================================
   IMAGE WRAPPER
========================================== */

.about-int-image-wrap {
    position: relative;

    padding: 0 30px 30px 0;
}


/* Main Image */

.about-int-image {
    position: relative;

    z-index: 2;

    width: 100%;
    height: 570px;

    overflow: hidden;

    border-radius: 24px;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.10);
}

.about-int-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform 0.7s ease;
}

.about-int-image-wrap:hover .about-int-image img {
    transform: scale(1.05);
}


/* Image Overlay */

.about-int-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.20),
        transparent 55%
    );
}


/* ==========================================
   FLOATING BADGE
========================================== */

.about-int-badge {
    position: absolute;

    z-index: 5;

    left: -25px;
    bottom: 65px;

    display: flex;
    align-items: center;

    gap: 13px;

    padding: 17px 22px;

    background: #fff;

    border-radius: 14px;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.13);

    animation: aboutBadgeFloat 3s ease-in-out infinite;
}

.about-int-badge-icon {
    width: 48px;
    height: 48px;

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

    flex-shrink: 0;

    background: #006ffc;

    color: #fff;

    border-radius: 12px;

    font-size: 18px;
}

.about-int-badge strong {
    display: block;

    color: #171717;

    font-size: 14px;

    margin-bottom: 3px;
}

.about-int-badge span {
    display: block;

    color: #777;

    font-size: 11px;
}

@keyframes aboutBadgeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}


/* ==========================================
   DECORATIVE SHAPE
========================================== */

.about-int-shape {
    position: absolute;

    z-index: 1;

    right: 0;
    bottom: 0;

    width: 190px;
    height: 190px;

    border-radius: 24px;

    background: rgba(0, 111, 252, 0.08);
}


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

.about-int-content {
    padding-left: 35px;
}

.about-int-content h2 {
    color: #171717;

    font-size: 42px;
    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 20px;
}

.about-int-content h2 span {
    color: #006ffc;
}


/* Paragraph */

.about-int-content > p {
    color: #6d6d6d;

    font-size: 15px;

    line-height: 1.8;

    margin-bottom: 16px;
}


/* ==========================================
   HIGHLIGHTS
========================================== */

.about-int-highlights {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px 25px;

    margin-top: 25px;
}

.about-int-highlight {
    display: flex;
    align-items: center;

    gap: 9px;

    color: #444;

    font-size: 13px;
    font-weight: 600;
}

.about-int-highlight i {
    width: 22px;
    height: 22px;

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

    background: rgba(0, 111, 252, 0.10);

    color: #006ffc;

    border-radius: 50%;

    font-size: 9px;
}


/* ==========================================
   BUTTON
========================================== */

.about-int-btn .common-btn {
    display: inline-flex;

    align-items: center;

    gap: 10px;
}

.about-int-btn .common-btn i {
    transition: transform 0.3s ease;
}

.about-int-btn .common-btn:hover i {
    transform: translateX(5px);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .about-int-image-wrap {
        margin-bottom: 50px;
    }

    .about-int-content {
        padding-left: 0;
    }

    .about-int-content h2 {
        font-size: 36px;
    }

    .about-int-image {
        height: 500px;
    }
}


@media (max-width: 767px) {

    .about-int-image-wrap {
        padding: 0 15px 15px 0;
    }

    .about-int-image {
        height: 400px;

        border-radius: 18px;
    }

    .about-int-badge {
        left: 5px;
        bottom: 35px;

        padding: 13px 15px;
    }

    .about-int-badge-icon {
        width: 42px;
        height: 42px;
    }

    .about-int-badge strong {
        font-size: 12px;
    }

    .about-int-content h2 {
        font-size: 31px;
    }

    .about-int-content > p {
        font-size: 14px;
    }

    .about-int-highlights {
        grid-template-columns: 1fr;

        gap: 10px;
    }
}
/* End  */

/* Home service secton  */
/* ==========================================
   OUR SERVICES
========================================== */

.services-area {
    position: relative;
    overflow: hidden;
    background: #f8faff;
    padding-top: 1rem;
    padding-bottom: 1rem;
}


/* ==========================================
   HEADING
========================================== */

.services-heading {
    max-width: 800px;
    margin: 0 auto;
}

.services-heading h3 {
    color: #171717;

    font-size: 42px;
    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 15px;
}

.services-heading p {
    color: #6d6d6d;

    font-size: 16px;
    line-height: 1.7;

    margin: 0;
}


/* ==========================================
   SERVICE CARD
========================================== */

.service-card {
    position: relative;

    height: 100%;
    min-height: 360px;

    display: flex;
    flex-direction: column;

    padding: 28px;

    background: #fff;

    border: 1px solid #e9edf3;

    border-radius: 20px;

    overflow: hidden;

    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}


/* Decorative circle */

.service-card::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -110px;
    top: -110px;

    border-radius: 50%;

    background: rgba(0, 111, 252, 0.045);

    transition: all 0.5s ease;
}


/* Hover */

.service-card:hover {
    transform: translateY(-8px);

    border-color: rgba(0, 111, 252, 0.20);

    box-shadow:
        0 20px 45px rgba(0, 111, 252, 0.10);
}

.service-card:hover::before {
    width: 250px;
    height: 250px;
}


/* ==========================================
   TOP
========================================== */

.service-card-top {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 28px;
}


/* Number */

.service-number {
    color: #b5bdc9;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;

    transition: color 0.3s ease;
}

.service-card:hover .service-number {
    color: #006ffc;
}


/* ==========================================
   ICON
========================================== */

.service-icon {
    width: 62px;
    height: 62px;

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

    background: rgba(0, 111, 252, 0.08);

    color: #006ffc;

    border-radius: 16px;

    font-size: 22px;

    transition: all 0.4s ease;
}

.service-card:hover .service-icon {
    background: #006ffc;

    color: #fff;

    transform:
        rotate(-5deg)
        scale(1.06);
}


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

.service-card-content {
    position: relative;
    z-index: 2;

    flex: 1;
}

.service-card-content h4 {
    color: #171717;

    font-size: 20px;
    line-height: 1.35;

    font-weight: 700;

    margin: 0 0 13px;

    transition: color 0.3s ease;
}

.service-card:hover .service-card-content h4 {
    color: #006ffc;
}

.service-card-content p {
    color: #737373;

    font-size: 14px;
    line-height: 1.7;

    margin: 0;
}


/* ==========================================
   READ MORE
========================================== */

.service-read-more {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;

    gap: 9px;

    width: fit-content;

    margin-top: 25px;

    color: #171717;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;

    transition: color 0.3s ease;
}

.service-read-more i {
    color: #006ffc;

    transition: transform 0.3s ease;
}

.service-read-more:hover {
    color: #006ffc;
}

.service-read-more:hover i {
    transform: translateX(6px);
}


/* ==========================================
   BOTTOM CTA
========================================== */

.services-bottom-cta {
    display: flex;
    justify-content: center;
}

.services-bottom-cta .common-btn {
    display: inline-flex;
    align-items: center;

    gap: 10px;
}

.services-bottom-cta .common-btn i {
    transition: transform 0.3s ease;
}

.services-bottom-cta .common-btn:hover i {
    transform: translateX(5px);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .services-heading h3 {
        font-size: 36px;
    }

    .service-card {
        min-height: 340px;
    }
}


@media (max-width: 767px) {

    .services-heading h3 {
        font-size: 31px;
    }

    .services-heading p {
        font-size: 15px;
    }

    .service-card {
        min-height: 320px;

        padding: 22px;

        border-radius: 16px;
    }

    .service-icon {
        width: 54px;
        height: 54px;

        font-size: 19px;
    }

    .service-card-content h4 {
        font-size: 18px;
    }

    .service-card-content p {
        font-size: 13px;
    }
}
/* End  */

/* Home Client testimonial  */
/* ==========================================
   CLIENT TESTIMONIALS
========================================== */

.testimonials-area {
    position: relative;
    overflow: hidden;

    padding: 20px 0 90px;

    background: #f8faff;
}


/* ==========================================
   HEADING
========================================== */

.testimonials-heading {
    max-width: 800px;
    margin: 0 auto;
}

.testimonials-heading h3 {
    color: #171717;

    font-size: 42px;
    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 15px;
}

.testimonials-heading p {
    color: #6d6d6d;

    font-size: 16px;
    line-height: 1.7;

    margin: 0;
}


/* ==========================================
   TESTIMONIAL CARD
========================================== */

.testimonial-card {
    position: relative;

    height: 100%;
    min-height: 360px;

    display: flex;
    flex-direction: column;

    padding: 30px;

    background: #fff;

    border: 1px solid #e9edf4;

    border-radius: 22px;

    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);

    transition: all 0.4s ease;

    overflow: hidden;
}

.testimonial-card::after {
    content: "";

    position: absolute;

    width: 170px;
    height: 170px;

    right: -110px;
    bottom: -110px;

    border-radius: 50%;

    background: rgba(0, 111, 252, 0.045);

    transition: all 0.5s ease;
}

.testimonial-card:hover {
    transform: translateY(-8px);

    border-color: rgba(0, 111, 252, 0.18);

    box-shadow:
        0 20px 45px rgba(0, 111, 252, 0.09);
}

.testimonial-card:hover::after {
    width: 230px;
    height: 230px;
}


/* ==========================================
   FEATURED CARD
========================================== */

.featured-testimonial {
    border-color: rgba(0, 111, 252, 0.25);

    box-shadow:
        0 15px 40px rgba(0, 111, 252, 0.08);
}


/* ==========================================
   TOP
========================================== */

.testimonial-top {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 25px;
}


/* Quote */

.quote-icon {
    width: 48px;
    height: 48px;

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

    background: rgba(0, 111, 252, 0.09);

    color: #006ffc;

    border-radius: 13px;

    font-size: 17px;
}


/* Rating */

.testimonial-rating {
    display: flex;

    gap: 3px;
}

.testimonial-rating i {
    color: #f5b301;

    font-size: 12px;
}


/* ==========================================
   TEXT
========================================== */

.testimonial-text {
    position: relative;
    z-index: 2;

    flex: 1;
}

.testimonial-text p {
    color: #555;

    font-size: 15px;
    line-height: 1.8;

    font-style: italic;

    margin: 0;
}


/* ==========================================
   CLIENT
========================================== */

.testimonial-client {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;

    gap: 13px;

    padding-top: 25px;

    margin-top: 25px;

    border-top: 1px solid #edf0f4;
}


/* Avatar */

.client-avatar {
    width: 52px;
    height: 52px;

    flex-shrink: 0;

    overflow: hidden;

    border-radius: 50%;

    border: 3px solid #eef5ff;
}

.client-avatar img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;
}


/* Info */

.client-info h5 {
    color: #171717;

    font-size: 15px;
    font-weight: 700;

    margin: 0 0 3px;
}

.client-info span {
    display: block;

    color: #777;

    font-size: 12px;

    margin-bottom: 2px;
}

.client-info small {
    display: block;

    color: #006ffc;

    font-size: 11px;
    font-weight: 600;
}


/* ==========================================
   CONTROLS
========================================== */

.testimonial-controls {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 18px;

    margin-top: 40px;
}

.testimonial-prev,
.testimonial-next {
    width: 42px;
    height: 42px;

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

    border: 1px solid #dfe5ee;

    background: #fff;

    color: #006ffc;

    border-radius: 50%;

    cursor: pointer;

    transition: all 0.3s ease;
}

.testimonial-prev:hover,
.testimonial-next:hover {
    background: #006ffc;

    color: #fff;

    border-color: #006ffc;

    transform: translateY(-2px);
}


/* Dots */

.testimonial-dots {
    display: flex;

    align-items: center;

    gap: 7px;
}

.testimonial-dots span {
    width: 7px;
    height: 7px;

    display: block;

    background: #cbd3df;

    border-radius: 50%;

    transition: all 0.3s ease;
}

.testimonial-dots span.active {
    width: 24px;

    border-radius: 10px;

    background: #006ffc;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .testimonials-heading h3 {
        font-size: 36px;
    }

    .testimonial-card {
        min-height: 340px;
    }
}


@media (max-width: 767px) {

    .testimonials-area {
        padding-bottom: 70px;
    }

    .testimonials-heading h3 {
        font-size: 31px;
    }

    .testimonials-heading p {
        font-size: 15px;
    }

    .testimonial-card {
        min-height: 330px;

        padding: 24px;

        border-radius: 18px;
    }

    .testimonial-text p {
        font-size: 14px;
    }

    .testimonial-card:nth-child(n+2) {
        display: none;
    }
}
/* End  */



/* contact Us page  */
/* ==========================================
   CONTACT HERO
========================================== */

.contact-hero-area {
    position: relative;

    min-height: 650px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background: #101827;
}


/* ==========================================
   BACKGROUND IMAGE
========================================== */

.contact-hero-bg {
    position: absolute;

    inset: 0;

    z-index: 1;
}

.contact-hero-bg img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;
}


/* ==========================================
   DARK OVERLAY
========================================== */

.contact-hero-overlay {
    position: absolute;

    inset: 0;

    z-index: 2;

    background: #f8faff;
}


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

.contact-hero-content {
    position: relative;

    z-index: 4;

    padding: 110px 0 130px;
}


/* Small Label */

.contact-hero-label {
    position: relative;

    display: inline-flex;
    align-items: center;

    gap: 10px;

    /* color: #fff; */

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 15px;
}

.contact-hero-label::before,
.contact-hero-label::after {
    content: "";

    width: 25px;
    height: 1px;

    background: #006ffc;
}


/* ==========================================
   HEADING
========================================== */

.contact-hero-content h1 {
    max-width: 850px;

    margin: 0 auto 22px;

    /* color: #fff; */

    font-size: 64px;

    line-height: 1.1;

    font-weight: 700;

    letter-spacing: -1.5px;
}

.contact-hero-content h1 span {
    color: #55a2ff;
}


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

.contact-hero-content > p {
    max-width: 720px;

    margin: 0 auto;

    /* color: rgba(255, 255, 255, 0.82); */

    font-size: 17px;

    line-height: 1.8;
}


/* ==========================================
   CTA
========================================== */

.contact-hero-btn-wrap {
    margin-top: 35px;
}

.contact-hero-btn {
    display: inline-flex;

    align-items: center;

    gap: 11px;

    padding: 16px 28px;
}

.contact-hero-btn i {
    transition: transform 0.3s ease;
}

.contact-hero-btn:hover i {
    transform: translateX(5px);
}


/* ==========================================
   QUICK CONTACT
========================================== */

.contact-quick-info {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 28px;

    margin-top: 50px;

    padding: 14px 24px;

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

    border: 1px solid rgba(255, 255, 255, 0.14);

    border-radius: 15px;

    backdrop-filter: blur(10px);
}

.quick-contact-item {
    display: flex;

    align-items: center;

    gap: 11px;

    text-align: left;
}

.quick-contact-icon {
    width: 38px;
    height: 38px;

    display: flex;

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

    background: rgba(0, 111, 252, 0.9);

    color: #fff;

    border-radius: 9px;

    font-size: 13px;
}

.quick-contact-item span {
    display: block;

    /* color: rgba(255, 255, 255, 0.60); */

    font-size: 12px;

    margin-bottom: 2px;
}

.quick-contact-item strong {
    display: block;

    /* color: #fff; */

    font-size: 12px;

    font-weight: 600;
}


/* Divider */

.quick-contact-divider {
    width: 1px;
    height: 35px;

    background: rgba(255, 255, 255, 0.16);
}


/* ==========================================
   BOTTOM CURVE
========================================== */

.contact-hero-bottom {
    position: absolute;

    z-index: 5;

    left: -5%;
    bottom: -70px;

    width: 110%;

    height: 120px;

    background: #fff;

    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .contact-hero-area {
        min-height: 600px;
    }

    .contact-hero-content {
        padding: 90px 0 120px;
    }

    .contact-hero-content h1 {
        font-size: 50px;
    }

    .contact-hero-content > p {
        font-size: 16px;
    }
}


@media (max-width: 767px) {

    .contact-hero-area {
        min-height: 650px;
    }

    .contact-hero-content {
        padding: 80px 15px 110px;
    }

    .contact-hero-content h1 {
        font-size: 38px;

        letter-spacing: -0.5px;
    }

    .contact-hero-content > p {
        font-size: 14px;

        line-height: 1.7;
    }

    .contact-hero-btn-wrap {
        margin-top: 28px;
    }

    .contact-quick-info {
        width: 100%;

        flex-direction: column;

        align-items: flex-start;

        gap: 14px;

        margin-top: 35px;

        padding: 16px;
    }

    .quick-contact-divider {
        width: 100%;
        height: 1px;
    }

    .contact-hero-bottom {
        bottom: -85px;
    }
}
/* End  */

/* Why contact INT Enterprises  */
/* ==========================================
   WHY CONTACT INT ENTERPRISES
========================================== */

.why-contact-area {
    position: relative;

    padding: 100px 0;

    background: #fff;

    overflow: hidden;
}


/* ==========================================
   HEADING
========================================== */

.why-contact-heading {
    max-width: 850px;

    margin: 0 auto;
}

.why-contact-heading h2 {
    color: #171717;

    font-size: 42px;

    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 15px;
}

.why-contact-heading h2 span {
    color: #006ffc;
}

.why-contact-heading p {
    color: #6d6d6d;

    font-size: 16px;

    line-height: 1.7;

    margin: 0 auto;

    max-width: 650px;
}


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

.why-contact-card {
    position: relative;

    height: 100%;

    min-height: 285px;

    padding: 30px 27px;

    background: #fff;

    border: 1px solid #e8edf4;

    border-radius: 20px;

    overflow: hidden;

    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.035);

    transition: all 0.4s ease;
}

.why-contact-card:hover {
    transform: translateY(-8px);

    border-color: rgba(0, 111, 252, 0.20);

    box-shadow:
        0 20px 45px rgba(0, 111, 252, 0.09);
}


/* ==========================================
   ICON
========================================== */

.why-contact-icon {
    position: relative;

    z-index: 2;

    width: 60px;
    height: 60px;

    display: flex;

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

    background: rgba(0, 111, 252, 0.08);

    color: #006ffc;

    border-radius: 16px;

    font-size: 21px;

    transition: all 0.4s ease;
}

.why-contact-card:hover .why-contact-icon {
    background: #006ffc;

    color: #fff;

    transform: scale(1.06) rotate(-4deg);
}


/* ==========================================
   NUMBER
========================================== */

.why-contact-number {
    position: absolute;

    top: 28px;
    right: 25px;

    color: #edf0f5;

    font-size: 42px;

    line-height: 1;

    font-weight: 800;

    transition: color 0.4s ease;
}

.why-contact-card:hover .why-contact-number {
    color: rgba(0, 111, 252, 0.09);
}


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

.why-contact-content {
    position: relative;

    z-index: 2;

    margin-top: 25px;
}

.why-contact-content h4 {
    color: #171717;

    font-size: 19px;

    line-height: 1.35;

    font-weight: 700;

    margin: 0 0 11px;

    transition: color 0.3s ease;
}

.why-contact-card:hover .why-contact-content h4 {
    color: #006ffc;
}

.why-contact-content p {
    color: #737373;

    font-size: 13px;

    line-height: 1.7;

    margin: 0;
}


/* ==========================================
   BOTTOM LINE
========================================== */

.why-contact-line {
    position: absolute;

    left: 27px;
    bottom: 0;

    width: 0;
    height: 3px;

    background: #006ffc;

    border-radius: 5px 5px 0 0;

    transition: width 0.4s ease;
}

.why-contact-card:hover .why-contact-line {
    width: calc(100% - 54px);
}


/* ==========================================
   DECORATIVE BACKGROUND
========================================== */

.why-contact-area::before {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    left: -180px;
    top: 120px;

    border-radius: 50%;

    background: rgba(0, 111, 252, 0.035);

    pointer-events: none;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .why-contact-area {
        padding: 80px 0;
    }

    .why-contact-heading h2 {
        font-size: 36px;
    }

    .why-contact-card {
        min-height: 270px;
    }
}


@media (max-width: 767px) {

    .why-contact-area {
        padding: 70px 0;
    }

    .why-contact-heading h2 {
        font-size: 31px;
    }

    .why-contact-heading p {
        font-size: 14px;
    }

    .why-contact-card {
        min-height: 250px;

        padding: 25px 22px;

        border-radius: 17px;
    }

    .why-contact-icon {
        width: 54px;
        height: 54px;

        font-size: 19px;
    }

    .why-contact-content h4 {
        font-size: 18px;
    }
}
/* End  */

/* Location  */
/* ==========================================
   OUR LOCATIONS
========================================== */

.locations-area {
    padding: 100px 0;

    background: #f8faff;

    overflow: hidden;
}


/* ==========================================
   HEADING
========================================== */

.locations-heading {
    max-width: 800px;

    margin: 0 auto;
}

.locations-heading h2 {
    color: #171717;

    font-size: 42px;
    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 15px;
}

.locations-heading h2 span {
    color: #006ffc;
}

.locations-heading p {
    color: #6d6d6d;

    font-size: 16px;

    line-height: 1.7;

    margin: 0;
}


/* ==========================================
   TABS
========================================== */

.location-tabs {
    display: flex;

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

    gap: 8px;

    padding: 8px;

    background: #fff;

    border: 1px solid #e7ebf1;

    border-radius: 14px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.035);
}

.location-tab {
    flex: 1;

    min-height: 54px;

    display: flex;

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

    gap: 9px;

    padding: 10px 18px;

    border: 0;

    background: transparent;

    color: #687180;

    border-radius: 9px;

    font-family: inherit;

    font-size: 13px;

    font-weight: 600;

    cursor: pointer;

    transition: all 0.3s ease;
}

.location-tab i {
    color: #006ffc;

    font-size: 14px;

    transition: color 0.3s ease;
}

.location-tab:hover {
    color: #006ffc;

    background: #f3f7fd;
}

.location-tab.active {
    color: #fff;

    background: #006ffc;

    box-shadow: 0 7px 20px rgba(0, 111, 252, 0.20);
}

.location-tab.active i {
    color: #fff;
}


/* ==========================================
   PANEL
========================================== */

.location-panel {
    display: none;

    margin-top: 25px;

    animation: locationFade 0.4s ease;
}

.location-panel.active {
    display: block;
}

@keyframes locationFade {

    from {
        opacity: 0;
        transform: translateY(8px);
    }

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

}


/* ==========================================
   INFORMATION CARD
========================================== */

.location-info {
    height: 100%;

    padding: 38px;

    background: #fff;

    border: 1px solid #e8edf4;

    border-radius: 20px 0 0 20px;

    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
}


/* Top */

.location-info-top {
    display: flex;

    align-items: center;

    gap: 15px;

    padding-bottom: 25px;

    margin-bottom: 25px;

    border-bottom: 1px solid #edf0f4;
}

.location-icon {
    width: 58px;
    height: 58px;

    display: flex;

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

    flex-shrink: 0;

    background: rgba(0, 111, 252, 0.08);

    color: #006ffc;

    border-radius: 14px;

    font-size: 20px;
}

.location-info-top span {
    display: block;

    color: #006ffc;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;

    margin-bottom: 4px;
}

.location-info-top h3 {
    color: #171717;

    font-size: 23px;

    font-weight: 700;

    margin: 0;
}


/* ==========================================
   DETAILS
========================================== */

.location-detail {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-bottom: 22px;
}

.location-detail:last-child {
    margin-bottom: 0;
}

.location-detail-icon {
    width: 34px;
    height: 34px;

    display: flex;

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

    flex-shrink: 0;

    background: #f4f7fb;

    color: #006ffc;

    border-radius: 8px;

    font-size: 12px;
}

.location-detail small {
    display: block;

    color: #9a9fa8;

    font-size: 10px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.7px;

    margin-bottom: 5px;
}

.location-detail p {
    color: #555;

    font-size: 13px;

    line-height: 1.7;

    margin: 0;
}

.location-detail a {
    display: block;

    width: fit-content;

    color: #555;

    font-size: 13px;

    line-height: 1.8;

    text-decoration: none;

    transition: color 0.3s ease;
}

.location-detail a:hover {
    color: #006ffc;
}


/* ==========================================
   MAP
========================================== */

.location-map {
    width: 100%;
    height: 100%;

    min-height: 470px;

    overflow: hidden;

    border-radius: 0 20px 20px 0;

    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.07);
}

.location-map iframe {
    width: 100%;
    height: 100%;

    min-height: 470px;

    display: block;

    border: 0;

    filter: grayscale(15%);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .locations-area {
        padding: 80px 0;
    }

    .locations-heading h2 {
        font-size: 36px;
    }

    .location-tabs {
        flex-wrap: wrap;
    }

    .location-tab {
        flex: 0 0 calc(50% - 4px);
    }

    .location-info {
        border-radius: 20px 20px 0 0;
    }

    .location-map {
        min-height: 400px;

        border-radius: 0 0 20px 20px;
    }

    .location-map iframe {
        min-height: 400px;
    }
}


@media (max-width: 767px) {

    .locations-area {
        padding: 70px 0;
    }

    .locations-heading h2 {
        font-size: 31px;
    }

    .locations-heading p {
        font-size: 14px;
    }

    .location-tabs {
        padding: 6px;

        gap: 5px;
    }

    .location-tab {
        flex: 0 0 100%;

        justify-content: flex-start;

        padding-left: 16px;

        min-height: 48px;
    }

    .location-info {
        padding: 25px;

        border-radius: 16px 16px 0 0;
    }

    .location-info-top h3 {
        font-size: 20px;
    }

    .location-map {
        min-height: 320px;

        border-radius: 0 0 16px 16px;
    }

    .location-map iframe {
        min-height: 320px;
    }
}
/* Location End  */

/* FAQ SECTION  */
/* ==========================================
   FAQ SECTION
========================================== */

.faq-area {
    padding: 110px 0;

    background: #fff;
}


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

.faq-left-content {
    position: sticky;

    top: 100px;
}

.faq-left-content h2 {
    color: #171717;

    font-size: 42px;

    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 18px;
}

.faq-left-content h2 span {
    color: #006ffc;
}

.faq-left-content > p {
    color: #707070;

    font-size: 15px;

    line-height: 1.8;

    margin-bottom: 30px;
}


/* ==========================================
   CONTACT CARD
========================================== */

.faq-contact-card {
    display: flex;

    align-items: flex-start;

    gap: 15px;

    padding: 22px;

    background: #f6f9fd;

    border: 1px solid #e7edf5;

    border-radius: 15px;
}

.faq-contact-icon {
    width: 48px;
    height: 48px;

    display: flex;

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

    flex-shrink: 0;

    background: #006ffc;

    color: #fff;

    border-radius: 12px;

    font-size: 17px;
}

.faq-contact-card h4 {
    color: #191919;

    font-size: 16px;

    font-weight: 700;

    margin: 0 0 5px;
}

.faq-contact-card p {
    color: #777;

    font-size: 12px;

    line-height: 1.6;

    margin: 0 0 9px;
}

.faq-contact-card a {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #006ffc;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none;
}

.faq-contact-card a i {
    transition: transform 0.3s ease;
}

.faq-contact-card a:hover i {
    transform: translateX(4px);
}


/* ==========================================
   FAQ LIST
========================================== */

.faq-list {
    display: flex;

    flex-direction: column;

    gap: 12px;
}


/* ==========================================
   FAQ ITEM
========================================== */

.faq-item {
    overflow: hidden;

    background: #fff;

    border: 1px solid #e5eaf1;

    border-radius: 13px;

    transition: all 0.3s ease;
}

.faq-item:hover {
    border-color: rgba(0, 111, 252, 0.25);
}

.faq-item.active {
    border-color: rgba(0, 111, 252, 0.25);

    box-shadow: 0 10px 30px rgba(0, 111, 252, 0.07);
}


/* ==========================================
   QUESTION
========================================== */

.faq-question {
    width: 100%;

    min-height: 72px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    padding: 18px 23px;

    border: 0;

    background: transparent;

    color: #1b1b1b;

    text-align: left;

    cursor: pointer;

    font-family: inherit;
}

.faq-question span {
    display: flex;

    align-items: center;

    gap: 18px;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.5;
}

.faq-question small {
    color: #006ffc;

    font-size: 11px;

    font-weight: 700;

    min-width: 22px;
}

.faq-question > i {
    width: 30px;
    height: 30px;

    display: flex;

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

    flex-shrink: 0;

    background: #f3f7fc;

    color: #006ffc;

    border-radius: 50%;

    font-size: 11px;

    transition: all 0.35s ease;
}


/* Active Plus */

.faq-item.active .faq-question > i {
    color: #fff;

    background: #006ffc;

    transform: rotate(45deg);
}


/* ==========================================
   ANSWER
========================================== */

.faq-answer {
    display: grid;

    grid-template-rows: 0fr;

    transition: grid-template-rows 0.35s ease;
}

.faq-answer p {
    overflow: hidden;

    color: #707070;

    font-size: 13px;

    line-height: 1.8;

    margin: 0;

    padding: 0 23px;
}

.faq-item.active .faq-answer {
    grid-template-rows: 1fr;
}

.faq-item.active .faq-answer p {
    padding-bottom: 23px;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199px) {

    .faq-left-content h2 {
        font-size: 37px;
    }

    .faq-left-content {
        top: 80px;
    }
}


@media (max-width: 991px) {

    .faq-area {
        padding: 80px 0;
    }

    .faq-left-content {
        position: static;

        margin-bottom: 45px;

        text-align: center;
    }

    .faq-contact-card {
        max-width: 500px;

        margin: 25px auto 0;

        text-align: left;
    }

    .faq-left-content h2 {
        font-size: 36px;
    }
}


@media (max-width: 767px) {

    .faq-area {
        padding: 70px 0;
    }

    .faq-left-content h2 {
        font-size: 31px;
    }

    .faq-left-content > p {
        font-size: 14px;
    }

    .faq-question {
        min-height: 65px;

        padding: 15px 17px;
    }

    .faq-question span {
        gap: 10px;

        font-size: 13px;
    }

    .faq-question small {
        min-width: 18px;
    }

    .faq-question > i {
        width: 27px;
        height: 27px;
    }

    .faq-answer p {
        padding-left: 17px;
        padding-right: 17px;

        font-size: 12px;

        line-height: 1.75;
    }

    .faq-item.active .faq-answer p {
        padding-bottom: 18px;
    }
}
/* END  */


/* service hero section  */
/* ==========================================
   SERVICES HERO
========================================== */

.services-hero-area {
    position: relative;

    min-height: 690px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background: #f7faff;

    padding: 90px 0;
}


/* Background Shape */

.services-hero-bg-shape {
    position: absolute;

    width: 650px;
    height: 650px;

    right: -180px;
    top: -180px;

    border-radius: 50%;

    background: rgba(0, 111, 252, 0.045);

    pointer-events: none;
}


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

.services-hero-content {
    position: relative;

    z-index: 2;

    padding-right: 40px;
}


/* ==========================================
   LABEL
========================================== */

.services-hero-label {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: #006ffc;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 18px;
}

.services-hero-label span {
    width: 28px;
    height: 2px;

    display: inline-block;

    background: #006ffc;

    border-radius: 5px;
}


/* ==========================================
   HEADING
========================================== */

.services-hero-content h1 {
    max-width: 650px;

    color: #171717;

    font-size: 58px;

    line-height: 1.12;

    font-weight: 700;

    letter-spacing: -1.5px;

    margin: 0 0 23px;
}

.services-hero-content h1 span {
    display: block;

    color: #006ffc;
}


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

.services-hero-content > p {
    max-width: 620px;

    color: #686d76;

    font-size: 16px;

    line-height: 1.8;

    margin: 0;
}


/* ==========================================
   BUTTONS
========================================== */

.services-hero-buttons {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-top: 34px;
}

.services-primary-btn {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 15px 25px;
}

.services-primary-btn i {
    transition: transform 0.3s ease;
}

.services-primary-btn:hover i {
    transform: translateX(5px);
}


.services-secondary-btn {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 14px 23px;

    color: #20252d;

    background: #fff;

    border: 1px solid #dfe5ed;

    border-radius: 6px;

    font-size: 13px;

    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;
}

.services-secondary-btn:hover {
    color: #006ffc;

    border-color: #006ffc;

    transform: translateY(-2px);
}


/* ==========================================
   TRUST ITEMS
========================================== */

.services-hero-trust {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 20px;

    margin-top: 38px;
}

.trust-item {
    display: flex;

    align-items: center;

    gap: 7px;

    color: #666d78;

    font-size: 11px;

    font-weight: 600;
}

.trust-item i {
    color: #006ffc;

    font-size: 13px;
}


/* ==========================================
   RIGHT VISUAL
========================================== */

.services-hero-visual {
    position: relative;

    min-height: 540px;

    margin-left: 20px;
}


/* ==========================================
   MAIN IMAGE
========================================== */

.services-hero-image {
    position: absolute;

    right: 15px;
    top: 25px;

    width: 83%;
    height: 490px;

    overflow: hidden;

    border-radius: 28px;

    box-shadow:
        0 25px 60px rgba(25, 55, 90, 0.16);
}

.services-hero-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.02),
            rgba(0, 0, 0, 0.16)
        );
}

.services-hero-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.6s ease;
}

.services-hero-visual:hover .services-hero-image img {
    transform: scale(1.04);
}


/* ==========================================
   FLOATING CARDS
========================================== */

.service-floating-card {
    position: absolute;

    z-index: 5;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 15px 18px;

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

    border: 1px solid rgba(255, 255, 255, 0.8);

    border-radius: 13px;

    box-shadow:
        0 15px 35px rgba(20, 50, 90, 0.13);

    backdrop-filter: blur(10px);
}

.service-card-one {
    left: -5px;

    top: 125px;
}

.service-card-two {
    right: -5px;

    bottom: 105px;
}

.floating-card-icon {
    width: 43px;
    height: 43px;

    display: flex;

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

    flex-shrink: 0;

    color: #006ffc;

    background: rgba(0, 111, 252, 0.09);

    border-radius: 11px;

    font-size: 15px;
}

.service-floating-card strong {
    display: block;

    color: #20242b;

    font-size: 12px;

    font-weight: 700;

    margin-bottom: 3px;
}

.service-floating-card span {
    display: block;

    color: #8a9099;

    font-size: 9px;
}


/* ==========================================
   EXPERIENCE BADGE
========================================== */

.services-experience-badge {
    position: absolute;

    left: 25px;
    bottom: 15px;

    z-index: 6;

    width: 105px;
    height: 105px;

    display: flex;

    flex-direction: column;

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

    background: #006ffc;

    color: #fff;

    border-radius: 50%;

    border: 7px solid #f7faff;

    box-shadow: 0 12px 30px rgba(0, 111, 252, 0.25);

    text-align: center;
}

.services-experience-badge strong {
    font-size: 25px;

    line-height: 1;

    font-weight: 700;
}

.services-experience-badge span {
    font-size: 8px;

    line-height: 1.4;

    margin-top: 5px;

    opacity: 0.9;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199px) {

    .services-hero-content h1 {
        font-size: 50px;
    }

    .services-hero-content {
        padding-right: 15px;
    }

    .services-hero-visual {
        margin-left: 0;
    }

    .service-card-one {
        left: -10px;
    }

    .service-card-two {
        right: -10px;
    }
}


@media (max-width: 991px) {

    .services-hero-area {
        padding: 80px 0 100px;
    }

    .services-hero-content {
        padding-right: 0;

        text-align: center;
    }

    .services-hero-content h1 {
        max-width: 700px;

        margin-left: auto;
        margin-right: auto;

        font-size: 48px;
    }

    .services-hero-content > p {
        margin-left: auto;
        margin-right: auto;
    }

    .services-hero-buttons {
        justify-content: center;
    }

    .services-hero-trust {
        justify-content: center;
    }

    .services-hero-visual {
        margin-top: 55px;

        min-height: 520px;
    }

    .services-hero-image {
        right: 8%;

        width: 84%;
    }
}


@media (max-width: 767px) {

    .services-hero-area {
        padding: 65px 0 80px;

        min-height: auto;
    }

    .services-hero-content h1 {
        font-size: 37px;

        letter-spacing: -0.5px;
    }

    .services-hero-content > p {
        font-size: 14px;

        line-height: 1.7;
    }

    .services-hero-buttons {
        flex-direction: column;

        width: 100%;
    }

    .services-primary-btn,
    .services-secondary-btn {
        width: 100%;

        justify-content: center;
    }

    .services-hero-trust {
        gap: 12px 18px;
    }

    .trust-item {
        font-size: 10px;
    }

    .services-hero-visual {
        min-height: 410px;

        margin-top: 40px;
    }

    .services-hero-image {
        top: 15px;

        right: 5%;

        width: 90%;

        height: 370px;

        border-radius: 20px;
    }

    .service-floating-card {
        padding: 10px 12px;

        gap: 8px;
    }

    .service-card-one {
        left: 0;

        top: 80px;
    }

    .service-card-two {
        right: 0;

        bottom: 60px;
    }

    .floating-card-icon {
        width: 35px;
        height: 35px;

        font-size: 12px;
    }

    .service-floating-card strong {
        font-size: 10px;
    }

    .service-floating-card span {
        font-size: 8px;
    }

    .services-experience-badge {
        width: 80px;
        height: 80px;

        left: 10px;
        bottom: 5px;

        border-width: 5px;
    }

    .services-experience-badge strong {
        font-size: 19px;
    }

    .services-experience-badge span {
        font-size: 7px;
    }
}
/* End  */

/* Services  */
/* ==========================================
   SERVICES LIST SECTION
========================================== */

.services-list-area {
    padding: 110px 0;

    background: #ffffff;
}


/* ==========================================
   SECTION HEADING
========================================== */

.services-section-heading {
    margin-bottom: 65px;
}

.services-section-heading h2 {
    color: #181818;

    font-size: 46px;

    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 18px;
}

.services-section-heading h2 span {
    color: #006ffc;
}

.services-section-heading p {
    max-width: 680px;

    margin: 0 auto;

    color: #707070;

    font-size: 15px;

    line-height: 1.8;
}


/* ==========================================
   SERVICE LIST
========================================== */

.services-list {
    display: flex;

    flex-direction: column;

    gap: 24px;
}


/* ==========================================
   SERVICE CARD
========================================== */

.service-large-card {
    position: relative;

    min-height: 310px;

    display: flex;

    align-items: center;

    overflow: hidden;

    padding: 50px 60px;

    background: #f7faff;

    border: 1px solid #e8eef6;

    border-radius: 24px;

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

.service-large-card:hover {
    transform: translateY(-5px);

    border-color: rgba(0, 111, 252, 0.25);

    box-shadow: 0 20px 50px rgba(0, 111, 252, 0.08);
}


/* ==========================================
   NUMBER
========================================== */

.service-card-number {
    position: absolute;

    top: 35px;

    left: 42px;

    color: rgba(0, 111, 252, 0.08);

    font-size: 75px;

    line-height: 1;

    font-weight: 800;
}


/* ==========================================
   ICON
========================================== */

.service-card-icon {
    position: relative;

    z-index: 2;

    width: 90px;
    height: 90px;

    display: flex;

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

    flex-shrink: 0;

    margin-right: 42px;

    background: #ffffff;

    color: #006ffc;

    border-radius: 20px;

    font-size: 31px;

    box-shadow: 0 12px 30px rgba(30, 60, 100, 0.08);

    transition: all 0.4s ease;
}

.service-large-card:hover .service-card-icon {
    color: #ffffff;

    background: #006ffc;

    transform: rotate(-5deg) scale(1.05);
}


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

.service-card-content {
    position: relative;

    z-index: 2;

    max-width: 650px;
}

.service-card-label {
    display: block;

    color: #006ffc;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.7px;

    margin-bottom: 8px;
}

.service-card-content h3 {
    color: #191919;

    font-size: 28px;

    line-height: 1.25;

    font-weight: 700;

    margin: 0 0 12px;
}

.service-card-content p {
    color: #707070;

    font-size: 13px;

    line-height: 1.8;

    margin: 0 0 20px;

    max-width: 620px;
}


/* ==========================================
   BUTTON
========================================== */

.service-explore-btn {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: #006ffc;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none;

    transition: all 0.3s ease;
}

.service-explore-btn i {
    transition: transform 0.3s ease;
}

.service-explore-btn:hover {
    color: #005acb;
}

.service-explore-btn:hover i {
    transform: translateX(5px);
}


/* ==========================================
   DECORATION
========================================== */

.service-card-decoration {
    position: absolute;

    right: -60px;

    bottom: -80px;

    width: 250px;
    height: 250px;

    display: flex;

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

    color: rgba(0, 111, 252, 0.045);

    border: 1px solid rgba(0, 111, 252, 0.07);

    border-radius: 50%;

    font-size: 100px;

    transition: all 0.5s ease;
}

.service-large-card:hover .service-card-decoration {
    transform: rotate(15deg) scale(1.08);

    color: rgba(0, 111, 252, 0.08);
}


/* ==========================================
   ALTERNATING STYLE
========================================== */

.reverse-card {
    background: #ffffff;

    border-color: #e8e8e8;
}

.reverse-card .service-card-icon {
    background: #f3f7fc;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .services-list-area {
        padding: 80px 0;
    }

    .services-section-heading {
        margin-bottom: 45px;
    }

    .services-section-heading h2 {
        font-size: 38px;
    }

    .service-large-card {
        padding: 40px;

        min-height: 280px;
    }

    .service-card-icon {
        width: 75px;
        height: 75px;

        margin-right: 30px;

        font-size: 25px;
    }

    .service-card-content h3 {
        font-size: 24px;
    }
}


@media (max-width: 767px) {

    .services-list-area {
        padding: 70px 0;
    }

    .services-section-heading h2 {
        font-size: 32px;
    }

    .services-section-heading p {
        font-size: 13px;
    }

    .service-large-card {
        display: block;

        padding: 35px 25px;

        min-height: auto;

        border-radius: 18px;
    }

    .service-card-number {
        top: 20px;
        left: 22px;

        font-size: 55px;
    }

    .service-card-icon {
        width: 65px;
        height: 65px;

        margin: 25px 0 22px;

        border-radius: 15px;

        font-size: 22px;
    }

    .service-card-content h3 {
        font-size: 22px;
    }

    .service-card-content p {
        font-size: 12px;

        line-height: 1.75;
    }

    .service-card-decoration {
        width: 180px;
        height: 180px;

        right: -70px;
        bottom: -70px;

        font-size: 70px;
    }
}
/* End  */


/* Why Outsource INT  */
/* ==========================================
   WHY INT ENTERPRISES
========================================== */

.why-int-area {
    position: relative;

    padding: 110px 0;

    background: #f7faff;

    overflow: hidden;
}


/* ==========================================
   IMAGE
========================================== */

.why-int-image-wrap {
    position: relative;

    padding: 0 30px 30px 0;
}

.why-int-image {
    position: relative;

    z-index: 2;

    height: 560px;

    overflow: hidden;

    border-radius: 25px;

    box-shadow: 0 25px 55px rgba(25, 55, 90, 0.15);
}

.why-int-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.6s ease;
}

.why-int-image-wrap:hover .why-int-image img {
    transform: scale(1.04);
}


/* ==========================================
   IMAGE BADGE
========================================== */

.why-int-badge {
    position: absolute;

    z-index: 5;

    right: 0;

    bottom: 5px;

    width: 145px;
    height: 145px;

    display: flex;

    flex-direction: column;

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

    background: #006ffc;

    color: #fff;

    border: 8px solid #f7faff;

    border-radius: 50%;

    text-align: center;

    box-shadow: 0 15px 35px rgba(0, 111, 252, 0.2);
}

.why-int-badge strong {
    font-size: 25px;

    line-height: 1;

    font-weight: 800;

    margin-bottom: 7px;
}

.why-int-badge span {
    font-size: 9px;

    line-height: 1.5;

    font-weight: 500;
}


/* ==========================================
   DECORATIVE SHAPE
========================================== */

.why-int-shape {
    position: absolute;

    z-index: 1;

    left: -30px;

    bottom: -25px;

    width: 170px;
    height: 170px;

    border: 2px solid rgba(0, 111, 252, 0.12);

    border-radius: 50%;
}

.why-int-shape::after {
    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    left: 32px;
    top: 32px;

    border: 1px solid rgba(0, 111, 252, 0.12);

    border-radius: 50%;
}


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

.why-int-content {
    padding-left: 55px;
}

.why-int-content h2 {
    color: #171717;

    font-size: 45px;

    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 17px;
}

.why-int-content h2 span {
    display: block;

    color: #006ffc;
}

.why-int-intro {
    color: #707070;

    font-size: 14px;

    line-height: 1.8;

    max-width: 650px;

    margin-bottom: 32px;
}


/* ==========================================
   POINTS GRID
========================================== */

.why-int-points {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 15px;
}


/* ==========================================
   POINT CARD
========================================== */

.why-int-point {
    display: flex;

    align-items: flex-start;

    gap: 13px;

    padding: 18px;

    background: #fff;

    border: 1px solid #e6ecf4;

    border-radius: 13px;

    transition: all 0.35s ease;
}

.why-int-point:hover {
    transform: translateY(-4px);

    border-color: rgba(0, 111, 252, 0.2);

    box-shadow: 0 12px 30px rgba(0, 111, 252, 0.07);
}


/* ==========================================
   POINT ICON
========================================== */

.why-int-point-icon {
    width: 42px;
    height: 42px;

    display: flex;

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

    flex-shrink: 0;

    color: #006ffc;

    background: #edf5ff;

    border-radius: 10px;

    font-size: 14px;

    transition: all 0.35s ease;
}

.why-int-point:hover .why-int-point-icon {
    color: #fff;

    background: #006ffc;
}


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

.why-int-point h3 {
    color: #20242a;

    font-size: 13px;

    line-height: 1.4;

    font-weight: 700;

    margin: 0 0 5px;
}

.why-int-point p {
    color: #7a7f87;

    font-size: 12px;

    line-height: 1.65;

    margin: 0;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199px) {

    .why-int-content {
        padding-left: 35px;
    }

    .why-int-content h2 {
        font-size: 38px;
    }

    .why-int-image {
        height: 540px;
    }
}


@media (max-width: 991px) {

    .why-int-area {
        padding: 80px 0;
    }

    .why-int-image-wrap {
        max-width: 650px;

        margin: 0 auto 55px;
    }

    .why-int-image {
        height: 500px;
    }

    .why-int-content {
        padding-left: 0;

        text-align: center;
    }

    .why-int-content h2 span {
        display: inline;
    }

    .why-int-intro {
        margin-left: auto;
        margin-right: auto;
    }

    .why-int-points {
        text-align: left;
    }
}


@media (max-width: 767px) {

    .why-int-area {
        padding: 70px 0;
    }

    .why-int-image-wrap {
        padding-right: 20px;
        padding-bottom: 20px;

        margin-bottom: 45px;
    }

    .why-int-image {
        height: 400px;

        border-radius: 18px;
    }

    .why-int-badge {
        width: 105px;
        height: 105px;

        border-width: 5px;
    }

    .why-int-badge strong {
        font-size: 19px;
    }

    .why-int-badge span {
        font-size: 7px;
    }

    .why-int-content h2 {
        font-size: 31px;
    }

    .why-int-intro {
        font-size: 13px;
    }

    .why-int-points {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .why-int-point {
        padding: 15px;
    }

    .why-int-point h3 {
        font-size: 13px;
    }

    .why-int-point p {
        font-size: 10px;
    }
}
/* End  */

/* Outsourcing process  */
/* ==========================================
   OUTSOURCING PROCESS
========================================== */

.outsourcing-process-area {
    padding: 110px 0;

    background: #ffffff;
}


/* ==========================================
   HEADING
========================================== */

.process-section-heading {
    margin-bottom: 70px;
}

.process-section-heading h2 {
    color: #181818;

    font-size: 45px;

    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 17px;
}

.process-section-heading h2 span {
    color: #006ffc;
}

.process-section-heading p {
    max-width: 650px;

    margin: 0 auto;

    color: #73777e;

    font-size: 14px;

    line-height: 1.8;
}


/* ==========================================
   TIMELINE
========================================== */

.process-timeline {
    display: grid;

    grid-template-columns:
        1fr 80px
        1fr 80px
        1fr 80px
        1fr;

    align-items: start;
}


/* ==========================================
   PROCESS STEP
========================================== */

.process-step {
    position: relative;

    text-align: center;
}


/* ==========================================
   TOP AREA
========================================== */

.process-top {
    position: relative;

    height: 120px;

    display: flex;

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


/* Number */

.process-number {
    position: absolute;

    top: 0;

    color: rgba(0, 111, 252, 0.09);

    font-size: 58px;

    line-height: 1;

    font-weight: 800;
}


/* ==========================================
   ICON
========================================== */

.process-icon {
    position: relative;

    z-index: 2;

    width: 76px;
    height: 76px;

    display: flex;

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

    color: #006ffc;

    background: #ffffff;

    border: 2px solid #dceaff;

    border-radius: 50%;

    font-size: 22px;

    box-shadow:
        0 10px 25px rgba(0, 111, 252, 0.09);

    transition: all 0.4s ease;
}

.process-step:hover .process-icon {
    color: #ffffff;

    background: #006ffc;

    border-color: #006ffc;

    transform: translateY(-5px);

    box-shadow:
        0 15px 30px rgba(0, 111, 252, 0.22);
}


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

.process-content {
    padding: 0 10px;
}

.process-label {
    display: block;

    color: #006ffc;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    margin-bottom: 7px;
}

.process-content h3 {
    color: #1d2025;

    font-size: 23px;

    font-weight: 700;

    margin: 0 0 10px;
}

.process-content p {
    max-width: 220px;

    margin: 0 auto;

    color: #777c83;

    font-size: 12px;

    line-height: 1.75;
}


/* ==========================================
   CONNECTOR
========================================== */

.process-connector {
    height: 120px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding-top: 5px;
}

.process-connector span {
    position: relative;

    display: block;

    width: 100%;

    height: 2px;

    background: #dfeaff;
}

.process-connector span::after {
    content: "";

    position: absolute;

    right: -1px;

    top: 50%;

    width: 7px;
    height: 7px;

    transform: translateY(-50%) rotate(45deg);

    border-top: 2px solid #006ffc;

    border-right: 2px solid #006ffc;
}


/* ==========================================
   STEP ACTIVE EFFECT
========================================== */

.process-step:hover .process-number {
    color: rgba(0, 111, 252, 0.16);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199px) {

    .process-timeline {
        grid-template-columns:
            1fr 50px
            1fr 50px
            1fr 50px
            1fr;
    }

    .process-content h3 {
        font-size: 21px;
    }
}


@media (max-width: 991px) {

    .outsourcing-process-area {
        padding: 80px 0;
    }

    .process-section-heading {
        margin-bottom: 55px;
    }

    .process-section-heading h2 {
        font-size: 38px;
    }

    .process-timeline {
        grid-template-columns: 1fr 1fr;

        gap: 50px 30px;
    }

    .process-connector {
        display: none;
    }

    .process-top {
        height: 105px;
    }
}


@media (max-width: 767px) {

    .outsourcing-process-area {
        padding: 70px 0;
    }

    .process-section-heading h2 {
        font-size: 31px;
    }

    .process-section-heading p {
        font-size: 12px;
    }

    .process-timeline {
        display: flex;

        flex-direction: column;

        gap: 0;
    }

    .process-step {
        width: 100%;

        display: flex;

        align-items: flex-start;

        text-align: left;

        padding-bottom: 40px;
    }

    .process-top {
        width: 95px;

        height: 95px;

        flex-shrink: 0;
    }

    .process-number {
        top: -2px;

        font-size: 48px;
    }

    .process-icon {
        width: 62px;
        height: 62px;

        font-size: 18px;
    }

    .process-content {
        padding: 12px 0 0 18px;
    }

    .process-content h3 {
        font-size: 20px;
    }

    .process-content p {
        max-width: none;

        margin: 0;

        font-size: 11px;
    }

    .process-label {
        font-size: 7px;
    }
}
/* End  */

/* Flexible support  */
/* ==========================================
   ENGAGEMENT MODELS
========================================== */

.engagement-models-area {
    padding: 110px 0;

    background: #f7faff;

    overflow: hidden;
}


/* ==========================================
   HEADING
========================================== */

.engagement-heading {
    margin-bottom: 65px;
}

.engagement-heading h2 {
    color: #181818;

    font-size: 45px;

    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 17px;
}

.engagement-heading h2 span {
    color: #006ffc;
}

.engagement-heading p {
    max-width: 650px;

    margin: 0 auto;

    color: #73777e;

    font-size: 14px;

    line-height: 1.8;
}


/* ==========================================
   GRID
========================================== */

.engagement-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

    align-items: stretch;
}


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

.engagement-card {
    position: relative;

    min-height: 430px;

    display: flex;

    flex-direction: column;

    padding: 42px 35px 35px;

    background: #ffffff;

    border: 1px solid #e5ebf3;

    border-radius: 22px;

    overflow: hidden;

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

.engagement-card:hover {
    transform: translateY(-8px);

    border-color: rgba(0, 111, 252, 0.25);

    box-shadow:
        0 25px 55px rgba(0, 111, 252, 0.09);
}


/* ==========================================
   FEATURED CARD
========================================== */

.featured-engagement {
    background: #006ffc;

    border-color: #006ffc;

    transform: translateY(-12px);

    box-shadow:
        0 25px 60px rgba(0, 111, 252, 0.22);
}

.featured-engagement:hover {
    transform: translateY(-18px);
}


/* ==========================================
   POPULAR BADGE
========================================== */

.popular-badge {
    position: absolute;

    top: 0;
    right: 0;

    padding: 9px 17px;

    color: #006ffc;

    background: #ffffff;

    border-radius: 0 0 0 12px;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1px;
}


/* ==========================================
   NUMBER
========================================== */

.engagement-number {
    position: absolute;

    top: 25px;
    right: 28px;

    color: rgba(0, 111, 252, 0.07);

    font-size: 55px;

    line-height: 1;

    font-weight: 800;
}

.featured-engagement .engagement-number {
    color: rgba(255, 255, 255, 0.13);
}


/* ==========================================
   ICON
========================================== */

.engagement-icon {
    width: 68px;
    height: 68px;

    display: flex;

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

    margin-bottom: 25px;

    color: #006ffc;

    background: #edf5ff;

    border-radius: 17px;

    font-size: 22px;

    transition: all 0.35s ease;
}

.engagement-card:hover .engagement-icon {
    transform: scale(1.05);
}

.featured-engagement .engagement-icon {
    color: #006ffc;

    background: #ffffff;
}


/* ==========================================
   LABEL
========================================== */

.engagement-label {
    color: #006ffc;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.7px;

    margin-bottom: 8px;
}

.featured-engagement .engagement-label {
    color: rgba(255, 255, 255, 0.8);
}


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

.engagement-card h3 {
    color: #1d2025;

    font-size: 25px;

    line-height: 1.3;

    font-weight: 700;

    margin: 0 0 13px;
}

.featured-engagement h3 {
    color: #ffffff;
}


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

.engagement-description {
    color: #72777e;

    font-size: 12px;

    line-height: 1.8;

    margin: 0;

    max-width: 330px;
}

.featured-engagement .engagement-description {
    color: rgba(255, 255, 255, 0.78);
}


/* ==========================================
   IDEAL FOR
========================================== */

.ideal-for {
    margin-top: auto;

    padding: 18px 0;

    border-top: 1px solid #e9edf2;

    border-bottom: 1px solid #e9edf2;
}

.featured-engagement .ideal-for {
    border-color: rgba(255, 255, 255, 0.2);
}

.ideal-for span {
    display: block;

    color: #969ca5;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.2px;

    margin-bottom: 5px;
}

.featured-engagement .ideal-for span {
    color: rgba(255, 255, 255, 0.6);
}

.ideal-for strong {
    display: block;

    color: #272b31;

    font-size: 11px;

    font-weight: 700;
}

.featured-engagement .ideal-for strong {
    color: #ffffff;
}


/* ==========================================
   BUTTON
========================================== */

.engagement-btn {
    display: flex;

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

    margin-top: 22px;

    padding: 13px 17px;

    color: #ffffff;

    background: #006ffc;

    border-radius: 7px;

    font-size: 11px;

    font-weight: 700;

    text-decoration: none;

    transition: all 0.3s ease;
}

.engagement-btn i {
    transition: transform 0.3s ease;
}

.engagement-btn:hover {
    color: #ffffff;

    background: #005dce;
}

.engagement-btn:hover i {
    transform: translateX(5px);
}

.featured-engagement .engagement-btn {
    color: #006ffc;

    background: #ffffff;
}

.featured-engagement .engagement-btn:hover {
    background: #f3f7ff;
}


/* ==========================================
   BOTTOM NOTE
========================================== */

.engagement-bottom-note {
    display: flex;

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

    gap: 10px;

    margin-top: 45px;

    color: #7b8189;

    font-size: 15px;
}

.engagement-bottom-note > i {
    color: #006ffc;

    font-size: 14px;
}

.engagement-bottom-note a {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: #006ffc;

    font-weight: 700;

    text-decoration: none;
}

.engagement-bottom-note a i {
    transition: transform 0.3s ease;
}

.engagement-bottom-note a:hover i {
    transform: translateX(4px);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .engagement-models-area {
        padding: 80px 0;
    }

    .engagement-heading h2 {
        font-size: 38px;
    }

    .engagement-grid {
        grid-template-columns: 1fr;

        max-width: 600px;

        margin: 0 auto;
    }

    .engagement-card {
        min-height: 390px;
    }

    .featured-engagement {
        transform: none;
    }

    .featured-engagement:hover {
        transform: translateY(-8px);
    }
}


@media (max-width: 767px) {

    .engagement-models-area {
        padding: 70px 0;
    }

    .engagement-heading {
        margin-bottom: 40px;
    }

    .engagement-heading h2 {
        font-size: 31px;
    }

    .engagement-heading p {
        font-size: 12px;
    }

    .engagement-card {
        min-height: 370px;

        padding: 32px 25px 28px;

        border-radius: 18px;
    }

    .engagement-icon {
        width: 60px;
        height: 60px;

        margin-bottom: 20px;

        font-size: 19px;
    }

    .engagement-card h3 {
        font-size: 22px;
    }

    .engagement-description {
        font-size: 11px;
    }

    .engagement-bottom-note {
        flex-wrap: wrap;

        text-align: center;

        line-height: 1.7;
    }
}
/* End  */

/* Industry we serve  */
/* ==========================================
   INDUSTRIES
========================================== */

.industries-area {
    padding: 110px 0;

    background: #ffffff;
}


/* ==========================================
   HEADING
========================================== */

.industries-heading {
    margin-bottom: 60px;
}

.industries-heading h2 {
    color: #181818;

    font-size: 45px;

    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 17px;
}

.industries-heading h2 span {
    color: #006ffc;
}

.industries-heading p {
    max-width: 760px;

    margin: 0 auto;

    color: #73777e;

    font-size: 14px;

    line-height: 1.85;
}


/* ==========================================
   GRID
========================================== */

.industries-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 18px;
}


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

.industry-card-services {
    position: relative;

    min-height: 13rem;

    display: flex;

    flex-direction: column;

    padding: 27px;

    background: #f7faff;

    border: 1px solid #e5ebf3;

    border-radius: 18px;

    overflow: hidden;

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

.industry-card-services:hover {
    transform: translateY(-6px);

    background: #006ffc;
    border-color: #006ffc;

    box-shadow:
        0 20px 45px rgba(0, 111, 252, 0.16);
}


/* ==========================================
   TOP
========================================== */

.industry-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 27px;
}


/* ==========================================
   NUMBER
========================================== */

.industry-number {
    color: #006ffc;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;

    transition: color 0.35s ease;
}

.industry-card-services:hover .industry-number {
    color: rgba(255, 255, 255, 0.65);
}


/* ==========================================
   ICON
========================================== */

.industry-icon {
    width: 55px;
    height: 55px;

    display: flex;

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

    color: #006ffc;

    background: #ffffff;

    border-radius: 14px;

    font-size: 19px;

    box-shadow: 0 8px 20px rgba(20, 50, 90, 0.06);

    transition: all 0.35s ease;
}

.industry-card-services:hover .industry-icon {
    color: #006ffc;

    background: #ffffff;

    transform: rotate(-5deg);
}


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

.industry-content {
    position: relative;

    z-index: 2;
}

.industry-content h3 {
    color: #20242a;

    font-size: 20px;

    line-height: 1.3;

    font-weight: 700;

    margin: 0 0 10px;

    transition: color 0.35s ease;
}

.industry-content p {
    color: #737980;

    font-size: 12px;

    line-height: 1.75;

    margin: 0;

    transition: color 0.35s ease;
}

.industry-card-services:hover .industry-content h3 {
    color: #ffffff;
}

.industry-card-services:hover .industry-content p {
    color: rgba(255, 255, 255, 0.78);
}


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

.industry-arrow {
    position: absolute;

    right: 25px;

    bottom: 23px;

    width: 32px;
    height: 32px;

    display: flex;

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

    color: #006ffc;

    background: #ffffff;

    border-radius: 50%;

    font-size: 10px;

    opacity: 0;

    transform: translateX(-8px);

    transition: all 0.35s ease;
}

.industry-card-services:hover .industry-arrow {
    opacity: 1;

    transform: translateX(0);
}


/* ==========================================
   DECORATIVE CIRCLE
========================================== */

.industry-card-services::after {
    content: "";

    position: absolute;

    right: -70px;

    bottom: -90px;

    width: 190px;
    height: 190px;

    border: 1px solid rgba(0, 111, 252, 0.08);

    border-radius: 50%;

    transition: all 0.5s ease;
}

.industry-card-services:hover::after {
    border-color: rgba(255, 255, 255, 0.13);

    transform: scale(1.15);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199px) {

    .industries-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 991px) {

    .industries-area {
        padding: 80px 0;
    }

    .industries-heading {
        margin-bottom: 45px;
    }

    .industries-heading h2 {
        font-size: 38px;
    }

    .industry-card-services {
        min-height: 275px;
    }
}


@media (max-width: 767px) {

    .industries-area {
        padding: 70px 0;
    }

    .industries-heading h2 {
        font-size: 31px;
    }

    .industries-heading p {
        font-size: 12px;
    }

    .industries-grid {
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .industry-card-services {
        min-height: 245px;

        padding: 23px;

        border-radius: 16px;
    }

    .industry-top {
        margin-bottom: 20px;
    }

    .industry-icon {
        width: 48px;
        height: 48px;

        font-size: 16px;
    }

    .industry-content h3 {
        font-size: 18px;
    }

    .industry-content p {
        font-size: 10px;
    }

    /* Always show arrow on mobile */
    .industry-arrow {
        opacity: 1;

        transform: none;
    }
}
/* End  */


/* Our capablities  */
/* ==========================================
   OUR CAPABILITIES
========================================== */

.capabilities-area {
    position: relative;

    padding: 110px 0;

    background: #f7faff;

    overflow: hidden;
}


/* ==========================================
   IMAGE
========================================== */

.capabilities-image-wrap {
    position: relative;

    padding: 0 25px 25px 0;
}

.capabilities-image {
    position: relative;

    z-index: 2;

    height: 610px;

    overflow: hidden;

    border-radius: 25px;
}

.capabilities-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.7s ease;
}

.capabilities-image-wrap:hover .capabilities-image img {
    transform: scale(1.04);
}


/* ==========================================
   IMAGE OVERLAY
========================================== */

.capabilities-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.02) 40%,
            rgba(0, 25, 65, 0.30) 100%
        );
}


/* ==========================================
   DECORATIVE SHAPE
========================================== */

.capabilities-shape {
    position: absolute;

    right: 0;

    bottom: 0;

    width: 180px;
    height: 180px;

    border-radius: 25px;

    background: #006ffc;

    z-index: 1;
}


/* ==========================================
   FLOATING CARD
========================================== */

.capabilities-floating-card {
    position: absolute;

    left: -25px;

    bottom: 55px;

    z-index: 5;

    display: flex;

    align-items: center;

    gap: 13px;

    padding: 16px 20px;

    background: #ffffff;

    border-radius: 12px;

    box-shadow:
        0 15px 40px rgba(25, 55, 90, 0.13);
}

.floating-icon {
    width: 45px;
    height: 45px;

    display: flex;

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

    color: #ffffff;

    background: #006ffc;

    border-radius: 10px;

    font-size: 16px;
}

.capabilities-floating-card strong {
    display: block;

    color: #20242a;

    font-size: 12px;

    font-weight: 700;

    margin-bottom: 3px;
}

.capabilities-floating-card span {
    display: block;

    color: #838991;

    font-size: 9px;
}


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

.capabilities-content {
    padding-left: 20px;
}

.capabilities-content h2 {
    color: #181818;

    font-size: 42px;

    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 18px;
}

.capabilities-content h2 span {
    color: #006ffc;
}

.capabilities-intro {
    max-width: 590px;

    color: #737980;

    font-size: 12px;

    line-height: 1.85;

    margin: 0 0 30px;
}


/* ==========================================
   CAPABILITY LIST
========================================== */

.capabilities-list {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;
}


/* ==========================================
   CAPABILITY ITEM
========================================== */

.capability-item {
    position: relative;

    display: flex;

    align-items: center;

    min-height: 92px;

    padding: 14px;

    background: #ffffff;

    border: 1px solid #e5ebf3;

    border-radius: 12px;

    overflow: hidden;

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

.capability-item:hover {
    transform: translateY(-3px);

    background: #006ffc;

    border-color: #006ffc;

    box-shadow:
        0 12px 25px rgba(0, 111, 252, 0.14);
}


/* ==========================================
   ICON
========================================== */

.capability-icon {
    width: 43px;
    height: 43px;

    flex-shrink: 0;

    display: flex;

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

    margin-right: 12px;

    color: #006ffc;

    background: #edf5ff;

    border-radius: 10px;

    font-size: 15px;

    transition: all 0.3s ease;
}

.capability-item:hover .capability-icon {
    color: #006ffc;

    background: #ffffff;
}


/* ==========================================
   TEXT
========================================== */

.capability-text {
    padding-right: 20px;
}

.capability-text h3 {
    color: #25292e;

    font-size: 12px;

    line-height: 1.35;

    font-weight: 700;

    margin: 0 0 4px;

    transition: color 0.3s ease;
}

.capability-text p {
    color: #858a91;

    font-size: 12px;

    line-height: 1.5;

    margin: 0;

    transition: color 0.3s ease;
}

.capability-item:hover .capability-text h3 {
    color: #ffffff;
}

.capability-item:hover .capability-text p {
    color: rgba(255, 255, 255, 0.76);
}


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

.capability-arrow {
    position: absolute;

    right: 10px;
    top: 50%;

    transform: translateY(-50%) translateX(5px);

    color: #006ffc;

    font-size: 9px;

    opacity: 0;

    transition: all 0.3s ease;
}

.capability-item:hover .capability-arrow {
    opacity: 1;

    transform: translateY(-50%) translateX(0);

    color: #ffffff;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199px) {

    .capabilities-image {
        height: 600px;
    }

    .capabilities-content {
        padding-left: 5px;
    }

    .capabilities-content h2 {
        font-size: 36px;
    }

    .capability-item {
        min-height: 100px;
    }
}


@media (max-width: 991px) {

    .capabilities-area {
        padding: 80px 0;
    }

    .capabilities-image {
        height: 500px;
    }

    .capabilities-content {
        padding-left: 0;

        margin-top: 20px;
    }

    .capabilities-content h2 {
        font-size: 38px;
    }

    .capabilities-list {
        gap: 12px;
    }
}


@media (max-width: 767px) {

    .capabilities-area {
        padding: 70px 0;
    }

    .capabilities-image-wrap {
        padding: 0 12px 12px 0;
    }

    .capabilities-image {
        height: 400px;

        border-radius: 18px;
    }

    .capabilities-shape {
        width: 110px;
        height: 110px;

        border-radius: 15px;
    }

    .capabilities-floating-card {
        left: 10px;

        bottom: 35px;

        padding: 11px 14px;
    }

    .floating-icon {
        width: 38px;
        height: 38px;

        font-size: 13px;
    }

    .capabilities-floating-card strong {
        font-size: 10px;
    }

    .capabilities-floating-card span {
        font-size: 8px;
    }

    .capabilities-content h2 {
        font-size: 31px;
    }

    .capabilities-intro {
        font-size: 11px;
    }

    .capabilities-list {
        grid-template-columns: 1fr;
    }

    .capability-item {
        min-height: 82px;
    }

    .capability-text h3 {
        font-size: 11px;
    }

    .capability-text p {
        font-size: 8px;
    }
}
/* End  */


/* CTA SECTION  */
/* ==========================================
   FINAL CTA
========================================== */

.final-cta-area {
    padding: 90px 0;

    background: #ffffff;
}


/* ==========================================
   CTA BOX
========================================== */

.final-cta-box {
    position: relative;

    min-height: 390px;

    display: flex;

    align-items: center;

    padding: 65px 75px;

    background:
        linear-gradient(
            120deg,
            #101b2d 0%,
            #07101f 55%,
            #06172f 100%
        );

    border-radius: 28px;

    overflow: hidden;

    box-shadow:
        0 25px 60px rgba(10, 25, 50, 0.15);
}


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

.final-cta-content {
    position: relative;

    z-index: 5;
}

.final-cta-label {
    display: inline-block;

    color: #69a9ff;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;

    margin-bottom: 14px;
}

.final-cta-content h2 {
    max-width: 700px;

    color: #ffffff;

    font-size: 45px;

    line-height: 1.15;

    font-weight: 700;

    margin: 0 0 18px;
}

.final-cta-content h2 span {
    color: #4d9aff;
}

.final-cta-content p {
    max-width: 620px;

    color: rgba(255, 255, 255, 0.68);

    font-size: 13px;

    line-height: 1.8;

    margin: 0 0 28px;
}


/* ==========================================
   BUTTONS
========================================== */

.final-cta-buttons {
    display: flex;

    align-items: center;

    gap: 12px;
}

.final-cta-primary,
.final-cta-secondary {
    display: inline-flex;

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

    gap: 10px;

    min-height: 46px;

    padding: 0 21px;

    border-radius: 7px;

    font-size: 11px;

    font-weight: 700;

    text-decoration: none;

    transition: all 0.3s ease;
}


/* Primary */

.final-cta-primary {
    color: #ffffff;

    background: #006ffc;
}

.final-cta-primary:hover {
    color: #ffffff;

    background: #1680ff;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(0, 111, 252, 0.3);
}

.final-cta-primary i {
    transition: transform 0.3s ease;
}

.final-cta-primary:hover i {
    transform: translateX(4px);
}


/* Secondary */

.final-cta-secondary {
    color: #ffffff;

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

    border: 1px solid rgba(255, 255, 255, 0.18);
}

.final-cta-secondary:hover {
    color: #ffffff;

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

    border-color: rgba(255, 255, 255, 0.35);

    transform: translateY(-2px);
}


/* ==========================================
   VISUAL
========================================== */

.final-cta-visual {
    position: relative;

    width: 300px;
    height: 300px;

    margin-left: auto;

    z-index: 2;
}


/* Large circle */

.cta-circle-large {
    position: absolute;

    width: 250px;
    height: 250px;

    top: 25px;
    left: 25px;

    border: 1px solid rgba(77, 154, 255, 0.18);

    border-radius: 50%;
}

.cta-circle-large::before {
    content: "";

    position: absolute;

    inset: 25px;

    border: 1px dashed rgba(77, 154, 255, 0.18);

    border-radius: 50%;
}


/* Small circle */

.cta-circle-small {
    position: absolute;

    width: 150px;
    height: 150px;

    top: 75px;
    left: 75px;

    background:
        radial-gradient(
            circle,
            rgba(0, 111, 252, 0.28),
            rgba(0, 111, 252, 0.02) 70%
        );

    border-radius: 50%;
}


/* Center icon */

.cta-visual-icon {
    position: absolute;

    top: 112px;
    left: 112px;

    width: 76px;
    height: 76px;

    display: flex;

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

    color: #ffffff;

    background: #006ffc;

    border: 8px solid rgba(255, 255, 255, 0.08);

    border-radius: 50%;

    font-size: 23px;

    box-shadow:
        0 0 35px rgba(0, 111, 252, 0.4);
}


/* ==========================================
   VISUAL LINES
========================================== */

.cta-visual-line {
    position: absolute;

    height: 1px;

    background: rgba(77, 154, 255, 0.35);

    transform-origin: left center;
}

.line-one {
    width: 75px;

    top: 100px;
    left: 200px;

    transform: rotate(-25deg);
}

.line-two {
    width: 70px;

    top: 210px;
    left: 180px;

    transform: rotate(28deg);
}


/* Dots */

.cta-visual-dot {
    position: absolute;

    width: 9px;
    height: 9px;

    background: #4d9aff;

    border-radius: 50%;

    box-shadow:
        0 0 15px rgba(77, 154, 255, 0.7);
}

.dot-one {
    top: 65px;
    right: 18px;
}

.dot-two {
    bottom: 65px;
    right: 28px;
}


/* ==========================================
   BACKGROUND GLOWS
========================================== */

.cta-glow {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}

.cta-glow-one {
    width: 350px;
    height: 350px;

    top: -200px;
    left: 35%;

    background: rgba(0, 111, 252, 0.10);

    filter: blur(10px);
}

.cta-glow-two {
    width: 300px;
    height: 300px;

    right: -160px;
    bottom: -170px;

    background: rgba(0, 111, 252, 0.12);

    filter: blur(10px);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199px) {

    .final-cta-box {
        padding: 55px 50px;
    }

    .final-cta-content h2 {
        font-size: 39px;
    }

    .final-cta-visual {
        transform: scale(0.85);
    }
}


@media (max-width: 991px) {

    .final-cta-area {
        padding: 70px 0;
    }

    .final-cta-box {
        padding: 55px 45px;
    }

    .final-cta-content h2 {
        font-size: 38px;
    }

    .final-cta-visual {
        display: none;
    }
}


@media (max-width: 767px) {

    .final-cta-area {
        padding: 60px 0;
    }

    .final-cta-box {
        min-height: auto;

        padding: 45px 25px;

        border-radius: 20px;
    }

    .final-cta-content h2 {
        font-size: 30px;
    }

    .final-cta-content p {
        font-size: 11px;
    }

    .final-cta-buttons {
        flex-wrap: wrap;
    }

    .final-cta-primary,
    .final-cta-secondary {
        min-height: 43px;

        padding: 0 17px;

        font-size: 10px;
    }
}
/* END  */


/* service FAQ  */
/* ==========================================
   FAQ SECTION
========================================== */

.faq-area {
    padding: 105px 0;

    background: #fff;
}


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

.faq-area .section-title {
    max-width: 700px;

    margin: 0 auto 50px;
}

.faq-area .section-title h2 {
    color: #181818;

    font-size: 42px;

    line-height: 1.2;

    font-weight: 700;

    margin: 12px 0 15px;
}

.faq-area .section-title p {
    color: #777e87;

    font-size: 12px;

    line-height: 1.8;

    margin: 0;
}


/* ==========================================
   FAQ COLUMN
========================================== */

.faq-column {
    display: flex;

    flex-direction: column;

    gap: 12px;
}


/* ==========================================
   FAQ ITEM
========================================== */

.faq-item {
    background: #ffffff;

    border: 1px solid #e5ebf2;

    border-radius: 12px;

    overflow: hidden;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.faq-item:hover {
    border-color: #cbdcf3;
}

.faq-item.active {
    border-color: #006ffc;

    box-shadow:
        0 10px 30px rgba(0, 111, 252, 0.08);
}


/* ==========================================
   QUESTION
========================================== */

.faq-question {
    width: 100%;

    min-height: 70px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    padding: 17px 20px;

    border: 0;

    outline: 0;

    background: transparent;

    color: #20252b;

    text-align: left;

    cursor: pointer;

    font-family: inherit;

    font-size: 12px;

    font-weight: 700;

    line-height: 1.5;
}

.faq-question span:first-child {
    flex: 1;
}


/* ==========================================
   FAQ ICON
========================================== */

.faq-icon {
    width: 32px;
    height: 32px;

    flex-shrink: 0;

    display: flex;

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

    color: #006ffc;

    background: #edf5ff;

    border-radius: 50%;

    font-size: 10px;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        color 0.3s ease;
}

.faq-item.active .faq-icon {
    color: #ffffff;

    background: #006ffc;

    transform: rotate(45deg);
}


/* ==========================================
   ANSWER
========================================== */

.faq-answer {
    display: none;

    padding: 0 20px 20px;
}

.faq-item.active .faq-answer {
    display: block;
}

.faq-answer p {
    color: #777e87;

    font-size: 12px;

    line-height: 1.85;

    margin: 0;

    padding-top: 2px;
}

.faq-answer strong {
    color: #4c535b;

    font-weight: 700;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .faq-area {
        padding: 80px 0;
    }

    .faq-area .section-title {
        margin-bottom: 40px;
    }

    .faq-area .section-title h2 {
        font-size: 36px;
    }

}


@media (max-width: 767px) {

    .faq-area {
        padding: 70px 0;
    }

    .faq-area .section-title {
        margin-bottom: 30px;
    }

    .faq-area .section-title h2 {
        font-size: 30px;
    }

    .faq-area .section-title p {
        font-size: 10px;
    }

    .faq-question {
        min-height: 64px;

        padding: 15px;

        font-size: 11px;
    }

    .faq-icon {
        width: 28px;
        height: 28px;

        font-size: 9px;
    }

    .faq-answer {
        padding: 0 15px 18px;
    }

    .faq-answer p {
        font-size: 9px;
    }

}
/* End  */


/* =====================================================
   FOOTER
===================================================== */

.footer-area {
    position: relative;

    background: #020d4b;

    color: #fff;

    overflow: hidden;
}


/* =====================================================
   MAIN FOOTER
===================================================== */

.footer-main {
    padding: 70px 0 65px;
}


/* =====================================================
   COMPANY SECTION
===================================================== */

.footer-company {
    padding-right: 45px;

    text-align: center;
}

.footer-logo {
    display: inline-block;

    margin-bottom: 12px;
}

.footer-logo img {
    width: 175px;

    max-width: 100%;

    height: auto;
}

.footer-company h3 {
    color: #fff;

    font-size: 18px;

    font-weight: 800;

    margin: 0 0 22px;

    letter-spacing: 0.3px;
}

.footer-company p {
    color: rgba(255,255,255,0.78);

    font-size: 12px;

    line-height: 1.8;

    margin: 0;
}


/* =====================================================
   SOCIAL ICONS
===================================================== */

.footer-social {
    display: flex;

    justify-content: center;

    align-items: center;

    gap: 12px;

    margin-top: 28px;
}

.footer-social a {
    width: 42px;
    height: 42px;

    display: flex;

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

    border-radius: 50%;

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

    color: #fff;

    font-size: 18px;

    text-decoration: none;

    transition: all 0.3s ease;
}

.footer-social a:hover {
    background: #087cff;

    transform: translateY(-4px);

    color: #fff;
}


/* =====================================================
   FOOTER COLUMNS
===================================================== */

.footer-column {
    min-height: 380px;

    padding-left: 40px;

    border-left: 1px solid rgba(255,255,255,0.15);
}

.footer-column h4 {
    color: #fff;

    font-size: 18px;

    font-weight: 800;

    margin: 0 0 38px;

    line-height: 1;
}


/* =====================================================
   FOOTER LINKS
===================================================== */

.footer-column ul {
    list-style: none;

    margin: 0;

    padding: 0;
}

.footer-column ul li {
    margin-bottom: 27px;
}

.footer-column ul li:last-child {
    margin-bottom: 0;
}

.footer-column ul li a {
    position: relative;

    color: rgba(255,255,255,0.82);

    font-size: 12px;

    text-decoration: none;

    line-height: 1.5;

    padding-left: 25px;

    transition: all 0.3s ease;
}

.footer-column ul li a::before {
    content: "\f061";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    position: absolute;

    left: 0;

    top: 1px;

    color: #087cff;

    font-size: 10px;

    transition: all 0.3s ease;
}

.footer-column ul li a:hover {
    color: #fff;

    padding-left: 30px;
}

.footer-column ul li a:hover::before {
    left: 5px;
}


/* =====================================================
   CONTACT
===================================================== */

.footer-contact {
    padding-left: 40px;
}

.contact-item {
    display: flex;

    align-items: flex-start;

    gap: 15px;

    margin-bottom: 30px;
}

.contact-icon {
    width: 30px;

    flex-shrink: 0;

    color: #fff;

    font-size: 24px;

    line-height: 1;
}

.contact-content {
    flex: 1;
}

.contact-content p {
    color: rgba(255,255,255,0.82);

    font-size: 12px;

    line-height: 1.8;

    margin: 0;
}

.contact-content strong {
    display: block;

    color: #fff;

    font-size: 13px;

    margin-bottom: 8px;
}

.contact-content a {
    display: block;

    color: rgba(255,255,255,0.82);

    font-size: 12px;

    line-height: 1.8;

    text-decoration: none;

    transition: color 0.3s ease;
}

.contact-content a:hover {
    color: #087cff;
}


/* =====================================================
   BLUE CONTACT LINE
===================================================== */

.contact-line {
    width: 55px;

    height: 4px;

    background: #087cff;

    margin-left: 40px;

    margin-top: -8px;
}


/* =====================================================
   COPYRIGHT
===================================================== */

.footer-bottom {
    border-top: 4px solid #087cff;

    padding: 38px 0 42px;

    text-align: center;
}

.footer-bottom p {
    color: rgba(255,255,255,0.9);

    font-size: 15px;

    margin: 0;

    line-height: 1.5;
}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1199px) {

    .footer-company {
        padding-right: 25px;
    }

    .footer-column {
        padding-left: 25px;
    }

    .footer-column h4 {
        font-size: 16px;
    }

    .footer-column ul li a {
        font-size: 11px;
    }

}


@media (max-width: 991px) {

    .footer-main {
        padding: 60px 0 45px;
    }

    .footer-company {
        padding-right: 0;

        margin-bottom: 30px;
    }

    .footer-column {
        min-height: auto;

        padding-left: 25px;

        margin-bottom: 30px;
    }

    .footer-column h4 {
        margin-bottom: 25px;
    }

    .footer-column ul li {
        margin-bottom: 15px;
    }

    .footer-contact {
        margin-top: 20px;
    }

}


@media (max-width: 767px) {

    .footer-main {
        padding: 50px 0 25px;
    }

    .footer-company {
        padding: 0 15px 30px;
    }

    .footer-logo img {
        width: 155px;
    }

    .footer-company h3 {
        font-size: 16px;
    }

    .footer-company p {
        font-size: 11px;
    }

    .footer-column {
        min-height: auto;

        padding-left: 20px;

        margin-bottom: 35px;
    }

    .footer-column h4 {
        font-size: 15px;

        margin-bottom: 22px;
    }

    .footer-column ul li {
        margin-bottom: 13px;
    }

    .footer-column ul li a {
        font-size: 11px;
    }

    .footer-contact {
        padding-left: 20px;
    }

    .footer-bottom {
        padding: 25px 15px 30px;
    }

    .footer-bottom p {
        font-size: 11px;
    }

}



/* FAQ Page section  */

/* Hero  */
/* ==========================================
   FAQ HERO
========================================== */

.faq-hero-area {
    position: relative;

    padding: 110px 0 100px;

    background: #f5f9ff;

    overflow: hidden;
}


/* Decorative Background */

.faq-hero-area::before {
    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    right: -180px;
    top: -180px;

    background: rgba(0, 111, 252, 0.06);

    border-radius: 50%;
}

.faq-hero-area::after {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    left: -120px;
    bottom: -130px;

    background: rgba(0, 111, 252, 0.05);

    border-radius: 50%;
}


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

.faq-hero-content {
    position: relative;

    z-index: 2;

    max-width: 700px;
}

.faq-hero-label {
    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #006ffc;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;

    margin-bottom: 18px;
}

.faq-hero-label::before {
    content: "";

    width: 32px;
    height: 2px;

    background: #006ffc;
}

.faq-hero-content h1 {
    color: #111827;

    font-size: 58px;

    line-height: 1.12;

    font-weight: 800;

    margin: 0 0 22px;

    max-width: 650px;
}

.faq-hero-content p {
    color: #687386;

    font-size: 15px;

    line-height: 1.8;

    max-width: 620px;

    margin: 0;
}


/* ==========================================
   BUTTONS
========================================== */

.faq-hero-buttons {
    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 35px;
}

.faq-primary-btn {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 14px 25px;

    border-radius: 5px;

    text-decoration: none;

    transition: all 0.3s ease;
}

.faq-primary-btn:hover {
    transform: translateY(-3px);
}

.faq-secondary-btn {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 50px;

    padding: 0 24px;

    color: #006ffc;

    background: #ffffff;

    border: 1px solid #d9e5f5;

    border-radius: 5px;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;
}

.faq-secondary-btn:hover {
    color: #ffffff;

    background: #006ffc;

    border-color: #006ffc;

    transform: translateY(-3px);
}


/* ==========================================
   HERO VISUAL
========================================== */

.faq-hero-visual {
    position: relative;

    width: 390px;
    height: 390px;

    margin: 0 auto;

    z-index: 2;
}


/* Main Circle */

.faq-hero-circle {
    position: absolute;

    width: 330px;
    height: 330px;

    top: 30px;
    left: 30px;

    background: #e7f1ff;

    border-radius: 50%;
}


/* Main Icon */

.faq-hero-main-icon {
    position: absolute;

    width: 145px;
    height: 145px;

    top: 105px;
    left: 105px;

    display: flex;

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

    background: #006ffc;

    color: #ffffff;

    border-radius: 35px;

    font-size: 55px;

    box-shadow:
        0 25px 60px rgba(0, 111, 252, 0.25);

    transform: rotate(-5deg);
}


/* ==========================================
   FLOATING CARDS
========================================== */

.faq-hero-card {
    position: absolute;

    z-index: 4;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 14px 18px;

    background: #ffffff;

    border-radius: 10px;

    box-shadow:
        0 15px 45px rgba(20, 50, 90, 0.12);
}

.faq-card-one {
    top: 35px;

    right: -10px;
}

.faq-card-two {
    bottom: 45px;

    left: -20px;
}

.faq-mini-icon {
    width: 38px;
    height: 38px;

    flex-shrink: 0;

    display: flex;

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

    color: #006ffc;

    background: #edf5ff;

    border-radius: 8px;

    font-size: 14px;
}

.faq-hero-card strong {
    display: block;

    color: #1c2634;

    font-size: 11px;

    font-weight: 700;

    margin-bottom: 3px;
}

.faq-hero-card span {
    display: block;

    color: #8993a2;

    font-size: 9px;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199px) {

    .faq-hero-content h1 {
        font-size: 50px;
    }

    .faq-hero-visual {
        transform: scale(0.9);
    }

}


@media (max-width: 991px) {

    .faq-hero-area {
        padding: 80px 0;
    }

    .faq-hero-content {
        text-align: center;

        margin: 0 auto;
    }

    .faq-hero-label {
        justify-content: center;
    }

    .faq-hero-content h1 {
        font-size: 44px;

        margin-left: auto;
        margin-right: auto;
    }

    .faq-hero-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .faq-hero-buttons {
        justify-content: center;
    }

    .faq-hero-visual {
        margin-top: 50px;
    }

}


@media (max-width: 575px) {

    .faq-hero-area {
        padding: 65px 0;
    }

    .faq-hero-content h1 {
        font-size: 34px;
    }

    .faq-hero-content p {
        font-size: 12px;
    }

    .faq-hero-buttons {
        flex-direction: column;

        width: 100%;
    }

    .faq-primary-btn,
    .faq-secondary-btn {
        width: 100%;
    }

    .faq-hero-visual {
        width: 300px;
        height: 300px;

        transform: scale(0.9);
    }

    .faq-hero-circle {
        width: 260px;
        height: 260px;
    }

    .faq-hero-main-icon {
        width: 110px;
        height: 110px;

        top: 80px;
        left: 80px;

        font-size: 42px;
    }

    .faq-card-one {
        right: -20px;
    }

    .faq-card-two {
        left: -35px;
    }

}
/* End  */


/* FAQ Category  */
/* ==========================================
   FAQ CATEGORY SECTION
========================================== */

.faq-category-area {
    padding: 100px 0;

    background: #ffffff;
}


/* ==========================================
   HEADING
========================================== */

.faq-category-heading {
    max-width: 720px;

    margin: 0 auto 55px;
}

.faq-category-label {
    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #006ffc;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 14px;
}

.faq-category-label::before,
.faq-category-label::after {
    content: "";

    width: 25px;
    height: 2px;

    background: #006ffc;
}

.faq-category-heading h2 {
    color: #151c28;

    font-size: 42px;

    font-weight: 800;

    line-height: 1.2;

    margin: 0 0 15px;
}

.faq-category-heading p {
    color: #7b8492;

    font-size: 13px;

    line-height: 1.8;

    margin: 0;
}


/* ==========================================
   CATEGORY CARD
========================================== */

.faq-category-card {
    position: relative;

    display: block;

    min-height: 230px;

    padding: 35px 32px;

    background: #ffffff;

    border: 1px solid #e7edf5;

    border-radius: 12px;

    overflow: hidden;

    text-decoration: none;

    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}


/* Top Blue Line */

.faq-category-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 4px;

    background: #006ffc;

    transition: width 0.35s ease;
}


/* Hover */

.faq-category-card:hover {
    transform: translateY(-7px);

    border-color: #d7e7fa;

    box-shadow:
        0 20px 45px rgba(0, 80, 180, 0.10);
}

.faq-category-card:hover::before {
    width: 100%;
}


/* ==========================================
   NUMBER
========================================== */

.faq-category-number {
    position: absolute;

    top: 25px;
    right: 25px;

    color: #e9f1fb;

    font-size: 38px;

    font-weight: 800;

    line-height: 1;
}


/* ==========================================
   ICON
========================================== */

.faq-category-icon {
    width: 58px;
    height: 58px;

    display: flex;

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

    margin-bottom: 25px;

    color: #006ffc;

    background: #edf5ff;

    border-radius: 12px;

    font-size: 21px;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}

.faq-category-card:hover .faq-category-icon {
    color: #ffffff;

    background: #006ffc;
}


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

.faq-category-content {
    position: relative;

    z-index: 2;
}

.faq-category-content h3 {
    color: #202936;

    font-size: 18px;

    font-weight: 700;

    margin: 0 0 10px;
}

.faq-category-content p {
    max-width: 300px;

    color: #7c8592;

    font-size: 12px;

    line-height: 1.75;

    margin: 0;
}


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

.faq-category-arrow {
    position: absolute;

    right: 30px;
    bottom: 28px;

    width: 34px;
    height: 34px;

    display: flex;

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

    color: #006ffc;

    background: #f2f7fd;

    border-radius: 50%;

    font-size: 11px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.faq-category-card:hover .faq-category-arrow {
    color: #ffffff;

    background: #006ffc;

    transform: translateX(4px);
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .faq-category-area {
        padding: 80px 0;
    }

    .faq-category-heading {
        margin-bottom: 40px;
    }

    .faq-category-heading h2 {
        font-size: 36px;
    }

}


@media (max-width: 767px) {

    .faq-category-area {
        padding: 65px 0;
    }

    .faq-category-heading h2 {
        font-size: 30px;
    }

    .faq-category-heading p {
        font-size: 11px;
    }

    .faq-category-card {
        min-height: 210px;

        padding: 28px 25px;
    }

    .faq-category-content h3 {
        font-size: 16px;
    }

}

/* End  */


/* Getting started  */
/* ==========================================
   GETTING STARTED SECTION
========================================== */

.getting-started-area {
    padding: 100px 0;

    background: #f7faff;
}


/* ==========================================
   LEFT INTRO
========================================== */

.getting-started-intro {
    position: sticky;

    top: 100px;

    padding-right: 45px;
}

.getting-started-label {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #006ffc;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 16px;
}

.getting-started-label::before {
    content: "";

    width: 30px;
    height: 2px;

    background: #006ffc;
}

.getting-started-intro h2 {
    color: #17202e;

    font-size: 40px;

    line-height: 1.2;

    font-weight: 800;

    margin: 0 0 20px;
}

.getting-started-intro p {
    color: #737e8d;

    font-size: 13px;

    line-height: 1.8;

    margin-bottom: 30px;
}


/* ==========================================
   HELP BADGE
========================================== */

.getting-started-badge {
    display: flex;

    align-items: center;

    gap: 13px;

    padding: 15px 18px;

    background: #ffffff;

    border: 1px solid #e5edf7;

    border-radius: 10px;

    box-shadow: 0 10px 30px rgba(20, 50, 90, 0.06);
}

.getting-started-badge > i {
    width: 42px;
    height: 42px;

    display: flex;

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

    color: #ffffff;

    background: #006ffc;

    border-radius: 8px;

    font-size: 15px;
}

.getting-started-badge strong {
    display: block;

    color: #202936;

    font-size: 12px;

    margin-bottom: 3px;
}

.getting-started-badge span {
    display: block;

    color: #8993a2;

    font-size: 12px;
}


/* ==========================================
   FAQ WRAPPER
========================================== */

.getting-started-faq {
    display: flex;

    flex-direction: column;

    gap: 16px;
}


/* ==========================================
   FAQ ITEM
========================================== */

.getting-faq-item {
    position: relative;

    display: flex;

    gap: 25px;

    padding: 30px 32px;

    background: #ffffff;

    border: 1px solid #e5edf6;

    border-radius: 12px;

    overflow: hidden;

    transition: all 0.35s ease;
}


/* Blue hover line */

.getting-faq-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 4px;
    height: 0;

    background: #006ffc;

    transition: height 0.35s ease;
}

.getting-faq-item:hover {
    transform: translateX(5px);

    border-color: #d5e5f8;

    box-shadow: 0 15px 35px rgba(0, 80, 180, 0.08);
}

.getting-faq-item:hover::before {
    height: 100%;
}


/* ==========================================
   NUMBER
========================================== */

.getting-faq-number {
    flex-shrink: 0;

    color: #006ffc;

    font-size: 15px;

    font-weight: 800;

    line-height: 1.5;
}


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

.getting-faq-content h3 {
    color: #1d2735;

    font-size: 17px;

    font-weight: 700;

    line-height: 1.4;

    margin: 0 0 10px;
}

.getting-faq-content p {
    color: #7a8492;

    font-size: 12px;

    line-height: 1.8;

    margin: 0;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .getting-started-area {
        padding: 80px 0;
    }

    .getting-started-intro {
        position: static;

        padding-right: 0;

        margin-bottom: 45px;

        text-align: center;
    }

    .getting-started-label {
        justify-content: center;
    }

    .getting-started-intro h2 {
        font-size: 36px;
    }

    .getting-started-badge {
        max-width: 350px;

        margin: 0 auto;

        text-align: left;
    }

}


@media (max-width: 575px) {

    .getting-started-area {
        padding: 65px 0;
    }

    .getting-started-intro h2 {
        font-size: 30px;
    }

    .getting-started-intro p {
        font-size: 11px;
    }

    .getting-faq-item {
        gap: 15px;

        padding: 24px 20px;
    }

    .getting-faq-number {
        font-size: 13px;
    }

    .getting-faq-content h3 {
        font-size: 15px;
    }

    .getting-faq-content p {
        font-size: 11px;
    }

}
/* End  */

/* Service and capabilities  */
/* ==========================================
   SERVICES & CAPABILITIES
========================================== */

.services-capabilities-area {
    padding: 100px 0;
    background: #ffffff;
}


/* ==========================================
   LEFT VISUAL
========================================== */

.services-capabilities-visual {
    position: relative;

    width: 430px;
    height: 430px;

    margin: 0 auto;
}

.services-visual-bg {
    position: absolute;

    width: 350px;
    height: 350px;

    left: 40px;
    top: 40px;

    background: #edf5ff;

    border-radius: 50%;
}


/* Main Icon */

.services-main-icon {
    position: absolute;

    width: 155px;
    height: 155px;

    left: 138px;
    top: 135px;

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

    color: #ffffff;

    background: #006ffc;

    border-radius: 35px;

    font-size: 55px;

    box-shadow:
        0 25px 60px rgba(0, 111, 252, 0.25);

    transform: rotate(-6deg);
}


/* ==========================================
   FLOATING CARDS
========================================== */

.services-floating-card {
    position: absolute;

    z-index: 3;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 13px 17px;

    background: #ffffff;

    border: 1px solid #e6edf6;

    border-radius: 9px;

    box-shadow:
        0 15px 40px rgba(30, 70, 120, 0.10);

    color: #202936;

    font-size: 11px;

    font-weight: 600;
}

.services-floating-card i {
    width: 34px;
    height: 34px;

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

    color: #006ffc;

    background: #edf5ff;

    border-radius: 7px;
}

.services-float-one {
    top: 45px;
    right: -10px;
}

.services-float-two {
    left: -10px;
    top: 175px;
}

.services-float-three {
    bottom: 45px;
    right: 0;
}


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

.services-capabilities-content {
    padding-left: 35px;
}

.services-capabilities-label {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #006ffc;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 15px;
}

.services-capabilities-label::before {
    content: "";

    width: 30px;
    height: 2px;

    background: #006ffc;
}


.services-capabilities-content h2 {
    color: #151d2a;

    font-size: 42px;

    line-height: 1.2;

    font-weight: 800;

    margin: 0 0 15px;

    max-width: 650px;
}

.services-capabilities-intro {
    color: #788392;

    font-size: 12px;

    line-height: 1.8;

    max-width: 620px;

    margin-bottom: 30px;
}


/* ==========================================
   FAQ ITEMS
========================================== */

.services-capabilities-list {
    display: flex;

    flex-direction: column;

    gap: 12px;
}

.services-capability-item {
    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 15px;

    padding: 20px 22px;

    background: #f8fbff;

    border: 1px solid #e5edf7;

    border-radius: 9px;

    transition: all 0.3s ease;

    overflow: hidden;
}

.services-capability-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 3px;
    height: 0;

    background: #006ffc;

    transition: height 0.3s ease;
}

.services-capability-item:hover {
    background: #ffffff;

    border-color: #d6e6f9;

    transform: translateX(5px);

    box-shadow:
        0 12px 30px rgba(0, 80, 180, 0.07);
}

.services-capability-item:hover::before {
    height: 100%;
}


/* ==========================================
   NUMBER
========================================== */

.services-capability-number {
    min-width: 25px;

    padding-top: 3px;

    color: #006ffc;

    font-size: 11px;

    font-weight: 800;
}


/* ==========================================
   ICON
========================================== */

.services-capability-icon {
    width: 42px;
    height: 42px;

    flex-shrink: 0;

    display: flex;

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

    color: #006ffc;

    background: #eaf3ff;

    border-radius: 8px;

    font-size: 14px;

    transition: all 0.3s ease;
}

.services-capability-item:hover
.services-capability-icon {
    color: #ffffff;

    background: #006ffc;
}


/* ==========================================
   TEXT
========================================== */

.services-capability-text {
    flex: 1;
}

.services-capability-text h3 {
    color: #202936;

    font-size: 14px;

    line-height: 1.5;

    font-weight: 700;

    margin: 0 0 6px;
}

.services-capability-text p {
    color: #7c8694;

    font-size: 12px;

    line-height: 1.7;

    margin: 0;
}

.services-capability-text strong {
    color: #5e6876;

    font-weight: 600;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199px) {

    .services-capabilities-visual {
        width: 380px;
        height: 380px;
    }

    .services-visual-bg {
        width: 310px;
        height: 310px;
    }

    .services-main-icon {
        width: 135px;
        height: 135px;

        left: 123px;
        top: 123px;
    }

    .services-capabilities-content {
        padding-left: 15px;
    }

    .services-capabilities-content h2 {
        font-size: 36px;
    }

}


@media (max-width: 991px) {

    .services-capabilities-area {
        padding: 80px 0;
    }

    .services-capabilities-visual {
        margin-bottom: 55px;
    }

    .services-capabilities-content {
        padding-left: 0;
    }

}


@media (max-width: 575px) {

    .services-capabilities-area {
        padding: 65px 0;
    }

    .services-capabilities-visual {
        width: 300px;
        height: 300px;
    }

    .services-visual-bg {
        width: 250px;
        height: 250px;

        left: 25px;
        top: 25px;
    }

    .services-main-icon {
        width: 105px;
        height: 105px;

        left: 98px;
        top: 98px;

        font-size: 38px;

        border-radius: 25px;
    }

    .services-floating-card {
        padding: 9px 11px;

        font-size: 8px;
    }

    .services-floating-card i {
        width: 28px;
        height: 28px;

        font-size: 10px;
    }

    .services-float-one {
        right: -20px;
    }

    .services-float-two {
        left: -20px;
    }

    .services-float-three {
        right: -15px;
    }

    .services-capabilities-content h2 {
        font-size: 30px;
    }

    .services-capability-item {
        padding: 17px 15px;

        gap: 10px;
    }

    .services-capability-number {
        min-width: 20px;
    }

    .services-capability-icon {
        width: 36px;
        height: 36px;

        font-size: 12px;
    }

    .services-capability-text h3 {
        font-size: 12px;
    }

    .services-capability-text p {
        font-size: 10px;
    }

}
/* End  */

/* Teams and hiring  */
/* ==========================================
   TEAMS & HIRING
========================================== */

.teams-hiring-area {
    padding: 100px 0;

    background: #f7faff;

    overflow: hidden;
}


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

.teams-hiring-intro {
    padding-right: 45px;
}

.teams-hiring-label {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #006ffc;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 16px;
}

.teams-hiring-label::before {
    content: "";

    width: 30px;
    height: 2px;

    background: #006ffc;
}

.teams-hiring-intro h2 {
    color: #17202e;

    font-size: 42px;

    line-height: 1.2;

    font-weight: 800;

    margin: 0 0 18px;
}

.teams-hiring-intro > p {
    color: #778291;

    font-size: 12px;

    line-height: 1.8;

    margin: 0 0 35px;
}


/* ==========================================
   HIRING JOURNEY
========================================== */

.hiring-journey {
    display: flex;

    flex-direction: column;

    align-items: flex-start;
}

.journey-step {
    display: flex;

    align-items: center;

    gap: 12px;
}

.journey-step span {
    width: 38px;
    height: 38px;

    display: flex;

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

    color: #006ffc;

    background: #ffffff;

    border: 1px solid #dce9f8;

    border-radius: 50%;

    font-size: 10px;

    font-weight: 800;
}

.journey-step strong {
    color: #273241;

    font-size: 11px;

    font-weight: 700;
}

.journey-line {
    width: 1px;
    height: 25px;

    margin-left: 18px;

    background: #cfe0f4;
}


/* ==========================================
   FAQ LIST
========================================== */

.teams-hiring-list {
    display: flex;

    flex-direction: column;

    gap: 12px;
}


/* ==========================================
   FAQ CARD
========================================== */

.team-faq-card {
    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 15px;

    padding: 22px 25px;

    background: #ffffff;

    border: 1px solid #e5edf7;

    border-radius: 10px;

    overflow: hidden;

    transition: all 0.3s ease;
}

.team-faq-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 3px;
    height: 0;

    background: #006ffc;

    transition: height 0.3s ease;
}

.team-faq-card:hover {
    transform: translateX(5px);

    border-color: #d5e5f8;

    box-shadow:
        0 15px 35px rgba(0, 80, 180, 0.08);
}

.team-faq-card:hover::before {
    height: 100%;
}


/* ==========================================
   NUMBER
========================================== */

.team-faq-number {
    min-width: 25px;

    padding-top: 4px;

    color: #006ffc;

    font-size: 11px;

    font-weight: 800;
}


/* ==========================================
   ICON
========================================== */

.team-faq-icon {
    width: 43px;
    height: 43px;

    flex-shrink: 0;

    display: flex;

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

    color: #006ffc;

    background: #edf5ff;

    border-radius: 8px;

    font-size: 14px;

    transition: all 0.3s ease;
}

.team-faq-card:hover .team-faq-icon {
    color: #ffffff;

    background: #006ffc;
}


/* ==========================================
   TEXT
========================================== */

.team-faq-content {
    flex: 1;
}

.team-faq-content h3 {
    color: #202936;

    font-size: 14px;

    line-height: 1.5;

    font-weight: 700;

    margin: 0 0 7px;
}

.team-faq-content p {
    color: #7a8492;

    font-size: 12px;

    line-height: 1.75;

    margin: 0;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .teams-hiring-area {
        padding: 80px 0;
    }

    .teams-hiring-intro {
        padding-right: 0;

        margin-bottom: 45px;

        text-align: center;
    }

    .teams-hiring-label {
        justify-content: center;
    }

    .hiring-journey {
        align-items: center;
    }

    .journey-line {
        margin-left: 0;
    }

    .teams-hiring-intro h2 {
        font-size: 36px;
    }

}


@media (max-width: 575px) {

    .teams-hiring-area {
        padding: 65px 0;
    }

    .teams-hiring-intro h2 {
        font-size: 30px;
    }

    .team-faq-card {
        gap: 10px;

        padding: 18px 15px;
    }

    .team-faq-number {
        min-width: 20px;
    }

    .team-faq-icon {
        width: 36px;
        height: 36px;

        font-size: 11px;
    }

    .team-faq-content h3 {
        font-size: 12px;
    }

    .team-faq-content p {
        font-size: 10px;
    }

}
/* End  */

/* Pricing and contacts  */
/* =========================================
   Pricing & Contracts FAQ
========================================= */

.pricing-faq-section {
    padding: 100px 0;
    background: #fff;
}

.pricing-faq-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */

.pricing-faq-header {
    max-width: 760px;
    margin-bottom: 55px;
}

.section-label {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #006ffc;
}

.pricing-faq-header h2 {
    margin: 0 0 20px;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    color: #111827;
}

.pricing-faq-header p {
    margin: 0;
    max-width: 650px;
    font-size: 17px;
    line-height: 1.7;
    color: #6b7280;
}

/* FAQ List */

.pricing-faq-list {
    border-top: 1px solid #dfe4eb;
}

.pricing-faq-item {
    border-bottom: 1px solid #dfe4eb;
}

/* Question */

.pricing-faq-question {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 27px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
}

.pricing-faq-question > span {
    display: flex;
    align-items: center;
    gap: 25px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
    color: #172033;
}

.pricing-faq-question small {
    min-width: 32px;
    font-size: 13px;
    font-weight: 600;
    color: #006ffc;
}

/* Icon */

.faq-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border: 1px solid #d8dee8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    color: #006ffc;
    transition: all 0.3s ease;
}

/* Answer */

.pricing-faq-answer {
    display: none;
    padding: 0 75px 28px 62px;
}

.pricing-faq-answer p {
    max-width: 850px;
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #667085;
}

/* Hover */

.pricing-faq-question:hover > span {
    color: #006ffc;
}

.pricing-faq-question:hover .faq-icon {
    background: #006ffc;
    border-color: #006ffc;
    color: #fff;
}

/* Active */

.pricing-faq-item.active .pricing-faq-answer {
    display: block;
}

.pricing-faq-item.active .faq-icon {
    transform: rotate(45deg);
    background: #006ffc;
    border-color: #006ffc;
    color: #fff;
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 991px) {

    .pricing-faq-section {
        padding: 80px 0;
    }

    .pricing-faq-header h2 {
        font-size: 40px;
    }

}

@media (max-width: 767px) {

    .pricing-faq-section {
        padding: 60px 0;
    }

    .pricing-faq-header {
        margin-bottom: 35px;
    }

    .pricing-faq-header h2 {
        font-size: 32px;
    }

    .pricing-faq-header p {
        font-size: 15px;
    }

    .pricing-faq-question {
        padding: 22px 0;
        gap: 15px;
    }

    .pricing-faq-question > span {
        gap: 15px;
        font-size: 17px;
    }

    .pricing-faq-question small {
        min-width: 25px;
    }

    .faq-icon {
        width: 32px;
        height: 32px;
        min-width: 32px;
        font-size: 19px;
    }

    .pricing-faq-answer {
        padding: 0 45px 22px 40px;
    }

    .pricing-faq-answer p {
        font-size: 15px;
    }

}
/* End  */

/* Quality and security  */
/* =========================================
   Quality, Security & Compliance
========================================= */

.quality-security-section {
    padding: 100px 0;
    background: #f5f9ff;
}

.quality-security-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */

.quality-security-header {
    max-width: 800px;
    margin-bottom: 55px;
}

.quality-security-header .section-label {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #006ffc;
}

.quality-security-header h2 {
    margin: 0 0 20px;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    color: #111827;
}

.quality-security-header p {
    max-width: 680px;
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #6b7280;
}

/* FAQ List */

.quality-security-list {
    border-top: 1px solid #dfe4eb;
}

.quality-security-item {
    border-bottom: 1px solid #dfe4eb;
}

/* Question */

.quality-security-question {
    width: 100%;
    padding: 27px 5px;
    border: 0;
    background: transparent;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    text-align: left;
    cursor: pointer;
    font-family: inherit;
}

.quality-security-question > span {
    display: flex;
    align-items: center;
    gap: 25px;

    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
    color: #172033;

    transition: color 0.3s ease;
}

.quality-security-question small {
    min-width: 32px;
    font-size: 13px;
    font-weight: 600;
    color: #006ffc;
}

/* Icon */

.quality-faq-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;

    border: 1px solid #d8dee8;
    border-radius: 50%;

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

    font-size: 22px;
    font-style: normal;
    font-weight: 400;

    color: #006ffc;

    transition: all 0.3s ease;
}

/* Answer */

.quality-security-answer {
    display: none;
    padding: 0 75px 28px 62px;
}

.quality-security-answer p {
    max-width: 850px;
    margin: 0;

    font-size: 16px;
    line-height: 1.8;
    color: #667085;
}

/* Hover */

.quality-security-question:hover > span {
    color: #006ffc;
}

.quality-security-question:hover .quality-faq-icon {
    background: #006ffc;
    border-color: #006ffc;
    color: #ffffff;
}

/* Active */

.quality-security-item.active .quality-security-answer {
    display: block;
}

.quality-security-item.active .quality-faq-icon {
    transform: rotate(45deg);
    background: #006ffc;
    border-color: #006ffc;
    color: #ffffff;
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 991px) {

    .quality-security-section {
        padding: 80px 0;
    }

    .quality-security-header h2 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {

    .quality-security-section {
        padding: 60px 0;
    }

    .quality-security-header {
        margin-bottom: 35px;
    }

    .quality-security-header h2 {
        font-size: 32px;
    }

    .quality-security-header p {
        font-size: 15px;
    }

    .quality-security-question {
        padding: 22px 0;
        gap: 15px;
    }

    .quality-security-question > span {
        gap: 15px;
        font-size: 17px;
    }

    .quality-security-question small {
        min-width: 25px;
    }

    .quality-faq-icon {
        width: 32px;
        height: 32px;
        min-width: 32px;
        font-size: 19px;
    }

    .quality-security-answer {
        padding: 0 45px 22px 40px;
    }

    .quality-security-answer p {
        font-size: 15px;
    }
}
/* End  */

/* Working with INT Enterprises  */
/* =========================================
   Working With INT Enterprises
========================================= */

.working-together-section {
    padding: 100px 0;
    background: #fff;
}

.working-together-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */

.working-together-header {
    max-width: 800px;
    margin-bottom: 55px;
}

.working-together-header .section-label {
    display: inline-block;
    margin-bottom: 18px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;

    color: #006ffc;
}

.working-together-header h2 {
    margin: 0 0 20px;

    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;

    color: #111827;
}

.working-together-header p {
    max-width: 680px;
    margin: 0;

    font-size: 17px;
    line-height: 1.7;

    color: #6b7280;
}

/* FAQ List */

.working-together-list {
    border-top: 1px solid #dfe4eb;
}

.working-together-item {
    border-bottom: 1px solid #dfe4eb;
}

/* Question */

.working-together-question {
    width: 100%;

    padding: 27px 5px;

    border: 0;
    background: transparent;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    text-align: left;
    cursor: pointer;

    font-family: inherit;
}

.working-together-question > span {
    display: flex;
    align-items: center;
    gap: 25px;

    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;

    color: #172033;

    transition: color 0.3s ease;
}

.working-together-question small {
    min-width: 32px;

    font-size: 13px;
    font-weight: 600;

    color: #006ffc;
}

/* Plus Icon */

.working-faq-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;

    border: 1px solid #d8dee8;
    border-radius: 50%;

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

    font-size: 22px;
    font-style: normal;
    font-weight: 400;

    color: #006ffc;

    transition: all 0.3s ease;
}

/* Answer */

.working-together-answer {
    display: none;

    padding: 0 75px 28px 62px;
}

.working-together-answer p {
    max-width: 850px;

    margin: 0;

    font-size: 16px;
    line-height: 1.8;

    color: #667085;
}

/* Hover */

.working-together-question:hover > span {
    color: #006ffc;
}

.working-together-question:hover .working-faq-icon {
    background: #006ffc;
    border-color: #006ffc;
    color: #ffffff;
}

/* Active */

.working-together-item.active
.working-together-answer {
    display: block;
}

.working-together-item.active
.working-faq-icon {
    transform: rotate(45deg);

    background: #006ffc;
    border-color: #006ffc;

    color: #ffffff;
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 991px) {

    .working-together-section {
        padding: 80px 0;
    }

    .working-together-header h2 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {

    .working-together-section {
        padding: 60px 0;
    }

    .working-together-header {
        margin-bottom: 35px;
    }

    .working-together-header h2 {
        font-size: 32px;
    }

    .working-together-header p {
        font-size: 15px;
    }

    .working-together-question {
        padding: 22px 0;
        gap: 15px;
    }

    .working-together-question > span {
        gap: 15px;
        font-size: 17px;
    }

    .working-together-question small {
        min-width: 25px;
    }

    .working-faq-icon {
        width: 32px;
        height: 32px;
        min-width: 32px;

        font-size: 19px;
    }

    .working-together-answer {
        padding: 0 45px 22px 40px;
    }

    .working-together-answer p {
        font-size: 15px;
    }
}

/* End  */
/* FAQ Page End  */


/* ==========================================
   TYPOGRAPHY BASELINE
   - Standardizes font sizes, weights and
     line-heights across the application so
     headings, body, labels and small text
     stay consistent everywhere.
   ========================================== */

html { font-size: 16px; }

body {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    color: #4b5563;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Jost", sans-serif;
    color: #2B2024;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

h1 { font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 700; }
h2 { font-size: clamp(1.625rem, 3vw, 2.25rem); font-weight: 700; }
h3 { font-size: clamp(1.375rem, 2.4vw, 1.75rem); font-weight: 700; }
h4 { font-size: 1.25rem; font-weight: 600; }
h5 { font-size: 1.125rem; font-weight: 600; }
h6 { font-size: 1rem; font-weight: 600; }

p { margin: 0 0 1rem; color: #4b5563; line-height: 1.7; }

small { font-size: 0.8125rem; color: #6b7280; }

label, .form-label {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: #2B2024;
    letter-spacing: 0.01em;
}

.btn, button, .common-btn {
    font-family: "Jost", sans-serif;
    font-weight: 600;
    letter-spacing: 0.02em;
}

table { font-size: 0.9375rem; color: #374151; }

/* ==========================================
   RESPONSIVE TYPOGRAPHY TWEAKS
   ========================================== */
@media (max-width: 991px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.625rem; }
    h3 { font-size: 1.375rem; }
}

@media (max-width: 575px) {
    body { font-size: 15px; }
    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.5rem; }
}


/* ==========================================
   GLOBAL UTILITIES
   ========================================== */
.text-theme    { color: #006FFC !important; }
.text-dark     { color: #2B2024 !important; }
.text-muted    { color: #6b7280 !important; }
.bg-theme      { background: #006FFC !important; color: #fff; }
.shadow-sm     { box-shadow: 0 4px 12px rgba(20, 55, 100, 0.08); }
.shadow-md     { box-shadow: 0 8px 24px rgba(20, 55, 100, 0.10); }

/* Smooth focus visibility for keyboard users */
:focus-visible {
    outline: 2px solid #006FFC;
    outline-offset: 2px;
    border-radius: 4px;
}


/* Industries Hero  */
.industries-hero {
    position: relative;
    overflow: hidden;
    padding: 120px 0;
    background: #f7f9fc;
}

.industries-hero .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.industries-hero-wrapper {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    align-items: center;
    gap: 70px;
}

/* =========================================
   Content
========================================= */

.industries-hero-content {
    max-width: 650px;
}

.industries-label {
    display: inline-block;
    margin-bottom: 20px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;

    color: #006ffc;
}

.industries-hero-content h1 {
    margin: 0 0 25px;

    font-size: 58px;
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.5px;

    color: #111827;
}

.industries-hero-content h1 span {
    display: block;
    color: #006ffc;
}

.industries-hero-content p {
    max-width: 590px;
    margin: 0 0 35px;

    font-size: 18px;
    line-height: 1.75;

    color: #667085;
}

/* =========================================
   Buttons
========================================= */

.industries-hero-buttons {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.industries-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 54px;
    padding: 0 25px;

    border-radius: 6px;

    font-size: 15px;
    font-weight: 600;
    text-decoration: none;

    transition: all 0.3s ease;
}

.industries-btn span {
    font-size: 20px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.primary-btn {
    background: #006ffc;
    color: #ffffff;
}

.primary-btn:hover {
    background: #0059ca;
    color: #ffffff;
}

.secondary-btn {
    background: #ffffff;
    border: 1px solid #d9e0e8;
    color: #172033;
}

.secondary-btn:hover {
    border-color: #006ffc;
    color: #006ffc;
}

.industries-btn:hover span {
    transform: translateX(4px);
}

/* =========================================
   Right Visual
========================================= */

.industries-hero-visual {
    position: relative;

    width: 100%;
    max-width: 500px;
    height: 500px;

    margin: 0 auto;
}

.industry-circle {
    position: absolute;

    width: 370px;
    height: 370px;

    top: 65px;
    left: 50%;

    transform: translateX(-50%);

    border: 1px dashed #b9c8da;
    border-radius: 50%;
}

/* Center */

.industry-center {
    position: absolute;

    width: 150px;
    height: 150px;

    top: 175px;
    left: 50%;

    transform: translateX(-50%);

    border-radius: 50%;

    background: #006ffc;

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

    text-align: center;

    box-shadow: 0 20px 50px rgba(0, 111, 252, 0.22);
}

.industry-center span {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.75);
}

.industry-center strong {
    margin-top: 2px;

    font-size: 26px;
    font-weight: 700;

    color: #ffffff;
}

.industry-center small {
    margin-top: 3px;

    font-size: 11px;
    color: rgba(255, 255, 255, 0.75);
}

/* Industry Cards */

.industry-card {
    position: absolute;

    width: 190px;
    min-height: 76px;

    padding: 15px;

    background: #ffffff;

    border: 1px solid #e5eaf0;
    border-radius: 10px;

    display: flex;
    align-items: center;
    gap: 13px;

    box-shadow: 0 15px 40px rgba(16, 24, 40, 0.08);

    z-index: 2;
}

.industry-card-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;

    border-radius: 8px;

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

    background: #eef5ff;

    font-size: 12px;
    font-weight: 700;

    color: #006ffc;
}

.industry-card strong {
    display: block;

    margin-bottom: 3px;

    font-size: 15px;
    font-weight: 700;

    color: #172033;
}

.industry-card small {
    display: block;

    font-size: 11px;
    color: #8a94a6;
}

/* Card Positions */

.card-one {
    top: 30px;
    left: 0;
}

.card-two {
    top: 30px;
    right: 0;
}

.card-three {
    bottom: 35px;
    left: 0;
}

.card-four {
    bottom: 35px;
    right: 0;
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 1100px) {

    .industries-hero-wrapper {
        gap: 40px;
    }

    .industries-hero-content h1 {
        font-size: 48px;
    }

    .industries-hero-visual {
        transform: scale(0.9);
    }
}

@media (max-width: 991px) {

    .industries-hero {
        padding: 90px 0;
    }

    .industries-hero-wrapper {
        grid-template-columns: 1fr;
    }

    .industries-hero-content {
        max-width: 750px;
    }

    .industries-hero-visual {
        margin-top: 20px;
    }
}

@media (max-width: 600px) {

    .industries-hero {
        padding: 65px 0;
    }

    .industries-hero-content h1 {
        font-size: 36px;
        letter-spacing: -0.8px;
    }

    .industries-hero-content p {
        font-size: 16px;
    }

    .industries-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .industries-btn {
        width: 100%;
    }

    .industries-hero-visual {
        height: 390px;
        transform: scale(0.72);
        transform-origin: top center;
        margin-bottom: -80px;
    }
}
/* End  */

/* Industries we serve  */
/* =========================================
   Industries We Serve
========================================= */

.industries-section {
    padding: 110px 0;
    background: #ffffff;
}

.industries-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}


/* =========================================
   Section Header
========================================= */

.industries-header {
    max-width: 800px;
    margin: 0 auto 60px;
    text-align: center;
}

.industries-label {
    display: inline-block;
    margin-bottom: 18px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;

    color: #006ffc;
}

.industries-header h2 {
    margin: 0 0 20px;

    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1px;

    color: #111827;
}

.industries-header p {
    max-width: 720px;
    margin: 0 auto;

    font-size: 17px;
    line-height: 1.75;

    color: #667085;
}


/* =========================================
   Industry Grid
========================================= */

.industries-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}


/* =========================================
   Industry Card
========================================= */

.industry-service-card {
    position: relative;

    min-height: 410px;
    padding: 30px;

    display: flex;
    flex-direction: column;

    background: #f8fafc;

    border: 1px solid #e5eaf0;
    border-radius: 12px;

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.industry-service-card::before {
    content: "";

    position: absolute;

    width: 130px;
    height: 130px;

    right: -60px;
    top: -60px;

    border-radius: 50%;

    background: #eef5ff;

    transition: transform 0.4s ease;
}

.industry-service-card:hover {
    transform: translateY(-8px);

    border-color: #c9dcf7;

    box-shadow: 0 20px 50px rgba(16, 24, 40, 0.09);
}

.industry-service-card:hover::before {
    transform: scale(2.2);
}


/* =========================================
   Card Top
========================================= */

.industry-card-top {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 32px;
}

.industry-number {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;

    color: #006ffc;
}

.industry-arrow {
    width: 38px;
    height: 38px;

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

    border: 1px solid #dce3ec;
    border-radius: 50%;

    font-size: 18px;

    color: #006ffc;

    background: #ffffff;

    transition: all 0.3s ease;
}

.industry-service-card:hover .industry-arrow {
    background: #006ffc;
    border-color: #006ffc;
    color: #ffffff;
}


/* =========================================
   Card Content
========================================= */

.industry-card-content {
    position: relative;
    z-index: 1;

    flex: 1;
}

.industry-card-content h3 {
    margin: 0 0 15px;

    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;

    color: #111827;
}

.industry-card-content h4 {
    margin: 0 0 12px;

    font-size: 17px;
    line-height: 1.45;
    font-weight: 600;

    color: #172033;
}

.industry-card-content p {
    margin: 0;

    font-size: 14px;
    line-height: 1.75;

    color: #667085;
}


/* =========================================
   Card Button
========================================= */

.industry-card-btn {
    position: relative;
    z-index: 1;

    display: inline-flex;
    align-items: center;
    gap: 10px;

    align-self: flex-start;

    margin-top: 25px;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    color: #006ffc;

    transition: all 0.3s ease;
}

.industry-card-btn span {
    font-size: 18px;

    transition: transform 0.3s ease;
}

.industry-card-btn:hover {
    color: #0059ca;
}

.industry-card-btn:hover span {
    transform: translateX(5px);
}


/* =========================================
   Responsive - Tablet
========================================= */

@media (max-width: 991px) {

    .industries-section {
        padding: 85px 0;
    }

    .industries-header h2 {
        font-size: 40px;
    }

    .industries-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .industry-service-card {
        min-height: 390px;
    }
}


/* =========================================
   Responsive - Mobile
========================================= */

@media (max-width: 600px) {

    .industries-section {
        padding: 65px 0;
    }

    .industries-header {
        margin-bottom: 40px;
    }

    .industries-header h2 {
        font-size: 32px;
        letter-spacing: -0.5px;
    }

    .industries-header p {
        font-size: 15px;
    }

    .industries-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .industry-service-card {
        min-height: auto;
        padding: 25px;
    }

    .industry-card-top {
        margin-bottom: 25px;
    }

    .industry-card-content h3 {
        font-size: 24px;
    }

    .industry-card-content h4 {
        font-size: 16px;
    }

    .industry-card-content p {
        font-size: 14px;
    }
}
/* End  */


/* =========================================
   Why Industry-Specific BPO
========================================= */

.industry-outsource-section {
    padding: 110px 0;
    background: #f7f9fc;
}

.industry-outsource-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}


/* =========================================
   Header
========================================= */

.industry-outsource-header {
    max-width: 780px;
    margin: 0 auto 60px;
    text-align: center;
}

.industry-outsource-label {
    display: inline-block;
    margin-bottom: 18px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;

    color: #006ffc;
}

.industry-outsource-header h2 {
    margin: 0 0 20px;

    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1px;

    color: #111827;
}

.industry-outsource-header p {
    max-width: 680px;
    margin: 0 auto;

    font-size: 17px;
    line-height: 1.75;

    color: #667085;
}


/* =========================================
   Grid
========================================= */

.industry-outsource-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}


/* =========================================
   Card
========================================= */

.industry-outsource-card {
    position: relative;

    min-height: 330px;
    padding: 28px;

    display: flex;
    flex-direction: column;

    background: #ffffff;

    border: 1px solid #e3e8ef;
    border-radius: 12px;

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.industry-outsource-card::before {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    top: -75px;
    right: -75px;

    border-radius: 50%;

    background: #eef5ff;

    transition: transform 0.4s ease;
}

.industry-outsource-card:hover {
    transform: translateY(-8px);

    border-color: #c9dcf7;

    box-shadow: 0 20px 45px rgba(16, 24, 40, 0.08);
}

.industry-outsource-card:hover::before {
    transform: scale(2);
}


/* =========================================
   Card Top
========================================= */

.outsource-card-top {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 45px;
}

.outsource-number {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;

    color: #006ffc;
}

.outsource-icon {
    width: 40px;
    height: 40px;

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

    border: 1px solid #dce3ec;
    border-radius: 50%;

    background: #ffffff;

    font-size: 18px;

    color: #006ffc;

    transition: all 0.3s ease;
}

.industry-outsource-card:hover .outsource-icon {
    background: #006ffc;
    border-color: #006ffc;
    color: #ffffff;
}


/* =========================================
   Content
========================================= */

.outsource-card-content {
    position: relative;
    z-index: 1;
}

.outsource-card-content h3 {
    margin: 0 0 15px;

    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;

    color: #111827;
}

.outsource-card-content p {
    margin: 0;

    font-size: 15px;
    line-height: 1.75;

    color: #667085;
}


/* =========================================
   Responsive - Tablet
========================================= */

@media (max-width: 1100px) {

    .industry-outsource-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .industry-outsource-card {
        min-height: 300px;
    }
}


/* =========================================
   Responsive - Mobile
========================================= */

@media (max-width: 600px) {

    .industry-outsource-section {
        padding: 70px 0;
    }

    .industry-outsource-header {
        margin-bottom: 40px;
    }

    .industry-outsource-header h2 {
        font-size: 32px;
        letter-spacing: -0.5px;
    }

    .industry-outsource-header p {
        font-size: 15px;
    }

    .industry-outsource-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .industry-outsource-card {
        min-height: auto;
        padding: 25px;
    }

    .outsource-card-top {
        margin-bottom: 30px;
    }

    .outsource-card-content h3 {
        font-size: 21px;
    }

    .outsource-card-content p {
        font-size: 14px;
    }
}



/* =========================================
   BPO CAPABILITIES SECTION
========================================= */

.bpo-capabilities-section {
    padding: 100px 20px;
    background: #fff;
    overflow: hidden;
}

.bpo-capabilities-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header */

.bpo-capabilities-header {
    max-width: 750px;
    margin-bottom: 55px;
}

.bpo-capabilities-label {
    display: inline-block;
    margin-bottom: 14px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.bpo-capabilities-header h2 {
    margin: 0;
    color: #101828;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1.5px;
}

/* Grid */

.bpo-capabilities-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* Card */

.bpo-capability-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    min-height: 245px;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e7ebf2;
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.bpo-capability-card::after {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    right: -45px;
    bottom: -45px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.06);
    transition: all 0.3s ease;
}

.bpo-capability-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 18px 45px rgba(16, 24, 40, 0.09);
}

.bpo-capability-card:hover::after {
    transform: scale(1.5);
}

/* Number */

.bpo-capability-number {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #eef5ff;
    color: #006ffc;
    font-size: 14px;
    font-weight: 700;
}

/* Content */

.bpo-capability-content {
    position: relative;
    z-index: 2;
    padding-right: 30px;
}

.bpo-capability-content h3 {
    margin: 2px 0 12px;
    color: #101828;
    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
}

.bpo-capability-content p {
    margin: 0 0 22px;
    color: #667085;
    font-size: 15px;
    line-height: 1.7;
}

.bpo-capability-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #006ffc;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: gap 0.3s ease;
}

.bpo-capability-link span {
    font-size: 18px;
}

.bpo-capability-link:hover {
    gap: 12px;
}

/* Corner Arrow */

.bpo-capability-arrow {
    position: absolute;
    top: 28px;
    right: 28px;
    z-index: 3;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5eaf1;
    border-radius: 50%;
    color: #344054;
    font-size: 17px;
    transition: all 0.3s ease;
}

.bpo-capability-card:hover .bpo-capability-arrow {
    background: #006ffc;
    border-color: #006ffc;
    color: #ffffff;
}

/* CTA */

.bpo-capabilities-cta {
    margin-top: 45px;
    text-align: center;
}

.bpo-capabilities-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 27px;
    border-radius: 8px;
    background: #006ffc;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(0, 111, 252, 0.18);
    transition: all 0.3s ease;
}

.bpo-capabilities-btn span {
    font-size: 19px;
    transition: transform 0.3s ease;
}

.bpo-capabilities-btn:hover {
    background: #005ed6;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 111, 252, 0.25);
}

.bpo-capabilities-btn:hover span {
    transform: translateX(4px);
}

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

@media (max-width: 991px) {

    .bpo-capabilities-section {
        padding: 80px 20px;
    }

    .bpo-capabilities-header h2 {
        font-size: 40px;
    }

    .bpo-capabilities-grid {
        gap: 16px;
    }

    .bpo-capability-card {
        padding: 25px;
    }

    .bpo-capability-content h3 {
        font-size: 20px;
    }
}

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

@media (max-width: 767px) {

    .bpo-capabilities-section {
        padding: 65px 18px;
    }

    .bpo-capabilities-header {
        margin-bottom: 35px;
    }

    .bpo-capabilities-header h2 {
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: -0.8px;
    }

    .bpo-capabilities-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .bpo-capability-card {
        min-height: auto;
        padding: 24px;
    }

    .bpo-capability-number {
        width: 42px;
        height: 42px;
        margin-right: 16px;
        border-radius: 10px;
        font-size: 12px;
    }

    .bpo-capability-content {
        padding-right: 35px;
    }

    .bpo-capability-content h3 {
        margin-top: 0;
        font-size: 19px;
    }

    .bpo-capability-content p {
        margin-bottom: 18px;
        font-size: 14px;
    }

    .bpo-capability-arrow {
        top: 22px;
        right: 20px;
        width: 34px;
        height: 34px;
    }

    .bpo-capabilities-cta {
        margin-top: 32px;
    }

    .bpo-capabilities-btn {
        width: 100%;
        max-width: 280px;
    }
}




/* =========================================
   INDUSTRY → SOLUTIONS SECTION
========================================= */

.industry-solutions-section {
    padding: 110px 20px;
    background: #f5f9ff;
    overflow: hidden;
}

.industry-solutions-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header */

.industry-solutions-header {
    max-width: 760px;
    margin-bottom: 55px;
}

.industry-solutions-label {
    display: inline-block;
    margin-bottom: 14px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.industry-solutions-header h2 {
    margin: 0;
    color: #101828;
    font-size: 48px;
    line-height: 1.15;
    letter-spacing: -1.5px;
    font-weight: 700;
}


/* Main Layout */

.industry-solutions-wrapper {
    display: grid;
    grid-template-columns: 370px 1fr;
    gap: 30px;
    align-items: stretch;
}


/* =========================================
   LEFT TABS
========================================= */

.industry-tabs {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
    background: #f7f9fc;
    border: 1px solid #e8edf3;
    border-radius: 18px;
}

.industry-tab {
    position: relative;
    display: grid;
    grid-template-columns: 35px 1fr 25px;
    align-items: center;
    width: 100%;
    min-height: 58px;
    padding: 0 15px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #475467;
    text-align: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.industry-tab span {
    color: #98a2b3;
    font-size: 11px;
    font-weight: 700;
}

.industry-tab b {
    color: #98a2b3;
    font-size: 18px;
    font-weight: 400;
    text-align: right;
    opacity: 0;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}

.industry-tab:hover {
    background: #ffffff;
    color: #006ffc;
}

.industry-tab:hover b {
    opacity: 1;
    transform: translateX(0);
}

.industry-tab.active {
    background: #006ffc;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(0, 111, 252, 0.18);
}

.industry-tab.active span {
    color: rgba(255, 255, 255, 0.65);
}

.industry-tab.active b {
    color: #ffffff;
    opacity: 1;
    transform: translateX(0);
}


/* =========================================
   RIGHT PANEL
========================================= */

.industry-solution-content {
    position: relative;
    min-height: 590px;
    border-radius: 22px;
    background: #f7f9fc;
    border: 1px solid #e7ebf2;
    overflow: hidden;
}

.industry-solution-content::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    top: -150px;
    right: -100px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.07);
}

.industry-solution-content::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    bottom: -100px;
    left: -70px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.04);
}


/* Panels */

.industry-panel {
    position: relative;
    z-index: 2;
    display: none;
    min-height: 590px;
    padding: 55px;
    animation: industryPanelFade 0.35s ease;
}

.industry-panel.active {
    display: block;
}

@keyframes industryPanelFade {
    from {
        opacity: 0;
        transform: translateX(12px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}


/* Panel Top */

.industry-panel-top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
}

.industry-panel-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 11px;
    background: #ffffff;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 5px 15px rgba(16, 24, 40, 0.06);
}

.industry-panel-tag {
    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}


/* Heading */

.industry-panel h3 {
    max-width: 650px;
    margin: 0 0 18px;
    color: #101828;
    font-size: 34px;
    line-height: 1.2;
    letter-spacing: -0.7px;
    font-weight: 700;
}

.industry-panel > p {
    max-width: 650px;
    margin: 0 0 32px;
    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* Solution List */

.industry-solution-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    max-width: 650px;
    margin-bottom: 38px;
}

.industry-solution-list div {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 9px;
    background: #ffffff;
    border: 1px solid #e8edf3;
    color: #344054;
    font-size: 14px;
    font-weight: 600;
}

.industry-solution-list span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #eef5ff;
    color: #006ffc;
    font-size: 11px;
    font-weight: 700;
}


/* CTA */

.industry-panel-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 8px;
    background: #006ffc;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.industry-panel-btn span {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.industry-panel-btn:hover {
    background: #005ed6;
    transform: translateY(-2px);
}

.industry-panel-btn:hover span {
    transform: translateX(4px);
}


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

@media (max-width: 991px) {

    .industry-solutions-section {
        padding: 80px 20px;
    }

    .industry-solutions-header h2 {
        font-size: 40px;
    }

    .industry-solutions-wrapper {
        grid-template-columns: 280px 1fr;
        gap: 20px;
    }

    .industry-tab {
        font-size: 13px;
        grid-template-columns: 30px 1fr 20px;
        padding: 0 12px;
    }

    .industry-panel {
        padding: 40px;
    }

    .industry-panel h3 {
        font-size: 29px;
    }
}


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

@media (max-width: 767px) {

    .industry-solutions-section {
        padding: 65px 18px;
    }

    .industry-solutions-header {
        margin-bottom: 35px;
    }

    .industry-solutions-header h2 {
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: -0.8px;
    }

    .industry-solutions-wrapper {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    /* Horizontal scrolling tabs */

    .industry-tabs {
        display: flex;
        flex-direction: row;
        gap: 8px;
        padding: 8px;
        overflow-x: auto;
        border-radius: 14px;
        scrollbar-width: none;
    }

    .industry-tabs::-webkit-scrollbar {
        display: none;
    }

    .industry-tab {
        flex: 0 0 auto;
        width: auto;
        min-width: max-content;
        min-height: 46px;
        padding: 0 16px;
        display: flex;
        gap: 9px;
        border-radius: 8px;
    }

    .industry-tab span {
        display: none;
    }

    .industry-tab b {
        display: none;
    }

    .industry-tab.active {
        box-shadow: 0 5px 15px rgba(0, 111, 252, 0.16);
    }

    /* Panel */

    .industry-solution-content {
        min-height: auto;
        border-radius: 18px;
    }

    .industry-panel {
        min-height: auto;
        padding: 30px 24px;
    }

    .industry-panel-top {
        margin-bottom: 22px;
    }

    .industry-panel h3 {
        font-size: 25px;
        line-height: 1.25;
    }

    .industry-panel > p {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 25px;
    }

    .industry-solution-list {
        grid-template-columns: 1fr;
        gap: 9px;
        margin-bottom: 28px;
    }

    .industry-solution-list div {
        padding: 12px 13px;
        font-size: 13px;
    }

    .industry-panel-btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}




/* =========================================
   ENGAGEMENT MODELS
========================================= */

.engagement-models-section {
    padding: 110px 20px;
    background: #fff;
    overflow: hidden;
}

.engagement-models-container {
    max-width: 1200px;
    margin: 0 auto;
}


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

.engagement-models-header {
    max-width: 750px;
    margin: 0 auto 60px;
    text-align: center;
}

.engagement-models-label {
    display: inline-block;
    margin-bottom: 14px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.engagement-models-header h2 {
    margin: 0 0 18px;
    color: #101828;
    font-size: 48px;
    line-height: 1.15;
    letter-spacing: -1.5px;
    font-weight: 700;
}

.engagement-models-header p {
    max-width: 650px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.7;
}


/* =========================================
   GRID
========================================= */

.engagement-models-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    align-items: stretch;
}


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

.engagement-model-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 500px;
    padding: 35px;
    background: #ffffff;
    border: 1px solid #e5eaf1;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.engagement-model-card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    top: -100px;
    right: -80px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.05);
    transition: all 0.4s ease;
}

.engagement-model-card:hover {
    transform: translateY(-8px);
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 22px 50px rgba(16, 24, 40, 0.10);
}

.engagement-model-card:hover::before {
    transform: scale(1.35);
}


/* =========================================
   FEATURED CARD
========================================= */

.engagement-model-card.featured {
    border: 1px solid #006ffc;
    box-shadow: 0 15px 40px rgba(0, 111, 252, 0.10);
}

.engagement-featured-badge {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px 17px;
    border-radius: 0 20px 0 12px;
    background: #006ffc;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}


/* =========================================
   CARD TOP
========================================= */

.engagement-model-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 45px;
}

.engagement-model-number {
    color: #98a2b3;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.engagement-model-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #eef5ff;
    color: #006ffc;
    font-size: 23px;
}

.engagement-model-card.featured .engagement-model-icon {
    background: #006ffc;
    color: #ffffff;
}


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

.engagement-model-content {
    position: relative;
    z-index: 2;
    flex: 1;
}

.engagement-model-content h3 {
    margin: 0 0 16px;
    color: #101828;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 700;
}

.engagement-model-content p {
    margin: 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================
   BEST FOR
========================================= */

.engagement-best-for {
    margin-top: 32px;
    padding: 18px;
    border-radius: 10px;
    background: #f7f9fc;
    border: 1px solid #edf0f5;
}

.engagement-best-for span {
    display: block;
    margin-bottom: 7px;
    color: #98a2b3;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.engagement-best-for strong {
    display: block;
    color: #344054;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
}


/* =========================================
   BUTTON
========================================= */

.engagement-model-btn {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 35px;
    padding: 15px 18px;
    border: 1px solid #dce3ec;
    border-radius: 9px;
    background: #ffffff;
    color: #101828;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.engagement-model-btn span {
    color: #006ffc;
    font-size: 20px;
    transition: transform 0.3s ease;
}

.engagement-model-btn:hover {
    background: #006ffc;
    border-color: #006ffc;
    color: #ffffff;
}

.engagement-model-btn:hover span {
    color: #ffffff;
    transform: translateX(5px);
}

.engagement-model-card.featured .engagement-model-btn {
    background: #006ffc;
    border-color: #006ffc;
    color: #ffffff;
}

.engagement-model-card.featured .engagement-model-btn span {
    color: #ffffff;
}

.engagement-model-card.featured .engagement-model-btn:hover {
    background: #005ed6;
    border-color: #005ed6;
}


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

@media (max-width: 991px) {

    .engagement-models-section {
        padding: 80px 20px;
    }

    .engagement-models-header h2 {
        font-size: 40px;
    }

    .engagement-models-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .engagement-model-card:last-child {
        grid-column: span 2;
    }

}


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

@media (max-width: 767px) {

    .engagement-models-section {
        padding: 65px 18px;
    }

    .engagement-models-header {
        margin-bottom: 38px;
    }

    .engagement-models-header h2 {
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: -0.8px;
    }

    .engagement-models-header p {
        font-size: 14px;
    }

    .engagement-models-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .engagement-model-card:last-child {
        grid-column: auto;
    }

    .engagement-model-card {
        min-height: 430px;
        padding: 27px;
        border-radius: 17px;
    }

    .engagement-model-top {
        margin-bottom: 35px;
    }

    .engagement-model-content h3 {
        font-size: 22px;
    }

    .engagement-model-content p {
        font-size: 14px;
    }

    .engagement-featured-badge {
        font-size: 9px;
        padding: 8px 13px;
    }

}



/* =========================================
   GLOBAL BPO ADVANTAGE
========================================= */

.global-bpo-section {
    padding: 110px 20px;
    background: #f7f9fc;
    overflow: hidden;
}

.global-bpo-container {
    max-width: 1200px;
    margin: 0 auto;
}

.global-bpo-wrapper {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 80px;
    align-items: center;
}


/* =========================================
   LEFT VISUAL
========================================= */

.global-bpo-visual {
    position: relative;
}

.global-bpo-image-box {
    position: relative;
    min-height: 620px;
    border-radius: 25px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 70% 30%,
            rgba(0, 111, 252, 0.16),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #eaf3ff,
            #f8fbff
        );
    border: 1px solid #e2eaf4;
}


/* World Map */

.global-map {
    position: absolute;
    inset: 0;
    opacity: 0.9;
    background-image:
        url("https://upload.wikimedia.org/wikipedia/commons/8/80/World_map_-_low_resolution.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 88%;
    filter: opacity(0.25);
}

.global-map::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            transparent 49.5%,
            rgba(0, 111, 252, 0.08) 50%,
            transparent 50.5%
        ),
        linear-gradient(
            transparent 49.5%,
            rgba(0, 111, 252, 0.08) 50%,
            transparent 50.5%
        );
}


/* Map Dots */

.map-dot {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #006ffc;
    box-shadow:
        0 0 0 7px rgba(0, 111, 252, 0.12),
        0 0 25px rgba(0, 111, 252, 0.35);
    z-index: 3;
}

.dot-1 {
    top: 35%;
    left: 28%;
}

.dot-2 {
    top: 43%;
    left: 48%;
}

.dot-3 {
    top: 34%;
    right: 24%;
}

.dot-4 {
    top: 57%;
    left: 53%;
}

.dot-5 {
    top: 59%;
    right: 28%;
}


/* Connecting Lines */

.map-line {
    position: absolute;
    height: 1px;
    background: rgba(0, 111, 252, 0.35);
    transform-origin: left center;
    z-index: 2;
}

.line-1 {
    width: 220px;
    top: 40%;
    left: 29%;
    transform: rotate(11deg);
}

.line-2 {
    width: 190px;
    top: 44%;
    left: 49%;
    transform: rotate(-20deg);
}

.line-3 {
    width: 130px;
    top: 56%;
    left: 54%;
    transform: rotate(5deg);
}


/* Center Label */

.map-label {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 135px;
    height: 135px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffffff;
    border: 8px solid rgba(0, 111, 252, 0.08);
    box-shadow: 0 20px 45px rgba(16, 24, 40, 0.12);
    text-align: center;
    z-index: 5;
}

.map-label strong {
    color: #006ffc;
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
}

.map-label span {
    margin-top: 8px;
    color: #667085;
    font-size: 10px;
    font-weight: 600;
}


/* Floating Card */

.global-stat-card {
    position: absolute;
    left: 28px;
    bottom: 28px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px 18px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.12);
    backdrop-filter: blur(10px);
}

.global-stat-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #eef5ff;
    color: #006ffc;
    font-size: 20px;
}

.global-stat-card strong {
    display: block;
    margin-bottom: 3px;
    color: #101828;
    font-size: 13px;
}

.global-stat-card small {
    color: #667085;
    font-size: 11px;
}


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

.global-bpo-content {
    max-width: 620px;
}

.global-bpo-label {
    display: inline-block;
    margin-bottom: 14px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.global-bpo-content h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: 46px;
    line-height: 1.16;
    letter-spacing: -1.4px;
    font-weight: 700;
}

.global-bpo-description {
    margin: 0 0 35px;
    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   ADVANTAGES
========================================= */

.global-advantages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 13px;
}

.global-advantage-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
    border-radius: 11px;
    background: #ffffff;
    border: 1px solid #e7ebf2;
    transition: all 0.3s ease;
}

.global-advantage-item:hover {
    transform: translateY(-3px);
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 10px 25px rgba(16, 24, 40, 0.07);
}

.advantage-check {
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef5ff;
    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
}

.global-advantage-item h3 {
    margin: 0 0 5px;
    color: #101828;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

.global-advantage-item p {
    margin: 0;
    color: #667085;
    font-size: 12px;
    line-height: 1.55;
}


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

@media (max-width: 991px) {

    .global-bpo-section {
        padding: 80px 20px;
    }

    .global-bpo-wrapper {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .global-bpo-visual {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
    }

    .global-bpo-image-box {
        min-height: 500px;
    }

    .global-bpo-content {
        max-width: 100%;
    }

    .global-bpo-content h2 {
        font-size: 40px;
    }
}


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

@media (max-width: 767px) {

    .global-bpo-section {
        padding: 65px 18px;
    }

    .global-bpo-wrapper {
        gap: 40px;
    }

    .global-bpo-image-box {
        min-height: 390px;
        border-radius: 18px;
    }

    .global-map {
        background-size: 115%;
    }

    .map-label {
        width: 105px;
        height: 105px;
    }

    .map-label strong {
        font-size: 25px;
    }

    .global-stat-card {
        left: 15px;
        bottom: 15px;
        padding: 12px 14px;
    }

    .global-stat-card small {
        font-size: 10px;
    }

    .global-bpo-content h2 {
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: -0.8px;
    }

    .global-bpo-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .global-advantages {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .global-advantage-item {
        padding: 14px;
    }

    .global-advantage-item p {
        font-size: 12px;
    }

    .dot-1 {
        left: 20%;
    }

    .dot-3 {
        right: 17%;
    }
}

/* =========================================
   INDUSTRY FAQ SECTION
========================================= */

.industry-faq-section {
    padding: 110px 20px;
    background: #fff;
    overflow: hidden;
}

.industry-faq-container {
    max-width: 1200px;
    margin: 0 auto;
}

.industry-faq-wrapper {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 80px;
    align-items: start;
}


/* =========================================
   LEFT INTRO
========================================= */

.industry-faq-intro {
    position: sticky;
    top: 100px;
}

.industry-faq-label {
    display: inline-block;
    margin-bottom: 15px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.industry-faq-intro h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: 44px;
    line-height: 1.18;
    letter-spacing: -1.3px;
    font-weight: 700;
}

.industry-faq-intro > p {
    max-width: 460px;
    margin: 0 0 32px;
    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   CTA
========================================= */

.industry-faq-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 8px;
    background: #006ffc;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(0, 111, 252, 0.16);
    transition: all 0.3s ease;
}

.industry-faq-all-btn span {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.industry-faq-all-btn:hover {
    background: #005ed6;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 111, 252, 0.22);
}

.industry-faq-all-btn:hover span {
    transform: translateX(4px);
}


/* =========================================
   FAQ LIST
========================================= */

.industry-faq-list {
    border-top: 1px solid #dfe5ec;
}

.industry-faq-item {
    border-bottom: 1px solid #dfe5ec;
}


/* =========================================
   QUESTION
========================================= */

.industry-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 24px 5px;
    border: 0;
    background: transparent;
    color: #101828;
    text-align: left;
    font-family: inherit;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 600;
    cursor: pointer;
}

.industry-faq-question span {
    padding-right: 25px;
}

.industry-faq-question i {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfe5ec;
    border-radius: 50%;
    color: #006ffc;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    transition: all 0.3s ease;
}


/* Hover */

.industry-faq-question:hover {
    color: #006ffc;
}

.industry-faq-question:hover i {
    border-color: #006ffc;
}


/* Active */

.industry-faq-item.active .industry-faq-question {
    color: #006ffc;
}

.industry-faq-item.active .industry-faq-question i {
    background: #006ffc;
    border-color: #006ffc;
    color: #ffffff;
    transform: rotate(45deg);
}


/* =========================================
   ANSWER
========================================= */

.industry-faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
}

.industry-faq-answer p {
    min-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0 50px 0 5px;
    color: #667085;
    font-size: 15px;
    line-height: 1.8;
    opacity: 0;
    transition: opacity 0.25s ease, padding 0.35s ease;
}

.industry-faq-item.active .industry-faq-answer {
    grid-template-rows: 1fr;
}

.industry-faq-item.active .industry-faq-answer p {
    padding-bottom: 25px;
    opacity: 1;
}

.industry-faq-answer strong {
    color: #344054;
    font-weight: 600;
}


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

@media (max-width: 991px) {

    .industry-faq-section {
        padding: 80px 20px;
    }

    .industry-faq-wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .industry-faq-intro {
        position: static;
        max-width: 700px;
    }

    .industry-faq-intro h2 {
        font-size: 40px;
    }

    .industry-faq-intro > p {
        max-width: 650px;
    }

}


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

@media (max-width: 767px) {

    .industry-faq-section {
        padding: 65px 18px;
    }

    .industry-faq-wrapper {
        gap: 38px;
    }

    .industry-faq-intro h2 {
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: -0.8px;
    }

    .industry-faq-intro > p {
        font-size: 14px;
        line-height: 1.7;
    }

    .industry-faq-question {
        padding: 20px 2px;
        font-size: 15px;
    }

    .industry-faq-question i {
        width: 31px;
        height: 31px;
        font-size: 19px;
    }

    .industry-faq-answer p {
        padding-left: 2px;
        padding-right: 35px;
        font-size: 14px;
        line-height: 1.75;
    }

    .industry-faq-item.active .industry-faq-answer p {
        padding-bottom: 21px;
    }

    .industry-faq-all-btn {
        width: 100%;
        max-width: 220px;
        justify-content: center;
    }

}


/* =========================================
   INT ENTERPRISES - HERO BANNER
========================================= */

.int-hero {
    position: relative;
    overflow: hidden;
    padding: 100px 20px 90px;
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(0, 111, 252, 0.08),
            transparent 35%
        ),
        linear-gradient(135deg, #ffffff 0%, #f7faff 100%);
}

.int-hero-container {
    max-width: 1250px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 70px;
}


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

.int-hero-content {
    position: relative;
    z-index: 3;
}

.int-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 22px;

    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.int-hero-label::before {
    content: "";
    width: 28px;
    height: 2px;
    background: #006ffc;
    border-radius: 5px;
}

.int-hero-content h1 {
    margin: 0;
    max-width: 650px;

    color: #101828;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.08;
    font-weight: 750;
    letter-spacing: -2.5px;
}

.int-hero-content h1 span {
    color: #006ffc;
}

.int-hero-content p {
    max-width: 620px;
    margin: 28px 0 0;

    color: #667085;
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================
   BUTTON
========================================= */

.int-hero-actions {
    margin-top: 35px;
}

.int-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 18px;

    padding: 15px 24px;

    color: #ffffff;
    background: #006ffc;

    border: 1px solid #006ffc;
    border-radius: 10px;

    font-size: 15px;
    font-weight: 600;
    text-decoration: none;

    box-shadow: 0 12px 30px rgba(0, 111, 252, 0.20);

    transition: all 0.3s ease;
}

.int-hero-btn span {
    font-size: 20px;
    line-height: 1;

    transition: transform 0.3s ease;
}

.int-hero-btn:hover {
    color: #ffffff;
    background: #005bd1;
    border-color: #005bd1;

    transform: translateY(-3px);
    box-shadow: 0 16px 35px rgba(0, 111, 252, 0.28);
}

.int-hero-btn:hover span {
    transform: translateX(5px);
}


/* =========================================
   TRUST INDICATORS
========================================= */

.int-hero-trust {
    display: flex;
    align-items: center;
    gap: 25px;

    margin-top: 55px;
}

.int-trust-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.int-trust-item strong {
    color: #101828;
    font-size: 14px;
    font-weight: 700;
}

.int-trust-item span {
    color: #98a2b3;
    font-size: 11px;
}

.int-trust-divider {
    width: 1px;
    height: 35px;
    background: #dfe5ec;
}


/* =========================================
   RIGHT VISUAL
========================================= */

.int-hero-visual {
    position: relative;
    min-height: 560px;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* =========================================
   WORLD MAP
========================================= */

.int-world-map {
    position: absolute;
    inset: 15px 0 0;

    width: 100%;
    height: 100%;

    opacity: 0.65;

    background-image: url("https://upload.wikimedia.org/wikipedia/commons/8/80/World_map_-_low_resolution.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;

    filter: opacity(0.12);
}


/* =========================================
   MAP DOTS
========================================= */

.int-map-dot {
    position: absolute;

    width: 9px;
    height: 9px;

    background: #006ffc;
    border-radius: 50%;

    box-shadow:
        0 0 0 7px rgba(0, 111, 252, 0.08),
        0 0 20px rgba(0, 111, 252, 0.35);

    z-index: 2;
}

.dot-1 {
    top: 28%;
    left: 21%;
}

.dot-2 {
    top: 40%;
    left: 46%;
}

.dot-3 {
    top: 31%;
    right: 22%;
}

.dot-4 {
    bottom: 30%;
    left: 58%;
}

.dot-5 {
    bottom: 23%;
    right: 27%;
}


/* =========================================
   MAP CONNECTION LINES
========================================= */

.int-map-line {
    position: absolute;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(0, 111, 252, 0.35),
        transparent
    );

    transform-origin: left center;
}

.line-1 {
    width: 190px;
    top: 31%;
    left: 23%;
    transform: rotate(17deg);
}

.line-2 {
    width: 180px;
    top: 41%;
    left: 47%;
    transform: rotate(-12deg);
}

.line-3 {
    width: 150px;
    bottom: 29%;
    left: 59%;
    transform: rotate(-22deg);
}


/* =========================================
   TEAM IMAGE
========================================= */

.int-team-image {
    position: relative;
    z-index: 2;

    width: 82%;
    height: 470px;

    overflow: hidden;

    border-radius: 28px;

    background: #ffffff;

    box-shadow:
        0 30px 70px rgba(16, 24, 40, 0.14),
        0 5px 20px rgba(16, 24, 40, 0.05);
}

.int-team-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform 0.7s ease;
}

.int-team-image:hover img {
    transform: scale(1.04);
}

.int-image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 50%,
            rgba(0, 40, 90, 0.20)
        );

    pointer-events: none;
}


/* =========================================
   GLOBAL SUPPORT CARD
========================================= */

.int-global-card {
    position: absolute;
    z-index: 5;

    top: 75px;
    right: 0;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 18px;

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

    border: 1px solid rgba(0, 111, 252, 0.10);
    border-radius: 14px;

    box-shadow: 0 15px 40px rgba(16, 24, 40, 0.12);

    backdrop-filter: blur(10px);
}

.int-global-icon {
    width: 40px;
    height: 40px;

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

    color: #006ffc;
    background: #edf5ff;

    border-radius: 10px;

    font-size: 24px;
}

.int-global-card strong,
.int-team-card strong {
    display: block;

    color: #101828;
    font-size: 13px;
    font-weight: 700;
}

.int-global-card small,
.int-team-card small {
    display: block;

    margin-top: 3px;

    color: #98a2b3;
    font-size: 10px;
}


/* =========================================
   TEAM FLOATING CARD
========================================= */

.int-team-card {
    position: absolute;
    z-index: 5;

    left: 0;
    bottom: 60px;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 13px 17px;

    background: #ffffff;

    border: 1px solid #edf1f5;
    border-radius: 14px;

    box-shadow: 0 15px 40px rgba(16, 24, 40, 0.12);
}

.int-team-avatars {
    display: flex;
    align-items: center;
}

.int-team-avatars span {
    width: 34px;
    height: 34px;

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

    margin-left: -7px;

    background: #eef5ff;

    border: 2px solid #ffffff;
    border-radius: 50%;

    font-size: 15px;
}

.int-team-avatars span:first-child {
    margin-left: 0;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1100px) {

    .int-hero {
        padding: 80px 25px;
    }

    .int-hero-container {
        gap: 40px;
    }

    .int-hero-content h1 {
        font-size: 50px;
    }

    .int-hero-visual {
        min-height: 500px;
    }

    .int-team-image {
        width: 85%;
        height: 420px;
    }

    .int-global-card {
        right: -5px;
    }

    .int-team-card {
        left: -5px;
    }
}


@media (max-width: 900px) {

    .int-hero-container {
        grid-template-columns: 1fr;
    }

    .int-hero-content {
        text-align: center;
    }

    .int-hero-label {
        justify-content: center;
    }

    .int-hero-content h1,
    .int-hero-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .int-hero-actions {
        display: flex;
        justify-content: center;
    }

    .int-hero-trust {
        justify-content: center;
    }

    .int-hero-visual {
        min-height: 500px;
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }
}


@media (max-width: 600px) {

    .int-hero {
        padding: 65px 18px 60px;
    }

    .int-hero-content h1 {
        font-size: 39px;
        letter-spacing: -1.5px;
    }

    .int-hero-content p {
        font-size: 15px;
        line-height: 1.7;
    }

    .int-hero-trust {
        gap: 12px;
        margin-top: 40px;
    }

    .int-trust-item {
        text-align: center;
    }

    .int-trust-item strong {
        font-size: 12px;
    }

    .int-trust-item span {
        font-size: 9px;
    }

    .int-trust-divider {
        height: 30px;
    }

    .int-hero-visual {
        min-height: 400px;
    }

    .int-team-image {
        width: 90%;
        height: 350px;
        border-radius: 22px;
    }

    .int-global-card {
        top: 35px;
        right: 0;

        padding: 10px 12px;
    }

    .int-global-icon {
        width: 34px;
        height: 34px;
        font-size: 19px;
    }

    .int-global-card strong,
    .int-team-card strong {
        font-size: 11px;
    }

    .int-global-card small,
    .int-team-card small {
        font-size: 8px;
    }

    .int-team-card {
        left: 0;
        bottom: 35px;
        padding: 10px 12px;
    }

    .int-team-avatars span {
        width: 29px;
        height: 29px;
        font-size: 12px;
    }

    .int-world-map {
        background-size: 110%;
    }
}


@media (max-width: 400px) {

    .int-hero-content h1 {
        font-size: 34px;
    }

    .int-hero-trust {
        gap: 8px;
    }

    .int-trust-divider {
        height: 25px;
    }

    .int-team-image {
        height: 320px;
    }

    .int-global-card {
        right: -5px;
    }

    .int-team-card {
        left: -5px;
    }
}

/* =========================================
   INT ENTERPRISES - WHO WE ARE
========================================= */

.int-who-section {
    position: relative;
    overflow: hidden;

    padding: 100px 20px;

    background: #f5f9ff;
}

.int-who-container {
    max-width: 1200px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;

    gap: 90px;
}


/* =========================================
   IMAGE SIDE
========================================= */

.int-who-image-wrapper {
    position: relative;

    min-height: 530px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.int-who-image {
    position: relative;
    z-index: 2;

    width: 88%;
    height: 480px;

    overflow: hidden;

    border-radius: 28px;

    box-shadow:
        0 25px 60px rgba(16, 24, 40, 0.13),
        0 5px 20px rgba(16, 24, 40, 0.05);
}

.int-who-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.7s ease;
}

.int-who-image:hover img {
    transform: scale(1.04);
}


/* =========================================
   DECORATIVE BACKGROUND
========================================= */

.int-who-decoration {
    position: absolute;

    width: 270px;
    height: 270px;

    left: 0;
    bottom: 0;

    background:
        radial-gradient(
            circle,
            rgba(0, 111, 252, 0.14) 2px,
            transparent 2px
        );

    background-size: 18px 18px;

    border-radius: 50%;

    opacity: 0.7;
}


/* =========================================
   FLOATING CARD
========================================= */

.int-who-floating-card {
    position: absolute;

    right: 0;
    bottom: 45px;

    z-index: 5;

    display: flex;
    align-items: center;
    gap: 13px;

    padding: 15px 18px;

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

    border: 1px solid rgba(0, 111, 252, 0.10);

    border-radius: 15px;

    box-shadow:
        0 18px 45px rgba(16, 24, 40, 0.14);

    backdrop-filter: blur(10px);
}

.int-who-floating-icon {
    width: 42px;
    height: 42px;

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

    flex-shrink: 0;

    color: #006ffc;
    background: #edf5ff;

    border-radius: 11px;

    font-size: 24px;
}

.int-who-floating-card strong {
    display: block;

    color: #101828;

    font-size: 13px;
    font-weight: 700;
}

.int-who-floating-card small {
    display: block;

    margin-top: 4px;

    color: #98a2b3;

    font-size: 10px;
}


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

.int-who-content {
    position: relative;
    z-index: 2;
}

.int-who-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 20px;

    color: #006ffc;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.int-who-label::before {
    content: "";

    width: 28px;
    height: 2px;

    background: #006ffc;

    border-radius: 5px;
}

.int-who-content h2 {
    max-width: 560px;

    margin: 0;

    color: #101828;

    font-size: clamp(38px, 4vw, 52px);

    line-height: 1.12;

    font-weight: 750;

    letter-spacing: -1.8px;
}

.int-who-content h2 span {
    color: #006ffc;
}

.int-who-content p {
    max-width: 580px;

    margin: 22px 0 0;

    color: #667085;

    font-size: 16px;

    line-height: 1.8;
}


/* =========================================
   HIGHLIGHTS
========================================= */

.int-who-highlights {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;

    margin-top: 32px;
}

.int-who-highlight {
    display: flex;
    align-items: flex-start;

    gap: 12px;
}

.int-who-check {
    width: 25px;
    height: 25px;

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

    flex-shrink: 0;

    color: #006ffc;
    background: #edf5ff;

    border-radius: 50%;

    font-size: 13px;
    font-weight: 700;
}

.int-who-highlight strong {
    display: block;

    color: #101828;

    font-size: 13px;
    font-weight: 700;
}

.int-who-highlight span {
    display: block;

    margin-top: 4px;

    color: #98a2b3;

    font-size: 11px;

    line-height: 1.5;
}


/* =========================================
   CTA
========================================= */

.int-who-actions {
    margin-top: 35px;
}

.int-who-btn {
    display: inline-flex;
    align-items: center;
    gap: 16px;

    padding: 14px 22px;

    color: #ffffff;

    background: #006ffc;

    border: 1px solid #006ffc;

    border-radius: 10px;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    box-shadow:
        0 10px 25px rgba(0, 111, 252, 0.18);

    transition: all 0.3s ease;
}

.int-who-btn span {
    font-size: 19px;

    transition: transform 0.3s ease;
}

.int-who-btn:hover {
    color: #ffffff;

    background: #005bd1;
    border-color: #005bd1;

    transform: translateY(-3px);

    box-shadow:
        0 15px 30px rgba(0, 111, 252, 0.25);
}

.int-who-btn:hover span {
    transform: translateX(5px);
}


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

@media (max-width: 1000px) {

    .int-who-section {
        padding: 80px 25px;
    }

    .int-who-container {
        gap: 50px;
    }

    .int-who-image-wrapper {
        min-height: 470px;
    }

    .int-who-image {
        height: 420px;
    }

    .int-who-content h2 {
        font-size: 40px;
    }

    .int-who-highlights {
        gap: 15px;
    }
}


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

@media (max-width: 800px) {

    .int-who-section {
        padding: 70px 18px;
    }

    .int-who-container {
        grid-template-columns: 1fr;

        gap: 60px;
    }

    .int-who-image-wrapper {
        min-height: 430px;

        max-width: 650px;

        width: 100%;

        margin: 0 auto;
    }

    .int-who-image {
        width: 88%;
        height: 400px;
    }

    .int-who-content {
        text-align: center;
    }

    .int-who-label {
        justify-content: center;
    }

    .int-who-content h2,
    .int-who-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .int-who-highlights {
        text-align: left;
    }

    .int-who-actions {
        display: flex;
        justify-content: center;
    }
}


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

@media (max-width: 520px) {

    .int-who-image-wrapper {
        min-height: 360px;
    }

    .int-who-image {
        width: 90%;
        height: 330px;

        border-radius: 22px;
    }

    .int-who-floating-card {
        right: -2px;
        bottom: 20px;

        padding: 11px 13px;
    }

    .int-who-floating-icon {
        width: 35px;
        height: 35px;

        font-size: 19px;
    }

    .int-who-floating-card strong {
        font-size: 11px;
    }

    .int-who-floating-card small {
        font-size: 8px;
    }

    .int-who-content h2 {
        font-size: 35px;

        letter-spacing: -1.2px;
    }

    .int-who-content p {
        font-size: 14px;
    }

    .int-who-highlights {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .int-who-btn {
        width: 100%;

        justify-content: center;
    }
}



/* =========================================
   PRIVACY POLICY HERO
========================================= */

.privacy-hero {
    position: relative;
    overflow: hidden;

    padding: 105px 20px 100px;

    background:
        radial-gradient(
            circle at 80% 35%,
            rgba(0, 111, 252, 0.08),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7faff 100%
        );
}

.privacy-hero-container {
    max-width: 1200px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;

    align-items: center;

    gap: 75px;
}


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

.privacy-hero-content {
    position: relative;
    z-index: 3;
}

.privacy-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 22px;

    color: #006ffc;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.privacy-hero-label::before {
    content: "";

    width: 28px;
    height: 2px;

    background: #006ffc;

    border-radius: 5px;
}

.privacy-hero-content h1 {
    max-width: 590px;

    margin: 0;

    color: #101828;

    font-size: clamp(44px, 5vw, 64px);

    line-height: 1.08;

    font-weight: 750;

    letter-spacing: -2.5px;
}

.privacy-hero-content h1 span {
    display: block;

    color: #006ffc;
}

.privacy-hero-content p {
    max-width: 610px;

    margin: 28px 0 0;

    color: #667085;

    font-size: 16px;

    line-height: 1.85;
}

.privacy-hero-content p strong {
    color: #344054;
    font-weight: 700;
}


/* =========================================
   RIGHT VISUAL
========================================= */

.privacy-hero-visual {
    position: relative;

    min-height: 500px;

    display: flex;

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


/* =========================================
   BACKGROUND GLOW
========================================= */

.privacy-glow {
    position: absolute;

    width: 360px;
    height: 360px;

    background:
        radial-gradient(
            circle,
            rgba(0, 111, 252, 0.14),
            rgba(0, 111, 252, 0.03) 45%,
            transparent 70%
        );

    border-radius: 50%;
}


/* =========================================
   DATA NETWORK
========================================= */

.privacy-data-network {
    position: absolute;

    inset: 0;

    pointer-events: none;

    opacity: 0.7;
}

.privacy-node {
    position: absolute;

    width: 7px;
    height: 7px;

    background: #006ffc;

    border-radius: 50%;

    box-shadow:
        0 0 0 6px rgba(0, 111, 252, 0.08),
        0 0 18px rgba(0, 111, 252, 0.3);
}

.node-1 {
    top: 20%;
    left: 16%;
}

.node-2 {
    top: 15%;
    right: 18%;
}

.node-3 {
    top: 50%;
    left: 8%;
}

.node-4 {
    bottom: 18%;
    left: 23%;
}

.node-5 {
    bottom: 22%;
    right: 14%;
}


/* =========================================
   CONNECTIONS
========================================= */

.privacy-connection {
    position: absolute;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(0, 111, 252, 0.25),
            transparent
        );

    transform-origin: left center;
}

.connection-1 {
    width: 170px;

    top: 22%;
    left: 18%;

    transform: rotate(12deg);
}

.connection-2 {
    width: 190px;

    top: 51%;
    left: 10%;

    transform: rotate(-17deg);
}

.connection-3 {
    width: 180px;

    bottom: 24%;
    left: 24%;

    transform: rotate(-18deg);
}


/* =========================================
   SECURITY CARD
========================================= */

.privacy-security-card {
    position: relative;
    z-index: 2;

    width: 470px;
    height: 410px;

    display: flex;

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

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f4f8ff
        );

    border: 1px solid rgba(0, 111, 252, 0.10);

    border-radius: 30px;

    box-shadow:
        0 30px 70px rgba(16, 24, 40, 0.12),
        0 5px 25px rgba(0, 111, 252, 0.06);
}


/* =========================================
   LAPTOP
========================================= */

.privacy-laptop {
    position: relative;

    width: 285px;

    margin-top: 55px;
}

.privacy-screen {
    position: relative;

    height: 185px;

    padding: 10px;

    background: #15243a;

    border: 7px solid #dce7f5;

    border-bottom-width: 5px;

    border-radius: 12px 12px 5px 5px;

    box-shadow:
        0 20px 35px rgba(16, 24, 40, 0.16);
}

.privacy-screen-top {
    display: flex;

    gap: 5px;

    padding-bottom: 8px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.privacy-screen-top span {
    width: 5px;
    height: 5px;

    background: #718096;

    border-radius: 50%;
}

.privacy-screen-content {
    padding: 15px 12px;
}

.privacy-dashboard-line {
    width: 55%;
    height: 6px;

    margin-bottom: 9px;

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

    border-radius: 5px;
}

.privacy-dashboard-line.large {
    width: 75%;

    background: rgba(255, 255, 255, 0.25);
}

.privacy-dashboard-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 7px;

    margin-top: 15px;
}

.privacy-dashboard-grid div {
    height: 45px;

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

    border-radius: 5px;
}

.privacy-dashboard-bars {
    display: flex;

    align-items: flex-end;

    gap: 7px;

    height: 40px;

    margin-top: 12px;
}

.privacy-dashboard-bars span {
    flex: 1;

    background: rgba(0, 111, 252, 0.55);

    border-radius: 3px 3px 0 0;
}

.privacy-dashboard-bars span:nth-child(1) {
    height: 35%;
}

.privacy-dashboard-bars span:nth-child(2) {
    height: 60%;
}

.privacy-dashboard-bars span:nth-child(3) {
    height: 45%;
}

.privacy-dashboard-bars span:nth-child(4) {
    height: 80%;
}

.privacy-dashboard-bars span:nth-child(5) {
    height: 65%;
}

.privacy-laptop-base {
    width: 330px;
    height: 12px;

    margin-left: -22px;

    background: linear-gradient(
        180deg,
        #dce7f5,
        #c6d5e7
    );

    border-radius: 0 0 12px 12px;

    box-shadow:
        0 5px 8px rgba(16, 24, 40, 0.08);
}


/* =========================================
   SHIELD
========================================= */

.privacy-shield-wrapper {
    position: absolute;

    top: 45px;
    right: 62px;

    width: 125px;
    height: 145px;

    display: flex;

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

.privacy-shield {
    position: relative;

    width: 90px;
    height: 105px;

    background:
        linear-gradient(
            145deg,
            #006ffc,
            #398dff
        );

    clip-path: polygon(
        50% 0%,
        92% 15%,
        88% 57%,
        70% 83%,
        50% 100%,
        30% 83%,
        12% 57%,
        8% 15%
    );

    filter:
        drop-shadow(
            0 15px 20px rgba(0, 111, 252, 0.25)
        );
}

.privacy-lock {
    position: absolute;

    top: 39px;
    left: 50%;

    width: 32px;
    height: 32px;

    transform: translateX(-50%);
}

.privacy-lock-body {
    position: absolute;

    bottom: 0;

    width: 32px;
    height: 23px;

    background: #ffffff;

    border-radius: 5px;
}

.privacy-lock-top {
    position: absolute;

    left: 7px;
    top: 0;

    width: 18px;
    height: 18px;

    border: 4px solid #ffffff;

    border-bottom: 0;

    border-radius: 10px 10px 0 0;
}


/* =========================================
   FLOATING DATA CIRCLES
========================================= */

.privacy-data-circle {
    position: absolute;

    width: 43px;
    height: 43px;

    display: flex;

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

    color: #006ffc;

    background: #ffffff;

    border: 1px solid rgba(0, 111, 252, 0.12);

    border-radius: 50%;

    box-shadow:
        0 10px 25px rgba(16, 24, 40, 0.10);

    font-size: 16px;
    font-weight: 700;
}

.circle-a {
    top: 90px;
    left: 65px;
}

.circle-b {
    bottom: 100px;
    right: 55px;
}

.circle-c {
    bottom: 60px;
    left: 95px;
}


/* =========================================
   FLOATING SECURITY CARD
========================================= */

.privacy-floating-card {
    position: absolute;

    z-index: 5;

    right: -10px;
    bottom: 55px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 14px 17px;

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

    border: 1px solid rgba(0, 111, 252, 0.10);

    border-radius: 14px;

    box-shadow:
        0 15px 40px rgba(16, 24, 40, 0.13);

    backdrop-filter: blur(10px);
}

.privacy-floating-icon {
    width: 39px;
    height: 39px;

    display: flex;

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

    color: #006ffc;

    background: #edf5ff;

    border-radius: 10px;

    font-size: 17px;
    font-weight: 700;
}

.privacy-floating-card strong {
    display: block;

    color: #101828;

    font-size: 12px;
    font-weight: 700;
}

.privacy-floating-card small {
    display: block;

    margin-top: 3px;

    color: #98a2b3;

    font-size: 9px;
}


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

@media (max-width: 1000px) {

    .privacy-hero {
        padding: 80px 25px;
    }

    .privacy-hero-container {
        gap: 45px;
    }

    .privacy-hero-content h1 {
        font-size: 48px;
    }

    .privacy-security-card {
        width: 420px;
        height: 380px;
    }

    .privacy-laptop {
        transform: scale(0.88);
    }

    .privacy-shield-wrapper {
        right: 40px;
    }
}


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

@media (max-width: 800px) {

    .privacy-hero {
        padding: 70px 18px 75px;
    }

    .privacy-hero-container {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    .privacy-hero-content {
        text-align: center;
    }

    .privacy-hero-label {
        justify-content: center;
    }

    .privacy-hero-content h1,
    .privacy-hero-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .privacy-hero-content h1 {
        font-size: 43px;

        letter-spacing: -1.8px;
    }

    .privacy-hero-content p {
        font-size: 15px;
    }

    .privacy-hero-visual {
        min-height: 430px;

        max-width: 600px;

        width: 100%;

        margin: 0 auto;
    }

    .privacy-security-card {
        width: 90%;
        height: 370px;

        border-radius: 25px;
    }

    .privacy-floating-card {
        right: 0;
        bottom: 25px;
    }
}


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

@media (max-width: 520px) {

    .privacy-hero-content h1 {
        font-size: 36px;
    }

    .privacy-hero-content p {
        font-size: 14px;

        line-height: 1.75;
    }

    .privacy-hero-visual {
        min-height: 350px;
    }

    .privacy-security-card {
        width: 95%;
        height: 315px;
    }

    .privacy-laptop {
        transform: scale(0.65);

        margin-top: 45px;
    }

    .privacy-shield-wrapper {
        top: 28px;
        right: 20px;

        transform: scale(0.72);
    }

    .privacy-data-circle {
        width: 34px;
        height: 34px;

        font-size: 12px;
    }

    .circle-a {
        top: 55px;
        left: 25px;
    }

    .circle-b {
        bottom: 65px;
        right: 20px;
    }

    .circle-c {
        bottom: 40px;
        left: 45px;
    }

    .privacy-floating-card {
        right: 5px;
        bottom: 5px;

        padding: 10px 12px;
    }

    .privacy-floating-icon {
        width: 32px;
        height: 32px;
    }

    .privacy-floating-card strong {
        font-size: 10px;
    }

    .privacy-floating-card small {
        font-size: 8px;
    }
}



/* =========================================
   ABOUT THIS PRIVACY POLICY
========================================= */

.privacy-about-section {
    position: relative;
    padding: 100px 20px;

    background: #ffffff;
}

.privacy-about-container {
    max-width: 1150px;
    margin: 0 auto;
}


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

.privacy-about-header {
    max-width: 700px;
    margin-bottom: 55px;
}

.privacy-about-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: #006ffc;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.privacy-about-label::before {
    content: "";

    width: 28px;
    height: 2px;

    background: #006ffc;

    border-radius: 5px;
}

.privacy-about-header h2 {
    margin: 0;

    color: #101828;

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

    line-height: 1.15;

    font-weight: 750;

    letter-spacing: -1.8px;
}

.privacy-about-header h2 span {
    color: #006ffc;
}


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

.privacy-about-content {
    display: grid;

    grid-template-columns: 0.95fr 1.05fr;

    gap: 65px;

    align-items: start;
}


/* =========================================
   INTRO TEXT
========================================= */

.privacy-about-intro {
    padding-top: 5px;
}

.privacy-about-intro p {
    margin: 0 0 22px;

    color: #667085;

    font-size: 15px;

    line-height: 1.85;
}

.privacy-about-intro p:last-child {
    margin-bottom: 0;
}

.privacy-about-intro strong {
    color: #344054;

    font-weight: 700;
}

.privacy-about-intro a {
    color: #006ffc;

    font-weight: 600;

    text-decoration: none;

    transition: color 0.25s ease;
}

.privacy-about-intro a:hover {
    color: #005bd1;

    text-decoration: underline;
}


/* =========================================
   POLICY OVERVIEW CARD
========================================= */

.privacy-policy-overview {
    padding: 30px;

    background: #f7f9fc;

    border: 1px solid #edf1f5;

    border-radius: 22px;

    box-shadow:
        0 12px 35px rgba(16, 24, 40, 0.05);
}


/* =========================================
   OVERVIEW HEADING
========================================= */

.privacy-overview-heading {
    display: flex;

    align-items: center;

    gap: 14px;

    padding-bottom: 23px;

    margin-bottom: 5px;

    border-bottom: 1px solid #e5eaf0;
}

.privacy-overview-icon {
    width: 44px;
    height: 44px;

    display: flex;

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

    flex-shrink: 0;

    color: #006ffc;

    background: #eaf3ff;

    border-radius: 12px;

    font-size: 18px;
    font-weight: 700;
}

.privacy-overview-small {
    display: block;

    margin-bottom: 4px;

    color: #98a2b3;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.4px;
}

.privacy-overview-heading h3 {
    margin: 0;

    color: #101828;

    font-size: 19px;

    line-height: 1.3;

    font-weight: 700;
}


/* =========================================
   POLICY POINTS
========================================= */

.privacy-policy-points {
    display: grid;

    grid-template-columns: 1fr 1fr;
}

.privacy-policy-point {
    display: flex;

    align-items: center;

    gap: 12px;

    min-height: 65px;

    padding: 13px 8px;

    border-bottom: 1px solid #e7ebf0;
}

.privacy-policy-point:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.privacy-policy-point span {
    width: 30px;

    color: #006ffc;

    font-size: 10px;

    font-weight: 700;

    flex-shrink: 0;
}

.privacy-policy-point strong {
    color: #344054;

    font-size: 12px;

    line-height: 1.45;

    font-weight: 600;
}

.privacy-policy-point:hover strong {
    color: #006ffc;
}


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

@media (max-width: 900px) {

    .privacy-about-section {
        padding: 80px 25px;
    }

    .privacy-about-content {
        grid-template-columns: 1fr;

        gap: 40px;
    }

    .privacy-about-header {
        margin-bottom: 40px;
    }
}


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

@media (max-width: 600px) {

    .privacy-about-section {
        padding: 65px 18px;
    }

    .privacy-about-header {
        text-align: center;
    }

    .privacy-about-label {
        justify-content: center;
    }

    .privacy-about-header h2 {
        font-size: 34px;

        letter-spacing: -1.2px;
    }

    .privacy-about-intro p {
        font-size: 14px;

        line-height: 1.8;
    }

    .privacy-policy-overview {
        padding: 20px;

        border-radius: 18px;
    }

    .privacy-policy-points {
        grid-template-columns: 1fr;
    }

    .privacy-policy-point {
        min-height: auto;

        padding: 15px 4px;
    }

    .privacy-policy-point:nth-last-child(-n + 2) {
        border-bottom: 1px solid #e7ebf0;
    }

    .privacy-policy-point:last-child {
        border-bottom: 0;
    }
}


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

@media (max-width: 400px) {

    .privacy-about-header h2 {
        font-size: 30px;
    }

    .privacy-policy-overview {
        padding: 17px;
    }

    .privacy-overview-heading h3 {
        font-size: 17px;
    }

    .privacy-policy-point strong {
        font-size: 11px;
    }
}




/* =========================================
   INFORMATION WE COLLECT
========================================= */

.privacy-info-section {
    position: relative;
    overflow: hidden;

    padding: 100px 20px;

    background: #f7f9fc;
}

.privacy-info-container {
    max-width: 1200px;
    margin: 0 auto;
}


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

.privacy-info-header {
    max-width: 720px;

    margin-bottom: 55px;
}

.privacy-info-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: #006ffc;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.privacy-info-label::before {
    content: "";

    width: 28px;
    height: 2px;

    background: #006ffc;

    border-radius: 5px;
}

.privacy-info-header h2 {
    margin: 0;

    color: #101828;

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

    line-height: 1.15;

    font-weight: 750;

    letter-spacing: -1.8px;
}

.privacy-info-header h2 span {
    color: #006ffc;
}

.privacy-info-header p {
    max-width: 650px;

    margin: 20px 0 0;

    color: #667085;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================
   CARDS GRID
========================================= */

.privacy-info-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 25px;
}


/* =========================================
   MAIN CARD
========================================= */

.privacy-info-card {
    position: relative;

    padding: 32px;

    background: #ffffff;

    border: 1px solid #e7ebf0;

    border-radius: 22px;

    box-shadow:
        0 12px 35px rgba(16, 24, 40, 0.05);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.privacy-info-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 20px 45px rgba(16, 24, 40, 0.08);
}


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

.privacy-info-card-header {
    display: flex;

    align-items: center;

    gap: 15px;

    padding-bottom: 22px;

    margin-bottom: 22px;

    border-bottom: 1px solid #edf0f4;
}

.privacy-info-icon {
    width: 48px;
    height: 48px;

    display: flex;

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

    flex-shrink: 0;

    color: #006ffc;

    background: #edf5ff;

    border-radius: 13px;

    font-size: 12px;

    font-weight: 800;
}

.privacy-info-card-label {
    display: block;

    margin-bottom: 4px;

    color: #98a2b3;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.3px;
}

.privacy-info-card h3 {
    margin: 0;

    color: #101828;

    font-size: 20px;

    line-height: 1.3;

    font-weight: 700;
}

.privacy-info-card > p {
    margin: 0 0 22px;

    color: #667085;

    font-size: 14px;

    line-height: 1.75;
}


/* =========================================
   INFORMATION LIST
========================================= */

.privacy-info-list {
    display: flex;

    flex-direction: column;

    gap: 2px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.privacy-info-list li {
    display: flex;

    align-items: flex-start;

    gap: 12px;

    padding: 11px 0;

    border-bottom: 1px solid #f0f2f5;
}

.privacy-info-list li:last-child {
    border-bottom: 0;
}

.privacy-info-list li > span {
    width: 23px;
    height: 23px;

    display: flex;

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

    flex-shrink: 0;

    margin-top: 1px;

    color: #006ffc;

    background: #edf5ff;

    border-radius: 50%;

    font-size: 11px;

    font-weight: 700;
}

.privacy-info-list strong {
    display: block;

    color: #344054;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.5;
}

.privacy-info-list small {
    display: block;

    margin-top: 2px;

    color: #98a2b3;

    font-size: 10px;

    line-height: 1.4;
}


/* =========================================
   BLUE / TECHNICAL CARD
========================================= */

.privacy-info-card-blue {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f3f8ff 100%
        );

    border-color: rgba(0, 111, 252, 0.12);
}


/* =========================================
   TECHNICAL INFORMATION GRID
========================================= */

.privacy-technical-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 8px;

    margin-top: 5px;
}

.privacy-technical-item {
    display: flex;

    align-items: center;

    gap: 10px;

    min-height: 49px;

    padding: 9px 10px;

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

    border: 1px solid #e7edf5;

    border-radius: 9px;

    transition:
        border-color 0.25s ease,
        transform 0.25s ease;
}

.privacy-technical-item:hover {
    border-color: rgba(0, 111, 252, 0.25);

    transform: translateY(-2px);
}

.privacy-technical-item span {
    width: 24px;

    color: #006ffc;

    font-size: 9px;

    font-weight: 700;

    flex-shrink: 0;
}

.privacy-technical-item strong {
    color: #475467;

    font-size: 11px;

    font-weight: 600;

    line-height: 1.35;
}


/* =========================================
   INFORMATION NOTE
========================================= */

.privacy-info-note {
    display: flex;

    align-items: flex-start;

    gap: 10px;

    margin-top: 25px;

    padding: 13px 14px;

    background: #f8fafc;

    border-left: 3px solid #006ffc;

    border-radius: 7px;
}

.privacy-info-note > span {
    width: 19px;
    height: 19px;

    display: flex;

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

    flex-shrink: 0;

    color: #006ffc;

    background: #eaf3ff;

    border-radius: 50%;

    font-size: 10px;

    font-weight: 700;
}

.privacy-info-note p {
    margin: 0;

    color: #667085;

    font-size: 10px;

    line-height: 1.6;
}


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

@media (max-width: 900px) {

    .privacy-info-section {
        padding: 80px 25px;
    }

    .privacy-info-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }

    .privacy-info-header {
        margin-bottom: 40px;
    }
}


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

@media (max-width: 600px) {

    .privacy-info-section {
        padding: 65px 18px;
    }

    .privacy-info-header {
        text-align: center;
    }

    .privacy-info-label {
        justify-content: center;
    }

    .privacy-info-header h2 {
        font-size: 34px;

        letter-spacing: -1.2px;
    }

    .privacy-info-header p {
        font-size: 14px;
    }

    .privacy-info-card {
        padding: 22px;

        border-radius: 18px;
    }

    .privacy-info-card h3 {
        font-size: 18px;
    }

    .privacy-technical-grid {
        grid-template-columns: 1fr;
    }
}


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

@media (max-width: 400px) {

    .privacy-info-header h2 {
        font-size: 30px;
    }

    .privacy-info-card {
        padding: 18px;
    }

    .privacy-info-card-header {
        gap: 11px;
    }

    .privacy-info-icon {
        width: 42px;
        height: 42px;
    }

    .privacy-info-card h3 {
        font-size: 16px;
    }

    .privacy-info-card > p {
        font-size: 13px;
    }
}




/* =========================================
   HOW WE COLLECT INFORMATION
========================================= */

.privacy-collect-section {
    position: relative;
    padding: 110px 20px;
    background: #f7f9fc;
    overflow: hidden;
}

.privacy-collect-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.035);
    top: -180px;
    right: -160px;
}

.privacy-collect-container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}


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

.privacy-collect-header {
    max-width: 760px;
    margin: 0 auto 60px;
    text-align: center;
}

.privacy-collect-label {
    display: inline-block;
    margin-bottom: 16px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.privacy-collect-header h2 {
    margin: 0;
    color: #111827;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.4px;
}

.privacy-collect-header h2 span {
    color: #006ffc;
}

.privacy-collect-header p {
    max-width: 680px;
    margin: 20px auto 0;
    color: #667085;
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================
   GRID
========================================= */

.privacy-collect-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}


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

.privacy-collect-card {
    position: relative;
    padding: 36px;
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 22px;
    overflow: hidden;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.privacy-collect-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 111, 252, 0.2);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}


/* Decorative circle */

.privacy-collect-card::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.045);
    right: -70px;
    top: -70px;
}


/* =========================================
   ICON
========================================= */

.privacy-collect-icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 26px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 15px;
}

.privacy-collect-icon svg {
    width: 27px;
    height: 27px;
}


/* =========================================
   NUMBER
========================================= */

.privacy-collect-number {
    position: absolute;
    top: 34px;
    right: 34px;
    color: #d9e8fa;
    font-size: 42px;
    line-height: 1;
    font-weight: 800;
}


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

.privacy-collect-card h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 13px;
    color: #111827;
    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
}

.privacy-collect-card > p {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #667085;
    font-size: 15.5px;
    line-height: 1.75;
}


/* =========================================
   DIRECT INFORMATION LIST
========================================= */

.privacy-collect-list {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 13px;
    margin-top: 26px;
    padding-top: 24px;
    border-top: 1px solid #edf0f4;
}

.privacy-collect-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #344054;
    font-size: 14.5px;
    line-height: 1.5;
}

.privacy-collect-check {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    margin-top: 1px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
}


/* =========================================
   BUSINESS INTERACTION BOX
========================================= */

.privacy-business-box {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 13px;
    margin-top: 27px;
    padding: 19px;
    background: #f7faff;
    border: 1px solid #e2edfc;
    border-radius: 14px;
}

.privacy-business-dot {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    margin-top: 7px;
    background: #006ffc;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(0, 111, 252, 0.08);
}

.privacy-business-box p {
    margin: 0;
    color: #526071;
    font-size: 14px;
    line-height: 1.65;
}


/* =========================================
   WIDE CARD
========================================= */

.privacy-collect-card-wide {
    grid-column: 1 / -1;
}


/* =========================================
   OTHER SOURCES GRID
========================================= */

.privacy-source-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #edf0f4;
}

.privacy-source-item {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-height: 54px;
    padding: 14px 15px;
    background: #f8fafc;
    border: 1px solid #edf1f5;
    border-radius: 12px;
}

.privacy-source-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 800;
}

.privacy-source-item strong {
    color: #344054;
    font-size: 13.5px;
    line-height: 1.45;
    font-weight: 600;
}


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

@media (max-width: 900px) {

    .privacy-collect-section {
        padding: 85px 20px;
    }

    .privacy-collect-header {
        margin-bottom: 45px;
    }

    .privacy-collect-header h2 {
        font-size: 38px;
    }

    .privacy-collect-grid {
        grid-template-columns: 1fr;
    }

    .privacy-collect-card-wide {
        grid-column: auto;
    }

    .privacy-source-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 600px) {

    .privacy-collect-section {
        padding: 70px 16px;
    }

    .privacy-collect-header {
        margin-bottom: 35px;
    }

    .privacy-collect-label {
        font-size: 11px;
        letter-spacing: 1.4px;
    }

    .privacy-collect-header h2 {
        font-size: 31px;
        letter-spacing: -0.8px;
    }

    .privacy-collect-header p {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.7;
    }

    .privacy-collect-card {
        padding: 27px 22px;
        border-radius: 18px;
    }

    .privacy-collect-icon {
        width: 52px;
        height: 52px;
        margin-bottom: 21px;
    }

    .privacy-collect-icon svg {
        width: 24px;
        height: 24px;
    }

    .privacy-collect-number {
        top: 28px;
        right: 22px;
        font-size: 34px;
    }

    .privacy-collect-card h3 {
        font-size: 20px;
    }

    .privacy-collect-card > p {
        font-size: 14.5px;
    }

    .privacy-source-grid {
        grid-template-columns: 1fr;
    }

    .privacy-source-item {
        min-height: auto;
    }
}




/* =========================================
   HOW WE USE YOUR INFORMATION
========================================= */

.privacy-use-section {
    position: relative;
    padding: 110px 20px;
    background: #ffffff;
    overflow: hidden;
}

.privacy-use-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.035);
    left: -260px;
    top: 120px;
}

.privacy-use-container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}


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

.privacy-use-header {
    max-width: 760px;
    margin: 0 auto 60px;
    text-align: center;
}

.privacy-use-label {
    display: inline-block;
    margin-bottom: 16px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.privacy-use-header h2 {
    margin: 0;
    color: #111827;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.4px;
}

.privacy-use-header h2 span {
    color: #006ffc;
}

.privacy-use-header p {
    max-width: 700px;
    margin: 20px auto 0;
    color: #667085;
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================
   USAGE GRID
========================================= */

.privacy-use-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}


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

.privacy-use-card {
    position: relative;
    min-height: 235px;
    padding: 32px;
    background: #f8fafc;
    border: 1px solid #e8edf4;
    border-radius: 20px;
    overflow: hidden;
    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.privacy-use-card::after {
    content: "";
    position: absolute;
    width: 135px;
    height: 135px;
    right: -65px;
    bottom: -65px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.045);
    transition: transform 0.35s ease;
}

.privacy-use-card:hover {
    transform: translateY(-5px);
    background: #ffffff;
    border-color: rgba(0, 111, 252, 0.2);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.privacy-use-card:hover::after {
    transform: scale(1.25);
}


/* =========================================
   NUMBER
========================================= */

.privacy-use-number {
    position: absolute;
    top: 27px;
    right: 30px;
    color: #dceafa;
    font-size: 38px;
    line-height: 1;
    font-weight: 800;
}


/* =========================================
   ICON
========================================= */

.privacy-use-icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin-bottom: 23px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 14px;
}

.privacy-use-icon svg {
    width: 26px;
    height: 26px;
}


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

.privacy-use-card h3 {
    position: relative;
    z-index: 2;
    max-width: 410px;
    margin: 0 0 10px;
    color: #111827;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}

.privacy-use-card p {
    position: relative;
    z-index: 2;
    max-width: 500px;
    margin: 0;
    color: #667085;
    font-size: 14.5px;
    line-height: 1.7;
}


/* =========================================
   POLICY NOTE
========================================= */

.privacy-use-note {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 850px;
    margin: 42px auto 0;
    padding: 20px 24px;
    background: #f7faff;
    border: 1px solid #dfeeff;
    border-radius: 14px;
}

.privacy-use-note-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    color: #006ffc;
    background: #eaf4ff;
    border-radius: 11px;
}

.privacy-use-note-icon svg {
    width: 22px;
    height: 22px;
}

.privacy-use-note p {
    margin: 0;
    color: #475467;
    font-size: 14px;
    line-height: 1.6;
}


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

@media (max-width: 900px) {

    .privacy-use-section {
        padding: 85px 20px;
    }

    .privacy-use-header {
        margin-bottom: 45px;
    }

    .privacy-use-header h2 {
        font-size: 38px;
    }

    .privacy-use-card {
        min-height: 220px;
        padding: 28px;
    }
}


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

@media (max-width: 600px) {

    .privacy-use-section {
        padding: 70px 16px;
    }

    .privacy-use-header {
        margin-bottom: 35px;
    }

    .privacy-use-label {
        font-size: 11px;
        letter-spacing: 1.4px;
    }

    .privacy-use-header h2 {
        font-size: 31px;
        letter-spacing: -0.8px;
    }

    .privacy-use-header p {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.7;
    }

    .privacy-use-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .privacy-use-card {
        min-height: auto;
        padding: 25px 22px;
        border-radius: 17px;
    }

    .privacy-use-number {
        top: 24px;
        right: 22px;
        font-size: 32px;
    }

    .privacy-use-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 19px;
    }

    .privacy-use-icon svg {
        width: 23px;
        height: 23px;
    }

    .privacy-use-card h3 {
        font-size: 19px;
    }

    .privacy-use-card p {
        font-size: 14px;
        line-height: 1.65;
    }

    .privacy-use-note {
        align-items: flex-start;
        gap: 12px;
        margin-top: 28px;
        padding: 17px;
    }

    .privacy-use-note-icon {
        width: 38px;
        height: 38px;
    }

    .privacy-use-note-icon svg {
        width: 20px;
        height: 20px;
    }

    .privacy-use-note p {
        font-size: 13.5px;
    }
}




/* =========================================
   SHARING OF PERSONAL INFORMATION
========================================= */

.privacy-sharing-section {
    position: relative;
    padding: 110px 20px;
    background: #f7f9fc;
    overflow: hidden;
}

.privacy-sharing-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    top: -250px;
    right: -220px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.04);
}

.privacy-sharing-section::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    bottom: -230px;
    left: -180px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.025);
}

.privacy-sharing-container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}


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

.privacy-sharing-header {
    max-width: 800px;
    margin: 0 auto 60px;
    text-align: center;
}

.privacy-sharing-label {
    display: inline-block;
    margin-bottom: 16px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.privacy-sharing-header h2 {
    margin: 0;
    color: #111827;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.4px;
}

.privacy-sharing-header h2 span {
    color: #006ffc;
}

.privacy-sharing-header p {
    max-width: 730px;
    margin: 20px auto 0;
    color: #667085;
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================
   MAIN LAYOUT
========================================= */

.privacy-sharing-layout {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}


/* =========================================
   INTRO CARD
========================================= */

.privacy-sharing-intro {
    position: relative;
    padding: 36px;
    background: #ffffff;
    border: 1px solid #e5eaf1;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.04);
}

.privacy-sharing-intro::after {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    right: -100px;
    bottom: -100px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.045);
}

.privacy-sharing-intro-icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-bottom: 28px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 16px;
}

.privacy-sharing-intro-icon svg {
    width: 29px;
    height: 29px;
}

.privacy-sharing-mini-label {
    display: block;
    margin-bottom: 10px;
    color: #006ffc;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.privacy-sharing-intro h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 15px;
    color: #111827;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.privacy-sharing-intro h3 span {
    color: #006ffc;
}

.privacy-sharing-intro > p {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #667085;
    font-size: 14.5px;
    line-height: 1.75;
}


/* =========================================
   PROTECTION BOX
========================================= */

.privacy-sharing-protection {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 28px;
    padding: 16px;
    background: #f7faff;
    border: 1px solid #dfedfc;
    border-radius: 13px;
    color: #475467;
    font-size: 13px;
    line-height: 1.5;
}

.privacy-sharing-protection-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    color: #006ffc;
    background: #e8f3ff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
}


/* =========================================
   LIST WRAPPER
========================================= */

.privacy-sharing-list-wrapper {
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e5eaf1;
    border-radius: 22px;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.04);
}


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

.privacy-sharing-list-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 23px;
    border-bottom: 1px solid #edf0f4;
}

.privacy-sharing-list-header .privacy-sharing-mini-label {
    margin-bottom: 7px;
}

.privacy-sharing-list-header h3 {
    margin: 0;
    color: #111827;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
}

.privacy-sharing-count {
    color: #dceafa;
    font-size: 40px;
    line-height: 1;
    font-weight: 800;
}


/* =========================================
   SHARING LIST
========================================= */

.privacy-sharing-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 22px;
}

.privacy-sharing-item {
    position: relative;
    display: grid;
    grid-template-columns: 30px 45px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 22px 0;
    border-bottom: 1px solid #edf0f4;
}

.privacy-sharing-item:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.privacy-sharing-item-number {
    padding-top: 4px;
    color: #b7c6d8;
    font-size: 11px;
    font-weight: 800;
}

.privacy-sharing-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 12px;
}

.privacy-sharing-item-icon svg {
    width: 22px;
    height: 22px;
}

.privacy-sharing-item h4 {
    margin: 2px 0 6px;
    color: #1d2939;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
}

.privacy-sharing-item p {
    margin: 0;
    color: #667085;
    font-size: 12.8px;
    line-height: 1.55;
}


/* =========================================
   BOTTOM NOTE
========================================= */

.privacy-sharing-bottom {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 30px;
    padding: 22px 26px;
    background: #ffffff;
    border: 1px solid #dfeeff;
    border-radius: 16px;
}

.privacy-sharing-bottom-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 13px;
}

.privacy-sharing-bottom-icon svg {
    width: 25px;
    height: 25px;
}

.privacy-sharing-bottom span {
    display: block;
    margin-bottom: 5px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.privacy-sharing-bottom p {
    margin: 0;
    color: #526071;
    font-size: 14px;
    line-height: 1.6;
}


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

@media (max-width: 1000px) {

    .privacy-sharing-section {
        padding: 85px 20px;
    }

    .privacy-sharing-header {
        margin-bottom: 45px;
    }

    .privacy-sharing-header h2 {
        font-size: 38px;
    }

    .privacy-sharing-layout {
        grid-template-columns: 1fr;
    }

    .privacy-sharing-intro {
        max-width: 100%;
    }
}


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

@media (max-width: 650px) {

    .privacy-sharing-section {
        padding: 70px 16px;
    }

    .privacy-sharing-header {
        margin-bottom: 35px;
    }

    .privacy-sharing-label {
        font-size: 11px;
        letter-spacing: 1.4px;
    }

    .privacy-sharing-header h2 {
        font-size: 31px;
        letter-spacing: -0.8px;
    }

    .privacy-sharing-header p {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.7;
    }

    .privacy-sharing-intro,
    .privacy-sharing-list-wrapper {
        padding: 25px 20px;
        border-radius: 18px;
    }

    .privacy-sharing-intro-icon {
        width: 52px;
        height: 52px;
        margin-bottom: 22px;
    }

    .privacy-sharing-intro h3 {
        font-size: 21px;
    }

    .privacy-sharing-intro > p {
        font-size: 14px;
    }

    .privacy-sharing-list-header {
        align-items: center;
    }

    .privacy-sharing-list-header h3 {
        font-size: 19px;
    }

    .privacy-sharing-count {
        font-size: 31px;
    }

    .privacy-sharing-list {
        grid-template-columns: 1fr;
    }

    .privacy-sharing-item {
        grid-template-columns: 28px 43px minmax(0, 1fr);
        gap: 10px;
        padding: 18px 0;
    }

    .privacy-sharing-item:nth-last-child(-n + 2) {
        border-bottom: 1px solid #edf0f4;
    }

    .privacy-sharing-item:last-child {
        border-bottom: 0;
    }

    .privacy-sharing-item-icon {
        width: 43px;
        height: 43px;
    }

    .privacy-sharing-item h4 {
        font-size: 14px;
    }

    .privacy-sharing-item p {
        font-size: 12.5px;
    }

    .privacy-sharing-bottom {
        align-items: flex-start;
        gap: 13px;
        margin-top: 22px;
        padding: 18px;
    }

    .privacy-sharing-bottom-icon {
        width: 42px;
        height: 42px;
    }

    .privacy-sharing-bottom-icon svg {
        width: 22px;
        height: 22px;
    }

    .privacy-sharing-bottom p {
        font-size: 13px;
    }
}


/* =========================================
   COOKIES SECTION
========================================= */

.privacy-cookies-section {
    position: relative;
    padding: 110px 20px;
    background: #ffffff;
    overflow: hidden;
}

.privacy-cookies-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    top: -250px;
    right: -230px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.035);
}

.privacy-cookies-section::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    bottom: -230px;
    left: -180px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.025);
}

.privacy-cookies-container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}


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

.privacy-cookies-header {
    max-width: 780px;
    margin: 0 auto 65px;
    text-align: center;
}

.privacy-cookies-label {
    display: inline-block;
    margin-bottom: 16px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.privacy-cookies-header h2 {
    margin: 0;
    color: #111827;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.4px;
}

.privacy-cookies-header h2 span {
    color: #006ffc;
}

.privacy-cookies-header > p {
    max-width: 720px;
    margin: 20px auto 0;
    color: #667085;
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================
   MAIN LAYOUT
========================================= */

.privacy-cookies-layout {
    display: grid;
    grid-template-columns: 420px minmax(0, 1fr);
    gap: 55px;
    align-items: center;
}


/* =========================================
   LEFT VISUAL
========================================= */

.privacy-cookies-visual {
    position: relative;
    min-height: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.privacy-cookie-orbit {
    position: absolute;
    border: 1px dashed #d9eaff;
    border-radius: 50%;
}

.privacy-cookie-orbit-one {
    width: 410px;
    height: 410px;
}

.privacy-cookie-orbit-two {
    width: 315px;
    height: 315px;
    border-color: #e7f2ff;
}

.privacy-cookie-main {
    position: relative;
    z-index: 2;
    width: 300px;
    padding: 40px 34px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #dfeaf7;
    border-radius: 28px;
    box-shadow: 0 25px 60px rgba(15, 23, 42, 0.09);
}

.privacy-cookie-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    margin: 0 auto 25px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 21px;
}

.privacy-cookie-icon svg {
    width: 38px;
    height: 38px;
}

.privacy-cookie-main > span {
    display: block;
    margin-bottom: 11px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.privacy-cookie-main h3 {
    margin: 0;
    color: #111827;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
}

.privacy-cookie-main h3 strong {
    display: block;
    color: #006ffc;
    font-weight: 700;
}

.privacy-cookie-main p {
    margin: 16px 0 0;
    color: #667085;
    font-size: 13.5px;
    line-height: 1.7;
}


/* =========================================
   FLOATING CARD
========================================= */

.privacy-cookie-floating {
    position: absolute;
    z-index: 3;
    right: -5px;
    bottom: 55px;
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 205px;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid #e4ebf4;
    border-radius: 13px;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.09);
}

.privacy-cookie-floating-dot {
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    background: #006ffc;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(0, 111, 252, 0.1);
}

.privacy-cookie-floating strong {
    display: block;
    color: #1d2939;
    font-size: 12px;
    line-height: 1.4;
}

.privacy-cookie-floating small {
    display: block;
    margin-top: 2px;
    color: #98a2b3;
    font-size: 10px;
}


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

.privacy-cookies-content-heading {
    margin-bottom: 25px;
}

.privacy-cookies-content-heading > span {
    display: block;
    margin-bottom: 8px;
    color: #006ffc;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.privacy-cookies-content-heading h3 {
    margin: 0;
    color: #111827;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
}


/* =========================================
   BENEFITS
========================================= */

.privacy-cookie-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.privacy-cookie-benefit {
    display: grid;
    grid-template-columns: 25px 45px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    padding: 17px;
    background: #f8fafc;
    border: 1px solid #e8edf4;
    border-radius: 14px;
    transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.privacy-cookie-benefit:hover {
    transform: translateY(-3px);
    background: #ffffff;
    border-color: rgba(0, 111, 252, 0.2);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.privacy-cookie-benefit-number {
    padding-top: 4px;
    color: #b9c8da;
    font-size: 10px;
    font-weight: 800;
}

.privacy-cookie-benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 12px;
}

.privacy-cookie-benefit-icon svg {
    width: 21px;
    height: 21px;
}

.privacy-cookie-benefit h4 {
    margin: 2px 0 5px;
    color: #1d2939;
    font-size: 13.5px;
    line-height: 1.4;
    font-weight: 700;
}

.privacy-cookie-benefit p {
    margin: 0;
    color: #667085;
    font-size: 11.8px;
    line-height: 1.55;
}


/* =========================================
   THIRD PARTY
========================================= */

.privacy-third-party-cookie {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
    padding: 27px 30px;
    background: #f7faff;
    border: 1px solid #dfeeff;
    border-radius: 18px;
}

.privacy-third-party-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 55px;
    height: 55px;
    color: #006ffc;
    background: #eaf4ff;
    border-radius: 15px;
}

.privacy-third-party-icon svg {
    width: 28px;
    height: 28px;
}

.privacy-third-party-content > span {
    display: block;
    margin-bottom: 5px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.privacy-third-party-content h3 {
    margin: 0 0 5px;
    color: #1d2939;
    font-size: 18px;
    font-weight: 700;
}

.privacy-third-party-content p {
    max-width: 850px;
    margin: 0;
    color: #667085;
    font-size: 13.5px;
    line-height: 1.65;
}


/* =========================================
   COOKIE MANAGEMENT
========================================= */

.privacy-cookie-management {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 800px;
    margin: 18px auto 0;
    padding: 20px 23px;
    background: #ffffff;
    border: 1px solid #e5eaf1;
    border-radius: 15px;
}

.privacy-cookie-management-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 45px;
    height: 45px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 12px;
}

.privacy-cookie-management-icon svg {
    width: 24px;
    height: 24px;
}

.privacy-cookie-management > div:last-child > span {
    display: block;
    margin-bottom: 4px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.privacy-cookie-management p {
    margin: 0;
    color: #526071;
    font-size: 13px;
    line-height: 1.6;
}


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

@media (max-width: 1000px) {

    .privacy-cookies-section {
        padding: 85px 20px;
    }

    .privacy-cookies-header {
        margin-bottom: 45px;
    }

    .privacy-cookies-header h2 {
        font-size: 38px;
    }

    .privacy-cookies-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .privacy-cookies-visual {
        min-height: 450px;
    }

    .privacy-cookie-floating {
        right: 18%;
    }

    .privacy-cookie-benefits {
        gap: 15px;
    }
}


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

@media (max-width: 650px) {

    .privacy-cookies-section {
        padding: 70px 16px;
    }

    .privacy-cookies-header {
        margin-bottom: 35px;
    }

    .privacy-cookies-label {
        font-size: 11px;
        letter-spacing: 1.4px;
    }

    .privacy-cookies-header h2 {
        font-size: 31px;
        letter-spacing: -0.8px;
    }

    .privacy-cookies-header > p {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.7;
    }

    .privacy-cookies-layout {
        gap: 25px;
    }

    .privacy-cookies-visual {
        min-height: 380px;
    }

    .privacy-cookie-orbit-one {
        width: 330px;
        height: 330px;
    }

    .privacy-cookie-orbit-two {
        width: 255px;
        height: 255px;
    }

    .privacy-cookie-main {
        width: 260px;
        padding: 31px 24px;
        border-radius: 22px;
    }

    .privacy-cookie-icon {
        width: 62px;
        height: 62px;
        margin-bottom: 20px;
        border-radius: 17px;
    }

    .privacy-cookie-icon svg {
        width: 31px;
        height: 31px;
    }

    .privacy-cookie-main h3 {
        font-size: 21px;
    }

    .privacy-cookie-main p {
        font-size: 12.5px;
    }

    .privacy-cookie-floating {
        right: 0;
        bottom: 20px;
        min-width: 185px;
        padding: 12px 13px;
    }

    .privacy-cookies-content-heading h3 {
        font-size: 23px;
    }

    .privacy-cookie-benefits {
        grid-template-columns: 1fr;
    }

    .privacy-cookie-benefit {
        grid-template-columns: 25px 43px minmax(0, 1fr);
    }

    .privacy-third-party-cookie {
        align-items: flex-start;
        gap: 14px;
        margin-top: 30px;
        padding: 20px;
    }

    .privacy-third-party-icon {
        width: 45px;
        height: 45px;
    }

    .privacy-third-party-icon svg {
        width: 23px;
        height: 23px;
    }

    .privacy-third-party-content h3 {
        font-size: 16px;
    }

    .privacy-third-party-content p {
        font-size: 12.5px;
    }

    .privacy-cookie-management {
        align-items: flex-start;
        gap: 12px;
        padding: 17px;
    }

    .privacy-cookie-management-icon {
        width: 40px;
        height: 40px;
    }

    .privacy-cookie-management-icon svg {
        width: 21px;
        height: 21px;
    }

    .privacy-cookie-management p {
        font-size: 12.5px;
    }
}



/* =========================================
   DATA SECURITY
========================================= */

.privacy-security-section {
    position: relative;
    padding: 110px 20px;
    background: #f7f9fc;
    overflow: hidden;
}

.privacy-security-section::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    top: -280px;
    left: -250px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.035);
}

.privacy-security-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -250px;
    bottom: -270px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.025);
}

.privacy-security-container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}


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

.privacy-security-header {
    max-width: 800px;
    margin: 0 auto 65px;
    text-align: center;
}

.privacy-security-label {
    display: inline-block;
    margin-bottom: 16px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.privacy-security-header h2 {
    margin: 0;
    color: #111827;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.4px;
}

.privacy-security-header h2 span {
    color: #006ffc;
}

.privacy-security-header p {
    max-width: 720px;
    margin: 20px auto 0;
    color: #667085;
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================
   MAIN LAYOUT
========================================= */

.privacy-security-layout {
    display: grid;
    grid-template-columns: 430px minmax(0, 1fr);
    gap: 60px;
    align-items: center;
}


/* =========================================
   SECURITY VISUAL
========================================= */

.privacy-security-visual {
    position: relative;
    min-height: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.privacy-security-circle {
    position: absolute;
    border: 1px dashed #d8e9fb;
    border-radius: 50%;
}

.privacy-security-circle-one {
    width: 430px;
    height: 430px;
}

.privacy-security-circle-two {
    width: 330px;
    height: 330px;
    border-color: #e4f0fc;
}

.privacy-security-shield {
    position: relative;
    z-index: 2;
    width: 310px;
    padding: 40px 35px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #dfebf8;
    border-radius: 28px;
    box-shadow: 0 25px 65px rgba(15, 23, 42, 0.09);
}

.privacy-security-shield-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    margin: 0 auto 25px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 22px;
}

.privacy-security-shield-icon svg {
    width: 39px;
    height: 39px;
}

.privacy-security-shield > span {
    display: block;
    margin-bottom: 10px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.privacy-security-shield h3 {
    margin: 0;
    color: #111827;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 700;
}

.privacy-security-shield h3 strong {
    display: block;
    color: #006ffc;
}

.privacy-security-shield p {
    margin: 16px 0 0;
    color: #667085;
    font-size: 13.5px;
    line-height: 1.7;
}


/* =========================================
   FLOATING STATUS
========================================= */

.privacy-security-status {
    position: absolute;
    z-index: 3;
    right: -10px;
    bottom: 48px;
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 220px;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid #e4ebf4;
    border-radius: 14px;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.09);
}

.privacy-security-status-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 11px;
}

.privacy-security-status-icon svg {
    width: 21px;
    height: 21px;
}

.privacy-security-status strong {
    display: block;
    color: #1d2939;
    font-size: 12px;
    line-height: 1.4;
}

.privacy-security-status small {
    display: block;
    margin-top: 2px;
    color: #98a2b3;
    font-size: 9.5px;
}


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

.privacy-security-intro {
    margin-bottom: 27px;
}

.privacy-security-intro > span {
    display: block;
    margin-bottom: 8px;
    color: #006ffc;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.privacy-security-intro h3 {
    margin: 0;
    color: #111827;
    font-size: 29px;
    line-height: 1.3;
    font-weight: 700;
}

.privacy-security-intro h3 strong {
    color: #006ffc;
}

.privacy-security-intro p {
    max-width: 650px;
    margin: 12px 0 0;
    color: #667085;
    font-size: 14.5px;
    line-height: 1.7;
}


/* =========================================
   SECURITY MEASURES
========================================= */

.privacy-security-measures {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.privacy-security-item {
    display: grid;
    grid-template-columns: 26px 48px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    padding: 19px;
    background: #ffffff;
    border: 1px solid #e6ebf2;
    border-radius: 15px;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.privacy-security-item:hover {
    transform: translateY(-3px);
    border-color: rgba(0, 111, 252, 0.2);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
}

.privacy-security-number {
    padding-top: 5px;
    color: #b8c8da;
    font-size: 10px;
    font-weight: 800;
}

.privacy-security-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 12px;
}

.privacy-security-item-icon svg {
    width: 23px;
    height: 23px;
}

.privacy-security-item h4 {
    margin: 2px 0 6px;
    color: #1d2939;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

.privacy-security-item p {
    margin: 0;
    color: #667085;
    font-size: 11.8px;
    line-height: 1.55;
}


/* =========================================
   SECURITY NOTICE
========================================= */

.privacy-security-notice {
    display: flex;
    align-items: center;
    gap: 17px;
    max-width: 900px;
    margin: 48px auto 0;
    padding: 22px 26px;
    background: #ffffff;
    border: 1px solid #e1e8f0;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.035);
}

.privacy-security-notice-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 13px;
}

.privacy-security-notice-icon svg {
    width: 25px;
    height: 25px;
}

.privacy-security-notice span {
    display: block;
    margin-bottom: 5px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.privacy-security-notice p {
    margin: 0;
    color: #526071;
    font-size: 13.5px;
    line-height: 1.65;
}


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

@media (max-width: 1000px) {

    .privacy-security-section {
        padding: 85px 20px;
    }

    .privacy-security-header {
        margin-bottom: 45px;
    }

    .privacy-security-header h2 {
        font-size: 38px;
    }

    .privacy-security-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .privacy-security-visual {
        min-height: 450px;
    }

    .privacy-security-status {
        right: 17%;
    }
}


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

@media (max-width: 650px) {

    .privacy-security-section {
        padding: 70px 16px;
    }

    .privacy-security-header {
        margin-bottom: 35px;
    }

    .privacy-security-label {
        font-size: 11px;
        letter-spacing: 1.4px;
    }

    .privacy-security-header h2 {
        font-size: 31px;
        letter-spacing: -0.8px;
    }

    .privacy-security-header p {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.7;
    }

    .privacy-security-layout {
        gap: 25px;
    }

    .privacy-security-visual {
        min-height: 390px;
    }

    .privacy-security-circle-one {
        width: 335px;
        height: 335px;
    }

    .privacy-security-circle-two {
        width: 260px;
        height: 260px;
    }

    .privacy-security-shield {
        width: 265px;
        padding: 32px 24px;
        border-radius: 22px;
    }

    .privacy-security-shield-icon {
        width: 64px;
        height: 64px;
        margin-bottom: 20px;
        border-radius: 18px;
    }

    .privacy-security-shield-icon svg {
        width: 32px;
        height: 32px;
    }

    .privacy-security-shield h3 {
        font-size: 21px;
    }

    .privacy-security-shield p {
        font-size: 12.5px;
    }

    .privacy-security-status {
        right: 0;
        bottom: 15px;
        min-width: 190px;
        padding: 12px;
    }

    .privacy-security-status-icon {
        width: 36px;
        height: 36px;
    }

    .privacy-security-status small {
        font-size: 8.5px;
    }

    .privacy-security-intro h3 {
        font-size: 23px;
    }

    .privacy-security-intro p {
        font-size: 13.5px;
    }

    .privacy-security-measures {
        grid-template-columns: 1fr;
    }

    .privacy-security-item {
        grid-template-columns: 25px 45px minmax(0, 1fr);
        padding: 17px;
    }

    .privacy-security-item-icon {
        width: 45px;
        height: 45px;
    }

    .privacy-security-item h4 {
        font-size: 13.5px;
    }

    .privacy-security-item p {
        font-size: 11.8px;
    }

    .privacy-security-notice {
        align-items: flex-start;
        gap: 13px;
        margin-top: 28px;
        padding: 18px;
    }

    .privacy-security-notice-icon {
        width: 42px;
        height: 42px;
    }

    .privacy-security-notice p {
        font-size: 12.5px;
    }
}



/* =========================================
   DATA RETENTION SECTION
========================================= */

.privacy-retention-section {
    position: relative;
    padding: 110px 20px;
    background: #f7f9fc;
    overflow: hidden;
}

.privacy-retention-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Header */

.privacy-retention-header {
    max-width: 780px;
    margin: 0 auto 65px;
    text-align: center;
}

.privacy-retention-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: #006ffc;
    text-transform: uppercase;
}

.privacy-retention-label::before {
    content: "";
    width: 28px;
    height: 2px;
    background: #006ffc;
    border-radius: 10px;
}

.privacy-retention-header h2 {
    margin: 0 0 20px;

    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.4px;
    color: #111827;
}

.privacy-retention-header p {
    max-width: 720px;
    margin: 0 auto;

    font-size: 16px;
    line-height: 1.8;
    color: #687386;
}

/* Main Wrapper */

.privacy-retention-wrapper {
    display: grid;
    grid-template-columns: 390px 1fr;
    gap: 70px;
    align-items: center;
}

/* =========================================
   VISUAL
========================================= */

.privacy-retention-visual {
    position: relative;
    min-height: 480px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.privacy-retention-glow {
    position: absolute;
    width: 300px;
    height: 300px;

    background: rgba(0, 111, 252, 0.08);
    filter: blur(15px);
    border-radius: 50%;
}

/* Orbit */

.privacy-retention-orbit {
    position: absolute;
    border: 1px dashed rgba(0, 111, 252, 0.22);
    border-radius: 50%;
}

.privacy-retention-orbit.orbit-one {
    width: 360px;
    height: 360px;
}

.privacy-retention-orbit.orbit-two {
    width: 270px;
    height: 270px;
}

/* Main Card */

.privacy-retention-main-card {
    position: relative;
    z-index: 2;

    width: 245px;
    min-height: 245px;
    padding: 35px 25px;

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

    text-align: center;

    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 111, 252, 0.12);
    border-radius: 28px;

    box-shadow:
        0 30px 70px rgba(15, 23, 42, 0.10),
        0 8px 25px rgba(0, 111, 252, 0.06);
}

.privacy-retention-icon {
    width: 70px;
    height: 70px;

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

    margin-bottom: 20px;

    color: #006ffc;
    background: #eef6ff;
    border-radius: 20px;
}

.privacy-retention-icon svg {
    width: 34px;
    height: 34px;
}

.privacy-retention-main-card > span {
    margin-bottom: 7px;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #006ffc;
}

.privacy-retention-main-card strong {
    display: block;
    margin-bottom: 8px;

    font-size: 20px;
    color: #172033;
}

.privacy-retention-main-card small {
    max-width: 170px;

    font-size: 12px;
    line-height: 1.5;
    color: #7a8495;
}

/* Floating Status */

.privacy-retention-status {
    position: absolute;
    z-index: 3;

    right: -5px;
    bottom: 65px;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 14px 17px;

    background: #fff;
    border: 1px solid #e8edf5;
    border-radius: 15px;

    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.10);
}

.privacy-retention-status-dot {
    width: 10px;
    height: 10px;

    flex-shrink: 0;

    background: #006ffc;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(0, 111, 252, 0.10);
}

.privacy-retention-status strong {
    display: block;

    font-size: 12px;
    color: #1f2937;
}

.privacy-retention-status small {
    display: block;
    margin-top: 3px;

    font-size: 10px;
    color: #8a94a5;
}

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

.privacy-retention-content-heading {
    margin-bottom: 28px;
}

.privacy-retention-content-heading > span {
    display: block;
    margin-bottom: 9px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    color: #006ffc;
}

.privacy-retention-content-heading h3 {
    margin: 0;

    font-size: 28px;
    line-height: 1.3;
    letter-spacing: -0.6px;
    color: #172033;
}

/* Cards */

.privacy-retention-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.privacy-retention-card {
    position: relative;

    padding: 25px 22px 23px;

    background: #fff;
    border: 1px solid #e8edf4;
    border-radius: 18px;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.privacy-retention-card::after {
    content: "";

    position: absolute;
    right: -35px;
    top: -35px;

    width: 90px;
    height: 90px;

    background: rgba(0, 111, 252, 0.035);
    border-radius: 50%;

    transition: transform 0.3s ease;
}

.privacy-retention-card:hover {
    transform: translateY(-4px);

    border-color: rgba(0, 111, 252, 0.18);

    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.07),
        0 5px 15px rgba(0, 111, 252, 0.04);
}

.privacy-retention-card:hover::after {
    transform: scale(1.35);
}

.privacy-retention-number {
    position: absolute;
    top: 16px;
    right: 17px;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #c3cad5;
}

.privacy-retention-card-icon {
    width: 45px;
    height: 45px;

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

    margin-bottom: 16px;

    color: #006ffc;
    background: #eef6ff;
    border-radius: 13px;
}

.privacy-retention-card-icon svg {
    width: 23px;
    height: 23px;
}

.privacy-retention-card h4 {
    position: relative;
    z-index: 1;

    margin: 0 0 9px;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    color: #172033;
}

.privacy-retention-card p {
    position: relative;
    z-index: 1;

    margin: 0;

    font-size: 13px;
    line-height: 1.65;
    color: #748093;
}

/* =========================================
   POLICY NOTE
========================================= */

.privacy-retention-note {
    display: flex;
    align-items: flex-start;
    gap: 17px;

    margin-top: 45px;
    padding: 24px 28px;

    background: #fff;
    border: 1px solid #e6ebf2;
    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.privacy-retention-note-icon {
    width: 43px;
    height: 43px;

    flex-shrink: 0;

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

    color: #006ffc;
    background: #eef6ff;
    border-radius: 12px;
}

.privacy-retention-note-icon svg {
    width: 22px;
    height: 22px;
}

.privacy-retention-note span {
    display: block;
    margin-bottom: 6px;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #006ffc;
}

.privacy-retention-note p {
    margin: 0;

    font-size: 14px;
    line-height: 1.7;
    color: #697587;
}

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

@media (max-width: 1050px) {

    .privacy-retention-wrapper {
        grid-template-columns: 320px 1fr;
        gap: 40px;
    }

    .privacy-retention-visual {
        min-height: 420px;
    }

    .privacy-retention-orbit.orbit-one {
        width: 310px;
        height: 310px;
    }

    .privacy-retention-orbit.orbit-two {
        width: 230px;
        height: 230px;
    }

    .privacy-retention-main-card {
        width: 215px;
        min-height: 215px;
    }

    .privacy-retention-status {
        right: -10px;
        bottom: 45px;
    }
}

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

@media (max-width: 800px) {

    .privacy-retention-section {
        padding: 80px 18px;
    }

    .privacy-retention-header {
        margin-bottom: 50px;
    }

    .privacy-retention-wrapper {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .privacy-retention-visual {
        min-height: 390px;
    }

    .privacy-retention-status {
        right: 8%;
        bottom: 25px;
    }

    .privacy-retention-content-heading h3 {
        font-size: 25px;
    }
}

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

@media (max-width: 550px) {

    .privacy-retention-section {
        padding: 65px 15px;
    }

    .privacy-retention-header h2 {
        font-size: 32px;
    }

    .privacy-retention-header p {
        font-size: 14px;
        line-height: 1.7;
    }

    .privacy-retention-visual {
        min-height: 350px;
    }

    .privacy-retention-orbit.orbit-one {
        width: 280px;
        height: 280px;
    }

    .privacy-retention-orbit.orbit-two {
        width: 215px;
        height: 215px;
    }

    .privacy-retention-main-card {
        width: 195px;
        min-height: 195px;
        padding: 25px 18px;
    }

    .privacy-retention-icon {
        width: 58px;
        height: 58px;
        margin-bottom: 14px;
        border-radius: 16px;
    }

    .privacy-retention-icon svg {
        width: 28px;
        height: 28px;
    }

    .privacy-retention-main-card strong {
        font-size: 17px;
    }

    .privacy-retention-status {
        right: 0;
        bottom: 10px;
        padding: 11px 13px;
    }

    .privacy-retention-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .privacy-retention-card {
        padding: 22px 20px;
    }

    .privacy-retention-note {
        margin-top: 30px;
        padding: 20px;
        gap: 12px;
    }

    .privacy-retention-note p {
        font-size: 13px;
    }
}



/* =========================================
   THIRD-PARTY WEBSITES SECTION
========================================= */

.privacy-third-party-section {
    position: relative;
    padding: 110px 20px;
    background: #ffffff;
    overflow: hidden;
}

.privacy-third-party-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

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

.privacy-third-party-header {
    max-width: 760px;
    margin: 0 auto 65px;
    text-align: center;
}

.privacy-third-party-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 18px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: #006ffc;
    text-transform: uppercase;
}

.privacy-third-party-label::before {
    content: "";
    width: 28px;
    height: 2px;

    background: #006ffc;
    border-radius: 10px;
}

.privacy-third-party-header h2 {
    margin: 0 0 20px;

    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.4px;
    color: #111827;
}

.privacy-third-party-header p {
    max-width: 700px;
    margin: 0 auto;

    font-size: 16px;
    line-height: 1.8;
    color: #687386;
}

/* =========================================
   MAIN WRAPPER
========================================= */

.privacy-third-party-wrapper {
    display: grid;
    grid-template-columns: 1fr 480px;
    gap: 80px;
    align-items: center;
}

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

.privacy-third-party-content {
    max-width: 600px;
}

.privacy-third-party-intro {
    display: flex;
    align-items: flex-start;
    gap: 20px;

    margin-bottom: 35px;
}

.privacy-third-party-icon {
    width: 62px;
    height: 62px;

    flex-shrink: 0;

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

    color: #006ffc;
    background: #eef6ff;
    border-radius: 18px;
}

.privacy-third-party-icon svg {
    width: 30px;
    height: 30px;
}

.privacy-third-party-intro span {
    display: block;
    margin-bottom: 8px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    color: #006ffc;
}

.privacy-third-party-intro h3 {
    margin: 0 0 12px;

    font-size: 29px;
    line-height: 1.3;
    letter-spacing: -0.7px;
    color: #172033;
}

.privacy-third-party-intro p {
    margin: 0;

    font-size: 15px;
    line-height: 1.8;
    color: #6f7b8e;
}

/* Notice */

.privacy-third-party-notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    padding: 22px 24px;

    background: #f7f9fc;
    border: 1px solid #e7ecf3;
    border-radius: 17px;
}

.privacy-third-party-notice-icon {
    width: 40px;
    height: 40px;

    flex-shrink: 0;

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

    color: #006ffc;
    background: #ffffff;
    border-radius: 11px;
}

.privacy-third-party-notice-icon svg {
    width: 21px;
    height: 21px;
}

.privacy-third-party-notice strong {
    display: block;
    margin-bottom: 6px;

    font-size: 14px;
    color: #1c2637;
}

.privacy-third-party-notice p {
    margin: 0;

    font-size: 13px;
    line-height: 1.7;
    color: #748093;
}

/* =========================================
   RIGHT VISUAL
========================================= */

.privacy-third-party-visual {
    position: relative;

    min-height: 450px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.privacy-third-party-glow {
    position: absolute;

    width: 300px;
    height: 300px;

    background: rgba(0, 111, 252, 0.07);
    filter: blur(18px);

    border-radius: 50%;
}

/* Central Card */

.privacy-third-party-main {
    position: relative;
    z-index: 3;

    width: 210px;
    height: 210px;

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

    text-align: center;

    background: #ffffff;

    border: 1px solid rgba(0, 111, 252, 0.13);
    border-radius: 28px;

    box-shadow:
        0 30px 70px rgba(15, 23, 42, 0.10),
        0 8px 25px rgba(0, 111, 252, 0.05);
}

.privacy-third-party-main-icon {
    width: 65px;
    height: 65px;

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

    margin-bottom: 18px;

    color: #006ffc;
    background: #eef6ff;
    border-radius: 18px;
}

.privacy-third-party-main-icon svg {
    width: 31px;
    height: 31px;
}

.privacy-third-party-main span {
    margin-bottom: 7px;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #006ffc;
}

.privacy-third-party-main strong {
    font-size: 19px;
    color: #172033;
}

/* =========================================
   CONNECTION LINES
========================================= */

.third-party-line {
    position: absolute;
    z-index: 1;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(0, 111, 252, 0.25),
        transparent
    );

    transform-origin: center;
}

.third-party-line.line-one {
    width: 150px;
    top: 130px;
    left: 70px;
    transform: rotate(-28deg);
}

.third-party-line.line-two {
    width: 155px;
    top: 230px;
    right: 45px;
    transform: rotate(-25deg);
}

.third-party-line.line-three {
    width: 130px;
    bottom: 115px;
    left: 90px;
    transform: rotate(24deg);
}

/* =========================================
   FLOATING CARDS
========================================= */

.privacy-third-party-card {
    position: absolute;
    z-index: 4;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 13px 15px;

    background: #ffffff;

    border: 1px solid #e6ebf2;
    border-radius: 15px;

    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.09);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.privacy-third-party-card:hover {
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}

.privacy-third-party-card.card-top {
    top: 60px;
    right: 5px;
}

.privacy-third-party-card.card-bottom {
    bottom: 55px;
    left: 0;
}

.privacy-third-party-card-icon {
    width: 38px;
    height: 38px;

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

    color: #006ffc;
    background: #eef6ff;
    border-radius: 10px;
}

.privacy-third-party-card-icon svg {
    width: 20px;
    height: 20px;
}

.privacy-third-party-card strong {
    display: block;

    font-size: 11px;
    color: #263144;
}

.privacy-third-party-card small {
    display: block;
    margin-top: 3px;

    font-size: 9px;
    color: #8993a4;
}

/* =========================================
   BOTTOM STATEMENT
========================================= */

.privacy-third-party-bottom {
    display: flex;
    align-items: flex-start;
    gap: 16px;

    margin-top: 60px;
    padding: 24px 28px;

    background: #f7f9fc;

    border: 1px solid #e7ecf3;
    border-radius: 18px;
}

.privacy-third-party-bottom-icon {
    width: 44px;
    height: 44px;

    flex-shrink: 0;

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

    color: #006ffc;
    background: #ffffff;
    border-radius: 12px;
}

.privacy-third-party-bottom-icon svg {
    width: 23px;
    height: 23px;
}

.privacy-third-party-bottom span {
    display: block;
    margin-bottom: 6px;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #006ffc;
}

.privacy-third-party-bottom p {
    margin: 0;

    font-size: 14px;
    line-height: 1.7;
    color: #697587;
}

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

@media (max-width: 1000px) {

    .privacy-third-party-wrapper {
        grid-template-columns: 1fr 400px;
        gap: 45px;
    }

    .privacy-third-party-visual {
        min-height: 410px;
    }

    .privacy-third-party-main {
        width: 190px;
        height: 190px;
    }

    .privacy-third-party-card.card-top {
        right: -5px;
    }
}

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

@media (max-width: 800px) {

    .privacy-third-party-section {
        padding: 80px 18px;
    }

    .privacy-third-party-header {
        margin-bottom: 50px;
    }

    .privacy-third-party-wrapper {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .privacy-third-party-content {
        max-width: none;
    }

    .privacy-third-party-visual {
        min-height: 390px;
    }

    .privacy-third-party-card.card-top {
        right: 5%;
    }

    .privacy-third-party-card.card-bottom {
        left: 5%;
    }
}

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

@media (max-width: 550px) {

    .privacy-third-party-section {
        padding: 65px 15px;
    }

    .privacy-third-party-header h2 {
        font-size: 32px;
    }

    .privacy-third-party-header p {
        font-size: 14px;
        line-height: 1.7;
    }

    .privacy-third-party-intro {
        gap: 14px;
    }

    .privacy-third-party-icon {
        width: 52px;
        height: 52px;
        border-radius: 15px;
    }

    .privacy-third-party-icon svg {
        width: 25px;
        height: 25px;
    }

    .privacy-third-party-intro h3 {
        font-size: 23px;
    }

    .privacy-third-party-intro p {
        font-size: 14px;
    }

    .privacy-third-party-visual {
        min-height: 340px;
    }

    .privacy-third-party-main {
        width: 175px;
        height: 175px;
        border-radius: 23px;
    }

    .privacy-third-party-main-icon {
        width: 55px;
        height: 55px;
        margin-bottom: 13px;
        border-radius: 15px;
    }

    .privacy-third-party-main-icon svg {
        width: 27px;
        height: 27px;
    }

    .privacy-third-party-card {
        padding: 10px 12px;
    }

    .privacy-third-party-card.card-top {
        top: 35px;
        right: 0;
    }

    .privacy-third-party-card.card-bottom {
        bottom: 30px;
        left: 0;
    }

    .privacy-third-party-bottom {
        margin-top: 35px;
        padding: 20px;
    }

    .privacy-third-party-bottom p {
        font-size: 13px;
    }
}


/* =========================================
   SOCIAL MEDIA SECTION
========================================= */

.privacy-social-section {
    position: relative;
    padding: 110px 20px;
    background: #f7f9fc;
    overflow: hidden;
}

.privacy-social-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

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

.privacy-social-header {
    max-width: 780px;
    margin: 0 auto 65px;
    text-align: center;
}

.privacy-social-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 18px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: #006ffc;
    text-transform: uppercase;
}

.privacy-social-label::before {
    content: "";
    width: 28px;
    height: 2px;

    background: #006ffc;
    border-radius: 10px;
}

.privacy-social-header h2 {
    margin: 0 0 20px;

    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.4px;
    color: #111827;
}

.privacy-social-header p {
    max-width: 720px;
    margin: 0 auto;

    font-size: 16px;
    line-height: 1.8;
    color: #687386;
}

/* =========================================
   MAIN WRAPPER
========================================= */

.privacy-social-wrapper {
    display: grid;
    grid-template-columns: 470px 1fr;
    gap: 80px;
    align-items: center;
}

/* =========================================
   LEFT VISUAL
========================================= */

.privacy-social-visual {
    position: relative;

    min-height: 470px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.privacy-social-glow {
    position: absolute;

    width: 300px;
    height: 300px;

    background: rgba(0, 111, 252, 0.08);
    filter: blur(18px);

    border-radius: 50%;
}

/* Connection Lines */

.privacy-social-line {
    position: absolute;
    z-index: 1;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(0, 111, 252, 0.28),
        transparent
    );

    transform-origin: center;
}

.social-line-one {
    width: 145px;
    top: 135px;
    left: 75px;
    transform: rotate(-27deg);
}

.social-line-two {
    width: 145px;
    top: 230px;
    right: 55px;
    transform: rotate(-25deg);
}

.social-line-three {
    width: 125px;
    bottom: 110px;
    left: 90px;
    transform: rotate(25deg);
}

/* Central Card */

.privacy-social-main-card {
    position: relative;
    z-index: 3;

    width: 220px;
    height: 220px;

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

    text-align: center;

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

    border: 1px solid rgba(0, 111, 252, 0.13);
    border-radius: 28px;

    box-shadow:
        0 30px 70px rgba(15, 23, 42, 0.10),
        0 8px 25px rgba(0, 111, 252, 0.06);
}

.privacy-social-main-icon {
    width: 65px;
    height: 65px;

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

    margin-bottom: 18px;

    color: #006ffc;
    background: #eef6ff;
    border-radius: 18px;
}

.privacy-social-main-icon svg {
    width: 32px;
    height: 32px;
}

.privacy-social-main-card > span {
    margin-bottom: 7px;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #006ffc;
}

.privacy-social-main-card strong {
    margin-bottom: 7px;

    font-size: 19px;
    color: #172033;
}

.privacy-social-main-card small {
    max-width: 165px;

    font-size: 11px;
    line-height: 1.5;
    color: #858fa0;
}

/* =========================================
   FLOATING SOCIAL CARDS
========================================= */

.privacy-social-card {
    position: absolute;
    z-index: 4;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 13px 15px;

    background: #ffffff;

    border: 1px solid #e6ebf2;
    border-radius: 15px;

    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.09);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.privacy-social-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 20px 40px rgba(15, 23, 42, 0.12);
}

.social-card-top {
    top: 65px;
    right: 10px;
}

.social-card-bottom {
    bottom: 55px;
    left: 5px;
}

.privacy-social-card-icon {
    width: 38px;
    height: 38px;

    flex-shrink: 0;

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

    color: #006ffc;
    background: #eef6ff;
    border-radius: 10px;
}

.privacy-social-card-icon svg {
    width: 20px;
    height: 20px;
}

.privacy-social-card strong {
    display: block;

    font-size: 11px;
    color: #263144;
}

.privacy-social-card small {
    display: block;
    margin-top: 3px;

    font-size: 9px;
    color: #8993a4;
}

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

.privacy-social-content {
    width: 100%;
}

.privacy-social-content-heading {
    margin-bottom: 28px;
}

.privacy-social-content-heading > span {
    display: block;
    margin-bottom: 9px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    color: #006ffc;
}

.privacy-social-content-heading h3 {
    margin: 0 0 13px;

    font-size: 29px;
    line-height: 1.3;
    letter-spacing: -0.7px;
    color: #172033;
}

.privacy-social-content-heading p {
    margin: 0;

    font-size: 14px;
    line-height: 1.75;
    color: #748093;
}

/* =========================================
   INFORMATION CARDS
========================================= */

.privacy-social-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.privacy-social-info-card {
    position: relative;

    padding: 23px 21px;

    background: #ffffff;

    border: 1px solid #e7ecf3;
    border-radius: 17px;

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.privacy-social-info-card::after {
    content: "";

    position: absolute;
    top: -35px;
    right: -35px;

    width: 90px;
    height: 90px;

    background: rgba(0, 111, 252, 0.035);
    border-radius: 50%;

    transition: transform 0.3s ease;
}

.privacy-social-info-card:hover {
    transform: translateY(-4px);

    border-color: rgba(0, 111, 252, 0.18);

    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.07),
        0 5px 15px rgba(0, 111, 252, 0.04);
}

.privacy-social-info-card:hover::after {
    transform: scale(1.35);
}

.privacy-social-number {
    position: absolute;
    top: 14px;
    right: 16px;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #c3cad5;
}

.privacy-social-info-icon {
    width: 43px;
    height: 43px;

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

    margin-bottom: 14px;

    color: #006ffc;
    background: #eef6ff;
    border-radius: 12px;
}

.privacy-social-info-icon svg {
    width: 22px;
    height: 22px;
}

.privacy-social-info-card h4 {
    position: relative;
    z-index: 1;

    margin: 0 0 8px;

    font-size: 14px;
    line-height: 1.4;
    color: #172033;
}

.privacy-social-info-card p {
    position: relative;
    z-index: 1;

    margin: 0;

    font-size: 12.5px;
    line-height: 1.65;
    color: #748093;
}

/* =========================================
   BOTTOM NOTICE
========================================= */

.privacy-social-notice {
    display: flex;
    align-items: flex-start;
    gap: 16px;

    margin-top: 55px;
    padding: 24px 28px;

    background: #ffffff;

    border: 1px solid #e6ebf2;
    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.privacy-social-notice-icon {
    width: 44px;
    height: 44px;

    flex-shrink: 0;

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

    color: #006ffc;
    background: #eef6ff;
    border-radius: 12px;
}

.privacy-social-notice-icon svg {
    width: 22px;
    height: 22px;
}

.privacy-social-notice span {
    display: block;
    margin-bottom: 6px;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #006ffc;
}

.privacy-social-notice p {
    margin: 0;

    font-size: 14px;
    line-height: 1.7;
    color: #697587;
}

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

@media (max-width: 1050px) {

    .privacy-social-wrapper {
        grid-template-columns: 390px 1fr;
        gap: 45px;
    }

    .privacy-social-visual {
        min-height: 420px;
    }

    .privacy-social-main-card {
        width: 200px;
        height: 200px;
    }

    .social-card-top {
        right: -5px;
    }

    .social-card-bottom {
        left: -5px;
    }
}

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

@media (max-width: 800px) {

    .privacy-social-section {
        padding: 80px 18px;
    }

    .privacy-social-header {
        margin-bottom: 50px;
    }

    .privacy-social-wrapper {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .privacy-social-visual {
        min-height: 390px;
    }

    .privacy-social-card.social-card-top {
        right: 5%;
    }

    .privacy-social-card.social-card-bottom {
        left: 5%;
    }
}

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

@media (max-width: 550px) {

    .privacy-social-section {
        padding: 65px 15px;
    }

    .privacy-social-header h2 {
        font-size: 32px;
    }

    .privacy-social-header p {
        font-size: 14px;
        line-height: 1.7;
    }

    .privacy-social-content-heading h3 {
        font-size: 24px;
    }

    .privacy-social-visual {
        min-height: 345px;
    }

    .privacy-social-main-card {
        width: 175px;
        height: 175px;
        border-radius: 23px;
    }

    .privacy-social-main-icon {
        width: 55px;
        height: 55px;
        margin-bottom: 13px;
        border-radius: 15px;
    }

    .privacy-social-main-icon svg {
        width: 27px;
        height: 27px;
    }

    .privacy-social-main-card strong {
        font-size: 17px;
    }

    .privacy-social-card {
        padding: 10px 12px;
    }

    .social-card-top {
        top: 30px;
        right: 0;
    }

    .social-card-bottom {
        bottom: 25px;
        left: 0;
    }

    .privacy-social-info-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .privacy-social-notice {
        margin-top: 35px;
        padding: 20px;
    }

    .privacy-social-notice p {
        font-size: 13px;
    }
}



/* =========================================
   YOUR PRIVACY CHOICES SECTION
========================================= */

.privacy-choices-section {
    position: relative;
    padding: 110px 20px;
    background: #ffffff;
    overflow: hidden;
}

.privacy-choices-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

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

.privacy-choices-header {
    max-width: 780px;
    margin: 0 auto 65px;
    text-align: center;
}

.privacy-choices-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 18px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: #006ffc;
    text-transform: uppercase;
}

.privacy-choices-label::before {
    content: "";

    width: 28px;
    height: 2px;

    background: #006ffc;
    border-radius: 10px;
}

.privacy-choices-header h2 {
    margin: 0 0 20px;

    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.4px;
    color: #111827;
}

.privacy-choices-header p {
    max-width: 720px;
    margin: 0 auto;

    font-size: 16px;
    line-height: 1.8;
    color: #687386;
}

/* =========================================
   MAIN WRAPPER
========================================= */

.privacy-choices-wrapper {
    display: grid;
    grid-template-columns: 1fr 430px;
    gap: 75px;
    align-items: center;
}

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

.privacy-choices-content {
    width: 100%;
}

.privacy-choices-intro {
    display: flex;
    align-items: flex-start;
    gap: 20px;

    margin-bottom: 32px;
}

.privacy-choices-icon {
    width: 62px;
    height: 62px;

    flex-shrink: 0;

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

    color: #006ffc;
    background: #eef6ff;
    border-radius: 18px;
}

.privacy-choices-icon svg {
    width: 30px;
    height: 30px;
}

.privacy-choices-intro span {
    display: block;
    margin-bottom: 8px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    color: #006ffc;
}

.privacy-choices-intro h3 {
    margin: 0 0 10px;

    font-size: 28px;
    line-height: 1.3;
    letter-spacing: -0.6px;
    color: #172033;
}

.privacy-choices-intro p {
    max-width: 600px;
    margin: 0;

    font-size: 14px;
    line-height: 1.75;
    color: #748093;
}

/* =========================================
   CHOICE LIST
========================================= */

.privacy-choices-list {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.privacy-choice-item {
    position: relative;

    display: grid;
    grid-template-columns: 35px 44px 1fr;
    align-items: center;
    gap: 15px;

    padding: 17px 20px;

    background: #f7f9fc;
    border: 1px solid #e7ecf3;
    border-radius: 15px;

    overflow: hidden;

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

.privacy-choice-item::after {
    content: "";

    position: absolute;
    right: -30px;
    top: -35px;

    width: 85px;
    height: 85px;

    background: rgba(0, 111, 252, 0.035);
    border-radius: 50%;

    transition: transform 0.3s ease;
}

.privacy-choice-item:hover {
    transform: translateX(4px);

    background: #ffffff;

    border-color: rgba(0, 111, 252, 0.18);

    box-shadow:
        0 14px 32px rgba(15, 23, 42, 0.06),
        0 4px 12px rgba(0, 111, 252, 0.04);
}

.privacy-choice-item:hover::after {
    transform: scale(1.3);
}

.privacy-choice-number {
    position: relative;
    z-index: 1;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #a8b1bf;
}

.privacy-choice-item-icon {
    position: relative;
    z-index: 1;

    width: 44px;
    height: 44px;

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

    color: #006ffc;
    background: #ffffff;
    border-radius: 12px;
}

.privacy-choice-item-icon svg {
    width: 22px;
    height: 22px;
}

.privacy-choice-item h4 {
    position: relative;
    z-index: 1;

    margin: 0 0 4px;

    font-size: 14px;
    line-height: 1.4;
    color: #172033;
}

.privacy-choice-item p {
    position: relative;
    z-index: 1;

    margin: 0;

    font-size: 12px;
    line-height: 1.6;
    color: #748093;
}

/* =========================================
   RIGHT VISUAL
========================================= */

.privacy-choices-visual {
    position: relative;

    min-height: 470px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.privacy-choices-glow {
    position: absolute;

    width: 310px;
    height: 310px;

    background: rgba(0, 111, 252, 0.07);
    filter: blur(18px);

    border-radius: 50%;
}

/* Orbit */

.privacy-choices-orbit {
    position: absolute;

    border: 1px dashed rgba(0, 111, 252, 0.20);
    border-radius: 50%;
}

.privacy-choices-orbit.orbit-large {
    width: 350px;
    height: 350px;
}

.privacy-choices-orbit.orbit-small {
    width: 260px;
    height: 260px;
}

/* Main Card */

.privacy-choices-main-card {
    position: relative;
    z-index: 3;

    width: 220px;
    height: 220px;

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

    text-align: center;

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

    border: 1px solid rgba(0, 111, 252, 0.13);
    border-radius: 28px;

    box-shadow:
        0 30px 70px rgba(15, 23, 42, 0.10),
        0 8px 25px rgba(0, 111, 252, 0.05);
}

.privacy-choices-main-icon {
    width: 65px;
    height: 65px;

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

    margin-bottom: 18px;

    color: #006ffc;
    background: #eef6ff;
    border-radius: 18px;
}

.privacy-choices-main-icon svg {
    width: 32px;
    height: 32px;
}

.privacy-choices-main-card > span {
    margin-bottom: 7px;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #006ffc;
}

.privacy-choices-main-card strong {
    margin-bottom: 7px;

    font-size: 20px;
    color: #172033;
}

.privacy-choices-main-card small {
    max-width: 165px;

    font-size: 11px;
    line-height: 1.5;
    color: #858fa0;
}

/* =========================================
   FLOATING CARDS
========================================= */

.privacy-choice-floating {
    position: absolute;
    z-index: 4;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 14px;

    background: #ffffff;

    border: 1px solid #e6ebf2;
    border-radius: 14px;

    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.09);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.privacy-choice-floating:hover {
    transform: translateY(-3px);

    box-shadow:
        0 20px 40px rgba(15, 23, 42, 0.12);
}

.choice-access {
    top: 70px;
    right: 0;
}

.choice-preference {
    bottom: 65px;
    left: 0;
}

.privacy-choice-floating-icon {
    width: 38px;
    height: 38px;

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

    color: #006ffc;
    background: #eef6ff;
    border-radius: 10px;
}

.privacy-choice-floating-icon svg {
    width: 20px;
    height: 20px;
}

.privacy-choice-floating strong {
    display: block;

    font-size: 11px;
    color: #263144;
}

.privacy-choice-floating small {
    display: block;
    margin-top: 3px;

    font-size: 9px;
    color: #8993a4;
}

/* =========================================
   BOTTOM NOTICE
========================================= */

.privacy-choices-notice {
    display: flex;
    align-items: flex-start;
    gap: 16px;

    margin-top: 55px;
    padding: 24px 28px;

    background: #f7f9fc;

    border: 1px solid #e7ecf3;
    border-radius: 18px;
}

.privacy-choices-notice-icon {
    width: 44px;
    height: 44px;

    flex-shrink: 0;

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

    color: #006ffc;
    background: #ffffff;
    border-radius: 12px;
}

.privacy-choices-notice-icon svg {
    width: 23px;
    height: 23px;
}

.privacy-choices-notice span {
    display: block;
    margin-bottom: 6px;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #006ffc;
}

.privacy-choices-notice p {
    margin: 0;

    font-size: 14px;
    line-height: 1.7;
    color: #697587;
}

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

@media (max-width: 1050px) {

    .privacy-choices-wrapper {
        grid-template-columns: 1fr 380px;
        gap: 45px;
    }

    .privacy-choices-visual {
        min-height: 420px;
    }

    .privacy-choices-orbit.orbit-large {
        width: 310px;
        height: 310px;
    }

    .privacy-choices-orbit.orbit-small {
        width: 235px;
        height: 235px;
    }

    .privacy-choices-main-card {
        width: 200px;
        height: 200px;
    }
}

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

@media (max-width: 800px) {

    .privacy-choices-section {
        padding: 80px 18px;
    }

    .privacy-choices-header {
        margin-bottom: 50px;
    }

    .privacy-choices-wrapper {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .privacy-choices-visual {
        min-height: 390px;
        order: 2;
    }

    .privacy-choices-content {
        order: 1;
    }

    .choice-access {
        right: 5%;
    }

    .choice-preference {
        left: 5%;
    }
}

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

@media (max-width: 550px) {

    .privacy-choices-section {
        padding: 65px 15px;
    }

    .privacy-choices-header h2 {
        font-size: 32px;
    }

    .privacy-choices-header p {
        font-size: 14px;
        line-height: 1.7;
    }

    .privacy-choices-intro {
        gap: 14px;
    }

    .privacy-choices-icon {
        width: 52px;
        height: 52px;
        border-radius: 15px;
    }

    .privacy-choices-icon svg {
        width: 25px;
        height: 25px;
    }

    .privacy-choices-intro h3 {
        font-size: 23px;
    }

    .privacy-choice-item {
        grid-template-columns: 30px 42px 1fr;
        gap: 10px;

        padding: 15px;
    }

    .privacy-choice-item-icon {
        width: 42px;
        height: 42px;
    }

    .privacy-choice-item h4 {
        font-size: 13px;
    }

    .privacy-choice-item p {
        font-size: 11.5px;
    }

    .privacy-choices-visual {
        min-height: 345px;
    }

    .privacy-choices-orbit.orbit-large {
        width: 275px;
        height: 275px;
    }

    .privacy-choices-orbit.orbit-small {
        width: 210px;
        height: 210px;
    }

    .privacy-choices-main-card {
        width: 175px;
        height: 175px;
        border-radius: 23px;
    }

    .privacy-choices-main-icon {
        width: 55px;
        height: 55px;
        margin-bottom: 13px;
        border-radius: 15px;
    }

    .privacy-choices-main-icon svg {
        width: 27px;
        height: 27px;
    }

    .privacy-choices-main-card strong {
        font-size: 17px;
    }

    .privacy-choice-floating {
        padding: 10px 12px;
    }

    .choice-access {
        top: 25px;
        right: 0;
    }

    .choice-preference {
        bottom: 20px;
        left: 0;
    }

    .privacy-choices-notice {
        margin-top: 35px;
        padding: 20px;
    }

    .privacy-choices-notice p {
        font-size: 13px;
    }
}



/* =========================================================
   CHILDREN PRIVACY SECTION
========================================================= */

.privacy-children-section {
    position: relative;
    overflow: hidden;
    padding: 100px 20px;
    background: #ffffff;
}

.privacy-children-container {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    align-items: center;
    gap: 80px;
}

/* Content */

.privacy-children-content {
    position: relative;
    z-index: 2;
}

.privacy-children-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #006ffc;
}

.privacy-children-label::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 20px;
    background: #006ffc;
}

.privacy-children-content h2 {
    max-width: 620px;
    margin: 0 0 22px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.privacy-children-intro {
    max-width: 620px;
    margin: 0 0 30px;
    color: #667085;
    font-size: 17px;
    line-height: 1.8;
}

/* Main Information Card */

.privacy-children-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    max-width: 620px;
    padding: 25px;
    border: 1px solid #e8eef7;
    border-radius: 18px;
    background: #f8fbff;
    box-shadow: 0 12px 35px rgba(16, 24, 40, 0.06);
    transition: all 0.3s ease;
}

.privacy-children-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 18px 45px rgba(0, 111, 252, 0.10);
}

.privacy-children-icon {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    border-radius: 14px;
    background: #eaf3ff;
}

.privacy-children-icon svg {
    width: 25px;
    height: 25px;
}

.privacy-children-card h3 {
    margin: 1px 0 8px;
    color: #172033;
    font-size: 18px;
    font-weight: 750;
}

.privacy-children-card p {
    margin: 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.7;
}

/* Bottom Note */

.privacy-children-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: 620px;
    margin-top: 24px;
    padding: 17px 20px;
    border-radius: 13px;
    background: #f9fafb;
}

.privacy-children-note-dot {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    margin-top: 8px;
    border-radius: 50%;
    background: #006ffc;
    box-shadow: 0 0 0 5px rgba(0, 111, 252, 0.08);
}

.privacy-children-note p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.7;
}

/* =========================================================
   VISUAL
========================================================= */

.privacy-children-visual {
    position: relative;
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.privacy-children-glow {
    position: absolute;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);
    filter: blur(45px);
}

.privacy-children-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.13);
    border-radius: 50%;
}

.privacy-children-orbit-one {
    width: 390px;
    height: 390px;
}

.privacy-children-orbit-two {
    width: 285px;
    height: 285px;
    border-style: dashed;
    opacity: 0.8;
}

/* Main Card */

.privacy-children-main-card {
    position: relative;
    z-index: 3;
    width: 250px;
    min-height: 270px;
    padding: 34px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow:
        0 25px 70px rgba(16, 24, 40, 0.12),
        0 0 0 1px rgba(0, 111, 252, 0.04);
    backdrop-filter: blur(12px);
}

.privacy-children-main-icon {
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: #006ffc;
    border-radius: 22px;
    background: linear-gradient(145deg, #edf5ff, #ffffff);
    box-shadow: inset 0 0 0 1px rgba(0, 111, 252, 0.08);
}

.privacy-children-main-icon svg {
    width: 38px;
    height: 38px;
}

.privacy-children-main-card span {
    margin-bottom: 7px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.privacy-children-main-card strong {
    display: block;
    margin-bottom: 7px;
    color: #172033;
    font-size: 24px;
    font-weight: 800;
}

.privacy-children-main-card small {
    color: #98a2b3;
    font-size: 12px;
}

/* Floating Cards */

.privacy-children-floating-card {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 175px;
    padding: 14px 16px;
    border: 1px solid #e7edf5;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 15px 40px rgba(16, 24, 40, 0.10);
}

.privacy-children-card-top {
    top: 78px;
    right: 5px;
}

.privacy-children-card-bottom {
    bottom: 76px;
    left: 5px;
}

.privacy-children-mini-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    border-radius: 11px;
    background: #edf5ff;
}

.privacy-children-mini-icon svg {
    width: 19px;
    height: 19px;
}

.privacy-children-floating-card b {
    display: block;
    margin-bottom: 3px;
    color: #172033;
    font-size: 13px;
}

.privacy-children-floating-card small {
    display: block;
    color: #98a2b3;
    font-size: 11px;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {
    .privacy-children-container {
        grid-template-columns: 1fr 0.85fr;
        gap: 45px;
    }

    .privacy-children-card-top {
        right: -5px;
    }

    .privacy-children-card-bottom {
        left: -5px;
    }
}

@media (max-width: 800px) {
    .privacy-children-section {
        padding: 75px 20px;
    }

    .privacy-children-container {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .privacy-children-content {
        max-width: 700px;
        margin: 0 auto;
    }

    .privacy-children-visual {
        min-height: 430px;
        max-width: 620px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 550px) {
    .privacy-children-section {
        padding: 60px 16px;
    }

    .privacy-children-content h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .privacy-children-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    .privacy-children-card {
        padding: 20px;
    }

    .privacy-children-card p {
        font-size: 14px;
    }

    .privacy-children-visual {
        min-height: 380px;
    }

    .privacy-children-orbit-one {
        width: 300px;
        height: 300px;
    }

    .privacy-children-orbit-two {
        width: 225px;
        height: 225px;
    }

    .privacy-children-main-card {
        width: 210px;
        min-height: 235px;
        padding: 25px 20px;
    }

    .privacy-children-main-icon {
        width: 62px;
        height: 62px;
        border-radius: 18px;
    }

    .privacy-children-main-icon svg {
        width: 31px;
        height: 31px;
    }

    .privacy-children-main-card strong {
        font-size: 21px;
    }

    .privacy-children-floating-card {
        min-width: 145px;
        padding: 11px;
    }

    .privacy-children-card-top {
        top: 45px;
        right: 0;
    }

    .privacy-children-card-bottom {
        bottom: 42px;
        left: 0;
    }

    .privacy-children-mini-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .privacy-children-floating-card b {
        font-size: 12px;
    }

    .privacy-children-floating-card small {
        font-size: 10px;
    }
}


/* =========================================================
   CHANGES TO PRIVACY POLICY
========================================================= */

.privacy-updates-section {
    position: relative;
    overflow: hidden;
    padding: 100px 20px;
    background: #f8fafc;
}

.privacy-updates-container {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.9fr 1fr;
    align-items: center;
    gap: 85px;
}

/* =========================================================
   VISUAL
========================================================= */

.privacy-updates-visual {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.privacy-updates-glow {
    position: absolute;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);
    filter: blur(45px);
}

.privacy-updates-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.14);
    border-radius: 50%;
}

.privacy-updates-orbit-one {
    width: 390px;
    height: 390px;
}

.privacy-updates-orbit-two {
    width: 285px;
    height: 285px;
    border-style: dashed;
}

/* Main Card */

.privacy-updates-main-card {
    position: relative;
    z-index: 3;
    width: 260px;
    min-height: 275px;
    padding: 34px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
        0 25px 70px rgba(16, 24, 40, 0.12),
        0 0 0 1px rgba(0, 111, 252, 0.04);
    backdrop-filter: blur(12px);
}

.privacy-updates-icon {
    width: 76px;
    height: 76px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    border-radius: 22px;
    background: linear-gradient(145deg, #edf5ff, #ffffff);
    box-shadow: inset 0 0 0 1px rgba(0, 111, 252, 0.08);
}

.privacy-updates-icon svg {
    width: 37px;
    height: 37px;
}

.privacy-updates-main-card span {
    margin-bottom: 7px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.privacy-updates-main-card strong {
    display: block;
    margin-bottom: 8px;
    color: #172033;
    font-size: 23px;
    font-weight: 800;
}

.privacy-updates-main-card small {
    max-width: 190px;
    color: #98a2b3;
    font-size: 12px;
    line-height: 1.5;
}

/* Floating Cards */

.privacy-updates-floating-card {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 180px;
    padding: 14px 16px;
    border: 1px solid #e7edf5;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 15px 40px rgba(16, 24, 40, 0.10);
}

.privacy-updates-card-top {
    top: 70px;
    right: 0;
}

.privacy-updates-card-bottom {
    bottom: 70px;
    left: 0;
}

.privacy-updates-mini-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    border-radius: 11px;
    background: #edf5ff;
}

.privacy-updates-mini-icon svg {
    width: 19px;
    height: 19px;
}

.privacy-updates-floating-card b {
    display: block;
    margin-bottom: 3px;
    color: #172033;
    font-size: 13px;
}

.privacy-updates-floating-card small {
    display: block;
    color: #98a2b3;
    font-size: 11px;
}

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

.privacy-updates-content {
    position: relative;
    z-index: 2;
}

.privacy-updates-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.privacy-updates-label::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 20px;
    background: #006ffc;
}

.privacy-updates-content h2 {
    max-width: 620px;
    margin: 0 0 22px;
    color: #101828;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.privacy-updates-intro {
    max-width: 600px;
    margin: 0 0 30px;
    color: #667085;
    font-size: 17px;
    line-height: 1.8;
}

/* Highlight */

.privacy-updates-highlight {
    max-width: 620px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 26px;
    border: 1px solid #e4ecf7;
    border-radius: 19px;
    background: #ffffff;
    box-shadow: 0 15px 40px rgba(16, 24, 40, 0.06);
    transition: all 0.3s ease;
}

.privacy-updates-highlight:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 20px 50px rgba(0, 111, 252, 0.09);
}

.privacy-updates-highlight-icon {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    border-radius: 14px;
    background: #eaf3ff;
}

.privacy-updates-highlight-icon svg {
    width: 24px;
    height: 24px;
}

.privacy-updates-highlight h3 {
    margin: 1px 0 8px;
    color: #172033;
    font-size: 18px;
    font-weight: 750;
}

.privacy-updates-highlight p {
    margin: 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.7;
}

.privacy-updates-highlight strong {
    color: #344054;
    font-weight: 700;
}

/* Bottom Note */

.privacy-updates-note {
    max-width: 620px;
    margin-top: 22px;
    padding: 17px 20px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border-radius: 13px;
    background: #ffffff;
}

.privacy-updates-note-dot {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    margin-top: 8px;
    border-radius: 50%;
    background: #006ffc;
    box-shadow: 0 0 0 5px rgba(0, 111, 252, 0.08);
}

.privacy-updates-note p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.7;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {
    .privacy-updates-container {
        grid-template-columns: 0.85fr 1fr;
        gap: 50px;
    }

    .privacy-updates-card-top {
        right: -5px;
    }

    .privacy-updates-card-bottom {
        left: -5px;
    }
}

@media (max-width: 800px) {
    .privacy-updates-section {
        padding: 75px 20px;
    }

    .privacy-updates-container {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .privacy-updates-content {
        max-width: 700px;
        margin: 0 auto;
    }

    .privacy-updates-visual {
        order: 2;
        min-height: 430px;
        max-width: 620px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 550px) {
    .privacy-updates-section {
        padding: 60px 16px;
    }

    .privacy-updates-content h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .privacy-updates-intro {
        font-size: 15px;
    }

    .privacy-updates-highlight {
        padding: 20px;
    }

    .privacy-updates-highlight p {
        font-size: 14px;
    }

    .privacy-updates-visual {
        min-height: 380px;
    }

    .privacy-updates-orbit-one {
        width: 300px;
        height: 300px;
    }

    .privacy-updates-orbit-two {
        width: 225px;
        height: 225px;
    }

    .privacy-updates-main-card {
        width: 215px;
        min-height: 240px;
        padding: 25px 20px;
    }

    .privacy-updates-icon {
        width: 62px;
        height: 62px;
        border-radius: 18px;
    }

    .privacy-updates-icon svg {
        width: 31px;
        height: 31px;
    }

    .privacy-updates-main-card strong {
        font-size: 21px;
    }

    .privacy-updates-floating-card {
        min-width: 145px;
        padding: 11px;
    }

    .privacy-updates-card-top {
        top: 42px;
        right: 0;
    }

    .privacy-updates-card-bottom {
        bottom: 42px;
        left: 0;
    }

    .privacy-updates-mini-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .privacy-updates-floating-card b {
        font-size: 12px;
    }

    .privacy-updates-floating-card small {
        font-size: 10px;
    }
}





/* =========================================================
   TERMS & CONDITIONS HERO
========================================================= */

.terms-hero-section {
    position: relative;
    overflow: hidden;
    padding: 110px 20px;
    background: #ffffff;
}

.terms-hero-container {
    max-width: 1180px;
    min-height: 520px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 0.9fr;
    align-items: center;
    gap: 70px;
}

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

.terms-hero-content {
    position: relative;
    z-index: 2;
}

.terms-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 20px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.terms-hero-label::before {
    content: "";

    width: 30px;
    height: 2px;

    border-radius: 20px;
    background: #006ffc;
}

.terms-hero-content h1 {
    max-width: 680px;

    margin: 0 0 24px;

    color: #101828;

    font-size: clamp(40px, 5vw, 62px);
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;
}

.terms-hero-content h1 span {
    display: block;
    color: #006ffc;
}

.terms-hero-content p {
    max-width: 620px;

    margin: 0;

    color: #667085;

    font-size: 17px;
    line-height: 1.85;
}

/* =========================================================
   RIGHT VISUAL
========================================================= */

.terms-hero-visual {
    position: relative;

    min-height: 500px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-hero-glow {
    position: absolute;

    width: 350px;
    height: 350px;

    border-radius: 50%;

    background: rgba(0, 111, 252, 0.09);

    filter: blur(50px);
}

.terms-hero-orbit {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, 0.13);

    border-radius: 50%;
}

.terms-hero-orbit-one {
    width: 420px;
    height: 420px;
}

.terms-hero-orbit-two {
    width: 315px;
    height: 315px;

    border-style: dashed;
}

/* =========================================================
   DOCUMENT
========================================================= */

.terms-document {
    position: relative;
    z-index: 3;

    width: 285px;
    height: 375px;

    padding: 28px 27px;

    border: 1px solid #e3eaf4;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 35px 80px rgba(16, 24, 40, 0.14),
        0 10px 25px rgba(0, 111, 252, 0.06);

    transform: rotate(-3deg);
}

/* Document Header */

.terms-document-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 25px;
}

.terms-document-logo {
    width: 36px;
    height: 36px;

    border-radius: 10px;

    background: linear-gradient(
        135deg,
        #006ffc,
        #61a7ff
    );
}

.terms-document-lines {
    width: 80px;
}

.terms-document-lines span {
    display: block;

    height: 5px;

    margin-bottom: 7px;

    border-radius: 20px;

    background: #e7edf5;
}

.terms-document-lines span:last-child {
    width: 60%;
    margin-left: auto;
}

/* Heading */

.terms-document-heading {
    width: 65%;
    height: 11px;

    margin-bottom: 20px;

    border-radius: 20px;

    background: #d8e7fa;
}

/* Lines */

.terms-document-line {
    width: 100%;
    height: 6px;

    margin-bottom: 9px;

    border-radius: 20px;

    background: #edf1f6;
}

.terms-document-line.large {
    width: 90%;
}

.terms-document-line.short {
    width: 65%;
}

/* Content Blocks */

.terms-document-block {
    margin-top: 22px;
}

.terms-document-small-title {
    width: 45%;
    height: 8px;

    margin-bottom: 12px;

    border-radius: 20px;

    background: #dfe9f6;
}

/* Footer */

.terms-document-footer {
    display: flex;
    justify-content: space-between;

    margin-top: 28px;
}

.terms-document-footer span {
    width: 65px;
    height: 5px;

    border-radius: 20px;

    background: #edf1f6;
}

.terms-document-footer span:last-child {
    width: 45px;
}

/* =========================================================
   APPROVAL CARD
========================================================= */

.terms-approval-card {
    position: absolute;

    right: 5px;
    top: 105px;

    z-index: 5;

    display: flex;
    align-items: center;
    gap: 12px;

    min-width: 185px;

    padding: 15px 17px;

    border: 1px solid #e4ebf4;
    border-radius: 15px;

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

    box-shadow:
        0 18px 45px rgba(16, 24, 40, 0.11);

    backdrop-filter: blur(12px);
}

.terms-approval-icon {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

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

    color: #006ffc;

    border-radius: 12px;

    background: #eaf3ff;
}

.terms-approval-icon svg {
    width: 22px;
    height: 22px;
}

.terms-approval-card strong {
    display: block;

    margin-bottom: 3px;

    color: #172033;

    font-size: 13px;
    font-weight: 800;
}

.terms-approval-card small {
    color: #98a2b3;

    font-size: 11px;
}

/* =========================================================
   FLOATING CONTRACT CARD
========================================================= */

.terms-floating-card {
    position: absolute;

    left: 0;
    bottom: 95px;

    z-index: 5;

    display: flex;
    align-items: center;
    gap: 11px;

    min-width: 180px;

    padding: 14px 16px;

    border: 1px solid #e7edf5;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 18px 45px rgba(16, 24, 40, 0.10);
}

.terms-floating-icon {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

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

    color: #006ffc;

    border-radius: 11px;

    background: #edf5ff;
}

.terms-floating-icon svg {
    width: 19px;
    height: 19px;
}

.terms-floating-card b {
    display: block;

    margin-bottom: 3px;

    color: #172033;

    font-size: 13px;
}

.terms-floating-card small {
    color: #98a2b3;

    font-size: 11px;
}

/* =========================================================
   DECORATIVE DOTS
========================================================= */

.terms-hero-dot {
    position: absolute;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #006ffc;

    box-shadow:
        0 0 0 6px rgba(0, 111, 252, 0.08);
}

.terms-dot-one {
    top: 65px;
    left: 120px;
}

.terms-dot-two {
    right: 85px;
    bottom: 85px;

    width: 6px;
    height: 6px;
}

.terms-dot-three {
    left: 80px;
    bottom: 155px;

    width: 5px;
    height: 5px;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    .terms-hero-container {
        grid-template-columns: 1fr 0.85fr;
        gap: 45px;
    }

    .terms-hero-content h1 {
        font-size: 50px;
    }

    .terms-hero-orbit-one {
        width: 370px;
        height: 370px;
    }

    .terms-hero-orbit-two {
        width: 280px;
        height: 280px;
    }

    .terms-document {
        width: 260px;
        height: 350px;
    }

    .terms-approval-card {
        right: -5px;
    }

    .terms-floating-card {
        left: -5px;
    }
}

@media (max-width: 800px) {

    .terms-hero-section {
        padding: 80px 20px;
    }

    .terms-hero-container {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .terms-hero-content {
        max-width: 700px;
        margin: 0 auto;

        text-align: center;
    }

    .terms-hero-label {
        justify-content: center;
    }

    .terms-hero-content h1 {
        font-size: 46px;
    }

    .terms-hero-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .terms-hero-visual {
        min-height: 450px;
        max-width: 620px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 550px) {

    .terms-hero-section {
        padding: 65px 16px;
    }

    .terms-hero-container {
        gap: 45px;
    }

    .terms-hero-content h1 {
        font-size: 36px;
        line-height: 1.12;
        letter-spacing: -1px;
    }

    .terms-hero-content p {
        font-size: 15px;
        line-height: 1.75;
    }

    .terms-hero-visual {
        min-height: 380px;
    }

    .terms-hero-orbit-one {
        width: 295px;
        height: 295px;
    }

    .terms-hero-orbit-two {
        width: 220px;
        height: 220px;
    }

    .terms-document {
        width: 215px;
        height: 285px;

        padding: 21px;

        border-radius: 11px;
    }

    .terms-document-top {
        margin-bottom: 17px;
    }

    .terms-document-logo {
        width: 29px;
        height: 29px;
        border-radius: 8px;
    }

    .terms-document-heading {
        height: 8px;
        margin-bottom: 15px;
    }

    .terms-document-line {
        height: 4px;
        margin-bottom: 6px;
    }

    .terms-document-block {
        margin-top: 15px;
    }

    .terms-document-small-title {
        height: 6px;
        margin-bottom: 8px;
    }

    .terms-document-footer {
        margin-top: 18px;
    }

    .terms-approval-card {
        top: 40px;
        right: 0;

        min-width: 145px;

        padding: 10px;
    }

    .terms-approval-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .terms-approval-icon svg {
        width: 17px;
        height: 17px;
    }

    .terms-approval-card strong {
        font-size: 11px;
    }

    .terms-approval-card small {
        font-size: 9px;
    }

    .terms-floating-card {
        left: 0;
        bottom: 42px;

        min-width: 145px;

        padding: 10px;
    }

    .terms-floating-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .terms-floating-icon svg {
        width: 16px;
        height: 16px;
    }

    .terms-floating-card b {
        font-size: 11px;
    }

    .terms-floating-card small {
        font-size: 9px;
    }

    .terms-dot-one {
        left: 45px;
    }

    .terms-dot-two {
        right: 40px;
    }
}






/* =========================================================
   TERMS & CONDITIONS — ABOUT INT ENTERPRISES
========================================================= */

.terms-about-section {
    position: relative;
    overflow: hidden;
    padding: 105px 20px;
    background: #f8fafc;
}

.terms-about-container {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 0.9fr;
    align-items: center;
    gap: 80px;
}

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

.terms-about-content {
    position: relative;
    z-index: 2;
}

.terms-about-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.terms-about-label::before {
    content: "";

    width: 30px;
    height: 2px;

    border-radius: 20px;
    background: #006ffc;
}

.terms-about-content h2 {
    max-width: 620px;

    margin: 0 0 22px;

    color: #101828;

    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.1;
    font-weight: 800;

    letter-spacing: -1.5px;
}

.terms-about-content h2 span {
    display: block;
    color: #006ffc;
}

.terms-about-intro {
    max-width: 620px;

    margin: 0 0 24px;

    color: #667085;

    font-size: 17px;
    line-height: 1.8;
}

.terms-about-description {
    margin: 0 0 18px;

    color: #344054;

    font-size: 15px;
    font-weight: 700;
}

/* =========================================================
   SERVICES GRID
========================================================= */

.terms-about-services {
    max-width: 650px;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.terms-about-service {
    min-height: 64px;

    display: flex;
    align-items: center;
    gap: 14px;

    padding: 14px 16px;

    border: 1px solid #e6edf5;
    border-radius: 14px;

    background: #ffffff;

    transition: all 0.3s ease;
}

.terms-about-service:hover {
    transform: translateY(-3px);

    border-color: rgba(0, 111, 252, 0.25);

    box-shadow:
        0 12px 30px rgba(0, 111, 252, 0.08);
}

.terms-about-number {
    width: 32px;
    height: 32px;

    flex: 0 0 32px;

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

    border-radius: 9px;

    color: #006ffc;
    background: #edf5ff;

    font-size: 10px;
    font-weight: 800;
}

.terms-about-service > span:last-child {
    color: #172033;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
}

/* =========================================================
   RIGHT SIDE
========================================================= */

.terms-about-right {
    position: relative;
}

.terms-about-visual {
    position: relative;

    min-height: 455px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-about-glow {
    position: absolute;

    width: 330px;
    height: 330px;

    border-radius: 50%;

    background: rgba(0, 111, 252, 0.08);

    filter: blur(48px);
}

.terms-about-circle {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, 0.13);

    border-radius: 50%;
}

.terms-about-circle-one {
    width: 390px;
    height: 390px;
}

.terms-about-circle-two {
    width: 280px;
    height: 280px;

    border-style: dashed;
}

/* =========================================================
   CENTER CARD
========================================================= */

.terms-about-center-card {
    position: relative;
    z-index: 3;

    width: 255px;
    min-height: 265px;

    padding: 32px 25px;

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

    text-align: center;

    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 27px;

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

    box-shadow:
        0 25px 70px rgba(16, 24, 40, 0.12),
        0 0 0 1px rgba(0, 111, 252, 0.04);

    backdrop-filter: blur(12px);
}

.terms-about-center-icon {
    width: 70px;
    height: 70px;

    margin-bottom: 18px;

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

    color: #006ffc;

    border-radius: 20px;

    background: linear-gradient(
        145deg,
        #edf5ff,
        #ffffff
    );
}

.terms-about-center-icon svg {
    width: 34px;
    height: 34px;
}

.terms-about-center-card > span {
    margin-bottom: 6px;

    color: #006ffc;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.terms-about-center-card strong {
    margin-bottom: 7px;

    color: #172033;

    font-size: 22px;
    font-weight: 800;
}

.terms-about-center-card small {
    max-width: 185px;

    color: #98a2b3;

    font-size: 11px;
    line-height: 1.5;
}

/* =========================================================
   FLOATING CARDS
========================================================= */

.terms-about-floating {
    position: absolute;
    z-index: 5;

    display: flex;
    align-items: center;
    gap: 11px;

    min-width: 190px;

    padding: 14px 15px;

    border: 1px solid #e5ebf3;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 18px 45px rgba(16, 24, 40, 0.10);
}

.terms-about-floating-top {
    top: 60px;
    right: 0;
}

.terms-about-floating-bottom {
    left: 0;
    bottom: 58px;
}

.terms-about-floating-icon {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

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

    color: #006ffc;

    border-radius: 11px;

    background: #edf5ff;
}

.terms-about-floating-icon svg {
    width: 19px;
    height: 19px;
}

.terms-about-floating b {
    display: block;

    margin-bottom: 3px;

    color: #172033;

    font-size: 12px;
}

.terms-about-floating small {
    color: #98a2b3;

    font-size: 10px;
}

/* =========================================================
   SCOPE CARD
========================================================= */

.terms-about-scope-card {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;
    gap: 16px;

    margin-top: -5px;

    padding: 22px;

    border: 1px solid #e3eaf3;
    border-radius: 17px;

    background: #ffffff;

    box-shadow:
        0 12px 35px rgba(16, 24, 40, 0.06);
}

.terms-about-scope-icon {
    width: 46px;
    height: 46px;

    flex: 0 0 46px;

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

    color: #006ffc;

    border-radius: 13px;

    background: #edf5ff;
}

.terms-about-scope-icon svg {
    width: 22px;
    height: 22px;
}

.terms-about-scope-card span {
    display: block;

    margin-bottom: 7px;

    color: #006ffc;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.terms-about-scope-card p {
    margin: 0;

    color: #667085;

    font-size: 13px;
    line-height: 1.7;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    .terms-about-container {
        grid-template-columns: 1fr 0.85fr;
        gap: 45px;
    }

    .terms-about-circle-one {
        width: 350px;
        height: 350px;
    }

    .terms-about-circle-two {
        width: 260px;
        height: 260px;
    }

    .terms-about-center-card {
        width: 235px;
    }

    .terms-about-floating-top {
        right: -5px;
    }

    .terms-about-floating-bottom {
        left: -5px;
    }
}

@media (max-width: 800px) {

    .terms-about-section {
        padding: 80px 20px;
    }

    .terms-about-container {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .terms-about-content {
        max-width: 700px;
        margin: 0 auto;
    }

    .terms-about-right {
        max-width: 620px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 550px) {

    .terms-about-section {
        padding: 65px 16px;
    }

    .terms-about-content h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .terms-about-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    .terms-about-services {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .terms-about-service {
        min-height: 58px;
    }

    .terms-about-visual {
        min-height: 380px;
    }

    .terms-about-circle-one {
        width: 295px;
        height: 295px;
    }

    .terms-about-circle-two {
        width: 220px;
        height: 220px;
    }

    .terms-about-center-card {
        width: 210px;
        min-height: 225px;
        padding: 24px 18px;
    }

    .terms-about-center-icon {
        width: 60px;
        height: 60px;
        border-radius: 17px;
    }

    .terms-about-center-icon svg {
        width: 29px;
        height: 29px;
    }

    .terms-about-center-card strong {
        font-size: 20px;
    }

    .terms-about-floating {
        min-width: 145px;
        padding: 10px;
    }

    .terms-about-floating-top {
        top: 40px;
        right: 0;
    }

    .terms-about-floating-bottom {
        left: 0;
        bottom: 38px;
    }

    .terms-about-floating-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .terms-about-floating-icon svg {
        width: 16px;
        height: 16px;
    }

    .terms-about-floating b {
        font-size: 10px;
    }

    .terms-about-floating small {
        font-size: 8px;
    }

    .terms-about-scope-card {
        padding: 18px;
    }

    .terms-about-scope-card p {
        font-size: 12px;
    }
}



/* =========================================================
   TERMS & CONDITIONS — USE OF OUR WEBSITE
========================================================= */

.terms-usage-section {
    position: relative;
    overflow: hidden;
    padding: 105px 20px;
    background: #ffffff;
}

.terms-usage-container {
    max-width: 1180px;
    margin: 0 auto;
}

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

.terms-usage-header {
    max-width: 720px;
    margin: 0 auto 65px;
    text-align: center;
}

.terms-usage-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.terms-usage-label::before,
.terms-usage-label::after {
    content: "";
    width: 25px;
    height: 2px;
    border-radius: 20px;
    background: #006ffc;
}

.terms-usage-header h2 {
    margin: 0 0 20px;

    color: #101828;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.terms-usage-header h2 span {
    color: #006ffc;
}

.terms-usage-header p {
    max-width: 650px;
    margin: 0 auto;

    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================================
   MAIN LAYOUT
========================================================= */

.terms-usage-layout {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    align-items: center;
    gap: 75px;
}

/* =========================================================
   VISUAL
========================================================= */

.terms-usage-visual {
    position: relative;
    min-height: 500px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-usage-glow {
    position: absolute;

    width: 330px;
    height: 330px;

    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);

    filter: blur(50px);
}

.terms-usage-ring {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, 0.13);
    border-radius: 50%;
}

.terms-usage-ring-one {
    width: 400px;
    height: 400px;
}

.terms-usage-ring-two {
    width: 290px;
    height: 290px;
    border-style: dashed;
}

/* Shield */

.terms-usage-shield {
    position: relative;
    z-index: 3;

    width: 255px;
    min-height: 280px;

    padding: 32px 25px;

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

    text-align: center;

    border: 1px solid #e6edf5;
    border-radius: 28px;

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

    box-shadow:
        0 28px 70px rgba(16, 24, 40, 0.12),
        0 0 0 1px rgba(0, 111, 252, 0.03);

    backdrop-filter: blur(12px);
}

.terms-usage-shield-icon {
    width: 76px;
    height: 76px;

    margin-bottom: 20px;

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

    color: #006ffc;

    border-radius: 22px;

    background: linear-gradient(
        145deg,
        #edf5ff,
        #ffffff
    );
}

.terms-usage-shield-icon svg {
    width: 38px;
    height: 38px;
}

.terms-usage-shield > span {
    margin-bottom: 7px;

    color: #006ffc;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.terms-usage-shield strong {
    margin-bottom: 7px;

    color: #172033;

    font-size: 23px;
    font-weight: 800;
}

.terms-usage-shield small {
    color: #98a2b3;

    font-size: 11px;
}

/* Floating Cards */

.terms-usage-floating {
    position: absolute;
    z-index: 5;

    display: flex;
    align-items: center;
    gap: 11px;

    min-width: 185px;

    padding: 14px 15px;

    border: 1px solid #e6edf5;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 18px 45px rgba(16, 24, 40, 0.10);
}

.terms-usage-floating-top {
    top: 70px;
    right: 0;
}

.terms-usage-floating-bottom {
    bottom: 70px;
    left: 0;
}

.terms-usage-mini-icon {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

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

    color: #006ffc;

    border-radius: 11px;
    background: #edf5ff;
}

.terms-usage-mini-icon svg {
    width: 19px;
    height: 19px;
}

.terms-usage-floating b {
    display: block;
    margin-bottom: 3px;

    color: #172033;
    font-size: 12px;
}

.terms-usage-floating small {
    color: #98a2b3;
    font-size: 10px;
}

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

.terms-usage-content {
    position: relative;
    z-index: 2;
}

/* Intro Card */

.terms-usage-intro-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;

    margin-bottom: 22px;
    padding: 21px;

    border: 1px solid #e5ebf3;
    border-radius: 17px;

    background: #f8fbff;
}

.terms-usage-intro-icon {
    width: 46px;
    height: 46px;

    flex: 0 0 46px;

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

    color: #006ffc;

    border-radius: 13px;
    background: #eaf3ff;
}

.terms-usage-intro-icon svg {
    width: 22px;
    height: 22px;
}

.terms-usage-intro-card span {
    display: block;
    margin-bottom: 6px;

    color: #006ffc;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.terms-usage-intro-card p {
    margin: 0;

    color: #667085;

    font-size: 13px;
    line-height: 1.65;
}

/* =========================================================
   RESTRICTION GRID
========================================================= */

.terms-usage-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.terms-usage-item {
    min-height: 100px;

    display: flex;
    align-items: flex-start;
    gap: 13px;

    padding: 17px;

    border: 1px solid #e7edf5;
    border-radius: 15px;

    background: #ffffff;

    transition: all 0.3s ease;
}

.terms-usage-item:hover {
    transform: translateY(-3px);

    border-color: rgba(0, 111, 252, 0.25);

    box-shadow:
        0 12px 30px rgba(0, 111, 252, 0.08);
}

.terms-usage-item > span {
    width: 31px;
    height: 31px;

    flex: 0 0 31px;

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

    border-radius: 9px;

    color: #006ffc;
    background: #edf5ff;

    font-size: 9px;
    font-weight: 800;
}

.terms-usage-item h3 {
    margin: 1px 0 5px;

    color: #172033;

    font-size: 13px;
    font-weight: 750;
}

.terms-usage-item p {
    margin: 0;

    color: #98a2b3;

    font-size: 11px;
    line-height: 1.55;
}

.terms-usage-item-full {
    grid-column: 1 / -1;
}

/* =========================================================
   NOTICE
========================================================= */

.terms-usage-notice {
    max-width: 900px;

    margin: 55px auto 0;

    padding: 22px 25px;

    display: flex;
    align-items: flex-start;
    gap: 17px;

    border: 1px solid rgba(0, 111, 252, 0.15);
    border-radius: 17px;

    background: #f8fbff;
}

.terms-usage-notice-icon {
    width: 45px;
    height: 45px;

    flex: 0 0 45px;

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

    color: #006ffc;

    border-radius: 13px;
    background: #eaf3ff;
}

.terms-usage-notice-icon svg {
    width: 22px;
    height: 22px;
}

.terms-usage-notice span {
    display: block;

    margin-bottom: 5px;

    color: #006ffc;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.terms-usage-notice p {
    margin: 0;

    color: #667085;

    font-size: 13px;
    line-height: 1.7;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    .terms-usage-layout {
        grid-template-columns: 0.8fr 1.2fr;
        gap: 45px;
    }

    .terms-usage-ring-one {
        width: 350px;
        height: 350px;
    }

    .terms-usage-ring-two {
        width: 260px;
        height: 260px;
    }

    .terms-usage-shield {
        width: 235px;
    }

    .terms-usage-floating-top {
        right: -5px;
    }

    .terms-usage-floating-bottom {
        left: -5px;
    }
}

@media (max-width: 800px) {

    .terms-usage-section {
        padding: 80px 20px;
    }

    .terms-usage-header {
        margin-bottom: 55px;
    }

    .terms-usage-layout {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .terms-usage-visual {
        max-width: 620px;
        width: 100%;
        margin: 0 auto;

        min-height: 430px;
    }

    .terms-usage-content {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 550px) {

    .terms-usage-section {
        padding: 65px 16px;
    }

    .terms-usage-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .terms-usage-header p {
        font-size: 14px;
    }

    .terms-usage-visual {
        min-height: 380px;
    }

    .terms-usage-ring-one {
        width: 295px;
        height: 295px;
    }

    .terms-usage-ring-two {
        width: 220px;
        height: 220px;
    }

    .terms-usage-shield {
        width: 210px;
        min-height: 230px;
        padding: 24px 18px;
    }

    .terms-usage-shield-icon {
        width: 61px;
        height: 61px;
        border-radius: 18px;
    }

    .terms-usage-shield-icon svg {
        width: 30px;
        height: 30px;
    }

    .terms-usage-shield strong {
        font-size: 20px;
    }

    .terms-usage-floating {
        min-width: 145px;
        padding: 10px;
    }

    .terms-usage-floating-top {
        top: 42px;
        right: 0;
    }

    .terms-usage-floating-bottom {
        bottom: 40px;
        left: 0;
    }

    .terms-usage-mini-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .terms-usage-mini-icon svg {
        width: 16px;
        height: 16px;
    }

    .terms-usage-floating b {
        font-size: 10px;
    }

    .terms-usage-floating small {
        font-size: 8px;
    }

    .terms-usage-grid {
        grid-template-columns: 1fr;
    }

    .terms-usage-item-full {
        grid-column: auto;
    }

    .terms-usage-intro-card {
        padding: 18px;
    }

    .terms-usage-item {
        min-height: auto;
    }

    .terms-usage-notice {
        margin-top: 35px;
        padding: 18px;
    }

    .terms-usage-notice p {
        font-size: 12px;
    }
}



/* =========================================================
   TERMS & CONDITIONS - OUR SERVICES
========================================================= */

.terms-services-section {
    position: relative;
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.terms-services-section::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    top: 50%;
    left: -300px;
    transform: translateY(-50%);
    background: radial-gradient(
        circle,
        rgba(0, 111, 252, 0.07) 0%,
        rgba(0, 111, 252, 0) 70%
    );
    pointer-events: none;
}

.terms-services-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

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

.terms-services-header {
    max-width: 760px;
    margin: 0 auto 65px;
    text-align: center;
}

.terms-services-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.terms-services-label::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 10px;
    background: #006ffc;
}

.terms-services-header h2 {
    margin: 0;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.terms-services-header h2 span {
    display: block;
    color: #006ffc;
}

.terms-services-header p {
    max-width: 680px;
    margin: 22px auto 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================================
   MAIN GRID
========================================================= */

.terms-services-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 75px;
    align-items: center;
}

/* =========================================================
   VISUAL
========================================================= */

.terms-services-visual {
    min-height: 560px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-services-glow {
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 111, 252, 0.13),
        rgba(0, 111, 252, 0) 70%
    );
    filter: blur(5px);
}

.terms-services-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.13);
    border-radius: 50%;
}

.orbit-one {
    width: 390px;
    height: 390px;
}

.orbit-two {
    width: 480px;
    height: 480px;
    border-style: dashed;
    opacity: 0.65;
}

.terms-services-main-card {
    position: relative;
    width: 285px;
    min-height: 330px;
    padding: 38px 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #e6edf7;
    border-radius: 26px;
    box-shadow:
        0 30px 70px rgba(16, 24, 40, 0.10),
        0 8px 25px rgba(0, 111, 252, 0.06);
    z-index: 3;
}

.terms-services-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eef6ff;
    border: 1px solid #dcecff;
    border-radius: 18px;
}

.terms-services-icon svg {
    width: 31px;
    height: 31px;
}

.terms-services-main-card > span {
    margin-bottom: 8px;
    color: #98a2b3;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.terms-services-main-card strong {
    color: #101828;
    font-size: 25px;
    line-height: 1.25;
}

.terms-services-main-card small {
    margin-top: 13px;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* =========================================================
   FLOATING CARDS
========================================================= */

.terms-services-floating {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 185px;
    padding: 13px 16px;
    background: #ffffff;
    border: 1px solid #e8eef7;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.09);
    z-index: 4;
}

.floating-one {
    top: 85px;
    right: -5px;
}

.floating-two {
    bottom: 90px;
    left: -10px;
}

.floating-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #f0f7ff;
    border-radius: 11px;
}

.floating-icon svg {
    width: 19px;
    height: 19px;
}

.terms-services-floating strong {
    display: block;
    color: #101828;
    font-size: 12px;
    font-weight: 800;
}

.terms-services-floating span {
    display: block;
    margin-top: 3px;
    color: #98a2b3;
    font-size: 10px;
}

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

.terms-services-content {
    position: relative;
}

.terms-services-intro-card {
    padding: 30px;
    margin-bottom: 22px;
    background: #f8fbff;
    border: 1px solid #e5effb;
    border-radius: 20px;
}

.terms-services-mini-label {
    display: block;
    margin-bottom: 10px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.terms-services-intro-card h3 {
    margin: 0;
    color: #101828;
    font-size: 25px;
    line-height: 1.35;
    font-weight: 800;
}

.terms-services-intro-card p {
    margin: 13px 0 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* =========================================================
   FACTORS GRID
========================================================= */

.terms-services-factors {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.terms-service-factor {
    display: flex;
    gap: 13px;
    padding: 17px 16px;
    background: #ffffff;
    border: 1px solid #e9eef5;
    border-radius: 15px;
    transition: all 0.25s ease;
}

.terms-service-factor:hover {
    transform: translateY(-3px);
    border-color: #cfe3fb;
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.07);
}

.terms-service-factor > span {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 800;
}

.terms-service-factor strong {
    display: block;
    margin-top: 1px;
    color: #1d2939;
    font-size: 12px;
    font-weight: 800;
}

.terms-service-factor p {
    margin: 4px 0 0;
    color: #98a2b3;
    font-size: 10px;
    line-height: 1.55;
}

/* =========================================================
   BOTTOM NOTICE
========================================================= */

.terms-services-notice {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 55px;
    padding: 22px 26px;
    background: #f8fbff;
    border: 1px solid #dcecff;
    border-radius: 18px;
}

.terms-services-notice-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eaf4ff;
    border-radius: 14px;
}

.terms-services-notice-icon svg {
    width: 23px;
    height: 23px;
}

.terms-services-notice span {
    display: block;
    margin-bottom: 4px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.terms-services-notice p {
    margin: 0;
    color: #475467;
    font-size: 13px;
    line-height: 1.65;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {
    .terms-services-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .terms-services-visual {
        min-height: 500px;
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    .terms-services-content {
        max-width: 850px;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {
    .terms-services-section {
        padding: 80px 0;
    }

    .terms-services-header {
        margin-bottom: 45px;
    }

    .terms-services-visual {
        min-height: 450px;
    }

    .orbit-one {
        width: 330px;
        height: 330px;
    }

    .orbit-two {
        width: 410px;
        height: 410px;
    }

    .terms-services-main-card {
        width: 260px;
        min-height: 300px;
    }

    .floating-one {
        right: 0;
        top: 55px;
    }

    .floating-two {
        left: 0;
        bottom: 55px;
    }
}

@media (max-width: 600px) {
    .terms-services-section {
        padding: 65px 0;
    }

    .terms-services-container {
        width: min(100% - 28px, 1180px);
    }

    .terms-services-header h2 {
        font-size: 32px;
        letter-spacing: -0.8px;
    }

    .terms-services-header p {
        font-size: 14px;
        line-height: 1.7;
    }

    .terms-services-visual {
        min-height: 390px;
    }

    .terms-services-glow {
        width: 270px;
        height: 270px;
    }

    .orbit-one {
        width: 270px;
        height: 270px;
    }

    .orbit-two {
        width: 330px;
        height: 330px;
    }

    .terms-services-main-card {
        width: 225px;
        min-height: 270px;
        padding: 28px 23px;
        border-radius: 22px;
    }

    .terms-services-icon {
        width: 54px;
        height: 54px;
        margin-bottom: 20px;
        border-radius: 15px;
    }

    .terms-services-icon svg {
        width: 27px;
        height: 27px;
    }

    .terms-services-main-card strong {
        font-size: 21px;
    }

    .terms-services-main-card small {
        font-size: 11px;
    }

    .terms-services-floating {
        min-width: 155px;
        padding: 10px 12px;
        gap: 9px;
    }

    .floating-one {
        top: 25px;
        right: 0;
    }

    .floating-two {
        bottom: 25px;
        left: 0;
    }

    .floating-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .floating-icon svg {
        width: 16px;
        height: 16px;
    }

    .terms-services-floating strong {
        font-size: 10px;
    }

    .terms-services-floating span {
        font-size: 9px;
    }

    .terms-services-intro-card {
        padding: 22px;
    }

    .terms-services-intro-card h3 {
        font-size: 21px;
    }

    .terms-services-factors {
        grid-template-columns: 1fr;
    }

    .terms-services-notice {
        align-items: flex-start;
        padding: 18px;
        margin-top: 35px;
    }

    .terms-services-notice-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .terms-services-notice p {
        font-size: 12px;
    }
}

/* =========================================================
   TERMS & CONDITIONS - ENQUIRIES & QUOTATIONS
========================================================= */

.terms-enquiry-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.terms-enquiry-section::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    top: -250px;
    right: -250px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 111, 252, 0.07) 0%,
        rgba(0, 111, 252, 0) 70%
    );
    pointer-events: none;
}

.terms-enquiry-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

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

.terms-enquiry-header {
    max-width: 760px;
    margin: 0 auto 65px;
    text-align: center;
}

.terms-enquiry-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.terms-enquiry-label::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 10px;
    background: #006ffc;
}

.terms-enquiry-header h2 {
    margin: 0;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.terms-enquiry-header h2 span {
    display: block;
    color: #006ffc;
}

.terms-enquiry-header p {
    max-width: 680px;
    margin: 22px auto 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================================
   MAIN GRID
========================================================= */

.terms-enquiry-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 75px;
    align-items: center;
}

/* =========================================================
   INTRO CARD
========================================================= */

.terms-enquiry-intro {
    display: flex;
    gap: 20px;
    padding: 28px;
    margin-bottom: 22px;
    background: #ffffff;
    border: 1px solid #e5edf7;
    border-radius: 20px;
    box-shadow: 0 12px 35px rgba(16, 24, 40, 0.04);
}

.terms-enquiry-intro-icon {
    width: 55px;
    height: 55px;
    flex: 0 0 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eef6ff;
    border: 1px solid #dcecff;
    border-radius: 15px;
}

.terms-enquiry-intro-icon svg {
    width: 27px;
    height: 27px;
}

.terms-enquiry-intro span,
.terms-enquiry-details-head span {
    display: block;
    margin-bottom: 8px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.terms-enquiry-intro h3 {
    margin: 0;
    color: #101828;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 800;
}

.terms-enquiry-intro p {
    margin: 9px 0 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* =========================================================
   DETAILS
========================================================= */

.terms-enquiry-details {
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e5edf7;
    border-radius: 22px;
}

.terms-enquiry-details-head {
    margin-bottom: 20px;
}

.terms-enquiry-details-head h3 {
    margin: 0;
    color: #101828;
    font-size: 23px;
    font-weight: 800;
}

.terms-enquiry-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 11px;
}

.terms-enquiry-item {
    display: flex;
    gap: 12px;
    padding: 14px;
    border: 1px solid #edf1f6;
    border-radius: 14px;
    transition: all 0.25s ease;
}

.terms-enquiry-item:hover {
    transform: translateY(-3px);
    border-color: #cfe3fb;
    box-shadow: 0 10px 25px rgba(16, 24, 40, 0.06);
}

.terms-enquiry-item > span {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 8px;
    font-size: 9px;
    font-weight: 800;
}

.terms-enquiry-item strong {
    display: block;
    color: #1d2939;
    font-size: 11px;
    font-weight: 800;
}

.terms-enquiry-item p {
    margin: 4px 0 0;
    color: #98a2b3;
    font-size: 9px;
    line-height: 1.55;
}

/* =========================================================
   VISUAL
========================================================= */

.terms-enquiry-visual {
    min-height: 580px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-enquiry-glow {
    position: absolute;
    width: 390px;
    height: 390px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 111, 252, 0.13),
        rgba(0, 111, 252, 0) 70%
    );
}

.terms-enquiry-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.12);
    border-radius: 50%;
}

.enquiry-orbit-one {
    width: 370px;
    height: 370px;
}

.enquiry-orbit-two {
    width: 470px;
    height: 470px;
    border-style: dashed;
}

/* =========================================================
   DOCUMENT
========================================================= */

.terms-enquiry-document {
    position: relative;
    width: 280px;
    height: 375px;
    padding: 27px;
    background: #ffffff;
    border: 1px solid #dfe8f3;
    border-radius: 17px;
    box-shadow:
        0 30px 70px rgba(16, 24, 40, 0.12),
        0 10px 30px rgba(0, 111, 252, 0.06);
    transform: rotate(-3deg);
    z-index: 3;
}

.terms-enquiry-document-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.terms-enquiry-document-logo {
    display: flex;
    gap: 4px;
}

.terms-enquiry-document-logo span {
    width: 8px;
    height: 22px;
    display: block;
    background: #006ffc;
    border-radius: 3px;
}

.terms-enquiry-document-logo span:nth-child(2) {
    height: 15px;
    margin-top: 7px;
    opacity: 0.65;
}

.terms-enquiry-document-logo span:nth-child(3) {
    height: 18px;
    margin-top: 4px;
    opacity: 0.35;
}

.terms-enquiry-document-lines {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.terms-enquiry-document-lines i {
    width: 45px;
    height: 4px;
    display: block;
    background: #e7edf5;
    border-radius: 5px;
}

.terms-enquiry-document-title {
    width: 125px;
    height: 9px;
    margin-top: 32px;
    background: #172b4d;
    border-radius: 5px;
}

.terms-enquiry-document-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 23px;
}

.terms-enquiry-document-row span {
    height: 6px;
    display: block;
    background: #e9eef5;
    border-radius: 5px;
}

.terms-enquiry-document-row span:first-child {
    width: 85px;
}

.terms-enquiry-document-row span:last-child {
    width: 45px;
}

.terms-enquiry-document-price {
    margin-top: 35px;
    padding: 17px;
    background: #f3f8ff;
    border: 1px solid #e2efff;
    border-radius: 12px;
}

.terms-enquiry-document-price small {
    display: block;
    color: #98a2b3;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.terms-enquiry-document-price strong {
    display: block;
    margin-top: 5px;
    color: #006ffc;
    font-size: 19px;
}

.terms-enquiry-check {
    position: absolute;
    right: -24px;
    bottom: 32px;
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #006ffc;
    border: 7px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 15px 35px rgba(0, 111, 252, 0.25);
}

.terms-enquiry-check svg {
    width: 28px;
    height: 28px;
}

/* =========================================================
   FLOATING CARDS
========================================================= */

.terms-enquiry-floating {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 185px;
    padding: 13px 15px;
    background: #ffffff;
    border: 1px solid #e6edf6;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.09);
    z-index: 5;
}

.enquiry-floating-one {
    top: 80px;
    right: -5px;
}

.enquiry-floating-two {
    bottom: 80px;
    left: -10px;
}

.terms-enquiry-floating-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 10px;
}

.terms-enquiry-floating-icon svg {
    width: 19px;
    height: 19px;
}

.terms-enquiry-floating strong {
    display: block;
    color: #101828;
    font-size: 11px;
    font-weight: 800;
}

.terms-enquiry-floating span {
    display: block;
    margin-top: 3px;
    color: #98a2b3;
    font-size: 9px;
}

/* =========================================================
   NOTICE
========================================================= */

.terms-enquiry-notice {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 55px;
    padding: 22px 26px;
    background: #ffffff;
    border: 1px solid #dcecff;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.04);
}

.terms-enquiry-notice-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eaf4ff;
    border-radius: 14px;
}

.terms-enquiry-notice-icon svg {
    width: 23px;
    height: 23px;
}

.terms-enquiry-notice span {
    display: block;
    margin-bottom: 4px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.terms-enquiry-notice p {
    margin: 0;
    color: #475467;
    font-size: 13px;
    line-height: 1.65;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {
    .terms-enquiry-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .terms-enquiry-content {
        max-width: 850px;
        margin: 0 auto;
        width: 100%;
    }

    .terms-enquiry-visual {
        min-height: 500px;
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
        order: -1;
    }
}

@media (max-width: 800px) {
    .terms-enquiry-section {
        padding: 80px 0;
    }

    .terms-enquiry-header {
        margin-bottom: 45px;
    }

    .terms-enquiry-visual {
        min-height: 470px;
    }

    .enquiry-orbit-one {
        width: 340px;
        height: 340px;
    }

    .enquiry-orbit-two {
        width: 420px;
        height: 420px;
    }

    .terms-enquiry-document {
        width: 255px;
        height: 345px;
    }

    .enquiry-floating-one {
        top: 45px;
        right: 0;
    }

    .enquiry-floating-two {
        bottom: 45px;
        left: 0;
    }
}

@media (max-width: 600px) {
    .terms-enquiry-section {
        padding: 65px 0;
    }

    .terms-enquiry-container {
        width: min(100% - 28px, 1180px);
    }

    .terms-enquiry-header h2 {
        font-size: 32px;
        letter-spacing: -0.8px;
    }

    .terms-enquiry-header p {
        font-size: 14px;
    }

    .terms-enquiry-visual {
        min-height: 400px;
    }

    .terms-enquiry-glow {
        width: 270px;
        height: 270px;
    }

    .enquiry-orbit-one {
        width: 275px;
        height: 275px;
    }

    .enquiry-orbit-two {
        width: 340px;
        height: 340px;
    }

    .terms-enquiry-document {
        width: 220px;
        height: 295px;
        padding: 22px;
    }

    .terms-enquiry-document-title {
        margin-top: 23px;
    }

    .terms-enquiry-document-row {
        margin-top: 18px;
    }

    .terms-enquiry-document-price {
        margin-top: 25px;
        padding: 13px;
    }

    .terms-enquiry-document-price strong {
        font-size: 16px;
    }

    .terms-enquiry-check {
        width: 55px;
        height: 55px;
        right: -19px;
        bottom: 25px;
        border-width: 5px;
    }

    .terms-enquiry-check svg {
        width: 23px;
        height: 23px;
    }

    .terms-enquiry-floating {
        min-width: 150px;
        padding: 10px 11px;
    }

    .enquiry-floating-one {
        top: 20px;
        right: 0;
    }

    .enquiry-floating-two {
        bottom: 20px;
        left: 0;
    }

    .terms-enquiry-floating-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .terms-enquiry-floating-icon svg {
        width: 16px;
        height: 16px;
    }

    .terms-enquiry-floating strong {
        font-size: 9px;
    }

    .terms-enquiry-floating span {
        font-size: 8px;
    }

    .terms-enquiry-intro {
        padding: 20px;
    }

    .terms-enquiry-intro-icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    .terms-enquiry-intro h3 {
        font-size: 19px;
    }

    .terms-enquiry-intro p {
        font-size: 12px;
    }

    .terms-enquiry-details {
        padding: 20px;
    }

    .terms-enquiry-details-head h3 {
        font-size: 20px;
    }

    .terms-enquiry-list {
        grid-template-columns: 1fr;
    }

    .terms-enquiry-notice {
        align-items: flex-start;
        padding: 18px;
        margin-top: 35px;
    }

    .terms-enquiry-notice-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .terms-enquiry-notice p {
        font-size: 12px;
    }
}



/* =========================================================
   TERMS & CONDITIONS - CLIENT RESPONSIBILITIES
========================================================= */

.terms-client-responsibility-section {
    position: relative;
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.terms-client-responsibility-section::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    left: -300px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 111, 252, 0.07) 0%,
        rgba(0, 111, 252, 0) 70%
    );
    pointer-events: none;
}

.terms-client-responsibility-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

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

.terms-client-responsibility-header {
    max-width: 780px;
    margin: 0 auto 65px;
    text-align: center;
}

.terms-client-responsibility-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.terms-client-responsibility-label::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 10px;
    background: #006ffc;
}

.terms-client-responsibility-header h2 {
    margin: 0;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.terms-client-responsibility-header h2 span {
    display: block;
    color: #006ffc;
}

.terms-client-responsibility-header p {
    max-width: 690px;
    margin: 22px auto 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================================
   MAIN GRID
========================================================= */

.terms-client-responsibility-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 75px;
    align-items: center;
}

/* =========================================================
   VISUAL
========================================================= */

.terms-client-responsibility-visual {
    position: relative;
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-client-responsibility-glow {
    position: absolute;
    width: 370px;
    height: 370px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 111, 252, 0.14),
        rgba(0, 111, 252, 0) 70%
    );
}

.terms-client-responsibility-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.13);
    border-radius: 50%;
}

.client-orbit-one {
    width: 390px;
    height: 390px;
}

.client-orbit-two {
    width: 480px;
    height: 480px;
    border-style: dashed;
    opacity: 0.65;
}

/* =========================================================
   MAIN CARD
========================================================= */

.terms-client-main-card {
    position: relative;
    width: 285px;
    min-height: 340px;
    padding: 38px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid #e3ebf5;
    border-radius: 26px;
    box-shadow:
        0 30px 70px rgba(16, 24, 40, 0.10),
        0 8px 25px rgba(0, 111, 252, 0.06);
    z-index: 3;
}

.terms-client-main-icon {
    width: 65px;
    height: 65px;
    margin-bottom: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eef6ff;
    border: 1px solid #dcecff;
    border-radius: 18px;
}

.terms-client-main-icon svg {
    width: 31px;
    height: 31px;
}

.terms-client-main-card > span {
    margin-bottom: 9px;
    color: #98a2b3;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.terms-client-main-card strong {
    color: #101828;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 800;
}

.terms-client-main-card small {
    margin-top: 14px;
    color: #667085;
    font-size: 12px;
    line-height: 1.7;
}

/* =========================================================
   FLOATING CARDS
========================================================= */

.terms-client-floating {
    position: absolute;
    min-width: 190px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.09);
    z-index: 5;
}

.client-floating-one {
    top: 80px;
    right: -5px;
}

.client-floating-two {
    bottom: 85px;
    left: -10px;
}

.terms-client-floating-icon {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 11px;
}

.terms-client-floating-icon svg {
    width: 19px;
    height: 19px;
}

.terms-client-floating strong {
    display: block;
    color: #101828;
    font-size: 11px;
    font-weight: 800;
}

.terms-client-floating span {
    display: block;
    margin-top: 3px;
    color: #98a2b3;
    font-size: 9px;
}

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

.terms-client-responsibility-content {
    position: relative;
}

.terms-client-intro-card {
    padding: 30px;
    margin-bottom: 22px;
    background: #f8fbff;
    border: 1px solid #e3eefb;
    border-radius: 20px;
}

.terms-client-mini-label {
    display: block;
    margin-bottom: 9px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.terms-client-intro-card h3 {
    margin: 0;
    color: #101828;
    font-size: 25px;
    line-height: 1.35;
    font-weight: 800;
}

.terms-client-intro-card p {
    margin: 12px 0 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* =========================================================
   RESPONSIBILITY LIST
========================================================= */

.terms-client-responsibility-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.terms-client-responsibility-item {
    display: flex;
    gap: 13px;
    padding: 17px 16px;
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 15px;
    transition: all 0.25s ease;
}

.terms-client-responsibility-item:hover {
    transform: translateY(-3px);
    border-color: #cfe3fb;
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.07);
}

.terms-client-responsibility-item > span {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 800;
}

.terms-client-responsibility-item strong {
    display: block;
    margin-top: 1px;
    color: #1d2939;
    font-size: 12px;
    font-weight: 800;
}

.terms-client-responsibility-item p {
    margin: 4px 0 0;
    color: #98a2b3;
    font-size: 10px;
    line-height: 1.55;
}

/* =========================================================
   BOTTOM NOTICE
========================================================= */

.terms-client-responsibility-notice {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 55px;
    padding: 22px 26px;
    background: #f8fbff;
    border: 1px solid #dcecff;
    border-radius: 18px;
}

.terms-client-responsibility-notice-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eaf4ff;
    border-radius: 14px;
}

.terms-client-responsibility-notice-icon svg {
    width: 23px;
    height: 23px;
}

.terms-client-responsibility-notice span {
    display: block;
    margin-bottom: 4px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.terms-client-responsibility-notice p {
    margin: 0;
    color: #475467;
    font-size: 13px;
    line-height: 1.65;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    .terms-client-responsibility-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .terms-client-responsibility-visual {
        min-height: 500px;
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    .terms-client-responsibility-content {
        max-width: 850px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .terms-client-responsibility-section {
        padding: 80px 0;
    }

    .terms-client-responsibility-header {
        margin-bottom: 45px;
    }

    .terms-client-responsibility-visual {
        min-height: 470px;
    }

    .client-orbit-one {
        width: 340px;
        height: 340px;
    }

    .client-orbit-two {
        width: 420px;
        height: 420px;
    }

    .terms-client-main-card {
        width: 265px;
        min-height: 315px;
    }

    .client-floating-one {
        top: 50px;
        right: 0;
    }

    .client-floating-two {
        bottom: 50px;
        left: 0;
    }
}

@media (max-width: 600px) {

    .terms-client-responsibility-section {
        padding: 65px 0;
    }

    .terms-client-responsibility-container {
        width: min(100% - 28px, 1180px);
    }

    .terms-client-responsibility-header h2 {
        font-size: 32px;
        letter-spacing: -0.8px;
    }

    .terms-client-responsibility-header p {
        font-size: 14px;
        line-height: 1.7;
    }

    .terms-client-responsibility-visual {
        min-height: 400px;
    }

    .terms-client-responsibility-glow {
        width: 270px;
        height: 270px;
    }

    .client-orbit-one {
        width: 275px;
        height: 275px;
    }

    .client-orbit-two {
        width: 340px;
        height: 340px;
    }

    .terms-client-main-card {
        width: 225px;
        min-height: 275px;
        padding: 27px 23px;
        border-radius: 22px;
    }

    .terms-client-main-icon {
        width: 54px;
        height: 54px;
        margin-bottom: 20px;
        border-radius: 15px;
    }

    .terms-client-main-icon svg {
        width: 27px;
        height: 27px;
    }

    .terms-client-main-card strong {
        font-size: 20px;
    }

    .terms-client-main-card small {
        font-size: 10px;
    }

    .terms-client-floating {
        min-width: 150px;
        padding: 10px 11px;
        gap: 9px;
    }

    .client-floating-one {
        top: 20px;
        right: 0;
    }

    .client-floating-two {
        bottom: 20px;
        left: 0;
    }

    .terms-client-floating-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .terms-client-floating-icon svg {
        width: 16px;
        height: 16px;
    }

    .terms-client-floating strong {
        font-size: 9px;
    }

    .terms-client-floating span {
        font-size: 8px;
    }

    .terms-client-intro-card {
        padding: 22px;
    }

    .terms-client-intro-card h3 {
        font-size: 21px;
    }

    .terms-client-intro-card p {
        font-size: 12px;
    }

    .terms-client-responsibility-list {
        grid-template-columns: 1fr;
    }

    .terms-client-responsibility-notice {
        align-items: flex-start;
        padding: 18px;
        margin-top: 35px;
    }

    .terms-client-responsibility-notice-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .terms-client-responsibility-notice p {
        font-size: 12px;
    }
}





/* =========================================================
   TERMS & CONDITIONS - PAYMENTS
========================================================= */

.terms-payments-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.terms-payments-section::before {
    content: "";
    position: absolute;
    width: 620px;
    height: 620px;
    right: -310px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 111, 252, 0.07) 0%,
        rgba(0, 111, 252, 0) 70%
    );
    pointer-events: none;
}

.terms-payments-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

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

.terms-payments-header {
    max-width: 780px;
    margin: 0 auto 65px;
    text-align: center;
}

.terms-payments-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.terms-payments-label::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 10px;
    background: #006ffc;
}

.terms-payments-header h2 {
    margin: 0;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.terms-payments-header h2 span {
    display: block;
    color: #006ffc;
}

.terms-payments-header p {
    max-width: 700px;
    margin: 22px auto 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================================
   MAIN GRID
========================================================= */

.terms-payments-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 75px;
    align-items: center;
}

/* =========================================================
   VISUAL
========================================================= */

.terms-payments-visual {
    position: relative;
    min-height: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-payments-glow {
    position: absolute;
    width: 370px;
    height: 370px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 111, 252, 0.14),
        rgba(0, 111, 252, 0) 70%
    );
}

.terms-payments-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.13);
    border-radius: 50%;
}

.payments-orbit-one {
    width: 390px;
    height: 390px;
}

.payments-orbit-two {
    width: 480px;
    height: 480px;
    border-style: dashed;
    opacity: 0.65;
}

/* =========================================================
   MAIN PAYMENT CARD
========================================================= */

.terms-payment-main-card {
    position: relative;
    width: 285px;
    min-height: 335px;
    padding: 38px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid #e2eaf4;
    border-radius: 26px;
    box-shadow:
        0 30px 70px rgba(16, 24, 40, 0.10),
        0 8px 25px rgba(0, 111, 252, 0.06);
    z-index: 3;
}

.terms-payment-main-icon {
    width: 65px;
    height: 65px;
    margin-bottom: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eef6ff;
    border: 1px solid #dcecff;
    border-radius: 18px;
}

.terms-payment-main-icon svg {
    width: 31px;
    height: 31px;
}

.terms-payment-main-card > span {
    margin-bottom: 9px;
    color: #98a2b3;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.terms-payment-main-card strong {
    color: #101828;
    font-size: 25px;
    line-height: 1.28;
    font-weight: 800;
}

.terms-payment-main-card small {
    margin-top: 14px;
    color: #667085;
    font-size: 12px;
    line-height: 1.7;
}

/* =========================================================
   FLOATING CARDS
========================================================= */

.terms-payment-floating {
    position: absolute;
    min-width: 190px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    background: #ffffff;
    border: 1px solid #e6edf5;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.09);
    z-index: 5;
}

.payment-floating-one {
    top: 75px;
    right: -5px;
}

.payment-floating-two {
    bottom: 80px;
    left: -10px;
}

.terms-payment-floating-icon {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 11px;
}

.terms-payment-floating-icon svg {
    width: 19px;
    height: 19px;
}

.terms-payment-floating strong {
    display: block;
    color: #101828;
    font-size: 11px;
    font-weight: 800;
}

.terms-payment-floating span {
    display: block;
    margin-top: 3px;
    color: #98a2b3;
    font-size: 9px;
}

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

.terms-payments-content {
    position: relative;
}

.terms-payments-intro-card {
    padding: 30px;
    margin-bottom: 22px;
    background: #ffffff;
    border: 1px solid #e3edf8;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.03);
}

.terms-payments-mini-label {
    display: block;
    margin-bottom: 9px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.terms-payments-intro-card h3 {
    margin: 0;
    color: #101828;
    font-size: 24px;
    line-height: 1.35;
    font-weight: 800;
}

.terms-payments-intro-card p {
    margin: 12px 0 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* =========================================================
   PAYMENT RULES
========================================================= */

.terms-payment-rules {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.terms-payment-rule {
    display: flex;
    gap: 13px;
    padding: 18px 16px;
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 15px;
    transition: all 0.25s ease;
}

.terms-payment-rule:hover {
    transform: translateY(-3px);
    border-color: #cfe3fb;
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.07);
}

.terms-payment-rule > span {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 800;
}

.terms-payment-rule strong {
    display: block;
    margin-top: 1px;
    color: #1d2939;
    font-size: 12px;
    font-weight: 800;
}

.terms-payment-rule p {
    margin: 5px 0 0;
    color: #98a2b3;
    font-size: 10px;
    line-height: 1.55;
}

/* =========================================================
   BOTTOM NOTICE
========================================================= */

.terms-payments-notice {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 55px;
    padding: 22px 26px;
    background: #ffffff;
    border: 1px solid #dcecff;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.04);
}

.terms-payments-notice-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eaf4ff;
    border-radius: 14px;
}

.terms-payments-notice-icon svg {
    width: 23px;
    height: 23px;
}

.terms-payments-notice span {
    display: block;
    margin-bottom: 4px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.terms-payments-notice p {
    margin: 0;
    color: #475467;
    font-size: 13px;
    line-height: 1.65;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    .terms-payments-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .terms-payments-visual {
        min-height: 500px;
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    .terms-payments-content {
        max-width: 850px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .terms-payments-section {
        padding: 80px 0;
    }

    .terms-payments-header {
        margin-bottom: 45px;
    }

    .terms-payments-visual {
        min-height: 460px;
    }

    .payments-orbit-one {
        width: 340px;
        height: 340px;
    }

    .payments-orbit-two {
        width: 420px;
        height: 420px;
    }

    .terms-payment-main-card {
        width: 265px;
        min-height: 315px;
    }

    .payment-floating-one {
        top: 45px;
        right: 0;
    }

    .payment-floating-two {
        bottom: 45px;
        left: 0;
    }
}

@media (max-width: 600px) {

    .terms-payments-section {
        padding: 65px 0;
    }

    .terms-payments-container {
        width: min(100% - 28px, 1180px);
    }

    .terms-payments-header h2 {
        font-size: 32px;
        letter-spacing: -0.8px;
    }

    .terms-payments-header p {
        font-size: 14px;
        line-height: 1.7;
    }

    .terms-payments-visual {
        min-height: 395px;
    }

    .terms-payments-glow {
        width: 270px;
        height: 270px;
    }

    .payments-orbit-one {
        width: 275px;
        height: 275px;
    }

    .payments-orbit-two {
        width: 340px;
        height: 340px;
    }

    .terms-payment-main-card {
        width: 225px;
        min-height: 275px;
        padding: 27px 23px;
        border-radius: 22px;
    }

    .terms-payment-main-icon {
        width: 54px;
        height: 54px;
        margin-bottom: 20px;
        border-radius: 15px;
    }

    .terms-payment-main-icon svg {
        width: 27px;
        height: 27px;
    }

    .terms-payment-main-card strong {
        font-size: 20px;
    }

    .terms-payment-main-card small {
        font-size: 10px;
    }

    .terms-payment-floating {
        min-width: 150px;
        padding: 10px 11px;
        gap: 9px;
    }

    .payment-floating-one {
        top: 20px;
        right: 0;
    }

    .payment-floating-two {
        bottom: 20px;
        left: 0;
    }

    .terms-payment-floating-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .terms-payment-floating-icon svg {
        width: 16px;
        height: 16px;
    }

    .terms-payment-floating strong {
        font-size: 9px;
    }

    .terms-payment-floating span {
        font-size: 8px;
    }

    .terms-payments-intro-card {
        padding: 22px;
    }

    .terms-payments-intro-card h3 {
        font-size: 21px;
    }

    .terms-payments-intro-card p {
        font-size: 12px;
    }

    .terms-payment-rules {
        grid-template-columns: 1fr;
    }

    .terms-payments-notice {
        align-items: flex-start;
        padding: 18px;
        margin-top: 35px;
    }

    .terms-payments-notice-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .terms-payments-notice p {
        font-size: 12px;
    }
}



/* ========================================
   CANCELLATION & TERMINATION
======================================== */

.terms-cancellation-section {
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.terms-cancellation-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


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

.terms-cancellation-header {
    max-width: 780px;
    margin: 0 auto 70px;
    text-align: center;
}

.terms-cancellation-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.terms-cancellation-label::before,
.terms-cancellation-label::after {
    content: "";
    width: 28px;
    height: 1px;
    background: #006ffc;
}

.terms-cancellation-header h2 {
    margin: 0 0 18px;

    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.terms-cancellation-header h2 span {
    color: #006ffc;
}

.terms-cancellation-header p {
    max-width: 680px;
    margin: 0 auto;

    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}


/* ========================================
   MAIN GRID
======================================== */

.terms-cancellation-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 75px;
}


/* ========================================
   VISUAL
======================================== */

.terms-cancellation-visual {
    position: relative;

    min-height: 500px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-cancellation-glow {
    position: absolute;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    background: rgba(0, 111, 252, .12);

    filter: blur(55px);
}

.terms-cancellation-orbit {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, .12);
    border-radius: 50%;
}

.cancellation-orbit-one {
    width: 390px;
    height: 390px;
}

.cancellation-orbit-two {
    width: 290px;
    height: 290px;
}


/* ========================================
   MAIN CARD
======================================== */

.terms-cancellation-main-card {
    position: relative;
    z-index: 2;

    width: 310px;

    padding: 35px 32px;

    background: rgba(255, 255, 255, .96);

    border: 1px solid #e5eaf1;
    border-radius: 24px;

    box-shadow:
        0 25px 60px rgba(16, 24, 40, .10);

    text-align: center;
}

.terms-cancellation-icon {
    width: 72px;
    height: 72px;

    margin: 0 auto 24px;

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

    border-radius: 20px;

    background: #eef6ff;
    color: #006ffc;
}

.terms-cancellation-icon svg {
    width: 34px;
    height: 34px;
}

.terms-cancellation-main-card > span {
    display: block;

    margin-bottom: 8px;

    color: #98a2b3;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.terms-cancellation-main-card strong {
    display: block;

    color: #101828;

    font-size: 21px;
    font-weight: 700;
}


/* ========================================
   STATUS
======================================== */

.terms-cancellation-status {
    width: fit-content;

    margin: 22px auto 0;
    padding: 9px 14px;

    display: flex;
    align-items: center;
    gap: 8px;

    border-radius: 50px;

    background: #f2f8ff;
    color: #006ffc;

    font-size: 12px;
    font-weight: 600;
}

.terms-cancellation-status i {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #006ffc;
}


/* ========================================
   FLOATING CARDS
======================================== */

.terms-cancellation-floating {
    position: absolute;
    z-index: 3;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 18px;

    background: #fff;

    border: 1px solid #e8edf4;
    border-radius: 15px;

    box-shadow:
        0 15px 40px rgba(16, 24, 40, .10);
}

.cancellation-floating-one {
    top: 72px;
    right: 12px;
}

.cancellation-floating-two {
    bottom: 70px;
    left: 5px;
}

.terms-cancellation-floating-icon {
    width: 40px;
    height: 40px;

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

    border-radius: 11px;

    background: #eef6ff;
    color: #006ffc;
}

.terms-cancellation-floating-icon svg {
    width: 21px;
    height: 21px;
}

.terms-cancellation-floating small {
    display: block;

    margin-bottom: 3px;

    color: #98a2b3;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.terms-cancellation-floating strong {
    display: block;

    color: #344054;

    font-size: 12px;
    font-weight: 600;
}


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

.terms-cancellation-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}


/* Intro Card */

.terms-cancellation-intro-card {
    padding: 26px 28px;

    background: #fff;

    border: 1px solid #e7edf5;
    border-radius: 18px;

    box-shadow:
        0 12px 35px rgba(16, 24, 40, .05);
}

.terms-cancellation-mini-label {
    display: block;

    margin-bottom: 10px;

    color: #006ffc;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.terms-cancellation-intro-card p {
    margin: 0;

    color: #667085;

    font-size: 15px;
    line-height: 1.75;
}


/* ========================================
   RULES
======================================== */

.terms-cancellation-rules {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.terms-cancellation-rule {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    padding: 20px;

    background: #fff;

    border: 1px solid #e8edf4;
    border-radius: 15px;

    transition: all .3s ease;
}

.terms-cancellation-rule:hover {
    transform: translateY(-4px);

    border-color: rgba(0, 111, 252, .25);

    box-shadow:
        0 14px 35px rgba(16, 24, 40, .07);
}


/* Number */

.terms-cancellation-number {
    flex: 0 0 auto;

    width: 34px;
    height: 34px;

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

    border-radius: 10px;

    background: #eef6ff;
    color: #006ffc;

    font-size: 10px;
    font-weight: 700;
}


/* Rule Content */

.terms-cancellation-rule h3 {
    margin: 2px 0 6px;

    color: #101828;

    font-size: 14px;
    font-weight: 700;
}

.terms-cancellation-rule p {
    margin: 0;

    color: #667085;

    font-size: 12px;
    line-height: 1.65;
}


/* ========================================
   BOTTOM NOTICE
======================================== */

.terms-cancellation-notice {
    margin-top: 65px;

    padding: 22px 25px;

    display: flex;
    align-items: flex-start;
    gap: 16px;

    background: #fff;

    border: 1px solid #e5edf8;
    border-radius: 17px;
}

.terms-cancellation-notice-icon {
    flex: 0 0 auto;

    width: 42px;
    height: 42px;

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

    border-radius: 12px;

    background: #eef6ff;
    color: #006ffc;
}

.terms-cancellation-notice-icon svg {
    width: 22px;
    height: 22px;
}

.terms-cancellation-notice strong {
    display: block;

    margin-bottom: 5px;

    color: #101828;

    font-size: 13px;
    font-weight: 700;
}

.terms-cancellation-notice p {
    margin: 0;

    color: #667085;

    font-size: 13px;
    line-height: 1.7;
}


/* ========================================
   RESPONSIVE - 1050px
======================================== */

@media (max-width: 1050px) {

    .terms-cancellation-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .terms-cancellation-visual {
        min-height: 440px;
    }

    .terms-cancellation-content {
        width: 100%;
        max-width: 850px;
        margin: 0 auto;
    }

}


/* ========================================
   RESPONSIVE - 800px
======================================== */

@media (max-width: 800px) {

    .terms-cancellation-section {
        padding: 85px 0;
    }

    .terms-cancellation-header {
        margin-bottom: 50px;
    }

    .terms-cancellation-visual {
        min-height: 400px;
    }

    .cancellation-orbit-one {
        width: 330px;
        height: 330px;
    }

    .cancellation-orbit-two {
        width: 250px;
        height: 250px;
    }

    .terms-cancellation-main-card {
        width: 285px;
    }

    .cancellation-floating-one {
        right: 0;
    }

    .cancellation-floating-two {
        left: 0;
    }

}


/* ========================================
   RESPONSIVE - 600px
======================================== */

@media (max-width: 600px) {

    .terms-cancellation-container {
        width: min(100% - 28px, 1180px);
    }

    .terms-cancellation-section {
        padding: 70px 0;
    }

    .terms-cancellation-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .terms-cancellation-header p {
        font-size: 14px;
    }

    .terms-cancellation-visual {
        min-height: 360px;
    }

    .cancellation-orbit-one {
        width: 285px;
        height: 285px;
    }

    .cancellation-orbit-two {
        width: 220px;
        height: 220px;
    }

    .terms-cancellation-main-card {
        width: 250px;
        padding: 28px 22px;
    }

    .terms-cancellation-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 18px;
    }

    .terms-cancellation-main-card strong {
        font-size: 18px;
    }

    .terms-cancellation-floating {
        padding: 10px 12px;
        gap: 9px;
    }

    .terms-cancellation-floating-icon {
        width: 34px;
        height: 34px;
    }

    .terms-cancellation-floating strong {
        font-size: 10px;
    }

    .cancellation-floating-one {
        top: 30px;
        right: -2px;
    }

    .cancellation-floating-two {
        bottom: 28px;
        left: -2px;
    }

    .terms-cancellation-rules {
        grid-template-columns: 1fr;
    }

    .terms-cancellation-intro-card {
        padding: 22px;
    }

    .terms-cancellation-notice {
        margin-top: 45px;
        padding: 20px;
    }

}


/* ========================================
   RESPONSIVE - 400px
======================================== */

@media (max-width: 400px) {

    .terms-cancellation-visual {
        min-height: 330px;
    }

    .terms-cancellation-main-card {
        width: 225px;
    }

    .cancellation-orbit-one {
        width: 250px;
        height: 250px;
    }

    .cancellation-orbit-two {
        width: 190px;
        height: 190px;
    }

    .terms-cancellation-floating small {
        font-size: 8px;
    }

    .terms-cancellation-floating strong {
        font-size: 9px;
    }

}



/* ========================================
   CONFIDENTIALITY
======================================== */

.terms-confidentiality-section {
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.terms-confidentiality-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


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

.terms-confidentiality-header {
    max-width: 780px;
    margin: 0 auto 70px;
    text-align: center;
}

.terms-confidentiality-label {
    position: relative;

    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;

    color: #006ffc;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.terms-confidentiality-label::before,
.terms-confidentiality-label::after {
    content: "";

    width: 28px;
    height: 1px;

    background: #006ffc;
}

.terms-confidentiality-header h2 {
    margin: 0 0 18px;

    color: #101828;

    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.terms-confidentiality-header h2 span {
    color: #006ffc;
}

.terms-confidentiality-header p {
    max-width: 680px;
    margin: 0 auto;

    color: #667085;

    font-size: 16px;
    line-height: 1.8;
}


/* ========================================
   MAIN GRID
======================================== */

.terms-confidentiality-grid {
    display: grid;

    grid-template-columns: .9fr 1.1fr;

    align-items: center;

    gap: 75px;
}


/* ========================================
   VISUAL
======================================== */

.terms-confidentiality-visual {
    position: relative;

    min-height: 500px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-confidentiality-glow {
    position: absolute;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    background: rgba(0, 111, 252, .11);

    filter: blur(55px);
}

.terms-confidentiality-orbit {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, .12);

    border-radius: 50%;
}

.confidentiality-orbit-one {
    width: 390px;
    height: 390px;
}

.confidentiality-orbit-two {
    width: 290px;
    height: 290px;
}


/* ========================================
   MAIN CARD
======================================== */

.terms-confidentiality-main-card {
    position: relative;
    z-index: 2;

    width: 315px;

    padding: 35px 32px;

    background: rgba(255, 255, 255, .97);

    border: 1px solid #e5eaf1;
    border-radius: 24px;

    box-shadow:
        0 25px 60px rgba(16, 24, 40, .10);

    text-align: center;
}

.terms-confidentiality-lock {
    width: 72px;
    height: 72px;

    margin: 0 auto 24px;

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

    border-radius: 20px;

    background: #eef6ff;
    color: #006ffc;
}

.terms-confidentiality-lock svg {
    width: 36px;
    height: 36px;
}

.terms-confidentiality-main-card > span {
    display: block;

    margin-bottom: 8px;

    color: #98a2b3;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.terms-confidentiality-main-card strong {
    display: block;

    color: #101828;

    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
}


/* ========================================
   STATUS
======================================== */

.terms-confidentiality-status {
    width: fit-content;

    margin: 22px auto 0;
    padding: 9px 14px;

    display: flex;
    align-items: center;
    gap: 8px;

    border-radius: 50px;

    background: #f2f8ff;
    color: #006ffc;

    font-size: 11px;
    font-weight: 600;
}

.terms-confidentiality-status i {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #006ffc;
}


/* ========================================
   FLOATING CARDS
======================================== */

.terms-confidentiality-floating {
    position: absolute;
    z-index: 3;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 18px;

    background: #ffffff;

    border: 1px solid #e8edf4;
    border-radius: 15px;

    box-shadow:
        0 15px 40px rgba(16, 24, 40, .10);
}

.confidentiality-floating-one {
    top: 68px;
    right: 5px;
}

.confidentiality-floating-two {
    bottom: 68px;
    left: 0;
}

.terms-confidentiality-floating-icon {
    width: 40px;
    height: 40px;

    flex: 0 0 auto;

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

    border-radius: 11px;

    background: #eef6ff;
    color: #006ffc;
}

.terms-confidentiality-floating-icon svg {
    width: 21px;
    height: 21px;
}

.terms-confidentiality-floating small {
    display: block;

    margin-bottom: 3px;

    color: #98a2b3;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.terms-confidentiality-floating strong {
    display: block;

    color: #344054;

    font-size: 11px;
    font-weight: 600;
}


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

.terms-confidentiality-content {
    display: flex;
    flex-direction: column;

    gap: 22px;
}


/* Intro */

.terms-confidentiality-intro-card {
    padding: 26px 28px;

    background: #f8fbff;

    border: 1px solid #e4edf8;
    border-radius: 18px;
}

.terms-confidentiality-mini-label {
    display: block;

    margin-bottom: 10px;

    color: #006ffc;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.terms-confidentiality-intro-card p {
    margin: 0;

    color: #667085;

    font-size: 15px;
    line-height: 1.75;
}


/* ========================================
   POINTS
======================================== */

.terms-confidentiality-points {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.terms-confidentiality-point {
    display: flex;
    align-items: flex-start;
    gap: 17px;

    padding: 20px;

    background: #ffffff;

    border: 1px solid #e8edf4;
    border-radius: 15px;

    transition: all .3s ease;
}

.terms-confidentiality-point:hover {
    transform: translateY(-3px);

    border-color: rgba(0, 111, 252, .25);

    box-shadow:
        0 14px 35px rgba(16, 24, 40, .07);
}


/* Point Icon */

.terms-confidentiality-point-icon {
    flex: 0 0 auto;

    width: 42px;
    height: 42px;

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

    border-radius: 12px;

    background: #eef6ff;
    color: #006ffc;
}

.terms-confidentiality-point-icon svg {
    width: 22px;
    height: 22px;
}


/* Point Content */

.terms-confidentiality-point h3 {
    margin: 2px 0 6px;

    color: #101828;

    font-size: 14px;
    font-weight: 700;
}

.terms-confidentiality-point p {
    margin: 0;

    color: #667085;

    font-size: 12px;
    line-height: 1.7;
}


/* ========================================
   BOTTOM NOTICE
======================================== */

.terms-confidentiality-notice {
    margin-top: 65px;

    padding: 22px 25px;

    display: flex;
    align-items: flex-start;
    gap: 16px;

    background: #f8fbff;

    border: 1px solid #e4edf8;
    border-radius: 17px;
}

.terms-confidentiality-notice-icon {
    flex: 0 0 auto;

    width: 42px;
    height: 42px;

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

    border-radius: 12px;

    background: #eef6ff;
    color: #006ffc;
}

.terms-confidentiality-notice-icon svg {
    width: 22px;
    height: 22px;
}

.terms-confidentiality-notice strong {
    display: block;

    margin-bottom: 5px;

    color: #101828;

    font-size: 13px;
    font-weight: 700;
}

.terms-confidentiality-notice p {
    margin: 0;

    color: #667085;

    font-size: 13px;
    line-height: 1.7;
}


/* ========================================
   RESPONSIVE - 1050px
======================================== */

@media (max-width: 1050px) {

    .terms-confidentiality-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .terms-confidentiality-visual {
        min-height: 440px;
    }

    .terms-confidentiality-content {
        width: 100%;
        max-width: 850px;
        margin: 0 auto;
    }

}


/* ========================================
   RESPONSIVE - 800px
======================================== */

@media (max-width: 800px) {

    .terms-confidentiality-section {
        padding: 85px 0;
    }

    .terms-confidentiality-header {
        margin-bottom: 50px;
    }

    .terms-confidentiality-visual {
        min-height: 400px;
    }

    .confidentiality-orbit-one {
        width: 330px;
        height: 330px;
    }

    .confidentiality-orbit-two {
        width: 250px;
        height: 250px;
    }

    .terms-confidentiality-main-card {
        width: 285px;
    }

    .confidentiality-floating-one {
        right: 0;
    }

    .confidentiality-floating-two {
        left: 0;
    }

}


/* ========================================
   RESPONSIVE - 600px
======================================== */

@media (max-width: 600px) {

    .terms-confidentiality-container {
        width: min(100% - 28px, 1180px);
    }

    .terms-confidentiality-section {
        padding: 70px 0;
    }

    .terms-confidentiality-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .terms-confidentiality-header p {
        font-size: 14px;
    }

    .terms-confidentiality-visual {
        min-height: 360px;
    }

    .confidentiality-orbit-one {
        width: 285px;
        height: 285px;
    }

    .confidentiality-orbit-two {
        width: 220px;
        height: 220px;
    }

    .terms-confidentiality-main-card {
        width: 250px;
        padding: 28px 22px;
    }

    .terms-confidentiality-lock {
        width: 60px;
        height: 60px;

        margin-bottom: 18px;
    }

    .terms-confidentiality-lock svg {
        width: 30px;
        height: 30px;
    }

    .terms-confidentiality-main-card strong {
        font-size: 17px;
    }

    .terms-confidentiality-floating {
        padding: 10px 12px;
        gap: 9px;
    }

    .terms-confidentiality-floating-icon {
        width: 34px;
        height: 34px;
    }

    .terms-confidentiality-floating-icon svg {
        width: 18px;
        height: 18px;
    }

    .terms-confidentiality-floating strong {
        font-size: 9px;
    }

    .confidentiality-floating-one {
        top: 28px;
        right: -2px;
    }

    .confidentiality-floating-two {
        bottom: 28px;
        left: -2px;
    }

    .terms-confidentiality-intro-card {
        padding: 22px;
    }

    .terms-confidentiality-point {
        padding: 18px;
        gap: 13px;
    }

    .terms-confidentiality-point-icon {
        width: 38px;
        height: 38px;
    }

    .terms-confidentiality-point-icon svg {
        width: 20px;
        height: 20px;
    }

    .terms-confidentiality-notice {
        margin-top: 45px;
        padding: 20px;
    }

}


/* ========================================
   RESPONSIVE - 400px
======================================== */

@media (max-width: 400px) {

    .terms-confidentiality-visual {
        min-height: 330px;
    }

    .terms-confidentiality-main-card {
        width: 225px;
    }

    .confidentiality-orbit-one {
        width: 250px;
        height: 250px;
    }

    .confidentiality-orbit-two {
        width: 190px;
        height: 190px;
    }

    .terms-confidentiality-floating small {
        font-size: 8px;
    }

    .terms-confidentiality-floating strong {
        font-size: 8px;
    }

}



/* ========================================
   INTELLECTUAL PROPERTY
======================================== */

.terms-ip-section {
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.terms-ip-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


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

.terms-ip-header {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.terms-ip-label {
    position: relative;

    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;

    color: #006ffc;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.terms-ip-label::before,
.terms-ip-label::after {
    content: "";

    width: 28px;
    height: 1px;

    background: #006ffc;
}

.terms-ip-header h2 {
    margin: 0 0 18px;

    color: #101828;

    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.terms-ip-header h2 span {
    color: #006ffc;
}

.terms-ip-header p {
    max-width: 700px;
    margin: 0 auto;

    color: #667085;

    font-size: 16px;
    line-height: 1.8;
}


/* ========================================
   MAIN GRID
======================================== */

.terms-ip-grid {
    display: grid;

    grid-template-columns: .9fr 1.1fr;

    align-items: center;

    gap: 75px;
}


/* ========================================
   VISUAL
======================================== */

.terms-ip-visual {
    position: relative;

    min-height: 540px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-ip-glow {
    position: absolute;

    width: 310px;
    height: 310px;

    border-radius: 50%;

    background: rgba(0, 111, 252, .11);

    filter: blur(55px);
}

.terms-ip-orbit {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, .12);

    border-radius: 50%;
}

.ip-orbit-one {
    width: 400px;
    height: 400px;
}

.ip-orbit-two {
    width: 295px;
    height: 295px;
}


/* ========================================
   MAIN CARD
======================================== */

.terms-ip-main-card {
    position: relative;
    z-index: 2;

    width: 315px;

    padding: 36px 32px;

    background: rgba(255, 255, 255, .97);

    border: 1px solid #e5eaf1;
    border-radius: 24px;

    box-shadow:
        0 25px 60px rgba(16, 24, 40, .10);

    text-align: center;
}

.terms-ip-main-icon {
    width: 74px;
    height: 74px;

    margin: 0 auto 24px;

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

    border-radius: 21px;

    background: #eef6ff;
    color: #006ffc;
}

.terms-ip-main-icon svg {
    width: 37px;
    height: 37px;
}

.terms-ip-main-card > span {
    display: block;

    margin-bottom: 8px;

    color: #98a2b3;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.terms-ip-main-card strong {
    display: block;

    color: #101828;

    font-size: 21px;
    font-weight: 700;
}


/* ========================================
   STATUS
======================================== */

.terms-ip-status {
    width: fit-content;

    margin: 22px auto 0;
    padding: 9px 14px;

    display: flex;
    align-items: center;
    gap: 8px;

    border-radius: 50px;

    background: #f2f8ff;
    color: #006ffc;

    font-size: 11px;
    font-weight: 600;
}

.terms-ip-status i {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #006ffc;
}


/* ========================================
   FLOATING CARDS
======================================== */

.terms-ip-floating {
    position: absolute;
    z-index: 3;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 18px;

    background: #ffffff;

    border: 1px solid #e8edf4;
    border-radius: 15px;

    box-shadow:
        0 15px 40px rgba(16, 24, 40, .10);
}

.ip-floating-one {
    top: 70px;
    right: 0;
}

.ip-floating-two {
    bottom: 65px;
    left: 0;
}

.terms-ip-floating-icon {
    width: 40px;
    height: 40px;

    flex: 0 0 auto;

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

    border-radius: 11px;

    background: #eef6ff;
    color: #006ffc;
}

.terms-ip-floating-icon svg {
    width: 21px;
    height: 21px;
}

.terms-ip-floating small {
    display: block;

    margin-bottom: 3px;

    color: #98a2b3;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.terms-ip-floating strong {
    display: block;

    color: #344054;

    font-size: 11px;
    font-weight: 600;
}


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

.terms-ip-content {
    display: flex;
    flex-direction: column;

    gap: 22px;
}


/* ========================================
   INTRO CARD
======================================== */

.terms-ip-intro-card {
    padding: 26px 28px;

    background: #ffffff;

    border: 1px solid #e7edf5;
    border-radius: 18px;

    box-shadow:
        0 12px 35px rgba(16, 24, 40, .05);
}

.terms-ip-mini-label {
    display: block;

    margin-bottom: 10px;

    color: #006ffc;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.terms-ip-intro-card p {
    margin: 0;

    color: #667085;

    font-size: 15px;
    line-height: 1.75;
}


/* ========================================
   ASSET LIST
======================================== */

.terms-ip-assets {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 14px;
}

.terms-ip-asset {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    padding: 19px;

    background: #ffffff;

    border: 1px solid #e8edf4;
    border-radius: 15px;

    transition: all .3s ease;
}

.terms-ip-asset:hover {
    transform: translateY(-4px);

    border-color: rgba(0, 111, 252, .25);

    box-shadow:
        0 14px 35px rgba(16, 24, 40, .07);
}


/* ========================================
   ASSET ICON
======================================== */

.terms-ip-asset-icon {
    flex: 0 0 auto;

    width: 40px;
    height: 40px;

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

    border-radius: 11px;

    background: #eef6ff;
    color: #006ffc;
}

.terms-ip-asset-icon svg {
    width: 21px;
    height: 21px;
}


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

.terms-ip-asset h3 {
    margin: 1px 0 6px;

    color: #101828;

    font-size: 13px;
    font-weight: 700;
}

.terms-ip-asset p {
    margin: 0;

    color: #667085;

    font-size: 11.5px;
    line-height: 1.65;
}


/* ========================================
   BOTTOM NOTICE
======================================== */

.terms-ip-notice {
    margin-top: 65px;

    padding: 22px 25px;

    display: flex;
    align-items: flex-start;
    gap: 16px;

    background: #ffffff;

    border: 1px solid #e4edf8;
    border-radius: 17px;
}

.terms-ip-notice-icon {
    flex: 0 0 auto;

    width: 42px;
    height: 42px;

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

    border-radius: 12px;

    background: #eef6ff;
    color: #006ffc;
}

.terms-ip-notice-icon svg {
    width: 22px;
    height: 22px;
}

.terms-ip-notice strong {
    display: block;

    margin-bottom: 5px;

    color: #101828;

    font-size: 13px;
    font-weight: 700;
}

.terms-ip-notice p {
    margin: 0;

    color: #667085;

    font-size: 13px;
    line-height: 1.7;
}


/* ========================================
   RESPONSIVE - 1050px
======================================== */

@media (max-width: 1050px) {

    .terms-ip-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .terms-ip-visual {
        min-height: 450px;
    }

    .terms-ip-content {
        width: 100%;
        max-width: 850px;
        margin: 0 auto;
    }

}


/* ========================================
   RESPONSIVE - 800px
======================================== */

@media (max-width: 800px) {

    .terms-ip-section {
        padding: 85px 0;
    }

    .terms-ip-header {
        margin-bottom: 50px;
    }

    .terms-ip-visual {
        min-height: 410px;
    }

    .ip-orbit-one {
        width: 340px;
        height: 340px;
    }

    .ip-orbit-two {
        width: 255px;
        height: 255px;
    }

    .terms-ip-main-card {
        width: 285px;
    }

    .ip-floating-one {
        right: 0;
    }

    .ip-floating-two {
        left: 0;
    }

}


/* ========================================
   RESPONSIVE - 600px
======================================== */

@media (max-width: 600px) {

    .terms-ip-container {
        width: min(100% - 28px, 1180px);
    }

    .terms-ip-section {
        padding: 70px 0;
    }

    .terms-ip-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .terms-ip-header p {
        font-size: 14px;
    }

    .terms-ip-visual {
        min-height: 365px;
    }

    .ip-orbit-one {
        width: 285px;
        height: 285px;
    }

    .ip-orbit-two {
        width: 220px;
        height: 220px;
    }

    .terms-ip-main-card {
        width: 250px;
        padding: 28px 22px;
    }

    .terms-ip-main-icon {
        width: 60px;
        height: 60px;

        margin-bottom: 18px;
    }

    .terms-ip-main-icon svg {
        width: 30px;
        height: 30px;
    }

    .terms-ip-main-card strong {
        font-size: 17px;
    }

    .terms-ip-floating {
        padding: 10px 12px;
        gap: 9px;
    }

    .terms-ip-floating-icon {
        width: 34px;
        height: 34px;
    }

    .terms-ip-floating-icon svg {
        width: 18px;
        height: 18px;
    }

    .terms-ip-floating strong {
        font-size: 9px;
    }

    .ip-floating-one {
        top: 28px;
        right: -2px;
    }

    .ip-floating-two {
        bottom: 28px;
        left: -2px;
    }

    .terms-ip-intro-card {
        padding: 22px;
    }

    .terms-ip-assets {
        grid-template-columns: 1fr;
    }

    .terms-ip-asset {
        padding: 18px;
    }

    .terms-ip-notice {
        margin-top: 45px;
        padding: 20px;
    }

}


/* ========================================
   RESPONSIVE - 400px
======================================== */

@media (max-width: 400px) {

    .terms-ip-visual {
        min-height: 335px;
    }

    .terms-ip-main-card {
        width: 225px;
    }

    .ip-orbit-one {
        width: 250px;
        height: 250px;
    }

    .ip-orbit-two {
        width: 190px;
        height: 190px;
    }

    .terms-ip-floating small {
        font-size: 8px;
    }

    .terms-ip-floating strong {
        font-size: 8px;
    }

}



/* =========================================
   THIRD-PARTY SERVICES
========================================= */

.terms-thirdparty-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.terms-thirdparty-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

/* Header */

.terms-thirdparty-header {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.terms-thirdparty-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.terms-thirdparty-label::before,
.terms-thirdparty-label::after {
    content: "";
    width: 32px;
    height: 1px;
    background: #006ffc;
    opacity: 0.7;
}

.terms-thirdparty-header h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.terms-thirdparty-header h2 span {
    color: #006ffc;
}

.terms-thirdparty-header p {
    max-width: 700px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* Main Grid */

.terms-thirdparty-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

/* Visual */

.terms-thirdparty-visual {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-thirdparty-glow {
    position: absolute;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);
    filter: blur(10px);
}

.terms-thirdparty-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.14);
    border-radius: 50%;
}

.terms-thirdparty-orbit.orbit-one {
    width: 390px;
    height: 390px;
}

.terms-thirdparty-orbit.orbit-two {
    width: 300px;
    height: 300px;
    border-style: dashed;
}

/* Main Card */

.terms-thirdparty-main-card {
    position: relative;
    z-index: 2;
    width: 280px;
    padding: 38px 30px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 24px;
    box-shadow:
        0 25px 60px rgba(16, 24, 40, 0.10),
        0 5px 20px rgba(0, 111, 252, 0.05);
}

.terms-thirdparty-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 20px;
}

.terms-thirdparty-icon svg {
    width: 34px;
    height: 34px;
}

.terms-thirdparty-main-card > span {
    display: block;
    margin-bottom: 7px;
    color: #006ffc;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.terms-thirdparty-main-card strong {
    display: block;
    margin-bottom: 12px;
    color: #101828;
    font-size: 21px;
    line-height: 1.3;
}

.terms-thirdparty-main-card p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* Floating Cards */

.terms-thirdparty-floating {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 17px;
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.08);
}

.terms-thirdparty-floating small {
    display: block;
    margin-bottom: 2px;
    color: #98a2b3;
    font-size: 10px;
}

.terms-thirdparty-floating strong {
    display: block;
    color: #101828;
    font-size: 13px;
}

.terms-thirdparty-floating-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 700;
}

.floating-top {
    top: 55px;
    right: 10px;
}

.floating-bottom {
    bottom: 55px;
    left: 5px;
}

/* Content */

.terms-thirdparty-content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.terms-thirdparty-card {
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 20px;
    padding: 27px 28px;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 18px;
    transition: all 0.3s ease;
}

.terms-thirdparty-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.07);
}

.terms-thirdparty-card-number {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 700;
}

.terms-thirdparty-card h3 {
    margin: 2px 0 8px;
    color: #101828;
    font-size: 18px;
    font-weight: 650;
}

.terms-thirdparty-card p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* Bottom Notice */

.terms-thirdparty-notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 55px;
    padding: 22px 25px;
    background: #ffffff;
    border: 1px solid #e3ebf5;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(16, 24, 40, 0.04);
}

.terms-thirdparty-notice-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
}

.terms-thirdparty-notice strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 14px;
}

.terms-thirdparty-notice p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .terms-thirdparty-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .terms-thirdparty-visual {
        min-height: 450px;
    }

    .terms-thirdparty-content {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .terms-thirdparty-section {
        padding: 85px 0;
    }

    .terms-thirdparty-header {
        margin-bottom: 50px;
    }

    .terms-thirdparty-header h2 {
        font-size: 40px;
    }

    .terms-thirdparty-visual {
        min-height: 400px;
    }

    .terms-thirdparty-orbit.orbit-one {
        width: 330px;
        height: 330px;
    }

    .terms-thirdparty-orbit.orbit-two {
        width: 260px;
        height: 260px;
    }
}

@media (max-width: 600px) {

    .terms-thirdparty-section {
        padding: 70px 0;
    }

    .terms-thirdparty-container {
        width: min(100% - 28px, 1180px);
    }

    .terms-thirdparty-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .terms-thirdparty-header p {
        font-size: 15px;
    }

    .terms-thirdparty-visual {
        min-height: 350px;
    }

    .terms-thirdparty-main-card {
        width: 250px;
        padding: 30px 24px;
    }

    .terms-thirdparty-orbit.orbit-one {
        width: 290px;
        height: 290px;
    }

    .terms-thirdparty-orbit.orbit-two {
        width: 230px;
        height: 230px;
    }

    .terms-thirdparty-floating {
        padding: 10px 12px;
    }

    .floating-top {
        top: 25px;
        right: 0;
    }

    .floating-bottom {
        bottom: 25px;
        left: 0;
    }

    .terms-thirdparty-card {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 23px;
    }

    .terms-thirdparty-card-number {
        width: 42px;
        height: 42px;
    }

    .terms-thirdparty-card h3 {
        font-size: 17px;
    }

    .terms-thirdparty-notice {
        margin-top: 40px;
        padding: 19px;
    }
}

@media (max-width: 400px) {

    .terms-thirdparty-header h2 {
        font-size: 30px;
    }

    .terms-thirdparty-main-card {
        width: 230px;
    }

    .terms-thirdparty-orbit.orbit-one {
        width: 260px;
        height: 260px;
    }

    .terms-thirdparty-orbit.orbit-two {
        width: 210px;
        height: 210px;
    }

    .terms-thirdparty-floating {
        transform: scale(0.9);
    }
}



.terms-availability-section {
    position: relative;
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.terms-availability-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

/* Header */

.terms-availability-header {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.terms-availability-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.terms-availability-label::before,
.terms-availability-label::after {
    content: "";
    width: 32px;
    height: 1px;
    background: #006ffc;
    opacity: 0.7;
}

.terms-availability-header h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.terms-availability-header h2 span {
    color: #006ffc;
}

.terms-availability-header p {
    max-width: 700px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* Main Grid */

.terms-availability-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

/* Visual */

.terms-availability-visual {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-availability-glow {
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.07);
    filter: blur(12px);
}

.terms-availability-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.14);
    border-radius: 50%;
}

.terms-availability-orbit.orbit-one {
    width: 400px;
    height: 400px;
}

.terms-availability-orbit.orbit-two {
    width: 310px;
    height: 310px;
    border-style: dashed;
}

/* Main Card */

.terms-availability-main-card {
    position: relative;
    z-index: 2;
    width: 285px;
    padding: 32px 30px 35px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 24px;
    box-shadow:
        0 25px 60px rgba(16, 24, 40, 0.10),
        0 5px 20px rgba(0, 111, 252, 0.05);
}

.terms-availability-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    margin-bottom: 22px;
    color: #667085;
    background: #f8fafc;
    border: 1px solid #edf0f4;
    border-radius: 30px;
    font-size: 10px;
    font-weight: 600;
}

.terms-availability-status span {
    width: 7px;
    height: 7px;
    background: #006ffc;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(0, 111, 252, 0.10);
}

.terms-availability-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 20px;
}

.terms-availability-icon svg {
    width: 36px;
    height: 36px;
}

.terms-availability-small-label {
    display: block;
    margin-bottom: 7px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.terms-availability-main-card strong {
    display: block;
    margin-bottom: 12px;
    color: #101828;
    font-size: 21px;
    line-height: 1.3;
}

.terms-availability-main-card p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* Floating Cards */

.terms-availability-floating {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 17px;
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.08);
}

.terms-availability-floating small {
    display: block;
    margin-bottom: 2px;
    color: #98a2b3;
    font-size: 10px;
}

.terms-availability-floating strong {
    display: block;
    color: #101828;
    font-size: 13px;
}

.terms-availability-floating-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 700;
}

.availability-top {
    top: 45px;
    right: 5px;
}

.availability-bottom {
    bottom: 45px;
    left: 0;
}

/* Content */

.terms-availability-content {
    display: flex;
    flex-direction: column;
}

.terms-availability-intro {
    margin-bottom: 22px;
}

.terms-availability-intro h3 {
    margin: 0 0 9px;
    color: #101828;
    font-size: 21px;
    font-weight: 650;
}

.terms-availability-intro p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* Reasons Grid */

.terms-availability-reasons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.terms-availability-card {
    display: grid;
    grid-template-columns: 43px 1fr;
    gap: 14px;
    padding: 20px;
    background: #f8fbff;
    border: 1px solid #e8edf4;
    border-radius: 16px;
    transition: all 0.3s ease;
}

.terms-availability-card:hover {
    transform: translateY(-3px);
    background: #ffffff;
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.06);
}

.terms-availability-number {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 11px;
    font-size: 11px;
    font-weight: 700;
}

.terms-availability-card h4 {
    margin: 1px 0 6px;
    color: #101828;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.3;
}

.terms-availability-card p {
    margin: 0;
    color: #667085;
    font-size: 12px;
    line-height: 1.65;
}

/* Notice */

.terms-availability-notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 55px;
    padding: 22px 25px;
    background: #f8fbff;
    border: 1px solid #e3ebf5;
    border-radius: 16px;
}

.terms-availability-notice-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
}

.terms-availability-notice strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 14px;
}

.terms-availability-notice p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .terms-availability-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .terms-availability-visual {
        min-height: 450px;
    }

    .terms-availability-content {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .terms-availability-section {
        padding: 85px 0;
    }

    .terms-availability-header {
        margin-bottom: 50px;
    }

    .terms-availability-header h2 {
        font-size: 40px;
    }

    .terms-availability-visual {
        min-height: 410px;
    }

    .terms-availability-orbit.orbit-one {
        width: 340px;
        height: 340px;
    }

    .terms-availability-orbit.orbit-two {
        width: 270px;
        height: 270px;
    }
}

@media (max-width: 600px) {

    .terms-availability-section {
        padding: 70px 0;
    }

    .terms-availability-container {
        width: min(100% - 28px, 1180px);
    }

    .terms-availability-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .terms-availability-header p {
        font-size: 15px;
    }

    .terms-availability-visual {
        min-height: 360px;
    }

    .terms-availability-main-card {
        width: 250px;
        padding: 28px 23px;
    }

    .terms-availability-orbit.orbit-one {
        width: 295px;
        height: 295px;
    }

    .terms-availability-orbit.orbit-two {
        width: 235px;
        height: 235px;
    }

    .terms-availability-floating {
        padding: 10px 12px;
    }

    .availability-top {
        top: 20px;
        right: 0;
    }

    .availability-bottom {
        bottom: 20px;
        left: 0;
    }

    .terms-availability-reasons {
        grid-template-columns: 1fr;
    }

    .terms-availability-card {
        padding: 18px;
    }

    .terms-availability-notice {
        margin-top: 40px;
        padding: 19px;
    }
}

@media (max-width: 400px) {

    .terms-availability-header h2 {
        font-size: 30px;
    }

    .terms-availability-main-card {
        width: 230px;
    }

    .terms-availability-orbit.orbit-one {
        width: 260px;
        height: 260px;
    }

    .terms-availability-orbit.orbit-two {
        width: 210px;
        height: 210px;
    }

    .terms-availability-floating {
        transform: scale(0.9);
    }
}





.terms-liability-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.terms-liability-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

/* Header */

.terms-liability-header {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.terms-liability-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.terms-liability-label::before,
.terms-liability-label::after {
    content: "";
    width: 32px;
    height: 1px;
    background: #006ffc;
    opacity: 0.7;
}

.terms-liability-header h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.terms-liability-header h2 span {
    color: #006ffc;
}

.terms-liability-header p {
    max-width: 700px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* Main Grid */

.terms-liability-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

/* Visual */

.terms-liability-visual {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-liability-glow {
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);
    filter: blur(12px);
}

.terms-liability-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.14);
    border-radius: 50%;
}

.terms-liability-orbit.orbit-one {
    width: 395px;
    height: 395px;
}

.terms-liability-orbit.orbit-two {
    width: 305px;
    height: 305px;
    border-style: dashed;
}

/* Main Card */

.terms-liability-main-card {
    position: relative;
    z-index: 2;
    width: 285px;
    padding: 38px 30px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 24px;
    box-shadow:
        0 25px 60px rgba(16, 24, 40, 0.10),
        0 5px 20px rgba(0, 111, 252, 0.05);
}

.terms-liability-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 20px;
}

.terms-liability-icon svg {
    width: 36px;
    height: 36px;
}

.terms-liability-main-card > span {
    display: block;
    margin-bottom: 7px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.7px;
}

.terms-liability-main-card strong {
    display: block;
    margin-bottom: 12px;
    color: #101828;
    font-size: 21px;
    line-height: 1.3;
}

.terms-liability-main-card p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* Floating Cards */

.terms-liability-floating {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 17px;
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.08);
}

.terms-liability-floating small {
    display: block;
    margin-bottom: 2px;
    color: #98a2b3;
    font-size: 10px;
}

.terms-liability-floating strong {
    display: block;
    color: #101828;
    font-size: 13px;
}

.terms-liability-floating-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 700;
}

.liability-top {
    top: 50px;
    right: 5px;
}

.liability-bottom {
    bottom: 50px;
    left: 0;
}

/* Content */

.terms-liability-content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.terms-liability-card {
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 20px;
    padding: 27px 28px;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 18px;
    transition: all 0.3s ease;
}

.terms-liability-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.07);
}

.terms-liability-number {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 700;
}

.terms-liability-card h3 {
    margin: 2px 0 8px;
    color: #101828;
    font-size: 18px;
    font-weight: 650;
}

.terms-liability-card p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* Notice */

.terms-liability-notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 55px;
    padding: 22px 25px;
    background: #ffffff;
    border: 1px solid #e3ebf5;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(16, 24, 40, 0.04);
}

.terms-liability-notice-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
}

.terms-liability-notice strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 14px;
}

.terms-liability-notice p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .terms-liability-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .terms-liability-visual {
        min-height: 450px;
    }

    .terms-liability-content {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .terms-liability-section {
        padding: 85px 0;
    }

    .terms-liability-header {
        margin-bottom: 50px;
    }

    .terms-liability-header h2 {
        font-size: 40px;
    }

    .terms-liability-visual {
        min-height: 400px;
    }

    .terms-liability-orbit.orbit-one {
        width: 335px;
        height: 335px;
    }

    .terms-liability-orbit.orbit-two {
        width: 265px;
        height: 265px;
    }
}

@media (max-width: 600px) {

    .terms-liability-section {
        padding: 70px 0;
    }

    .terms-liability-container {
        width: min(100% - 28px, 1180px);
    }

    .terms-liability-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .terms-liability-header p {
        font-size: 15px;
    }

    .terms-liability-visual {
        min-height: 350px;
    }

    .terms-liability-main-card {
        width: 250px;
        padding: 30px 24px;
    }

    .terms-liability-orbit.orbit-one {
        width: 290px;
        height: 290px;
    }

    .terms-liability-orbit.orbit-two {
        width: 230px;
        height: 230px;
    }

    .terms-liability-floating {
        padding: 10px 12px;
    }

    .liability-top {
        top: 20px;
        right: 0;
    }

    .liability-bottom {
        bottom: 20px;
        left: 0;
    }

    .terms-liability-card {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 23px;
    }

    .terms-liability-card h3 {
        font-size: 17px;
    }

    .terms-liability-notice {
        margin-top: 40px;
        padding: 19px;
    }
}

@media (max-width: 400px) {

    .terms-liability-header h2 {
        font-size: 30px;
    }

    .terms-liability-main-card {
        width: 230px;
    }

    .terms-liability-orbit.orbit-one {
        width: 260px;
        height: 260px;
    }

    .terms-liability-orbit.orbit-two {
        width: 210px;
        height: 210px;
    }

    .terms-liability-floating {
        transform: scale(0.9);
    }
}




.terms-content-section {
    position: relative;
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.terms-content-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

/* Header */

.terms-content-header {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.terms-content-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.terms-content-label::before,
.terms-content-label::after {
    content: "";
    width: 32px;
    height: 1px;
    background: #006ffc;
    opacity: 0.7;
}

.terms-content-header h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.terms-content-header h2 span {
    color: #006ffc;
}

.terms-content-header p {
    max-width: 710px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* Main Grid */

.terms-content-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

/* Visual */

.terms-content-visual {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-content-glow {
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.07);
    filter: blur(12px);
}

.terms-content-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.14);
    border-radius: 50%;
}

.terms-content-orbit.orbit-one {
    width: 395px;
    height: 395px;
}

.terms-content-orbit.orbit-two {
    width: 305px;
    height: 305px;
    border-style: dashed;
}

/* Main Card */

.terms-content-main-card {
    position: relative;
    z-index: 2;
    width: 285px;
    padding: 38px 30px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 24px;
    box-shadow:
        0 25px 60px rgba(16, 24, 40, 0.10),
        0 5px 20px rgba(0, 111, 252, 0.05);
}

.terms-content-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 20px;
}

.terms-content-icon svg {
    width: 36px;
    height: 36px;
}

.terms-content-main-card > span {
    display: block;
    margin-bottom: 7px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.7px;
}

.terms-content-main-card strong {
    display: block;
    margin-bottom: 12px;
    color: #101828;
    font-size: 21px;
    line-height: 1.3;
}

.terms-content-main-card p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* Floating Cards */

.terms-content-floating {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 17px;
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.08);
}

.terms-content-floating small {
    display: block;
    margin-bottom: 2px;
    color: #98a2b3;
    font-size: 10px;
}

.terms-content-floating strong {
    display: block;
    color: #101828;
    font-size: 13px;
}

.terms-content-floating-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
}

.content-top {
    top: 55px;
    right: 5px;
}

.content-bottom {
    bottom: 55px;
    left: 0;
}

/* Content */

.terms-content-right {
    display: flex;
    flex-direction: column;
}

.terms-content-intro {
    margin-bottom: 22px;
}

.terms-content-intro h3 {
    margin: 0 0 9px;
    color: #101828;
    font-size: 21px;
    font-weight: 650;
}

.terms-content-intro p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* Content Cards */

.terms-content-points {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.terms-content-card {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 18px;
    padding: 22px 23px;
    background: #f8fbff;
    border: 1px solid #e8edf4;
    border-radius: 17px;
    transition: all 0.3s ease;
}

.terms-content-card:hover {
    transform: translateY(-3px);
    background: #ffffff;
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.06);
}

.terms-content-number {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
}

.terms-content-card h4 {
    margin: 1px 0 6px;
    color: #101828;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.3;
}

.terms-content-card p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* Notice */

.terms-content-notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 55px;
    padding: 22px 25px;
    background: #f8fbff;
    border: 1px solid #e3ebf5;
    border-radius: 16px;
}

.terms-content-notice-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
}

.terms-content-notice strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 14px;
}

.terms-content-notice p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .terms-content-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .terms-content-visual {
        min-height: 450px;
    }

    .terms-content-right {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .terms-content-section {
        padding: 85px 0;
    }

    .terms-content-header {
        margin-bottom: 50px;
    }

    .terms-content-header h2 {
        font-size: 40px;
    }

    .terms-content-visual {
        min-height: 400px;
    }

    .terms-content-orbit.orbit-one {
        width: 335px;
        height: 335px;
    }

    .terms-content-orbit.orbit-two {
        width: 265px;
        height: 265px;
    }
}

@media (max-width: 600px) {

    .terms-content-section {
        padding: 70px 0;
    }

    .terms-content-container {
        width: min(100% - 28px, 1180px);
    }

    .terms-content-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .terms-content-header p {
        font-size: 15px;
    }

    .terms-content-visual {
        min-height: 355px;
    }

    .terms-content-main-card {
        width: 250px;
        padding: 30px 24px;
    }

    .terms-content-orbit.orbit-one {
        width: 290px;
        height: 290px;
    }

    .terms-content-orbit.orbit-two {
        width: 230px;
        height: 230px;
    }

    .terms-content-floating {
        padding: 10px 12px;
    }

    .content-top {
        top: 20px;
        right: 0;
    }

    .content-bottom {
        bottom: 20px;
        left: 0;
    }

    .terms-content-card {
        grid-template-columns: 1fr;
        gap: 13px;
        padding: 20px;
    }

    .terms-content-card h4 {
        font-size: 15px;
    }

    .terms-content-notice {
        margin-top: 40px;
        padding: 19px;
    }
}

@media (max-width: 400px) {

    .terms-content-header h2 {
        font-size: 30px;
    }

    .terms-content-main-card {
        width: 230px;
    }

    .terms-content-orbit.orbit-one {
        width: 260px;
        height: 260px;
    }

    .terms-content-orbit.orbit-two {
        width: 210px;
        height: 210px;
    }

    .terms-content-floating {
        transform: scale(0.9);
    }
}




.terms-links-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.terms-links-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

/* Header */

.terms-links-header {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.terms-links-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.terms-links-label::before,
.terms-links-label::after {
    content: "";
    width: 32px;
    height: 1px;
    background: #006ffc;
    opacity: 0.7;
}

.terms-links-header h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.terms-links-header h2 span {
    color: #006ffc;
}

.terms-links-header p {
    max-width: 710px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* Main Grid */

.terms-links-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

/* Visual */

.terms-links-visual {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-links-glow {
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);
    filter: blur(12px);
}

.terms-links-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.14);
    border-radius: 50%;
}

.terms-links-orbit.orbit-one {
    width: 395px;
    height: 395px;
}

.terms-links-orbit.orbit-two {
    width: 305px;
    height: 305px;
    border-style: dashed;
}

/* Main Card */

.terms-links-main-card {
    position: relative;
    z-index: 2;
    width: 285px;
    padding: 38px 30px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 24px;
    box-shadow:
        0 25px 60px rgba(16, 24, 40, 0.10),
        0 5px 20px rgba(0, 111, 252, 0.05);
}

.terms-links-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 20px;
}

.terms-links-icon svg {
    width: 35px;
    height: 35px;
}

.terms-links-main-card > span {
    display: block;
    margin-bottom: 7px;
    color: #006ffc;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.7px;
}

.terms-links-main-card strong {
    display: block;
    margin-bottom: 12px;
    color: #101828;
    font-size: 21px;
    line-height: 1.3;
}

.terms-links-main-card p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* Floating Cards */

.terms-links-floating {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 17px;
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.08);
}

.terms-links-floating small {
    display: block;
    margin-bottom: 2px;
    color: #98a2b3;
    font-size: 10px;
}

.terms-links-floating strong {
    display: block;
    color: #101828;
    font-size: 13px;
}

.terms-links-floating-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
}

.links-top {
    top: 50px;
    right: 5px;
}

.links-bottom {
    bottom: 50px;
    left: 0;
}

/* Content */

.terms-links-content {
    display: flex;
    flex-direction: column;
}

.terms-links-intro {
    margin-bottom: 22px;
}

.terms-links-intro h3 {
    margin: 0 0 9px;
    color: #101828;
    font-size: 21px;
    font-weight: 650;
}

.terms-links-intro p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* Content Cards */

.terms-links-points {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.terms-links-card {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 18px;
    padding: 22px 23px;
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 17px;
    transition: all 0.3s ease;
}

.terms-links-card:hover {
    transform: translateY(-3px);
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.06);
}

.terms-links-number {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
}

.terms-links-card h4 {
    margin: 1px 0 6px;
    color: #101828;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.3;
}

.terms-links-card p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* Notice */

.terms-links-notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 55px;
    padding: 22px 25px;
    background: #ffffff;
    border: 1px solid #e3ebf5;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(16, 24, 40, 0.04);
}

.terms-links-notice-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #edf5ff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
}

.terms-links-notice strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 14px;
}

.terms-links-notice p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.7;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .terms-links-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .terms-links-visual {
        min-height: 450px;
    }

    .terms-links-content {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .terms-links-section {
        padding: 85px 0;
    }

    .terms-links-header {
        margin-bottom: 50px;
    }

    .terms-links-header h2 {
        font-size: 40px;
    }

    .terms-links-visual {
        min-height: 400px;
    }

    .terms-links-orbit.orbit-one {
        width: 335px;
        height: 335px;
    }

    .terms-links-orbit.orbit-two {
        width: 265px;
        height: 265px;
    }
}

@media (max-width: 600px) {

    .terms-links-section {
        padding: 70px 0;
    }

    .terms-links-container {
        width: min(100% - 28px, 1180px);
    }

    .terms-links-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .terms-links-header p {
        font-size: 15px;
    }

    .terms-links-visual {
        min-height: 355px;
    }

    .terms-links-main-card {
        width: 250px;
        padding: 30px 24px;
    }

    .terms-links-orbit.orbit-one {
        width: 290px;
        height: 290px;
    }

    .terms-links-orbit.orbit-two {
        width: 230px;
        height: 230px;
    }

    .terms-links-floating {
        padding: 10px 12px;
    }

    .links-top {
        top: 20px;
        right: 0;
    }

    .links-bottom {
        bottom: 20px;
        left: 0;
    }

    .terms-links-card {
        grid-template-columns: 1fr;
        gap: 13px;
        padding: 20px;
    }

    .terms-links-card h4 {
        font-size: 15px;
    }

    .terms-links-notice {
        margin-top: 40px;
        padding: 19px;
    }
}

@media (max-width: 400px) {

    .terms-links-header h2 {
        font-size: 30px;
    }

    .terms-links-main-card {
        width: 230px;
    }

    .terms-links-orbit.orbit-one {
        width: 260px;
        height: 260px;
    }

    .terms-links-orbit.orbit-two {
        width: 210px;
        height: 210px;
    }

    .terms-links-floating {
        transform: scale(0.9);
    }
}




/* =========================================
   CHANGES TO THESE TERMS
========================================= */

.terms-changes-section {
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.terms-changes-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

/* Header */

.terms-changes-header {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.terms-changes-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.terms-changes-label::before,
.terms-changes-label::after {
    content: "";
    width: 28px;
    height: 1px;
    background: #006ffc;
    opacity: 0.6;
}

.terms-changes-header h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.terms-changes-header h2 span {
    display: block;
    color: #006ffc;
}

.terms-changes-header p {
    max-width: 720px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* Layout */

.terms-changes-layout {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

/* Visual */

.terms-changes-visual {
    position: relative;
    min-height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-changes-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.12);
    border-radius: 50%;
}

.terms-changes-orbit.orbit-one {
    width: 360px;
    height: 360px;
}

.terms-changes-orbit.orbit-two {
    width: 285px;
    height: 285px;
}

.terms-changes-main-card {
    position: relative;
    z-index: 2;
    width: 255px;
    min-height: 265px;
    padding: 35px 30px;
    border: 1px solid #e6edf5;
    border-radius: 24px;
    background: #ffffff;
    box-shadow:
        0 25px 60px rgba(16, 24, 40, 0.09),
        0 5px 20px rgba(0, 111, 252, 0.05);
    text-align: center;
}

.terms-changes-main-card::before {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px dashed rgba(0, 111, 252, 0.12);
    border-radius: 18px;
    pointer-events: none;
}

.terms-changes-icon {
    position: relative;
    z-index: 2;
    width: 72px;
    height: 72px;
    margin: 0 auto 22px;
    border-radius: 20px;
    background: #eef6ff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
}

.terms-changes-icon span {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 5px;
    background: #006ffc;
}

.terms-changes-icon span:nth-child(2) {
    width: 22px;
}

.terms-changes-icon span:nth-child(3) {
    width: 27px;
}

.terms-changes-main-card strong {
    position: relative;
    z-index: 2;
    display: block;
    color: #101828;
    font-size: 18px;
    margin-bottom: 6px;
}

.terms-changes-main-card small {
    position: relative;
    z-index: 2;
    display: block;
    color: #98a2b3;
    font-size: 12px;
}

.terms-changes-date {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    padding: 8px 12px;
    border-radius: 50px;
    background: #f8fbff;
    color: #667085;
    font-size: 11px;
}

.terms-changes-date i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #006ffc;
    box-shadow: 0 0 0 4px rgba(0, 111, 252, 0.1);
}

/* Floating Cards */

.terms-changes-float {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 16px;
    border: 1px solid #e7edf4;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.08);
}

.terms-changes-float strong {
    display: block;
    color: #101828;
    font-size: 12px;
    margin-bottom: 2px;
}

.terms-changes-float small {
    display: block;
    color: #98a2b3;
    font-size: 10px;
}

.float-top {
    top: 50px;
    right: 0;
}

.float-bottom {
    bottom: 50px;
    left: 0;
}

.float-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #006ffc;
    box-shadow: 0 0 0 5px rgba(0, 111, 252, 0.1);
}

.float-check {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef6ff;
    color: #006ffc;
    font-size: 14px;
    font-weight: 700;
}

/* Content */

.terms-changes-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.terms-changes-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    border: 1px solid #e8edf4;
    border-radius: 18px;
    background: #ffffff;
    transition: all 0.3s ease;
}

.terms-changes-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 111, 252, 0.2);
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.06);
}

.terms-changes-card-icon {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef6ff;
    color: #006ffc;
}

.terms-changes-card-icon svg {
    width: 23px;
    height: 23px;
}

.terms-changes-card h3 {
    margin: 2px 0 7px;
    color: #101828;
    font-size: 17px;
    font-weight: 650;
}

.terms-changes-card p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* Notice */

.terms-changes-notice {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 55px;
    padding: 22px 25px;
    border: 1px solid rgba(0, 111, 252, 0.12);
    border-radius: 17px;
    background: #ffffff;
}

.terms-changes-notice-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef6ff;
    color: #006ffc;
    font-size: 17px;
    font-weight: 700;
}

.terms-changes-notice strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 13px;
}

.terms-changes-notice p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.6;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {
    .terms-changes-layout {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .terms-changes-visual {
        min-height: 400px;
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }

    .terms-changes-content {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {
    .terms-changes-section {
        padding: 85px 0;
    }

    .terms-changes-header {
        margin-bottom: 50px;
    }

    .terms-changes-visual {
        min-height: 360px;
    }

    .terms-changes-orbit.orbit-one {
        width: 310px;
        height: 310px;
    }

    .terms-changes-orbit.orbit-two {
        width: 245px;
        height: 245px;
    }

    .float-top {
        right: 5px;
        top: 30px;
    }

    .float-bottom {
        left: 5px;
        bottom: 30px;
    }

    .terms-changes-notice {
        margin-top: 40px;
    }
}

@media (max-width: 600px) {
    .terms-changes-section {
        padding: 70px 0;
    }

    .terms-changes-container {
        width: min(100% - 30px, 1180px);
    }

    .terms-changes-header h2 {
        letter-spacing: -0.8px;
    }

    .terms-changes-header p {
        font-size: 15px;
    }

    .terms-changes-visual {
        min-height: 320px;
    }

    .terms-changes-main-card {
        width: 230px;
        min-height: 245px;
        padding: 28px 22px;
    }

    .terms-changes-orbit.orbit-one {
        width: 280px;
        height: 280px;
    }

    .terms-changes-orbit.orbit-two {
        width: 220px;
        height: 220px;
    }

    .terms-changes-float {
        padding: 10px 12px;
    }

    .float-top {
        top: 20px;
        right: -2px;
    }

    .float-bottom {
        bottom: 20px;
        left: -2px;
    }

    .terms-changes-card {
        padding: 20px;
        gap: 15px;
    }

    .terms-changes-card-icon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
    }

    .terms-changes-notice {
        align-items: flex-start;
        padding: 20px;
    }
}

@media (max-width: 400px) {
    .terms-changes-visual {
        min-height: 290px;
    }

    .terms-changes-main-card {
        width: 210px;
    }

    .terms-changes-orbit.orbit-one {
        width: 245px;
        height: 245px;
    }

    .terms-changes-orbit.orbit-two {
        width: 195px;
        height: 195px;
    }

    .terms-changes-float {
        transform: scale(0.9);
    }

    .float-top {
        right: -12px;
    }

    .float-bottom {
        left: -12px;
    }
}





/* =========================================
   GOVERNING LAW
========================================= */

.terms-governing-section {
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.terms-governing-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

/* Header */

.terms-governing-header {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.terms-governing-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.terms-governing-label::before,
.terms-governing-label::after {
    content: "";
    width: 28px;
    height: 1px;
    background: #006ffc;
    opacity: 0.6;
}

.terms-governing-header h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.terms-governing-header h2 span {
    display: block;
    color: #006ffc;
}

.terms-governing-header p {
    max-width: 740px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* Layout */

.terms-governing-layout {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

/* Visual */

.terms-governing-visual {
    position: relative;
    min-height: 440px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-governing-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(45px);
    background: rgba(0, 111, 252, 0.07);
}

.glow-one {
    width: 230px;
    height: 230px;
}

.glow-two {
    width: 150px;
    height: 150px;
    background: rgba(0, 111, 252, 0.05);
}

.terms-governing-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.12);
    border-radius: 50%;
}

.orbit-one {
    width: 370px;
    height: 370px;
}

.orbit-two {
    width: 290px;
    height: 290px;
}

/* Main Card */

.terms-governing-main-card {
    position: relative;
    z-index: 2;
    width: 265px;
    min-height: 285px;
    padding: 35px 28px;
    border: 1px solid #e6edf5;
    border-radius: 25px;
    background: #ffffff;
    text-align: center;
    box-shadow:
        0 25px 65px rgba(16, 24, 40, 0.09),
        0 8px 25px rgba(0, 111, 252, 0.05);
}

.terms-governing-main-card::before {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px dashed rgba(0, 111, 252, 0.13);
    border-radius: 19px;
    pointer-events: none;
}

.terms-governing-icon {
    position: relative;
    z-index: 2;
    width: 78px;
    height: 78px;
    margin: 0 auto 22px;
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef6ff;
    color: #006ffc;
}

.terms-governing-icon svg {
    width: 47px;
    height: 47px;
}

.terms-governing-main-card strong {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 7px;
    color: #101828;
    font-size: 18px;
}

.terms-governing-main-card > span {
    position: relative;
    z-index: 2;
    display: block;
    color: #98a2b3;
    font-size: 11px;
    line-height: 1.5;
}

.terms-governing-status {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    padding: 8px 13px;
    border-radius: 50px;
    background: #f8fbff;
    color: #667085;
    font-size: 11px;
}

.terms-governing-status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #006ffc;
    box-shadow: 0 0 0 4px rgba(0, 111, 252, 0.1);
}

/* Floating Cards */

.terms-governing-float {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 16px;
    border: 1px solid #e7edf4;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.08);
}

.terms-governing-float strong {
    display: block;
    margin-bottom: 2px;
    color: #101828;
    font-size: 12px;
}

.terms-governing-float small {
    display: block;
    color: #98a2b3;
    font-size: 10px;
}

.float-law {
    top: 45px;
    right: 0;
}

.float-agreement {
    bottom: 45px;
    left: 0;
}

.terms-governing-float-icon {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #eef6ff;
    color: #006ffc;
    font-size: 15px;
    font-weight: 700;
}

/* Content */

.terms-governing-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.terms-governing-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    border: 1px solid #e8edf4;
    border-radius: 18px;
    background: #ffffff;
    transition: all 0.3s ease;
}

.terms-governing-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 111, 252, 0.2);
    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.06);
}

.terms-governing-card-icon {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #eef6ff;
    color: #006ffc;
}

.terms-governing-card-icon svg {
    width: 23px;
    height: 23px;
}

.terms-governing-card h3 {
    margin: 2px 0 7px;
    color: #101828;
    font-size: 17px;
    font-weight: 650;
}

.terms-governing-card p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* Legal Notice */

.terms-governing-legal-notice {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 55px;
    padding: 23px 25px;
    border: 1px solid rgba(0, 111, 252, 0.16);
    border-radius: 17px;
    background: #f8fbff;
}

.terms-governing-legal-icon {
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef6ff;
    color: #006ffc;
    font-size: 17px;
    font-weight: 800;
}

.terms-governing-legal-notice strong {
    display: block;
    margin-bottom: 5px;
    color: #101828;
    font-size: 13px;
}

.terms-governing-legal-notice p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.65;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {
    .terms-governing-layout {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .terms-governing-visual {
        width: 100%;
        max-width: 650px;
        margin: 0 auto;
        min-height: 400px;
    }

    .terms-governing-content {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {
    .terms-governing-section {
        padding: 85px 0;
    }

    .terms-governing-header {
        margin-bottom: 50px;
    }

    .terms-governing-visual {
        min-height: 360px;
    }

    .orbit-one {
        width: 315px;
        height: 315px;
    }

    .orbit-two {
        width: 250px;
        height: 250px;
    }

    .float-law {
        top: 25px;
        right: 5px;
    }

    .float-agreement {
        bottom: 25px;
        left: 5px;
    }
}

@media (max-width: 600px) {
    .terms-governing-section {
        padding: 70px 0;
    }

    .terms-governing-container {
        width: min(100% - 30px, 1180px);
    }

    .terms-governing-header h2 {
        letter-spacing: -0.8px;
    }

    .terms-governing-header p {
        font-size: 15px;
    }

    .terms-governing-visual {
        min-height: 320px;
    }

    .terms-governing-main-card {
        width: 235px;
        min-height: 260px;
        padding: 28px 22px;
    }

    .orbit-one {
        width: 280px;
        height: 280px;
    }

    .orbit-two {
        width: 220px;
        height: 220px;
    }

    .terms-governing-float {
        padding: 10px 12px;
    }

    .float-law {
        right: -2px;
        top: 18px;
    }

    .float-agreement {
        left: -2px;
        bottom: 18px;
    }

    .terms-governing-card {
        padding: 20px;
        gap: 15px;
    }

    .terms-governing-card-icon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
    }

    .terms-governing-legal-notice {
        margin-top: 40px;
        padding: 20px;
    }
}

@media (max-width: 400px) {
    .terms-governing-visual {
        min-height: 290px;
    }

    .terms-governing-main-card {
        width: 215px;
    }

    .orbit-one {
        width: 245px;
        height: 245px;
    }

    .orbit-two {
        width: 195px;
        height: 195px;
    }

    .terms-governing-float {
        transform: scale(0.9);
    }

    .float-law {
        right: -12px;
    }

    .float-agreement {
        left: -12px;
    }
}




 /* =========================================
    REFUND POLICY HERO
 ========================================= */

.refund-hero-section {
    position: relative;
    padding: 120px 0 110px;
    background: #ffffff;
    overflow: hidden;
}

.refund-hero-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 70px;
}

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

.refund-hero-content {
    position: relative;
    z-index: 2;
}

.refund-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 20px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.refund-hero-label::before {
    content: "";
    width: 32px;
    height: 1px;
    background: #006ffc;
    opacity: 0.7;
}

.refund-hero-content h1 {
    max-width: 650px;
    margin: 0 0 25px;

    color: #101828;
    font-size: clamp(42px, 5vw, 64px);
    line-height: 1.08;
    font-weight: 750;
    letter-spacing: -2px;
}

.refund-hero-content h1 span {
    display: block;
    color: #006ffc;
}

.refund-hero-content > p {
    max-width: 620px;
    margin: 0;

    color: #667085;
    font-size: 16px;
    line-height: 1.85;
}

/* Points */

.refund-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 35px;
}

.refund-hero-point {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: #344054;
    font-size: 13px;
    font-weight: 600;
}

.refund-point-icon {
    width: 34px;
    height: 34px;

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

    border-radius: 10px;
    background: #eef6ff;
    color: #006ffc;
}

.refund-point-icon svg {
    width: 18px;
    height: 18px;
}

/* =========================================
   RIGHT VISUAL
========================================= */

.refund-hero-visual {
    position: relative;
    min-height: 500px;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* Glow */

.refund-hero-glow {
    position: absolute;

    width: 300px;
    height: 300px;

    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);

    filter: blur(60px);
}

/* Orbits */

.refund-hero-orbit {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, 0.12);
    border-radius: 50%;
}

.refund-hero-orbit.orbit-one {
    width: 420px;
    height: 420px;
}

.refund-hero-orbit.orbit-two {
    width: 330px;
    height: 330px;
}

/* =========================================
   DOCUMENT
========================================= */

.refund-document {
    position: relative;
    z-index: 2;

    width: 280px;
    min-height: 355px;

    padding: 28px 26px;

    border: 1px solid #e4ebf3;
    border-radius: 20px;

    background: #ffffff;

    box-shadow:
        0 30px 70px rgba(16, 24, 40, 0.10),
        0 10px 25px rgba(0, 111, 252, 0.05);

    transform: rotate(-4deg);
}

.refund-document::before {
    content: "";

    position: absolute;
    top: 0;
    right: 0;

    width: 55px;
    height: 55px;

    background: #f2f7fc;

    clip-path: polygon(0 0, 100% 100%, 100% 0);
}

/* Document Top */

.refund-document-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 35px;
}

.refund-document-logo {
    width: 40px;
    height: 40px;

    border-radius: 11px;
    background: #eef6ff;

    position: relative;
}

.refund-document-logo::before,
.refund-document-logo::after {
    content: "";

    position: absolute;
    left: 10px;

    width: 20px;
    height: 3px;

    border-radius: 5px;
    background: #006ffc;
}

.refund-document-logo::before {
    top: 14px;
}

.refund-document-logo::after {
    top: 22px;
    width: 14px;
}

.refund-document-lines {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.refund-document-lines span {
    display: block;

    width: 70px;
    height: 5px;

    border-radius: 5px;
    background: #edf1f5;
}

.refund-document-lines span:last-child {
    width: 45px;
}

/* Heading */

.refund-document-heading {
    display: flex;
    flex-direction: column;
    gap: 8px;

    margin-bottom: 25px;
}

.refund-document-heading span:first-child {
    width: 130px;
    height: 9px;

    border-radius: 6px;
    background: #dfe8f1;
}

.refund-document-heading span:last-child {
    width: 90px;
    height: 6px;

    border-radius: 6px;
    background: #eef1f4;
}

/* Rows */

.refund-document-row {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 16px;
}

.refund-document-row i {
    width: 8px;
    height: 8px;

    border-radius: 50%;
    background: #006ffc;
    opacity: 0.7;
}

.refund-document-row b {
    width: 155px;
    height: 6px;

    border-radius: 5px;
    background: #edf1f5;
}

.refund-document-row.short b {
    width: 105px;
}

/* Refund Box */

.refund-document-box {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-top: 25px;
    padding: 14px;

    border: 1px solid #e7edf4;
    border-radius: 12px;

    background: #f8fbff;
}

.refund-box-icon {
    width: 38px;
    height: 38px;

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

    border-radius: 10px;

    background: #eef6ff;
    color: #006ffc;
}

.refund-box-icon svg {
    width: 21px;
    height: 21px;
}

.refund-document-box > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.refund-document-box > div:last-child span:first-child {
    width: 75px;
    height: 6px;

    border-radius: 5px;
    background: #dfe7ef;
}

.refund-document-box > div:last-child span:last-child {
    width: 50px;
    height: 5px;

    border-radius: 5px;
    background: #edf1f5;
}

/* Signature */

.refund-document-signature {
    display: flex;
    flex-direction: column;
    gap: 7px;

    margin-top: 25px;
}

.refund-document-signature span:first-child {
    width: 70px;
    height: 2px;
    background: #d8e0e8;
}

.refund-document-signature span:last-child {
    width: 45px;
    height: 5px;
    border-radius: 5px;
    background: #edf1f5;
}

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

.refund-arrow-card {
    position: absolute;
    z-index: 4;

    top: 75px;
    left: 45px;

    width: 75px;
    height: 75px;

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

    border: 1px solid #e4ecf5;
    border-radius: 20px;

    background: #ffffff;
    color: #006ffc;

    box-shadow: 0 18px 40px rgba(16, 24, 40, 0.10);

    transform: rotate(8deg);
}

.refund-arrow-card svg {
    width: 45px;
    height: 45px;
}

/* =========================================
   CHECKMARK
========================================= */

.refund-check-card {
    position: absolute;
    z-index: 4;

    right: 55px;
    top: 105px;

    width: 55px;
    height: 55px;

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

    border: 1px solid #e4ecf5;
    border-radius: 16px;

    background: #ffffff;
    color: #006ffc;

    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.09);
}

.refund-check-card svg {
    width: 27px;
    height: 27px;
}

/* =========================================
   TRANSACTION CARD
========================================= */

.refund-transaction-card {
    position: absolute;
    z-index: 5;

    right: -5px;
    bottom: 65px;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 17px;

    border: 1px solid #e5ebf2;
    border-radius: 15px;

    background: #ffffff;

    box-shadow: 0 18px 40px rgba(16, 24, 40, 0.09);
}

.refund-transaction-icon {
    width: 38px;
    height: 38px;

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

    border-radius: 10px;

    background: #eef6ff;
    color: #006ffc;
}

.refund-transaction-icon svg {
    width: 21px;
    height: 21px;
}

.refund-transaction-card strong {
    display: block;

    margin-bottom: 3px;

    color: #101828;
    font-size: 12px;
}

.refund-transaction-card small {
    display: block;

    color: #98a2b3;
    font-size: 10px;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-hero-container {
        grid-template-columns: 1fr;
        gap: 70px;
    }

    .refund-hero-content {
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
    }

    .refund-hero-label {
        justify-content: center;
    }

    .refund-hero-content h1,
    .refund-hero-content > p {
        margin-left: auto;
        margin-right: auto;
    }

    .refund-hero-points {
        justify-content: center;
    }

    .refund-hero-visual {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .refund-hero-section {
        padding: 90px 0;
    }

    .refund-hero-container {
        width: min(100% - 35px, 1180px);
    }

    .refund-hero-content h1 {
        letter-spacing: -1.3px;
    }

    .refund-hero-visual {
        min-height: 430px;
    }

    .refund-hero-orbit.orbit-one {
        width: 370px;
        height: 370px;
    }

    .refund-hero-orbit.orbit-two {
        width: 290px;
        height: 290px;
    }
}

@media (max-width: 600px) {

    .refund-hero-section {
        padding: 75px 0;
    }

    .refund-hero-container {
        width: min(100% - 30px, 1180px);
    }

    .refund-hero-content h1 {
        font-size: clamp(36px, 10vw, 48px);
        line-height: 1.1;
    }

    .refund-hero-content > p {
        font-size: 15px;
        line-height: 1.75;
    }

    .refund-hero-points {
        flex-direction: column;
        align-items: center;
    }

    .refund-hero-visual {
        min-height: 370px;
    }

    .refund-document {
        width: 245px;
        min-height: 315px;
        padding: 24px 22px;
    }

    .refund-hero-orbit.orbit-one {
        width: 315px;
        height: 315px;
    }

    .refund-hero-orbit.orbit-two {
        width: 250px;
        height: 250px;
    }

    .refund-arrow-card {
        width: 62px;
        height: 62px;

        top: 45px;
        left: 15px;
    }

    .refund-arrow-card svg {
        width: 38px;
        height: 38px;
    }

    .refund-check-card {
        width: 48px;
        height: 48px;

        right: 15px;
        top: 75px;
    }

    .refund-check-card svg {
        width: 23px;
        height: 23px;
    }

    .refund-transaction-card {
        right: 0;
        bottom: 25px;
    }
}

@media (max-width: 420px) {

    .refund-hero-visual {
        min-height: 330px;
    }

    .refund-document {
        width: 215px;
        min-height: 285px;
        padding: 21px 19px;
    }

    .refund-hero-orbit.orbit-one {
        width: 275px;
        height: 275px;
    }

    .refund-hero-orbit.orbit-two {
        width: 215px;
        height: 215px;
    }

    .refund-arrow-card {
        width: 54px;
        height: 54px;
        left: 0;
    }

    .refund-check-card {
        right: 0;
        width: 44px;
        height: 44px;
    }

    .refund-transaction-card {
        right: -5px;
        transform: scale(0.9);
        transform-origin: right bottom;
    }
}




 /* =========================================
    REFUND POLICY — SCOPE
 ========================================= */

.refund-scope-section {
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.refund-scope-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

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

.refund-scope-header {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.refund-scope-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.refund-scope-label::before,
.refund-scope-label::after {
    content: "";

    width: 28px;
    height: 1px;

    background: #006ffc;
    opacity: 0.6;
}

.refund-scope-header h2 {
    margin: 0 0 20px;

    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.refund-scope-header h2 span {
    display: block;
    color: #006ffc;
}

.refund-scope-header p {
    max-width: 730px;
    margin: 0 auto;

    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================
   LAYOUT
========================================= */

.refund-scope-layout {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

/* =========================================
   VISUAL
========================================= */

.refund-scope-visual {
    position: relative;

    min-height: 450px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-scope-glow {
    position: absolute;

    width: 280px;
    height: 280px;

    border-radius: 50%;

    background: rgba(0, 111, 252, 0.07);
    filter: blur(55px);
}

.refund-scope-orbit {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, 0.12);
    border-radius: 50%;
}

.refund-scope-orbit.orbit-one {
    width: 370px;
    height: 370px;
}

.refund-scope-orbit.orbit-two {
    width: 290px;
    height: 290px;
}

/* Main Card */

.refund-scope-main-card {
    position: relative;
    z-index: 2;

    width: 260px;
    min-height: 285px;

    padding: 35px 28px;

    border: 1px solid #e5ecf4;
    border-radius: 25px;

    background: #ffffff;

    text-align: center;

    box-shadow:
        0 25px 65px rgba(16, 24, 40, 0.09),
        0 8px 25px rgba(0, 111, 252, 0.05);
}

.refund-scope-main-card::before {
    content: "";

    position: absolute;
    inset: 12px;

    border: 1px dashed rgba(0, 111, 252, 0.13);
    border-radius: 19px;

    pointer-events: none;
}

.refund-scope-document-icon {
    position: relative;
    z-index: 2;

    width: 78px;
    height: 78px;

    margin: 0 auto 22px;

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

    border-radius: 21px;

    background: #eef6ff;
    color: #006ffc;
}

.refund-scope-document-icon svg {
    width: 47px;
    height: 47px;
}

.refund-scope-main-card strong {
    position: relative;
    z-index: 2;

    display: block;

    margin-bottom: 7px;

    color: #101828;
    font-size: 18px;
}

.refund-scope-main-card > span {
    position: relative;
    z-index: 2;

    display: block;

    color: #98a2b3;
    font-size: 11px;
}

.refund-scope-status {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-top: 22px;
    padding: 8px 13px;

    border-radius: 50px;

    background: #f8fbff;

    color: #667085;
    font-size: 11px;
}

.refund-scope-status i {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #006ffc;
    box-shadow: 0 0 0 4px rgba(0, 111, 252, 0.1);
}

/* =========================================
   FLOATING CARDS
========================================= */

.refund-scope-float {
    position: absolute;
    z-index: 4;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 13px 16px;

    border: 1px solid #e6edf4;
    border-radius: 14px;

    background: #ffffff;

    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.08);
}

.refund-scope-float strong {
    display: block;

    margin-bottom: 2px;

    color: #101828;
    font-size: 12px;
}

.refund-scope-float small {
    display: block;

    color: #98a2b3;
    font-size: 10px;
}

.refund-scope-contract {
    top: 55px;
    right: -5px;
}

.refund-scope-check {
    bottom: 55px;
    left: -5px;
}

.refund-scope-float-icon,
.refund-scope-check-icon {
    width: 32px;
    height: 32px;

    flex: 0 0 32px;

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

    border-radius: 9px;

    background: #eef6ff;
    color: #006ffc;
}

.refund-scope-float-icon svg {
    width: 19px;
    height: 19px;
}

.refund-scope-check-icon {
    font-size: 14px;
    font-weight: 800;
}

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

.refund-scope-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.refund-scope-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;

    padding: 24px;

    border: 1px solid #e8edf4;
    border-radius: 18px;

    background: #ffffff;

    transition: all 0.3s ease;
}

.refund-scope-card:hover {
    transform: translateY(-4px);

    border-color: rgba(0, 111, 252, 0.2);

    box-shadow:
        0 15px 35px rgba(16, 24, 40, 0.06);
}

.refund-scope-card-icon {
    flex: 0 0 50px;

    width: 50px;
    height: 50px;

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

    border-radius: 14px;

    background: #eef6ff;
    color: #006ffc;
}

.refund-scope-card-icon svg {
    width: 23px;
    height: 23px;
}

.refund-scope-card h3 {
    margin: 2px 0 7px;

    color: #101828;
    font-size: 17px;
    font-weight: 650;
}

.refund-scope-card p {
    margin: 0;

    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* =========================================
   NOTICE
========================================= */

.refund-scope-notice {
    display: flex;
    align-items: flex-start;
    gap: 16px;

    margin-top: 55px;
    padding: 23px 25px;

    border: 1px solid rgba(0, 111, 252, 0.14);
    border-radius: 17px;

    background: #ffffff;
}

.refund-scope-notice-icon {
    flex: 0 0 39px;

    width: 39px;
    height: 39px;

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

    border-radius: 50%;

    background: #eef6ff;
    color: #006ffc;

    font-size: 16px;
    font-weight: 800;
}

.refund-scope-notice strong {
    display: block;

    margin-bottom: 5px;

    color: #101828;
    font-size: 13px;
}

.refund-scope-notice p {
    margin: 0;

    color: #667085;
    font-size: 13px;
    line-height: 1.65;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-scope-layout {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .refund-scope-visual {
        width: 100%;
        max-width: 650px;
        margin: 0 auto;
    }

    .refund-scope-content {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .refund-scope-section {
        padding: 85px 0;
    }

    .refund-scope-header {
        margin-bottom: 50px;
    }

    .refund-scope-visual {
        min-height: 390px;
    }

    .refund-scope-orbit.orbit-one {
        width: 330px;
        height: 330px;
    }

    .refund-scope-orbit.orbit-two {
        width: 260px;
        height: 260px;
    }

    .refund-scope-contract {
        top: 30px;
        right: 5px;
    }

    .refund-scope-check {
        bottom: 30px;
        left: 5px;
    }
}

@media (max-width: 600px) {

    .refund-scope-section {
        padding: 70px 0;
    }

    .refund-scope-container {
        width: min(100% - 30px, 1180px);
    }

    .refund-scope-header h2 {
        letter-spacing: -0.8px;
    }

    .refund-scope-header p {
        font-size: 15px;
    }

    .refund-scope-visual {
        min-height: 340px;
    }

    .refund-scope-main-card {
        width: 230px;
        min-height: 260px;
        padding: 28px 22px;
    }

    .refund-scope-document-icon {
        width: 68px;
        height: 68px;
    }

    .refund-scope-document-icon svg {
        width: 40px;
        height: 40px;
    }

    .refund-scope-orbit.orbit-one {
        width: 290px;
        height: 290px;
    }

    .refund-scope-orbit.orbit-two {
        width: 225px;
        height: 225px;
    }

    .refund-scope-float {
        padding: 10px 12px;
    }

    .refund-scope-contract {
        right: -2px;
        top: 18px;
    }

    .refund-scope-check {
        left: -2px;
        bottom: 18px;
    }

    .refund-scope-card {
        padding: 20px;
        gap: 15px;
    }

    .refund-scope-card-icon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
    }

    .refund-scope-notice {
        margin-top: 40px;
        padding: 20px;
    }
}

@media (max-width: 400px) {

    .refund-scope-visual {
        min-height: 310px;
    }

    .refund-scope-main-card {
        width: 210px;
    }

    .refund-scope-orbit.orbit-one {
        width: 255px;
        height: 255px;
    }

    .refund-scope-orbit.orbit-two {
        width: 200px;
        height: 200px;
    }

    .refund-scope-float {
        transform: scale(0.9);
    }

    .refund-scope-contract {
        right: -12px;
    }

    .refund-scope-check {
        left: -12px;
    }
}




/* =========================================
   REFUND POLICY - SERVICE FEES
========================================= */

.refund-fees-section {
    position: relative;
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.refund-fees-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

/* Header */

.refund-fees-header {
    max-width: 800px;
    margin: 0 auto 75px;
    text-align: center;
}

.refund-fees-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.refund-fees-label::before,
.refund-fees-label::after {
    content: "";
    width: 28px;
    height: 1px;
    background: #006ffc;
}

.refund-fees-header h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    letter-spacing: -1.5px;
    font-weight: 700;
}

.refund-fees-header h2 span {
    color: #006ffc;
}

.refund-fees-header p {
    max-width: 720px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* Main Grid */

.refund-fees-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

/* =========================================
   VISUAL
========================================= */

.refund-fees-visual {
    position: relative;
    min-height: 530px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-fees-glow {
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);
    filter: blur(12px);
}

.refund-fees-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.13);
    border-radius: 50%;
}

.refund-fees-orbit-one {
    width: 470px;
    height: 470px;
}

.refund-fees-orbit-two {
    width: 360px;
    height: 360px;
}

/* Main Card */

.refund-fees-main-card {
    position: relative;
    z-index: 2;
    width: 390px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #e7edf5;
    border-radius: 24px;
    box-shadow:
        0 25px 70px rgba(16, 24, 40, 0.10),
        0 8px 25px rgba(0, 111, 252, 0.06);
}

.refund-fees-card-top {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 25px;
    border-bottom: 1px solid #edf1f6;
}

.refund-fees-card-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 14px;
}

.refund-fees-card-icon svg {
    width: 27px;
    height: 27px;
}

.refund-fees-card-top strong {
    display: block;
    color: #101828;
    font-size: 17px;
    margin-bottom: 4px;
}

.refund-fees-card-top span {
    display: block;
    color: #98a2b3;
    font-size: 13px;
}

/* Progress */

.refund-fees-progress {
    padding: 25px 0;
}

.refund-fees-progress-label {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 10px;
    color: #667085;
    font-size: 12px;
}

.refund-fees-progress-label strong {
    color: #006ffc;
    font-weight: 600;
}

.refund-fees-progress-bar {
    width: 100%;
    height: 7px;
    background: #edf2f7;
    border-radius: 20px;
    overflow: hidden;
}

.refund-fees-progress-bar span {
    display: block;
    width: 78%;
    height: 100%;
    background: #006ffc;
    border-radius: inherit;
}

/* Mini Grid */

.refund-fees-mini-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.refund-fees-mini-item {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 52px;
    padding: 10px 12px;
    background: #f8fbff;
    border: 1px solid #edf2f7;
    border-radius: 11px;
    color: #344054;
    font-size: 12px;
    font-weight: 600;
}

.refund-fees-mini-icon {
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #ffffff;
    border-radius: 8px;
}

.refund-fees-mini-icon svg {
    width: 16px;
    height: 16px;
}

/* Floating Cards */

.refund-fees-floating-card {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 17px;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(16, 24, 40, 0.10);
}

.refund-fees-floating-one {
    top: 65px;
    left: 0;
}

.refund-fees-floating-two {
    right: -5px;
    bottom: 65px;
}

.refund-fees-floating-card strong {
    display: block;
    margin-bottom: 3px;
    color: #101828;
    font-size: 12px;
}

.refund-fees-floating-card span {
    display: block;
    color: #98a2b3;
    font-size: 10px;
}

.refund-fees-floating-check {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 9px;
}

.refund-fees-floating-check svg {
    width: 17px;
    height: 17px;
}

.refund-fees-status-dot {
    width: 9px !important;
    height: 9px;
    padding: 0;
    background: #006ffc;
    border-radius: 50%;
    flex-shrink: 0;
}

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

.refund-fees-content {
    position: relative;
}

.refund-fees-intro {
    display: flex;
    gap: 18px;
    margin-bottom: 32px;
}

.refund-fees-number {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 700;
}

.refund-fees-intro h3 {
    margin: 0 0 8px;
    color: #101828;
    font-size: 21px;
    line-height: 1.35;
}

.refund-fees-intro p {
    margin: 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.75;
}

/* List */

.refund-fees-list {
    display: grid;
    gap: 12px;
}

.refund-fees-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 18px;
    border: 1px solid #e8edf4;
    border-radius: 15px;
    background: #ffffff;
    transition: all 0.25s ease;
}

.refund-fees-item:hover {
    border-color: rgba(0, 111, 252, 0.22);
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.06);
    transform: translateY(-2px);
}

.refund-fees-item-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #f0f7ff;
    border-radius: 11px;
}

.refund-fees-item-icon svg {
    width: 21px;
    height: 21px;
}

.refund-fees-item h4 {
    margin: 0 0 5px;
    color: #101828;
    font-size: 15px;
    font-weight: 700;
}

.refund-fees-item p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.65;
}

/* Notice */

.refund-fees-notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 24px;
    padding: 20px;
    background: #f5f9ff;
    border: 1px solid #dcecff;
    border-radius: 16px;
}

.refund-fees-notice-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #ffffff;
    border-radius: 10px;
}

.refund-fees-notice-icon svg {
    width: 21px;
    height: 21px;
}

.refund-fees-notice strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 14px;
}

.refund-fees-notice p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.65;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-fees-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .refund-fees-visual {
        min-height: 500px;
    }

    .refund-fees-content {
        max-width: 760px;
        margin: 0 auto;
        width: 100%;
    }
}

@media (max-width: 800px) {

    .refund-fees-section {
        padding: 85px 0;
    }

    .refund-fees-header {
        margin-bottom: 55px;
    }

    .refund-fees-visual {
        min-height: 450px;
    }

    .refund-fees-main-card {
        width: 370px;
    }

    .refund-fees-orbit-one {
        width: 420px;
        height: 420px;
    }

    .refund-fees-orbit-two {
        width: 320px;
        height: 320px;
    }

    .refund-fees-floating-one {
        left: 5px;
    }

    .refund-fees-floating-two {
        right: 5px;
    }
}

@media (max-width: 600px) {

    .refund-fees-section {
        padding: 70px 0;
    }

    .refund-fees-container {
        width: min(100% - 30px, 520px);
    }

    .refund-fees-header h2 {
        font-size: 34px;
        letter-spacing: -0.8px;
    }

    .refund-fees-header p {
        font-size: 14px;
    }

    .refund-fees-visual {
        min-height: 390px;
    }

    .refund-fees-main-card {
        width: 100%;
        max-width: 350px;
        padding: 22px;
    }

    .refund-fees-orbit-one {
        width: 360px;
        height: 360px;
    }

    .refund-fees-orbit-two {
        width: 280px;
        height: 280px;
    }

    .refund-fees-floating-card {
        padding: 10px 12px;
    }

    .refund-fees-floating-one {
        top: 25px;
        left: -5px;
    }

    .refund-fees-floating-two {
        right: -5px;
        bottom: 25px;
    }

    .refund-fees-floating-card strong {
        font-size: 10px;
    }

    .refund-fees-floating-card span {
        font-size: 9px;
    }

    .refund-fees-floating-check {
        width: 28px;
        height: 28px;
    }

    .refund-fees-intro h3 {
        font-size: 19px;
    }

    .refund-fees-item {
        padding: 15px;
    }

    .refund-fees-notice {
        padding: 16px;
    }
}

@media (max-width: 420px) {

    .refund-fees-visual {
        min-height: 350px;
    }

    .refund-fees-main-card {
        max-width: 315px;
        padding: 18px;
    }

    .refund-fees-card-icon {
        width: 44px;
        height: 44px;
    }

    .refund-fees-mini-grid {
        gap: 7px;
    }

    .refund-fees-mini-item {
        min-height: 45px;
        padding: 7px;
        font-size: 10px;
    }

    .refund-fees-mini-icon {
        width: 23px;
        height: 23px;
    }

    .refund-fees-floating-one {
        left: -10px;
    }

    .refund-fees-floating-two {
        right: -10px;
    }

    .refund-fees-item-icon {
        width: 37px;
        height: 37px;
    }

    .refund-fees-item {
        gap: 11px;
    }

    .refund-fees-item h4 {
        font-size: 14px;
    }

    .refund-fees-item p {
        font-size: 12px;
    }
}



/* =========================================
   REFUND POLICY - CANCELLATION BEFORE SERVICE
========================================= */

.refund-cancel-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.refund-cancel-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

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

.refund-cancel-header {
    max-width: 810px;
    margin: 0 auto 75px;
    text-align: center;
}

.refund-cancel-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.refund-cancel-label::before,
.refund-cancel-label::after {
    content: "";
    width: 28px;
    height: 1px;
    background: #006ffc;
}

.refund-cancel-header h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    letter-spacing: -1.5px;
    font-weight: 700;
}

.refund-cancel-header h2 span {
    color: #006ffc;
}

.refund-cancel-header p {
    max-width: 730px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================
   GRID
========================================= */

.refund-cancel-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

/* =========================================
   VISUAL
========================================= */

.refund-cancel-visual {
    position: relative;
    min-height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-cancel-glow {
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);
    filter: blur(15px);
}

.refund-cancel-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.13);
    border-radius: 50%;
}

.refund-cancel-orbit-one {
    width: 480px;
    height: 480px;
}

.refund-cancel-orbit-two {
    width: 365px;
    height: 365px;
}

/* Main Card */

.refund-cancel-main-card {
    position: relative;
    z-index: 2;
    width: 395px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid #e5ebf3;
    border-radius: 24px;
    box-shadow:
        0 28px 70px rgba(16, 24, 40, 0.10),
        0 8px 25px rgba(0, 111, 252, 0.05);
}

.refund-cancel-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 24px;
    border-bottom: 1px solid #edf1f6;
}

.refund-cancel-card-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 14px;
}

.refund-cancel-card-icon svg {
    width: 27px;
    height: 27px;
}

.refund-cancel-card-header strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 16px;
}

.refund-cancel-card-header span {
    display: block;
    color: #98a2b3;
    font-size: 12px;
}

/* Timeline */

.refund-cancel-timeline {
    padding: 25px 5px;
}

.refund-cancel-step {
    display: flex;
    align-items: center;
    gap: 14px;
}

.refund-cancel-step-dot {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    border: 3px solid #d9e2ed;
    border-radius: 50%;
    background: #ffffff;
}

.refund-cancel-step-active .refund-cancel-step-dot {
    border-color: #006ffc;
    background: #006ffc;
    box-shadow: 0 0 0 5px rgba(0, 111, 252, 0.09);
}

.refund-cancel-step strong {
    display: block;
    margin-bottom: 3px;
    color: #344054;
    font-size: 12px;
}

.refund-cancel-step small {
    display: block;
    color: #98a2b3;
    font-size: 10px;
}

.refund-cancel-line {
    width: 1px;
    height: 24px;
    margin: 2px 0 2px 6px;
    background: #dfe7f0;
}

/* Status */

.refund-cancel-status {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    background: #f5f9ff;
    border: 1px solid #e0edfc;
    border-radius: 13px;
}

.refund-cancel-status-icon {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #ffffff;
    border-radius: 9px;
}

.refund-cancel-status-icon svg {
    width: 20px;
    height: 20px;
}

.refund-cancel-status strong {
    display: block;
    margin-bottom: 3px;
    color: #101828;
    font-size: 11px;
}

.refund-cancel-status span:not(.refund-cancel-status-icon) {
    color: #98a2b3;
    font-size: 9px;
}

/* Floating Cards */

.refund-cancel-floating-card {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 17px;
    background: #ffffff;
    border: 1px solid #e5ebf3;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(16, 24, 40, 0.10);
}

.refund-cancel-floating-one {
    top: 65px;
    left: -5px;
}

.refund-cancel-floating-two {
    right: -10px;
    bottom: 65px;
}

.refund-cancel-floating-card strong {
    display: block;
    margin-bottom: 3px;
    color: #101828;
    font-size: 11px;
}

.refund-cancel-floating-card div > span {
    display: block;
    color: #98a2b3;
    font-size: 9px;
}

.refund-cancel-floating-icon,
.refund-cancel-check {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 9px;
}

.refund-cancel-floating-icon svg,
.refund-cancel-check svg {
    width: 17px;
    height: 17px;
}

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

.refund-cancel-content {
    position: relative;
}

.refund-cancel-intro {
    display: flex;
    gap: 18px;
    margin-bottom: 30px;
}

.refund-cancel-number {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 700;
}

.refund-cancel-intro h3 {
    margin: 0 0 8px;
    color: #101828;
    font-size: 21px;
    line-height: 1.35;
}

.refund-cancel-intro p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* Factors */

.refund-cancel-factors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.refund-cancel-factor {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 17px;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 15px;
    transition: all 0.25s ease;
}

.refund-cancel-factor:hover {
    border-color: rgba(0, 111, 252, 0.22);
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.06);
    transform: translateY(-2px);
}

.refund-cancel-factor-icon {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #f0f7ff;
    border-radius: 10px;
}

.refund-cancel-factor-icon svg {
    width: 20px;
    height: 20px;
}

.refund-cancel-factor h4 {
    margin: 0 0 5px;
    color: #101828;
    font-size: 13px;
    line-height: 1.4;
}

.refund-cancel-factor p {
    margin: 0;
    color: #667085;
    font-size: 11px;
    line-height: 1.65;
}

/* Notice */

.refund-cancel-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 22px;
    padding: 19px;
    background: #ffffff;
    border: 1px solid #dcecff;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(16, 24, 40, 0.03);
}

.refund-cancel-notice-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 10px;
}

.refund-cancel-notice-icon svg {
    width: 21px;
    height: 21px;
}

.refund-cancel-notice strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 13px;
}

.refund-cancel-notice p {
    margin: 0;
    color: #667085;
    font-size: 12px;
    line-height: 1.65;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-cancel-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .refund-cancel-visual {
        min-height: 510px;
    }

    .refund-cancel-content {
        max-width: 760px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .refund-cancel-section {
        padding: 85px 0;
    }

    .refund-cancel-header {
        margin-bottom: 55px;
    }

    .refund-cancel-factors {
        grid-template-columns: 1fr;
    }

    .refund-cancel-main-card {
        width: 370px;
    }

    .refund-cancel-orbit-one {
        width: 430px;
        height: 430px;
    }

    .refund-cancel-orbit-two {
        width: 320px;
        height: 320px;
    }
}

@media (max-width: 600px) {

    .refund-cancel-section {
        padding: 70px 0;
    }

    .refund-cancel-container {
        width: min(100% - 30px, 520px);
    }

    .refund-cancel-header h2 {
        font-size: 34px;
        letter-spacing: -0.8px;
    }

    .refund-cancel-header p {
        font-size: 14px;
    }

    .refund-cancel-visual {
        min-height: 410px;
    }

    .refund-cancel-main-card {
        width: 100%;
        max-width: 350px;
        padding: 22px;
    }

    .refund-cancel-orbit-one {
        width: 365px;
        height: 365px;
    }

    .refund-cancel-orbit-two {
        width: 285px;
        height: 285px;
    }

    .refund-cancel-floating-one {
        top: 25px;
        left: -5px;
    }

    .refund-cancel-floating-two {
        right: -5px;
        bottom: 25px;
    }

    .refund-cancel-floating-card {
        padding: 10px 12px;
    }

    .refund-cancel-floating-card strong {
        font-size: 10px;
    }

    .refund-cancel-floating-card div > span {
        font-size: 8px;
    }

    .refund-cancel-intro h3 {
        font-size: 19px;
    }

    .refund-cancel-factor {
        padding: 15px;
    }
}

@media (max-width: 420px) {

    .refund-cancel-visual {
        min-height: 370px;
    }

    .refund-cancel-main-card {
        max-width: 315px;
        padding: 18px;
    }

    .refund-cancel-card-icon {
        width: 44px;
        height: 44px;
    }

    .refund-cancel-step strong {
        font-size: 11px;
    }

    .refund-cancel-floating-one {
        left: -10px;
    }

    .refund-cancel-floating-two {
        right: -10px;
    }

    .refund-cancel-factor-icon {
        width: 36px;
        height: 36px;
    }

    .refund-cancel-factor {
        gap: 10px;
    }

    .refund-cancel-factor h4 {
        font-size: 12px;
    }

    .refund-cancel-factor p {
        font-size: 10px;
    }

    .refund-cancel-notice {
        padding: 15px;
    }
}



/* =========================================
   REFUND POLICY - CANCELLATION AFTER SERVICES
   BEGIN
========================================= */

.refund-after-start-section {
    position: relative;
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.refund-after-start-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

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

.refund-after-start-header {
    max-width: 820px;
    margin: 0 auto 75px;
    text-align: center;
}

.refund-after-start-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.refund-after-start-label::before,
.refund-after-start-label::after {
    content: "";
    width: 28px;
    height: 1px;
    background: #006ffc;
}

.refund-after-start-header h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    letter-spacing: -1.5px;
    font-weight: 700;
}

.refund-after-start-header h2 span {
    color: #006ffc;
}

.refund-after-start-header p {
    max-width: 720px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================
   MAIN GRID
========================================= */

.refund-after-start-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

/* =========================================
   VISUAL
========================================= */

.refund-after-start-visual {
    position: relative;
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-after-start-glow {
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);
    filter: blur(15px);
}

.refund-after-start-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.13);
    border-radius: 50%;
}

.refund-after-start-orbit-one {
    width: 480px;
    height: 480px;
}

.refund-after-start-orbit-two {
    width: 365px;
    height: 365px;
}

/* Main Card */

.refund-after-start-main-card {
    position: relative;
    z-index: 2;
    width: 400px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid #e5ebf3;
    border-radius: 24px;
    box-shadow:
        0 28px 70px rgba(16, 24, 40, 0.10),
        0 8px 25px rgba(0, 111, 252, 0.05);
}

.refund-after-start-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 24px;
    border-bottom: 1px solid #edf1f6;
}

.refund-after-start-card-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 14px;
}

.refund-after-start-card-icon svg {
    width: 27px;
    height: 27px;
}

.refund-after-start-card-header strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 16px;
}

.refund-after-start-card-header span {
    display: block;
    color: #98a2b3;
    font-size: 12px;
}

/* Status */

.refund-after-start-status {
    padding: 22px 0;
}

.refund-after-start-status-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.refund-after-start-status-top span {
    color: #667085;
    font-size: 11px;
}

.refund-after-start-status-top strong {
    color: #006ffc;
    font-size: 10px;
    letter-spacing: 0.8px;
}

.refund-after-start-progress {
    width: 100%;
    height: 7px;
    background: #edf2f7;
    border-radius: 20px;
    overflow: hidden;
}

.refund-after-start-progress span {
    display: block;
    width: 72%;
    height: 100%;
    background: #006ffc;
    border-radius: inherit;
}

/* Cost Items */

.refund-after-start-costs {
    display: grid;
    gap: 9px;
}

.refund-after-start-cost {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px;
    background: #f8fbff;
    border: 1px solid #edf2f7;
    border-radius: 11px;
}

.refund-after-start-cost-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #ffffff;
    border-radius: 8px;
}

.refund-after-start-cost-icon svg {
    width: 17px;
    height: 17px;
}

.refund-after-start-cost div {
    flex: 1;
    min-width: 0;
}

.refund-after-start-cost strong {
    display: block;
    margin-bottom: 2px;
    color: #344054;
    font-size: 11px;
}

.refund-after-start-cost div span {
    display: block;
    color: #98a2b3;
    font-size: 9px;
}

.refund-after-start-cost b {
    padding: 5px 7px;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 6px;
    font-size: 8px;
    font-weight: 700;
    white-space: nowrap;
}

/* Agreement */

.refund-after-start-agreement {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 17px;
    padding: 13px;
    background: #f5f9ff;
    border: 1px solid #dfebfb;
    border-radius: 12px;
}

.refund-after-start-agreement-icon {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #ffffff;
    border-radius: 9px;
}

.refund-after-start-agreement-icon svg {
    width: 19px;
    height: 19px;
}

.refund-after-start-agreement strong {
    display: block;
    margin-bottom: 2px;
    color: #101828;
    font-size: 10px;
}

.refund-after-start-agreement div > span {
    display: block;
    color: #98a2b3;
    font-size: 8px;
}

/* Floating Cards */

.refund-after-start-floating-card {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 17px;
    background: #ffffff;
    border: 1px solid #e5ebf3;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(16, 24, 40, 0.10);
}

.refund-after-start-floating-one {
    top: 60px;
    left: -10px;
}

.refund-after-start-floating-two {
    right: -10px;
    bottom: 65px;
}

.refund-after-start-floating-icon,
.refund-after-start-check {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 9px;
}

.refund-after-start-floating-icon svg,
.refund-after-start-check svg {
    width: 17px;
    height: 17px;
}

.refund-after-start-floating-card strong {
    display: block;
    margin-bottom: 3px;
    color: #101828;
    font-size: 10px;
}

.refund-after-start-floating-card div > span {
    display: block;
    color: #98a2b3;
    font-size: 8px;
}

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

.refund-after-start-content {
    position: relative;
}

.refund-after-start-intro {
    display: flex;
    gap: 18px;
    margin-bottom: 30px;
}

.refund-after-start-number {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 700;
}

.refund-after-start-intro h3 {
    margin: 0 0 8px;
    color: #101828;
    font-size: 21px;
    line-height: 1.35;
}

.refund-after-start-intro p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* Points */

.refund-after-start-points {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.refund-after-start-point {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 17px;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 15px;
    transition: all 0.25s ease;
}

.refund-after-start-point:hover {
    border-color: rgba(0, 111, 252, 0.22);
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.06);
    transform: translateY(-2px);
}

.refund-after-start-point-icon {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #f0f7ff;
    border-radius: 10px;
}

.refund-after-start-point-icon svg {
    width: 20px;
    height: 20px;
}

.refund-after-start-point h4 {
    margin: 0 0 5px;
    color: #101828;
    font-size: 13px;
    line-height: 1.4;
}

.refund-after-start-point p {
    margin: 0;
    color: #667085;
    font-size: 11px;
    line-height: 1.65;
}

/* Termination Box */

.refund-after-start-termination {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 22px;
    padding: 19px;
    background: #f5f9ff;
    border: 1px solid #dcecff;
    border-radius: 16px;
}

.refund-after-start-termination-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #ffffff;
    border-radius: 10px;
}

.refund-after-start-termination-icon svg {
    width: 21px;
    height: 21px;
}

.refund-after-start-termination strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 13px;
}

.refund-after-start-termination p {
    margin: 0;
    color: #667085;
    font-size: 12px;
    line-height: 1.65;
}

/* Bottom Note */

.refund-after-start-note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 12px;
    padding: 17px;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 15px;
}

.refund-after-start-note-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 9px;
}

.refund-after-start-note-icon svg {
    width: 20px;
    height: 20px;
}

.refund-after-start-note strong {
    display: block;
    margin-bottom: 3px;
    color: #101828;
    font-size: 12px;
}

.refund-after-start-note p {
    margin: 0;
    color: #667085;
    font-size: 11px;
    line-height: 1.6;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-after-start-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .refund-after-start-visual {
        min-height: 520px;
    }

    .refund-after-start-content {
        max-width: 760px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .refund-after-start-section {
        padding: 85px 0;
    }

    .refund-after-start-header {
        margin-bottom: 55px;
    }

    .refund-after-start-points {
        grid-template-columns: 1fr;
    }

    .refund-after-start-main-card {
        width: 370px;
    }

    .refund-after-start-orbit-one {
        width: 430px;
        height: 430px;
    }

    .refund-after-start-orbit-two {
        width: 320px;
        height: 320px;
    }
}

@media (max-width: 600px) {

    .refund-after-start-section {
        padding: 70px 0;
    }

    .refund-after-start-container {
        width: min(100% - 30px, 520px);
    }

    .refund-after-start-header h2 {
        font-size: 34px;
        letter-spacing: -0.8px;
    }

    .refund-after-start-header p {
        font-size: 14px;
    }

    .refund-after-start-visual {
        min-height: 410px;
    }

    .refund-after-start-main-card {
        width: 100%;
        max-width: 350px;
        padding: 22px;
    }

    .refund-after-start-orbit-one {
        width: 365px;
        height: 365px;
    }

    .refund-after-start-orbit-two {
        width: 285px;
        height: 285px;
    }

    .refund-after-start-floating-one {
        top: 25px;
        left: -5px;
    }

    .refund-after-start-floating-two {
        right: -5px;
        bottom: 25px;
    }

    .refund-after-start-floating-card {
        padding: 10px 12px;
    }

    .refund-after-start-floating-card strong {
        font-size: 9px;
    }

    .refund-after-start-floating-card div > span {
        font-size: 7px;
    }

    .refund-after-start-intro h3 {
        font-size: 19px;
    }

    .refund-after-start-point {
        padding: 15px;
    }
}

@media (max-width: 420px) {

    .refund-after-start-visual {
        min-height: 370px;
    }

    .refund-after-start-main-card {
        max-width: 315px;
        padding: 18px;
    }

    .refund-after-start-card-icon {
        width: 44px;
        height: 44px;
    }

    .refund-after-start-floating-one {
        left: -10px;
    }

    .refund-after-start-floating-two {
        right: -10px;
    }

    .refund-after-start-point-icon {
        width: 36px;
        height: 36px;
    }

    .refund-after-start-point {
        gap: 10px;
    }

    .refund-after-start-point h4 {
        font-size: 12px;
    }

    .refund-after-start-point p {
        font-size: 10px;
    }

    .refund-after-start-termination,
    .refund-after-start-note {
        padding: 15px;
    }
}



/* =========================================
   REFUND POLICY - UNSATISFACTORY SERVICES
========================================= */

.refund-unsatisfactory-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.refund-unsatisfactory-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

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

.refund-unsatisfactory-header {
    max-width: 820px;
    margin: 0 auto 75px;
    text-align: center;
}

.refund-unsatisfactory-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.refund-unsatisfactory-label::before,
.refund-unsatisfactory-label::after {
    content: "";
    width: 28px;
    height: 1px;
    background: #006ffc;
}

.refund-unsatisfactory-header h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    letter-spacing: -1.5px;
    font-weight: 700;
}

.refund-unsatisfactory-header h2 span {
    color: #006ffc;
}

.refund-unsatisfactory-header p {
    max-width: 730px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================
   MAIN GRID
========================================= */

.refund-unsatisfactory-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 75px;
}

/* =========================================
   VISUAL
========================================= */

.refund-unsatisfactory-visual {
    position: relative;
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-unsatisfactory-glow {
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.08);
    filter: blur(15px);
}

.refund-unsatisfactory-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, 0.13);
    border-radius: 50%;
}

.refund-unsatisfactory-orbit-one {
    width: 480px;
    height: 480px;
}

.refund-unsatisfactory-orbit-two {
    width: 365px;
    height: 365px;
}

/* Main Card */

.refund-unsatisfactory-main-card {
    position: relative;
    z-index: 2;
    width: 400px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid #e5ebf3;
    border-radius: 24px;
    box-shadow:
        0 28px 70px rgba(16, 24, 40, 0.10),
        0 8px 25px rgba(0, 111, 252, 0.05);
}

.refund-unsatisfactory-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 24px;
    border-bottom: 1px solid #edf1f6;
}

.refund-unsatisfactory-card-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 14px;
}

.refund-unsatisfactory-card-icon svg {
    width: 27px;
    height: 27px;
}

.refund-unsatisfactory-card-header strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 16px;
}

.refund-unsatisfactory-card-header span {
    display: block;
    color: #98a2b3;
    font-size: 12px;
}

/* Flow */

.refund-unsatisfactory-flow {
    padding: 25px 5px;
}

.refund-unsatisfactory-flow-step {
    display: flex;
    align-items: center;
    gap: 13px;
}

.refund-unsatisfactory-flow-number {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 9px;
    font-size: 9px;
    font-weight: 700;
}

.refund-unsatisfactory-flow-step strong {
    display: block;
    margin-bottom: 3px;
    color: #344054;
    font-size: 11px;
}

.refund-unsatisfactory-flow-step small {
    display: block;
    color: #98a2b3;
    font-size: 9px;
}

.refund-unsatisfactory-flow-line {
    width: 1px;
    height: 20px;
    margin: 2px 0 2px 14px;
    background: #dce5ef;
}

/* Review Box */

.refund-unsatisfactory-review-box {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px;
    background: #f5f9ff;
    border: 1px solid #dfebfb;
    border-radius: 12px;
}

.refund-unsatisfactory-review-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #ffffff;
    border-radius: 9px;
}

.refund-unsatisfactory-review-icon svg {
    width: 19px;
    height: 19px;
}

.refund-unsatisfactory-review-box strong {
    display: block;
    margin-bottom: 3px;
    color: #101828;
    font-size: 10px;
}

.refund-unsatisfactory-review-box span {
    display: block;
    color: #98a2b3;
    font-size: 8px;
}

/* Indicator */

.refund-unsatisfactory-indicator {
    padding-top: 22px;
}

.refund-unsatisfactory-indicator-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 9px;
}

.refund-unsatisfactory-indicator-top span {
    color: #667085;
    font-size: 9px;
}

.refund-unsatisfactory-indicator-top strong {
    color: #006ffc;
    font-size: 8px;
    letter-spacing: 0.7px;
}

.refund-unsatisfactory-indicator-bar {
    width: 100%;
    height: 6px;
    background: #edf2f7;
    border-radius: 20px;
    overflow: hidden;
}

.refund-unsatisfactory-indicator-bar span {
    display: block;
    width: 64%;
    height: 100%;
    background: #006ffc;
    border-radius: inherit;
}

/* Floating Cards */

.refund-unsatisfactory-floating-card {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 17px;
    background: #ffffff;
    border: 1px solid #e5ebf3;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(16, 24, 40, 0.10);
}

.refund-unsatisfactory-floating-one {
    top: 6px;
    left: -10px;
}

.refund-unsatisfactory-floating-two {
    right: -10px;
    bottom: 6px;
}

.refund-unsatisfactory-floating-icon,
.refund-unsatisfactory-check {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 9px;
}

.refund-unsatisfactory-floating-icon svg,
.refund-unsatisfactory-check svg {
    width: 17px;
    height: 17px;
}

.refund-unsatisfactory-floating-card strong {
    display: block;
    margin-bottom: 3px;
    color: #101828;
    font-size: 10px;
}

.refund-unsatisfactory-floating-card div > span {
    display: block;
    color: #98a2b3;
    font-size: 8px;
}

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

.refund-unsatisfactory-content {
    position: relative;
}

.refund-unsatisfactory-intro {
    display: flex;
    gap: 18px;
    margin-bottom: 30px;
}

.refund-unsatisfactory-number {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 700;
}

.refund-unsatisfactory-intro h3 {
    margin: 0 0 8px;
    color: #101828;
    font-size: 21px;
    line-height: 1.35;
}

.refund-unsatisfactory-intro p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}

/* Factors */

.refund-unsatisfactory-factors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.refund-unsatisfactory-factor {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 17px;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 15px;
    transition: all 0.25s ease;
}

.refund-unsatisfactory-factor:hover {
    border-color: rgba(0, 111, 252, 0.22);
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.06);
    transform: translateY(-2px);
}

.refund-unsatisfactory-factor-icon {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #f0f7ff;
    border-radius: 10px;
}

.refund-unsatisfactory-factor-icon svg {
    width: 20px;
    height: 20px;
}

.refund-unsatisfactory-factor h4 {
    margin: 0 0 5px;
    color: #101828;
    font-size: 13px;
    line-height: 1.4;
}

.refund-unsatisfactory-factor p {
    margin: 0;
    color: #667085;
    font-size: 11px;
    line-height: 1.65;
}

/* Resolution */

.refund-unsatisfactory-resolution {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 22px;
    padding: 19px;
    background: #f5f9ff;
    border: 1px solid #dcecff;
    border-radius: 16px;
}

.refund-unsatisfactory-resolution-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #ffffff;
    border-radius: 10px;
}

.refund-unsatisfactory-resolution-icon svg {
    width: 21px;
    height: 21px;
}

.refund-unsatisfactory-resolution strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 13px;
}

.refund-unsatisfactory-resolution p {
    margin: 0;
    color: #667085;
    font-size: 12px;
    line-height: 1.65;
}

/* Refund Notice */

.refund-unsatisfactory-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 12px;
    padding: 18px;
    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 15px;
}

.refund-unsatisfactory-notice-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #006ffc;
    background: #eef6ff;
    border-radius: 10px;
}

.refund-unsatisfactory-notice-icon svg {
    width: 21px;
    height: 21px;
}

.refund-unsatisfactory-notice strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 12px;
    line-height: 1.4;
}

.refund-unsatisfactory-notice p {
    margin: 0;
    color: #667085;
    font-size: 11px;
    line-height: 1.65;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-unsatisfactory-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .refund-unsatisfactory-visual {
        min-height: 520px;
    }

    .refund-unsatisfactory-content {
        max-width: 760px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .refund-unsatisfactory-section {
        padding: 85px 0;
    }

    .refund-unsatisfactory-header {
        margin-bottom: 55px;
    }

    .refund-unsatisfactory-factors {
        grid-template-columns: 1fr;
    }

    .refund-unsatisfactory-main-card {
        width: 370px;
    }

    .refund-unsatisfactory-orbit-one {
        width: 430px;
        height: 430px;
    }

    .refund-unsatisfactory-orbit-two {
        width: 320px;
        height: 320px;
    }
}

@media (max-width: 600px) {

    .refund-unsatisfactory-section {
        padding: 70px 0;
    }

    .refund-unsatisfactory-container {
        width: min(100% - 30px, 520px);
    }

    .refund-unsatisfactory-header h2 {
        font-size: 34px;
        letter-spacing: -0.8px;
    }

    .refund-unsatisfactory-header p {
        font-size: 14px;
    }

    .refund-unsatisfactory-visual {
        min-height: 410px;
    }

    .refund-unsatisfactory-main-card {
        width: 100%;
        max-width: 350px;
        padding: 22px;
    }

    .refund-unsatisfactory-orbit-one {
        width: 365px;
        height: 365px;
    }

    .refund-unsatisfactory-orbit-two {
        width: 285px;
        height: 285px;
    }

    .refund-unsatisfactory-floating-one {
        top: 25px;
        left: -5px;
    }

    .refund-unsatisfactory-floating-two {
        right: -5px;
        bottom: 25px;
    }

    .refund-unsatisfactory-floating-card {
        padding: 10px 12px;
    }

    .refund-unsatisfactory-floating-card strong {
        font-size: 9px;
    }

    .refund-unsatisfactory-floating-card div > span {
        font-size: 7px;
    }

    .refund-unsatisfactory-intro h3 {
        font-size: 19px;
    }

    .refund-unsatisfactory-factor {
        padding: 15px;
    }
}

@media (max-width: 420px) {

    .refund-unsatisfactory-visual {
        min-height: 370px;
    }

    .refund-unsatisfactory-main-card {
        max-width: 315px;
        padding: 18px;
    }

    .refund-unsatisfactory-card-icon {
        width: 44px;
        height: 44px;
    }

    .refund-unsatisfactory-floating-one {
        left: -10px;
    }

    .refund-unsatisfactory-floating-two {
        right: -10px;
    }

    .refund-unsatisfactory-factor-icon {
        width: 36px;
        height: 36px;
    }

    .refund-unsatisfactory-factor {
        gap: 10px;
    }

    .refund-unsatisfactory-factor h4 {
        font-size: 12px;
    }

    .refund-unsatisfactory-factor p {
        font-size: 10px;
    }

    .refund-unsatisfactory-resolution,
    .refund-unsatisfactory-notice {
        padding: 15px;
    }
}



/* =========================================
   REFUND POLICY - NON REFUNDABLE COSTS
========================================= */

.refund-nonref-section {
    position: relative;
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.refund-nonref-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

/* HEADER */

.refund-nonref-header {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.refund-nonref-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.refund-nonref-label::before,
.refund-nonref-label::after {
    content: "";
    width: 28px;
    height: 1px;
    background: #006ffc;
    opacity: .45;
}

.refund-nonref-header h2 {
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    letter-spacing: -1.5px;
    font-weight: 700;
}

.refund-nonref-header h2 span {
    color: #006ffc;
}

.refund-nonref-header > p {
    max-width: 720px;
    margin: 0 auto;

    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* MAIN GRID */

.refund-nonref-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 75px;
    align-items: center;
}

/* =========================================
   VISUAL
========================================= */

.refund-nonref-visual {
    position: relative;
    min-height: 570px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-nonref-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, .10);
    border-radius: 50%;
}

.refund-nonref-orbit-one {
    width: 470px;
    height: 470px;
}

.refund-nonref-orbit-two {
    width: 350px;
    height: 350px;
    border-color: rgba(0, 111, 252, .08);
}

/* Main Card */

.refund-nonref-main-card {
    position: relative;
    z-index: 2;

    width: 350px;
    padding: 28px;

    background: rgba(255, 255, 255, .96);
    border: 1px solid #e7edf5;
    border-radius: 24px;

    box-shadow:
        0 30px 70px rgba(16, 24, 40, .10),
        0 8px 24px rgba(0, 111, 252, .06);

    backdrop-filter: blur(10px);
}

.refund-nonref-card-top {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 22px;
    border-bottom: 1px solid #edf1f6;
}

.refund-nonref-doc-icon {
    width: 50px;
    height: 50px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 14px;
}

.refund-nonref-doc-icon svg {
    width: 25px;
    height: 25px;
}

.refund-nonref-card-top strong {
    display: block;
    margin-bottom: 3px;

    color: #101828;
    font-size: 15px;
    font-weight: 700;
}

.refund-nonref-card-top span {
    color: #98a2b3;
    font-size: 12px;
}

/* Status */

.refund-nonref-status {
    display: flex;
    align-items: center;
    gap: 13px;

    margin: 24px 0;
    padding: 15px;

    background: #f8fbff;
    border: 1px solid #eaf2fb;
    border-radius: 14px;
}

.refund-nonref-status-icon {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

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

    color: #006ffc;
    background: #ffffff;
    border: 1px solid #e5eef9;
    border-radius: 12px;
}

.refund-nonref-status-icon svg {
    width: 22px;
    height: 22px;
}

.refund-nonref-status span {
    display: block;
    margin-bottom: 3px;

    color: #98a2b3;
    font-size: 11px;
}

.refund-nonref-status strong {
    color: #101828;
    font-size: 13px;
}

/* Progress */

.refund-nonref-progress {
    margin-bottom: 24px;
}

.refund-nonref-progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 9px;
}

.refund-nonref-progress-head span:first-child {
    color: #475467;
    font-size: 12px;
    font-weight: 600;
}

.refund-nonref-progress-head span:last-child {
    color: #006ffc;
    font-size: 11px;
    font-weight: 700;
}

.refund-nonref-progress-bar {
    width: 100%;
    height: 7px;

    background: #edf2f7;
    border-radius: 20px;
    overflow: hidden;
}

.refund-nonref-progress-bar span {
    display: block;
    width: 78%;
    height: 100%;

    background: #006ffc;
    border-radius: inherit;
}

/* Mini List */

.refund-nonref-mini-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
}

.refund-nonref-mini-list > div {
    display: flex;
    align-items: center;
    gap: 8px;

    color: #667085;
    font-size: 11px;
}

.refund-nonref-mini-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    background: #006ffc;
    border-radius: 50%;
}

/* Floating Cards */

.refund-nonref-floating {
    position: absolute;
    z-index: 4;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 13px 16px;

    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 14px;

    box-shadow: 0 16px 35px rgba(16, 24, 40, .10);
}

.refund-nonref-floating-one {
    top: 95px;
    left: 5px;
}

.refund-nonref-floating-two {
    right: 0;
    bottom: 105px;
}

.refund-nonref-floating-icon {
    width: 36px;
    height: 36px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;
}

.refund-nonref-floating-icon svg {
    width: 19px;
    height: 19px;
}

.refund-nonref-floating strong {
    display: block;
    margin-bottom: 2px;

    color: #101828;
    font-size: 11px;
    font-weight: 700;
}

.refund-nonref-floating span {
    color: #98a2b3;
    font-size: 10px;
}

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

.refund-nonref-content {
    min-width: 0;
}

.refund-nonref-intro {
    display: flex;
    gap: 16px;
    margin-bottom: 28px;
}

.refund-nonref-intro-line {
    width: 3px;
    min-height: 52px;
    flex: 0 0 3px;

    background: #006ffc;
    border-radius: 10px;
}

.refund-nonref-intro p {
    margin: 0;

    color: #667085;
    font-size: 15px;
    line-height: 1.8;
}

/* Items */

.refund-nonref-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.refund-nonref-item {
    display: flex;
    gap: 13px;

    padding: 18px;

    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: 15px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.refund-nonref-item:hover {
    transform: translateY(-3px);
    border-color: #d6e6fa;
    box-shadow: 0 14px 30px rgba(16, 24, 40, .06);
}

.refund-nonref-item-number {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 9px;

    font-size: 10px;
    font-weight: 700;
}

.refund-nonref-item h3 {
    margin: 1px 0 5px;

    color: #101828;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
}

.refund-nonref-item p {
    margin: 0;

    color: #667085;
    font-size: 11px;
    line-height: 1.65;
}

/* =========================================
   NOTICE
========================================= */

.refund-nonref-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    margin-top: 25px;
    padding: 18px 20px;

    background: #f8fbff;
    border: 1px solid #e4eefb;
    border-radius: 16px;
}

.refund-nonref-notice-icon {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

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

    color: #006ffc;
    background: #ffffff;
    border: 1px solid #e1ecfa;
    border-radius: 10px;
}

.refund-nonref-notice-icon svg {
    width: 19px;
    height: 19px;
}

.refund-nonref-notice strong {
    display: block;
    margin-bottom: 4px;

    color: #101828;
    font-size: 12px;
}

.refund-nonref-notice p {
    margin: 0;

    color: #667085;
    font-size: 11px;
    line-height: 1.65;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-nonref-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .refund-nonref-visual {
        min-height: 520px;
    }

    .refund-nonref-content {
        max-width: 850px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 800px) {

    .refund-nonref-section {
        padding: 85px 0;
    }

    .refund-nonref-header {
        margin-bottom: 50px;
    }

    .refund-nonref-visual {
        min-height: 470px;
    }

    .refund-nonref-orbit-one {
        width: 390px;
        height: 390px;
    }

    .refund-nonref-orbit-two {
        width: 300px;
        height: 300px;
    }

    .refund-nonref-floating-one {
        left: 0;
    }

    .refund-nonref-floating-two {
        right: 0;
    }
}

@media (max-width: 600px) {

    .refund-nonref-section {
        padding: 70px 0;
    }

    .refund-nonref-container {
        width: min(100% - 30px, 1180px);
    }

    .refund-nonref-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .refund-nonref-header > p {
        font-size: 14px;
    }

    .refund-nonref-grid {
        gap: 35px;
    }

    .refund-nonref-visual {
        min-height: 420px;
    }

    .refund-nonref-main-card {
        width: 320px;
        padding: 23px;
    }

    .refund-nonref-orbit-one {
        width: 340px;
        height: 340px;
    }

    .refund-nonref-orbit-two {
        width: 260px;
        height: 260px;
    }

    .refund-nonref-floating {
        padding: 10px 12px;
    }

    .refund-nonref-floating-one {
        top: 45px;
        left: -5px;
    }

    .refund-nonref-floating-two {
        right: -5px;
        bottom: 45px;
    }

    .refund-nonref-items {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {

    .refund-nonref-section {
        padding: 60px 0;
    }

    .refund-nonref-header h2 {
        font-size: 30px;
    }

    .refund-nonref-label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .refund-nonref-label::before,
    .refund-nonref-label::after {
        width: 18px;
    }

    .refund-nonref-visual {
        min-height: 370px;
    }

    .refund-nonref-main-card {
        width: 285px;
        padding: 20px;
        border-radius: 20px;
    }

    .refund-nonref-orbit-one {
        width: 300px;
        height: 300px;
    }

    .refund-nonref-orbit-two {
        width: 230px;
        height: 230px;
    }

    .refund-nonref-floating {
        transform: scale(.85);
    }

    .refund-nonref-floating-one {
        left: -18px;
    }

    .refund-nonref-floating-two {
        right: -18px;
    }

    .refund-nonref-mini-list {
        gap: 8px;
    }

    .refund-nonref-notice {
        padding: 15px;
    }
}




/* =========================================
   REFUND POLICY - DUPLICATE / INCORRECT PAYMENTS
========================================= */

.refund-payment-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.refund-payment-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

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

.refund-payment-header {
    max-width: 810px;
    margin: 0 auto 70px;
    text-align: center;
}

.refund-payment-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.refund-payment-label::before,
.refund-payment-label::after {
    content: "";
    width: 28px;
    height: 1px;
    background: #006ffc;
    opacity: .45;
}

.refund-payment-header h2 {
    margin: 0 0 20px;

    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    letter-spacing: -1.5px;
    font-weight: 700;
}

.refund-payment-header h2 span {
    color: #006ffc;
}

.refund-payment-header > p {
    max-width: 740px;
    margin: 0 auto;

    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================
   MAIN GRID
========================================= */

.refund-payment-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 75px;
    align-items: center;
}

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

.refund-payment-content {
    min-width: 0;
}

.refund-payment-intro {
    display: flex;
    gap: 16px;
    margin-bottom: 28px;
}

.refund-payment-intro-line {
    width: 3px;
    min-height: 52px;
    flex: 0 0 3px;

    background: #006ffc;
    border-radius: 10px;
}

.refund-payment-intro p {
    margin: 0;

    color: #667085;
    font-size: 15px;
    line-height: 1.8;
}

/* Payment Type Cards */

.refund-payment-types {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.refund-payment-type {
    display: flex;
    align-items: center;
    gap: 17px;

    padding: 18px 20px;

    background: #ffffff;
    border: 1px solid #e6edf5;
    border-radius: 16px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.refund-payment-type:hover {
    transform: translateX(4px);
    border-color: #d5e5f8;
    box-shadow: 0 14px 30px rgba(16, 24, 40, .06);
}

.refund-payment-type-icon {
    width: 46px;
    height: 46px;

    flex: 0 0 46px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 13px;
}

.refund-payment-type-icon svg {
    width: 23px;
    height: 23px;
}

.refund-payment-type h3 {
    margin: 0 0 5px;

    color: #101828;
    font-size: 14px;
    font-weight: 700;
}

.refund-payment-type p {
    margin: 0;

    color: #667085;
    font-size: 12px;
    line-height: 1.6;
}

/* Action */

.refund-payment-action {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    margin-top: 24px;
    padding: 19px 20px;

    background: #ffffff;
    border: 1px solid #dceafa;
    border-radius: 17px;
}

.refund-payment-action-icon {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 11px;
}

.refund-payment-action-icon svg {
    width: 21px;
    height: 21px;
}

.refund-payment-action strong {
    display: block;
    margin-bottom: 4px;

    color: #101828;
    font-size: 13px;
}

.refund-payment-action p {
    margin: 0;

    color: #667085;
    font-size: 11px;
    line-height: 1.65;
}

/* =========================================
   RIGHT VISUAL
========================================= */

.refund-payment-visual {
    position: relative;
    min-height: 520px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-payment-orbit {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, .10);
    border-radius: 50%;
}

.refund-payment-orbit-one {
    width: 470px;
    height: 470px;
}

.refund-payment-orbit-two {
    width: 350px;
    height: 350px;

    border-color: rgba(0, 111, 252, .07);
}

/* Main Payment Card */

.refund-payment-main-card {
    position: relative;
    z-index: 2;

    width: 370px;
    padding: 28px;

    background: rgba(255, 255, 255, .97);
    border: 1px solid #e1eaf4;
    border-radius: 24px;

    box-shadow:
        0 30px 70px rgba(16, 24, 40, .10),
        0 8px 25px rgba(0, 111, 252, .06);
}

/* Card Header */

.refund-payment-card-header {
    display: flex;
    align-items: center;
    gap: 14px;

    padding-bottom: 22px;
    border-bottom: 1px solid #edf1f6;
}

.refund-payment-card-icon {
    width: 50px;
    height: 50px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 14px;
}

.refund-payment-card-icon svg {
    width: 25px;
    height: 25px;
}

.refund-payment-card-header strong {
    display: block;
    margin-bottom: 3px;

    color: #101828;
    font-size: 15px;
}

.refund-payment-card-header span {
    color: #98a2b3;
    font-size: 11px;
}

/* Status */

.refund-payment-amount {
    padding: 22px 0;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.refund-payment-amount > span {
    color: #667085;
    font-size: 12px;
    font-weight: 600;
}

.refund-payment-status {
    display: flex;
    align-items: center;
    gap: 7px;

    padding: 7px 10px;

    color: #006ffc;
    background: #edf5ff;
    border-radius: 20px;

    font-size: 10px;
    font-weight: 700;
}

.refund-payment-status-dot {
    width: 6px;
    height: 6px;

    background: #006ffc;
    border-radius: 50%;
}

/* Flow */

.refund-payment-flow {
    padding: 20px;

    background: #f8fbff;
    border: 1px solid #eaf1f8;
    border-radius: 17px;
}

.refund-payment-flow-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.refund-payment-flow-icon {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

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

    color: #006ffc;
    background: #ffffff;
    border: 1px solid #e3edf8;
    border-radius: 11px;
}

.refund-payment-flow-icon svg {
    width: 19px;
    height: 19px;
}

.refund-payment-flow-item strong {
    display: block;
    margin-bottom: 2px;

    color: #344054;
    font-size: 11px;
}

.refund-payment-flow-item span {
    color: #98a2b3;
    font-size: 9px;
}

.refund-payment-flow-line {
    width: 1px;
    height: 18px;

    margin: 4px 0 4px 19px;

    background: #cddff2;
}

/* Floating Cards */

.refund-payment-floating {
    position: absolute;
    z-index: 4;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 15px;

    background: #ffffff;
    border: 1px solid #e5ecf4;
    border-radius: 14px;

    box-shadow: 0 16px 35px rgba(16, 24, 40, .10);
}

.refund-payment-floating-one {
    top: 80px;
    left: 0;
}

.refund-payment-floating-two {
    right: -5px;
    bottom: 80px;
}

.refund-payment-floating-icon {
    width: 35px;
    height: 35px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;
}

.refund-payment-floating-icon svg {
    width: 18px;
    height: 18px;
}

.refund-payment-floating strong {
    display: block;
    margin-bottom: 2px;

    color: #101828;
    font-size: 11px;
}

.refund-payment-floating span {
    color: #98a2b3;
    font-size: 9px;
}

/* =========================================
   BOTTOM NOTICE
========================================= */

.refund-payment-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    margin-top: 55px;
    padding: 19px 22px;

    background: #ffffff;
    border: 1px solid #dceafa;
    border-radius: 17px;

    box-shadow: 0 8px 25px rgba(16, 24, 40, .03);
}

.refund-payment-notice-icon {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 11px;
}

.refund-payment-notice-icon svg {
    width: 20px;
    height: 20px;
}

.refund-payment-notice strong {
    display: block;
    margin-bottom: 4px;

    color: #101828;
    font-size: 12px;
}

.refund-payment-notice p {
    margin: 0;

    color: #667085;
    font-size: 11px;
    line-height: 1.7;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-payment-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .refund-payment-content {
        max-width: 800px;
        margin: 0 auto;
        width: 100%;
    }

    .refund-payment-visual {
        min-height: 500px;
    }
}

@media (max-width: 800px) {

    .refund-payment-section {
        padding: 85px 0;
    }

    .refund-payment-header {
        margin-bottom: 50px;
    }

    .refund-payment-visual {
        min-height: 450px;
    }

    .refund-payment-orbit-one {
        width: 400px;
        height: 400px;
    }

    .refund-payment-orbit-two {
        width: 300px;
        height: 300px;
    }
}

@media (max-width: 600px) {

    .refund-payment-section {
        padding: 70px 0;
    }

    .refund-payment-container {
        width: min(100% - 30px, 1180px);
    }

    .refund-payment-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .refund-payment-header > p {
        font-size: 14px;
    }

    .refund-payment-grid {
        gap: 35px;
    }

    .refund-payment-main-card {
        width: 320px;
        padding: 23px;
    }

    .refund-payment-visual {
        min-height: 420px;
    }

    .refund-payment-orbit-one {
        width: 340px;
        height: 340px;
    }

    .refund-payment-orbit-two {
        width: 260px;
        height: 260px;
    }

    .refund-payment-floating-one {
        top: 35px;
        left: -5px;
    }

    .refund-payment-floating-two {
        right: -5px;
        bottom: 35px;
    }
}

@media (max-width: 420px) {

    .refund-payment-section {
        padding: 60px 0;
    }

    .refund-payment-header h2 {
        font-size: 30px;
    }

    .refund-payment-label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .refund-payment-label::before,
    .refund-payment-label::after {
        width: 18px;
    }

    .refund-payment-visual {
        min-height: 380px;
    }

    .refund-payment-main-card {
        width: 285px;
        padding: 20px;
        border-radius: 20px;
    }

    .refund-payment-orbit-one {
        width: 300px;
        height: 300px;
    }

    .refund-payment-orbit-two {
        width: 230px;
        height: 230px;
    }

    .refund-payment-floating {
        transform: scale(.82);
    }

    .refund-payment-floating-one {
        left: -20px;
    }

    .refund-payment-floating-two {
        right: -20px;
    }

    .refund-payment-type {
        padding: 15px;
    }

    .refund-payment-type-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .refund-payment-notice {
        padding: 16px;
    }
}


/* =========================================
   REFUND POLICY - REFUND REQUEST PROCESS
========================================= */

.refund-request-section {
    position: relative;
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.refund-request-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

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

.refund-request-header {
    max-width: 810px;
    margin: 0 auto 70px;
    text-align: center;
}

.refund-request-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.refund-request-label::before,
.refund-request-label::after {
    content: "";
    width: 28px;
    height: 1px;
    background: #006ffc;
    opacity: .45;
}

.refund-request-header h2 {
    margin: 0 0 20px;

    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    letter-spacing: -1.5px;
    font-weight: 700;
}

.refund-request-header h2 span {
    color: #006ffc;
}

.refund-request-header > p {
    max-width: 740px;
    margin: 0 auto;

    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================
   MAIN GRID
========================================= */

.refund-request-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 75px;
    align-items: center;
}

/* =========================================
   VISUAL
========================================= */

.refund-request-visual {
    position: relative;
    min-height: 560px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-request-orbit {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, .10);
    border-radius: 50%;
}

.refund-request-orbit-one {
    width: 470px;
    height: 470px;
}

.refund-request-orbit-two {
    width: 350px;
    height: 350px;

    border-color: rgba(0, 111, 252, .07);
}

/* Main Card */

.refund-request-main-card {
    position: relative;
    z-index: 2;

    width: 370px;
    padding: 28px;

    background: rgba(255, 255, 255, .97);
    border: 1px solid #e1eaf4;
    border-radius: 24px;

    box-shadow:
        0 30px 70px rgba(16, 24, 40, .10),
        0 8px 25px rgba(0, 111, 252, .06);
}

/* Card Header */

.refund-request-card-header {
    display: flex;
    align-items: center;
    gap: 14px;

    padding-bottom: 22px;
    border-bottom: 1px solid #edf1f6;
}

.refund-request-mail-icon {
    width: 50px;
    height: 50px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 14px;
}

.refund-request-mail-icon svg {
    width: 25px;
    height: 25px;
}

.refund-request-card-header strong {
    display: block;
    margin-bottom: 3px;

    color: #101828;
    font-size: 15px;
}

.refund-request-card-header span {
    color: #98a2b3;
    font-size: 11px;
}

/* Email Box */

.refund-request-email-box {
    margin: 24px 0;
    padding: 20px;

    background: #f8fbff;
    border: 1px solid #e8f0f8;
    border-radius: 16px;
}

.refund-request-email-box > span {
    display: block;
    margin-bottom: 9px;

    color: #98a2b3;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.3px;
}

.refund-request-email-box > a {
    display: block;

    color: #006ffc;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    word-break: break-word;
}

.refund-request-email-box > a:hover {
    text-decoration: underline;
}

.refund-request-email-status {
    display: flex;
    align-items: center;
    gap: 7px;

    margin-top: 12px;

    color: #667085;
    font-size: 10px;
}

.refund-request-email-status span {
    width: 6px;
    height: 6px;

    background: #006ffc;
    border-radius: 50%;
}

/* Card Footer */

.refund-request-card-footer {
    display: flex;
    align-items: center;
    gap: 12px;
}

.refund-request-footer-icon {
    width: 40px;
    height: 40px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 11px;
}

.refund-request-footer-icon svg {
    width: 20px;
    height: 20px;
}

.refund-request-card-footer strong {
    display: block;
    margin-bottom: 2px;

    color: #344054;
    font-size: 11px;
}

.refund-request-card-footer span {
    color: #98a2b3;
    font-size: 9px;
}

/* Floating Cards */

.refund-request-floating {
    position: absolute;
    z-index: 4;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 15px;

    background: #ffffff;
    border: 1px solid #e5ecf4;
    border-radius: 14px;

    box-shadow: 0 16px 35px rgba(16, 24, 40, .10);
}

.refund-request-floating-one {
    top: 75px;
    left: 0;
}

.refund-request-floating-two {
    right: -5px;
    bottom: 75px;
}

.refund-request-floating-icon {
    width: 35px;
    height: 35px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;
}

.refund-request-floating-icon svg {
    width: 18px;
    height: 18px;
}

.refund-request-floating strong {
    display: block;
    margin-bottom: 2px;

    color: #101828;
    font-size: 10px;
}

.refund-request-floating span {
    color: #98a2b3;
    font-size: 9px;
}

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

.refund-request-content {
    min-width: 0;
}

/* Contact Box */

.refund-request-contact {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-bottom: 30px;
    padding: 19px 20px;

    background: #f8fbff;
    border: 1px solid #dfeafa;
    border-radius: 17px;
}

.refund-request-contact-icon {
    width: 45px;
    height: 45px;

    flex: 0 0 45px;

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

    color: #006ffc;
    background: #ffffff;
    border: 1px solid #e2edf9;
    border-radius: 12px;
}

.refund-request-contact-icon svg {
    width: 22px;
    height: 22px;
}

.refund-request-contact span {
    display: block;
    margin-bottom: 4px;

    color: #98a2b3;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.refund-request-contact a {
    display: inline-block;
    margin-bottom: 4px;

    color: #006ffc;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.refund-request-contact a:hover {
    text-decoration: underline;
}

.refund-request-contact p {
    margin: 0;

    color: #667085;
    font-size: 10px;
    line-height: 1.6;
}

/* Details Header */

.refund-request-details-header {
    margin-bottom: 18px;
}

.refund-request-details-header h3 {
    margin: 0 0 6px;

    color: #101828;
    font-size: 18px;
    font-weight: 700;
}

.refund-request-details-header p {
    margin: 0;

    color: #667085;
    font-size: 12px;
    line-height: 1.65;
}

/* Details List */

.refund-request-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
}

.refund-request-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;

    padding: 15px;

    background: #ffffff;
    border: 1px solid #e7edf4;
    border-radius: 14px;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.refund-request-item:hover {
    transform: translateY(-3px);
    border-color: #d6e6fa;
    box-shadow: 0 12px 26px rgba(16, 24, 40, .05);
}

.refund-request-item > span {
    width: 27px;
    height: 27px;

    flex: 0 0 27px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 8px;

    font-size: 9px;
    font-weight: 700;
}

.refund-request-item strong {
    display: block;
    margin: 1px 0 4px;

    color: #101828;
    font-size: 11px;
    line-height: 1.35;
}

.refund-request-item p {
    margin: 0;

    color: #667085;
    font-size: 9px;
    line-height: 1.55;
}

/* =========================================
   BOTTOM NOTICE
========================================= */

.refund-request-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    margin-top: 55px;
    padding: 19px 22px;

    background: #f8fbff;
    border: 1px solid #dceafa;
    border-radius: 17px;
}

.refund-request-notice-icon {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

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

    color: #006ffc;
    background: #ffffff;
    border-radius: 11px;
}

.refund-request-notice-icon svg {
    width: 20px;
    height: 20px;
}

.refund-request-notice strong {
    display: block;
    margin-bottom: 4px;

    color: #101828;
    font-size: 12px;
}

.refund-request-notice p {
    margin: 0;

    color: #667085;
    font-size: 11px;
    line-height: 1.7;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-request-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .refund-request-content {
        width: 100%;
        max-width: 850px;
        margin: 0 auto;
    }

    .refund-request-visual {
        min-height: 520px;
    }
}

@media (max-width: 800px) {

    .refund-request-section {
        padding: 85px 0;
    }

    .refund-request-header {
        margin-bottom: 50px;
    }

    .refund-request-visual {
        min-height: 470px;
    }

    .refund-request-orbit-one {
        width: 400px;
        height: 400px;
    }

    .refund-request-orbit-two {
        width: 300px;
        height: 300px;
    }
}

@media (max-width: 600px) {

    .refund-request-section {
        padding: 70px 0;
    }

    .refund-request-container {
        width: min(100% - 30px, 1180px);
    }

    .refund-request-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .refund-request-header > p {
        font-size: 14px;
    }

    .refund-request-grid {
        gap: 35px;
    }

    .refund-request-visual {
        min-height: 420px;
    }

    .refund-request-main-card {
        width: 320px;
        padding: 23px;
    }

    .refund-request-orbit-one {
        width: 340px;
        height: 340px;
    }

    .refund-request-orbit-two {
        width: 260px;
        height: 260px;
    }

    .refund-request-floating-one {
        top: 35px;
        left: -5px;
    }

    .refund-request-floating-two {
        right: -5px;
        bottom: 35px;
    }

    .refund-request-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {

    .refund-request-section {
        padding: 60px 0;
    }

    .refund-request-header h2 {
        font-size: 30px;
    }

    .refund-request-label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .refund-request-label::before,
    .refund-request-label::after {
        width: 18px;
    }

    .refund-request-visual {
        min-height: 380px;
    }

    .refund-request-main-card {
        width: 285px;
        padding: 20px;
        border-radius: 20px;
    }

    .refund-request-orbit-one {
        width: 300px;
        height: 300px;
    }

    .refund-request-orbit-two {
        width: 230px;
        height: 230px;
    }

    .refund-request-floating {
        transform: scale(.82);
    }

    .refund-request-floating-one {
        left: -20px;
    }

    .refund-request-floating-two {
        right: -20px;
    }

    .refund-request-contact {
        align-items: flex-start;
    }

    .refund-request-notice {
        padding: 16px;
    }
}



/* =========================================
   REFUND POLICY - REFUND REVIEW
========================================= */

.refund-review-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.refund-review-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

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

.refund-review-header {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.refund-review-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.refund-review-label::before,
.refund-review-label::after {
    content: "";
    width: 28px;
    height: 1px;
    background: #006ffc;
    opacity: .45;
}

.refund-review-header h2 {
    margin: 0 0 20px;

    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    letter-spacing: -1.5px;
    font-weight: 700;
}

.refund-review-header h2 span {
    color: #006ffc;
}

.refund-review-header > p {
    max-width: 720px;
    margin: 0 auto;

    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================
   MAIN GRID
========================================= */

.refund-review-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 75px;
    align-items: center;
}

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

.refund-review-content {
    min-width: 0;
}

.refund-review-intro {
    display: flex;
    gap: 16px;
    margin-bottom: 28px;
}

.refund-review-intro-line {
    width: 3px;
    min-height: 55px;
    flex: 0 0 3px;

    background: #006ffc;
    border-radius: 10px;
}

.refund-review-intro p {
    margin: 0;

    color: #667085;
    font-size: 15px;
    line-height: 1.8;
}

/* =========================================
   REVIEW STEPS
========================================= */

.refund-review-steps {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.refund-review-step {
    position: relative;

    display: flex;
    align-items: flex-start;
    gap: 16px;

    padding: 20px;

    background: #ffffff;
    border: 1px solid #e6edf5;
    border-radius: 17px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.refund-review-step:hover {
    transform: translateX(4px);
    border-color: #d6e6fa;
    box-shadow: 0 14px 30px rgba(16, 24, 40, .06);
}

.refund-review-step-number {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 12px;

    font-size: 11px;
    font-weight: 700;
}

.refund-review-step-body h3 {
    margin: 1px 0 6px;

    color: #101828;
    font-size: 14px;
    font-weight: 700;
}

.refund-review-step-body p {
    margin: 0;

    color: #667085;
    font-size: 11px;
    line-height: 1.65;
}

/* =========================================
   NOTE
========================================= */

.refund-review-note {
    display: flex;
    align-items: flex-start;
    gap: 13px;

    margin-top: 24px;
    padding: 18px 20px;

    background: #ffffff;
    border: 1px solid #dceafa;
    border-radius: 16px;
}

.refund-review-note-icon {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;
}

.refund-review-note-icon svg {
    width: 19px;
    height: 19px;
}

.refund-review-note strong {
    display: block;
    margin-bottom: 4px;

    color: #101828;
    font-size: 12px;
}

.refund-review-note p {
    margin: 0;

    color: #667085;
    font-size: 10px;
    line-height: 1.65;
}

/* =========================================
   RIGHT VISUAL
========================================= */

.refund-review-visual {
    position: relative;
    min-height: 570px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-review-orbit {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, .10);
    border-radius: 50%;
}

.refund-review-orbit-one {
    width: 470px;
    height: 470px;
}

.refund-review-orbit-two {
    width: 350px;
    height: 350px;

    border-color: rgba(0, 111, 252, .07);
}

/* Main Card */

.refund-review-main-card {
    position: relative;
    z-index: 2;

    width: 370px;
    padding: 28px;

    background: rgba(255, 255, 255, .97);
    border: 1px solid #e1eaf4;
    border-radius: 24px;

    box-shadow:
        0 30px 70px rgba(16, 24, 40, .10),
        0 8px 25px rgba(0, 111, 252, .06);
}

/* Card Header */

.refund-review-card-header {
    display: flex;
    align-items: center;
    gap: 14px;

    padding-bottom: 22px;
    border-bottom: 1px solid #edf1f6;
}

.refund-review-document-icon {
    width: 50px;
    height: 50px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 14px;
}

.refund-review-document-icon svg {
    width: 25px;
    height: 25px;
}

.refund-review-card-header strong {
    display: block;
    margin-bottom: 3px;

    color: #101828;
    font-size: 15px;
}

.refund-review-card-header span {
    color: #98a2b3;
    font-size: 11px;
}

/* Status */

.refund-review-status {
    display: flex;
    align-items: center;
    gap: 12px;

    margin: 22px 0;
    padding: 14px;

    background: #f8fbff;
    border: 1px solid #e8f0f8;
    border-radius: 14px;
}

.refund-review-status-icon {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

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

    color: #006ffc;
    background: #ffffff;
    border-radius: 11px;
}

.refund-review-status-icon svg {
    width: 21px;
    height: 21px;
}

.refund-review-status span {
    display: block;
    margin-bottom: 3px;

    color: #98a2b3;
    font-size: 9px;
}

.refund-review-status strong {
    color: #101828;
    font-size: 12px;
}

/* Progress */

.refund-review-progress {
    margin-bottom: 22px;
}

.refund-review-progress-header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 8px;
}

.refund-review-progress-header span {
    color: #667085;
    font-size: 10px;
    font-weight: 600;
}

.refund-review-progress-header strong {
    color: #006ffc;
    font-size: 10px;
}

.refund-review-progress-bar {
    width: 100%;
    height: 6px;

    background: #edf2f7;
    border-radius: 20px;
    overflow: hidden;
}

.refund-review-progress-bar span {
    display: block;
    width: 66%;
    height: 100%;

    background: #006ffc;
    border-radius: inherit;
}

/* Flow */

.refund-review-flow {
    padding: 18px;

    background: #f8fbff;
    border: 1px solid #eaf1f8;
    border-radius: 16px;
}

.refund-review-flow-item {
    display: flex;
    align-items: center;
    gap: 11px;
}

.refund-review-flow-icon {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

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

    color: #98a2b3;
    background: #ffffff;
    border: 1px solid #e4ebf3;
    border-radius: 10px;
}

.refund-review-flow-item.active .refund-review-flow-icon {
    color: #006ffc;
    border-color: #dceafa;
}

.refund-review-flow-icon svg {
    width: 18px;
    height: 18px;
}

.refund-review-flow-item strong {
    display: block;
    margin-bottom: 2px;

    color: #344054;
    font-size: 10px;
}

.refund-review-flow-item span {
    color: #98a2b3;
    font-size: 8px;
}

.refund-review-flow-line {
    width: 1px;
    height: 17px;

    margin: 3px 0 3px 19px;

    background: #cddff2;
}

/* =========================================
   FLOATING CARDS
========================================= */

.refund-review-floating {
    position: absolute;
    z-index: 4;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 15px;

    background: #ffffff;
    border: 1px solid #e5ecf4;
    border-radius: 14px;

    box-shadow: 0 16px 35px rgba(16, 24, 40, .10);
}

.refund-review-floating-one {
    top: 80px;
    left: -2px;
}

.refund-review-floating-two {
    right: -5px;
    bottom: 80px;
}

.refund-review-floating-icon {
    width: 35px;
    height: 35px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;
}

.refund-review-floating-icon svg {
    width: 18px;
    height: 18px;
}

.refund-review-floating strong {
    display: block;
    margin-bottom: 2px;

    color: #101828;
    font-size: 10px;
}

.refund-review-floating span {
    color: #98a2b3;
    font-size: 9px;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-review-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .refund-review-content {
        width: 100%;
        max-width: 850px;
        margin: 0 auto;
    }

    .refund-review-visual {
        min-height: 520px;
    }
}

@media (max-width: 800px) {

    .refund-review-section {
        padding: 85px 0;
    }

    .refund-review-header {
        margin-bottom: 50px;
    }

    .refund-review-visual {
        min-height: 470px;
    }

    .refund-review-orbit-one {
        width: 400px;
        height: 400px;
    }

    .refund-review-orbit-two {
        width: 300px;
        height: 300px;
    }
}

@media (max-width: 600px) {

    .refund-review-section {
        padding: 70px 0;
    }

    .refund-review-container {
        width: min(100% - 30px, 1180px);
    }

    .refund-review-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .refund-review-header > p {
        font-size: 14px;
    }

    .refund-review-grid {
        gap: 35px;
    }

    .refund-review-visual {
        min-height: 420px;
    }

    .refund-review-main-card {
        width: 320px;
        padding: 23px;
    }

    .refund-review-orbit-one {
        width: 340px;
        height: 340px;
    }

    .refund-review-orbit-two {
        width: 260px;
        height: 260px;
    }

    .refund-review-floating-one {
        top: 35px;
        left: -5px;
    }

    .refund-review-floating-two {
        right: -5px;
        bottom: 35px;
    }
}

@media (max-width: 420px) {

    .refund-review-section {
        padding: 60px 0;
    }

    .refund-review-header h2 {
        font-size: 30px;
    }

    .refund-review-label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .refund-review-label::before,
    .refund-review-label::after {
        width: 18px;
    }

    .refund-review-visual {
        min-height: 380px;
    }

    .refund-review-main-card {
        width: 285px;
        padding: 20px;
        border-radius: 20px;
    }

    .refund-review-orbit-one {
        width: 300px;
        height: 300px;
    }

    .refund-review-orbit-two {
        width: 230px;
        height: 230px;
    }

    .refund-review-floating {
        transform: scale(.82);
    }

    .refund-review-floating-one {
        left: -20px;
    }

    .refund-review-floating-two {
        right: -20px;
    }

    .refund-review-step {
        padding: 16px;
    }

    .refund-review-note {
        padding: 15px;
    }
}



/* =========================================
   REFUND PROCESSING
========================================= */

.refund-processing-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.refund-processing-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


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

.refund-processing-header {
    max-width: 820px;
    margin: 0 auto 70px;
    text-align: center;
}

.refund-processing-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.refund-processing-label::before,
.refund-processing-label::after {
    content: "";
    width: 28px;
    height: 1px;
    background: #006ffc;
    opacity: .45;
}

.refund-processing-header h2 {
    margin: 0 0 20px;

    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.refund-processing-header h2 span {
    color: #006ffc;
}

.refund-processing-header > p {
    max-width: 720px;
    margin: 0 auto;

    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================
   MAIN GRID
========================================= */

.refund-processing-grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 80px;
    align-items: center;
}


/* =========================================
   VISUAL
========================================= */

.refund-processing-visual {
    position: relative;
    min-height: 540px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-processing-orbit {
    position: absolute;
    border: 1px solid rgba(0, 111, 252, .10);
    border-radius: 50%;
}

.refund-processing-orbit.orbit-one {
    width: 410px;
    height: 410px;
}

.refund-processing-orbit.orbit-two {
    width: 520px;
    height: 520px;
    border-color: rgba(0, 111, 252, .06);
}


/* =========================================
   MAIN CARD
========================================= */

.refund-processing-card {
    position: relative;
    z-index: 3;

    width: min(390px, 90%);
    padding: 28px;

    background: rgba(255, 255, 255, .96);
    border: 1px solid #e5ebf3;
    border-radius: 24px;

    box-shadow:
        0 25px 60px rgba(16, 24, 40, .10),
        0 5px 15px rgba(0, 111, 252, .04);
}

.refund-processing-card-top {
    display: flex;
    align-items: center;
    gap: 14px;
}

.refund-processing-icon {
    width: 50px;
    height: 50px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 14px;
}

.refund-processing-icon svg {
    width: 24px;
    height: 24px;
}

.refund-processing-card-top strong {
    display: block;
    margin-bottom: 4px;

    color: #101828;
    font-size: 15px;
    font-weight: 700;
}

.refund-processing-card-top span {
    display: block;

    color: #98a2b3;
    font-size: 12px;
}


/* =========================================
   STATUS
========================================= */

.refund-processing-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin: 28px 0 20px;
    padding: 7px 11px;

    color: #006ffc;
    background: #edf5ff;
    border-radius: 50px;

    font-size: 12px;
    font-weight: 600;
}

.status-dot {
    width: 7px;
    height: 7px;

    background: #006ffc;
    border-radius: 50%;

    box-shadow: 0 0 0 4px rgba(0, 111, 252, .10);
}


/* =========================================
   PROGRESS
========================================= */

.refund-processing-progress {
    margin-bottom: 26px;
}

.progress-line {
    position: relative;

    width: 100%;
    height: 6px;

    background: #edf1f6;
    border-radius: 20px;
    overflow: hidden;
}

.progress-line span {
    display: block;
    width: 68%;
    height: 100%;

    background: #006ffc;
    border-radius: inherit;
}

.progress-labels {
    display: flex;
    justify-content: space-between;

    margin-top: 9px;

    color: #98a2b3;
    font-size: 10px;
}


/* =========================================
   MINI LIST
========================================= */

.refund-processing-mini-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mini-item {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 12px;

    background: #f8fafc;
    border: 1px solid #edf1f5;
    border-radius: 12px;
}

.mini-icon {
    width: 30px;
    height: 30px;

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

    color: #006ffc;
    background: #eaf3ff;
    border-radius: 9px;

    font-size: 12px;
    font-weight: 700;
}

.mini-item strong {
    display: block;

    color: #344054;
    font-size: 12px;
}

.mini-item span {
    display: block;
    margin-top: 2px;

    color: #98a2b3;
    font-size: 10px;
}


/* =========================================
   FLOATING CARDS
========================================= */

.refund-processing-floating {
    position: absolute;
    z-index: 4;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 15px;

    background: #fff;
    border: 1px solid #e5ebf3;
    border-radius: 13px;

    box-shadow: 0 15px 35px rgba(16, 24, 40, .10);
}

.refund-processing-floating strong {
    display: block;

    color: #344054;
    font-size: 11px;
}

.refund-processing-floating small {
    display: block;
    margin-top: 3px;

    color: #98a2b3;
    font-size: 9px;
}

.floating-symbol {
    width: 30px;
    height: 30px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 9px;

    font-size: 13px;
    font-weight: 700;
}

.floating-provider {
    top: 105px;
    right: -5px;
}

.floating-bank {
    bottom: 35px;
    left: -10px;
}


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

.refund-processing-content {
    position: relative;
}

.refund-processing-intro {
    display: flex;
    gap: 18px;

    margin-bottom: 28px;
}

.intro-line {
    flex: 0 0 3px;
    min-height: 55px;

    background: #006ffc;
    border-radius: 10px;
}

.refund-processing-intro p {
    margin: 0;

    color: #667085;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================
   FACTORS
========================================= */

.refund-processing-factors {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.refund-processing-factor {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 15px;

    padding: 18px 20px;

    background: #fff;
    border: 1px solid #e7edf5;
    border-radius: 16px;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.refund-processing-factor:hover {
    transform: translateX(4px);

    border-color: rgba(0, 111, 252, .20);

    box-shadow: 0 12px 30px rgba(16, 24, 40, .06);
}

.factor-number {
    width: 36px;
    height: 36px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;

    font-size: 11px;
    font-weight: 700;
}

.refund-processing-factor h3 {
    margin: 1px 0 5px;

    color: #101828;
    font-size: 14px;
    font-weight: 700;
}

.refund-processing-factor p {
    margin: 0;

    color: #667085;
    font-size: 12px;
    line-height: 1.65;
}


/* =========================================
   NOTICE
========================================= */

.refund-processing-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    margin-top: 22px;
    padding: 20px;

    background: #edf5ff;
    border: 1px solid rgba(0, 111, 252, .10);
    border-radius: 16px;
}

.notice-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;

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

    color: #006ffc;
    background: #fff;
    border-radius: 11px;
}

.notice-icon svg {
    width: 20px;
    height: 20px;
}

.refund-processing-notice strong {
    display: block;
    margin-bottom: 4px;

    color: #101828;
    font-size: 13px;
}

.refund-processing-notice p {
    margin: 0;

    color: #667085;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-processing-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .refund-processing-visual {
        min-height: 500px;
    }

    .refund-processing-content {
        max-width: 760px;
        margin: 0 auto;
        width: 100%;
    }

    .floating-provider {
        right: 5%;
    }

    .floating-bank {
        left: 5%;
    }
}


@media (max-width: 800px) {

    .refund-processing-section {
        padding: 85px 0;
    }

    .refund-processing-header {
        margin-bottom: 55px;
    }

    .refund-processing-grid {
        gap: 40px;
    }

    .refund-processing-visual {
        min-height: 450px;
    }

    .refund-processing-orbit.orbit-one {
        width: 340px;
        height: 340px;
    }

    .refund-processing-orbit.orbit-two {
        width: 430px;
        height: 430px;
    }
}


@media (max-width: 600px) {

    .refund-processing-section {
        padding: 70px 0;
    }

    .refund-processing-container {
        width: min(100% - 30px, 1180px);
    }

    .refund-processing-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .refund-processing-header > p {
        font-size: 14px;
    }

    .refund-processing-visual {
        min-height: 390px;
    }

    .refund-processing-card {
        padding: 22px;
        border-radius: 20px;
    }

    .refund-processing-orbit.orbit-one {
        width: 290px;
        height: 290px;
    }

    .refund-processing-orbit.orbit-two {
        width: 360px;
        height: 360px;
    }

    .refund-processing-floating {
        padding: 9px 11px;
    }

    .floating-provider {
        top: 55px;
        right: 0;
    }

    .floating-bank {
        bottom: 45px;
        left: 0;
    }

    .refund-processing-factor {
        grid-template-columns: 40px 1fr;
        padding: 15px;
        gap: 12px;
    }

    .factor-number {
        width: 32px;
        height: 32px;
    }
}


@media (max-width: 420px) {

    .refund-processing-section {
        padding: 60px 0;
    }

    .refund-processing-header h2 {
        font-size: 30px;
    }

    .refund-processing-visual {
        min-height: 360px;
    }

    .refund-processing-card {
        width: 94%;
        padding: 18px;
    }

    .refund-processing-card-top strong {
        font-size: 13px;
    }

    .refund-processing-orbit.orbit-one {
        width: 250px;
        height: 250px;
    }

    .refund-processing-orbit.orbit-two {
        width: 315px;
        height: 315px;
    }

    .floating-provider {
        top: 25px;
        right: -2px;
    }

    .floating-bank {
        bottom: 25px;
        left: -2px;
    }

    .refund-processing-floating strong {
        font-size: 9px;
    }

    .refund-processing-floating small {
        font-size: 8px;
    }

    .refund-processing-notice {
        padding: 15px;
    }
}



/* =========================================
   REFUND CONTRACTUAL TERMS
========================================= */

.refund-contract-section {
    position: relative;
    padding: 110px 0;
    background: #fff;
    overflow: hidden;
}

.refund-contract-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


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

.refund-contract-header {
    max-width: 820px;
    margin: 0 auto 70px;
    text-align: center;
}

.refund-contract-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.refund-contract-label::before,
.refund-contract-label::after {
    content: "";
    width: 28px;
    height: 1px;

    background: #006ffc;
    opacity: .45;
}

.refund-contract-header h2 {
    margin: 0 0 20px;

    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.refund-contract-header h2 span {
    color: #006ffc;
}

.refund-contract-header > p {
    max-width: 720px;
    margin: 0 auto;

    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================
   GRID
========================================= */

.refund-contract-grid {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 80px;
    align-items: center;
}


/* =========================================
   VISUAL
========================================= */

.refund-contract-visual {
    position: relative;
    min-height: 540px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-contract-orbit {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, .10);
    border-radius: 50%;
}

.contract-orbit-one {
    width: 410px;
    height: 410px;
}

.contract-orbit-two {
    width: 520px;
    height: 520px;

    border-color: rgba(0, 111, 252, .06);
}


/* =========================================
   DOCUMENT
========================================= */

.refund-contract-document {
    position: relative;
    z-index: 3;

    width: min(390px, 90%);
    padding: 28px;

    background: rgba(255, 255, 255, .98);
    border: 1px solid #e5ebf3;
    border-radius: 24px;

    box-shadow:
        0 25px 60px rgba(16, 24, 40, .10),
        0 5px 15px rgba(0, 111, 252, .04);
}

.contract-doc-header {
    display: flex;
    align-items: center;
    gap: 14px;
}

.contract-doc-icon {
    width: 50px;
    height: 50px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 14px;
}

.contract-doc-icon svg {
    width: 25px;
    height: 25px;
}

.contract-doc-header strong {
    display: block;
    margin-bottom: 4px;

    color: #101828;
    font-size: 15px;
}

.contract-doc-header span {
    color: #98a2b3;
    font-size: 11px;
}


/* =========================================
   DOCUMENT LINES
========================================= */

.contract-doc-lines {
    display: flex;
    flex-direction: column;
    gap: 7px;

    margin: 25px 0 22px;
}

.contract-doc-lines span {
    display: block;

    height: 6px;

    background: #edf1f6;
    border-radius: 20px;
}

.contract-doc-lines span:nth-child(1) {
    width: 92%;
}

.contract-doc-lines span:nth-child(2) {
    width: 76%;
}

.contract-doc-lines span:nth-child(3) {
    width: 84%;
}


/* =========================================
   DOCUMENT ITEMS
========================================= */

.contract-doc-section {
    display: flex;
    flex-direction: column;
    gap: 10px;

    margin-bottom: 18px;
}

.contract-doc-row {
    display: flex;
    align-items: center;
    gap: 11px;

    padding: 12px;

    background: #f8fafc;
    border: 1px solid #edf1f5;
    border-radius: 12px;
}

.doc-check {
    width: 30px;
    height: 30px;

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

    color: #006ffc;
    background: #eaf3ff;
    border-radius: 9px;

    font-size: 12px;
    font-weight: 700;
}

.contract-doc-row strong {
    display: block;

    color: #344054;
    font-size: 12px;
}

.contract-doc-row small {
    display: block;
    margin-top: 2px;

    color: #98a2b3;
    font-size: 10px;
}


/* =========================================
   PRIORITY BOX
========================================= */

.contract-priority {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 15px;

    background: #edf5ff;
    border: 1px solid rgba(0, 111, 252, .10);
    border-radius: 14px;
}

.priority-icon {
    width: 38px;
    height: 38px;

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

    color: #006ffc;
    background: #fff;
    border-radius: 10px;
}

.priority-icon svg {
    width: 20px;
    height: 20px;
}

.contract-priority strong {
    display: block;

    color: #101828;
    font-size: 12px;
}

.contract-priority span {
    display: block;
    margin-top: 3px;

    color: #667085;
    font-size: 10px;
}


/* =========================================
   FLOATING CARDS
========================================= */

.refund-contract-floating {
    position: absolute;
    z-index: 4;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 15px;

    background: #fff;
    border: 1px solid #e5ebf3;
    border-radius: 13px;

    box-shadow: 0 15px 35px rgba(16, 24, 40, .10);
}

.refund-contract-floating strong {
    display: block;

    color: #344054;
    font-size: 11px;
}

.refund-contract-floating small {
    display: block;
    margin-top: 3px;

    color: #98a2b3;
    font-size: 9px;
}

.floating-contract-icon {
    width: 30px;
    height: 30px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 9px;

    font-size: 13px;
    font-weight: 700;
}

.floating-agreement {
    top: 100px;
    right: -5px;
}

.floating-priority {
    bottom: 100px;
    left: -10px;
}


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

.refund-contract-content {
    position: relative;
}

.refund-contract-intro {
    display: flex;
    gap: 18px;

    margin-bottom: 28px;
}

.contract-intro-line {
    flex: 0 0 3px;
    min-height: 60px;

    background: #006ffc;
    border-radius: 10px;
}

.refund-contract-intro p {
    margin: 0;

    color: #667085;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================
   CARDS
========================================= */

.refund-contract-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.refund-contract-card {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 15px;

    padding: 19px 20px;

    background: #fff;
    border: 1px solid #e7edf5;
    border-radius: 16px;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.refund-contract-card:hover {
    transform: translateX(4px);

    border-color: rgba(0, 111, 252, .20);

    box-shadow: 0 12px 30px rgba(16, 24, 40, .06);
}

.contract-card-number {
    width: 36px;
    height: 36px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;

    font-size: 11px;
    font-weight: 700;
}

.refund-contract-card h3 {
    margin: 1px 0 5px;

    color: #101828;
    font-size: 14px;
    font-weight: 700;
}

.refund-contract-card p {
    margin: 0;

    color: #667085;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================
   NOTICE
========================================= */

.refund-contract-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    margin-top: 22px;
    padding: 20px;

    background: #edf5ff;
    border: 1px solid rgba(0, 111, 252, .10);
    border-radius: 16px;
}

.contract-notice-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;

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

    color: #006ffc;
    background: #fff;
    border-radius: 11px;
}

.contract-notice-icon svg {
    width: 20px;
    height: 20px;
}

.refund-contract-notice strong {
    display: block;
    margin-bottom: 4px;

    color: #101828;
    font-size: 13px;
}

.refund-contract-notice p {
    margin: 0;

    color: #667085;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-contract-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .refund-contract-visual {
        min-height: 500px;
    }

    .refund-contract-content {
        max-width: 760px;
        width: 100%;
        margin: 0 auto;
    }

    .floating-agreement {
        right: 5%;
    }

    .floating-priority {
        left: 5%;
    }
}


@media (max-width: 800px) {

    .refund-contract-section {
        padding: 85px 0;
    }

    .refund-contract-header {
        margin-bottom: 55px;
    }

    .refund-contract-visual {
        min-height: 450px;
    }

    .contract-orbit-one {
        width: 340px;
        height: 340px;
    }

    .contract-orbit-two {
        width: 430px;
        height: 430px;
    }
}


@media (max-width: 600px) {

    .refund-contract-section {
        padding: 70px 0;
    }

    .refund-contract-container {
        width: min(100% - 30px, 1180px);
    }

    .refund-contract-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .refund-contract-header > p {
        font-size: 14px;
    }

    .refund-contract-visual {
        min-height: 400px;
    }

    .refund-contract-document {
        padding: 22px;
        border-radius: 20px;
    }

    .contract-orbit-one {
        width: 290px;
        height: 290px;
    }

    .contract-orbit-two {
        width: 360px;
        height: 360px;
    }

    .refund-contract-floating {
        padding: 9px 11px;
    }

    .floating-agreement {
        top: 55px;
        right: 0;
    }

    .floating-priority {
        bottom: 45px;
        left: 0;
    }

    .refund-contract-card {
        grid-template-columns: 40px 1fr;
        gap: 12px;
        padding: 15px;
    }

    .contract-card-number {
        width: 32px;
        height: 32px;
    }
}


@media (max-width: 420px) {

    .refund-contract-section {
        padding: 60px 0;
    }

    .refund-contract-header h2 {
        font-size: 30px;
    }

    .refund-contract-visual {
        min-height: 370px;
    }

    .refund-contract-document {
        width: 94%;
        padding: 18px;
    }

    .contract-orbit-one {
        width: 250px;
        height: 250px;
    }

    .contract-orbit-two {
        width: 315px;
        height: 315px;
    }

    .floating-agreement {
        top: 25px;
        right: -2px;
    }

    .floating-priority {
        bottom: 25px;
        left: -2px;
    }

    .refund-contract-floating strong {
        font-size: 9px;
    }

    .refund-contract-floating small {
        font-size: 8px;
    }

    .refund-contract-notice {
        padding: 15px;
    }
}



/* =========================================
   REFUND POLICY - CHANGES
========================================= */

.refund-changes-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.refund-changes-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


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

.refund-changes-header {
    max-width: 820px;
    margin: 0 auto 70px;
    text-align: center;
}

.refund-changes-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.refund-changes-label::before,
.refund-changes-label::after {
    content: "";
    width: 28px;
    height: 1px;

    background: #006ffc;
    opacity: .45;
}

.refund-changes-header h2 {
    margin: 0 0 20px;

    color: #101828;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.refund-changes-header h2 span {
    color: #006ffc;
}

.refund-changes-header > p {
    max-width: 720px;
    margin: 0 auto;

    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================
   MAIN GRID
========================================= */

.refund-changes-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 80px;
    align-items: center;
}


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

.refund-changes-content {
    position: relative;
}

.refund-changes-intro {
    display: flex;
    gap: 18px;

    margin-bottom: 28px;
}

.changes-intro-line {
    flex: 0 0 3px;
    min-height: 65px;

    background: #006ffc;
    border-radius: 10px;
}

.refund-changes-intro p {
    margin: 0;

    color: #667085;
    font-size: 15px;
    line-height: 1.8;
}


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

.refund-changes-cards {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.refund-changes-card {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 15px;

    padding: 19px 20px;

    background: #fff;
    border: 1px solid #e7edf5;
    border-radius: 16px;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.refund-changes-card:hover {
    transform: translateX(4px);

    border-color: rgba(0, 111, 252, .20);

    box-shadow: 0 12px 30px rgba(16, 24, 40, .06);
}

.changes-card-icon {
    width: 38px;
    height: 38px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 10px;
}

.changes-card-icon svg {
    width: 20px;
    height: 20px;
}

.refund-changes-card h3 {
    margin: 1px 0 5px;

    color: #101828;
    font-size: 14px;
    font-weight: 700;
}

.refund-changes-card p {
    margin: 0;

    color: #667085;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================
   VISUAL
========================================= */

.refund-changes-visual {
    position: relative;
    min-height: 520px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-changes-orbit {
    position: absolute;

    border: 1px solid rgba(0, 111, 252, .10);
    border-radius: 50%;
}

.changes-orbit-one {
    width: 400px;
    height: 400px;
}

.changes-orbit-two {
    width: 510px;
    height: 510px;

    border-color: rgba(0, 111, 252, .06);
}


/* =========================================
   DOCUMENT
========================================= */

.refund-changes-document {
    position: relative;
    z-index: 3;

    width: min(390px, 90%);
    padding: 28px;

    background: rgba(255, 255, 255, .97);
    border: 1px solid #e5ebf3;
    border-radius: 24px;

    box-shadow:
        0 25px 60px rgba(16, 24, 40, .10),
        0 5px 15px rgba(0, 111, 252, .04);
}

.changes-document-top {
    display: flex;
    align-items: center;
    gap: 14px;
}

.changes-document-icon {
    width: 50px;
    height: 50px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 14px;
}

.changes-document-icon svg {
    width: 25px;
    height: 25px;
}

.changes-document-top strong {
    display: block;
    margin-bottom: 4px;

    color: #101828;
    font-size: 15px;
}

.changes-document-top span {
    color: #98a2b3;
    font-size: 11px;
}


/* =========================================
   DOCUMENT LINES
========================================= */

.changes-document-lines {
    display: flex;
    flex-direction: column;
    gap: 7px;

    margin: 25px 0 22px;
}

.changes-document-lines span {
    display: block;

    height: 6px;

    background: #edf1f6;
    border-radius: 20px;
}

.changes-document-lines span:nth-child(1) {
    width: 92%;
}

.changes-document-lines span:nth-child(2) {
    width: 78%;
}

.changes-document-lines span:nth-child(3) {
    width: 86%;
}


/* =========================================
   VERSION
========================================= */

.changes-version {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px;

    background: #f8fafc;
    border: 1px solid #edf1f5;
    border-radius: 13px;
}

.version-badge {
    width: 42px;
    height: 42px;

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

    color: #006ffc;
    background: #eaf3ff;
    border-radius: 11px;

    font-size: 11px;
    font-weight: 700;
}

.changes-version strong {
    display: block;

    color: #344054;
    font-size: 12px;
}

.changes-version span {
    display: block;
    margin-top: 3px;

    color: #98a2b3;
    font-size: 10px;
}


/* =========================================
   DATE BOX
========================================= */

.changes-date-box {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-top: 12px;
    padding: 14px;

    background: #edf5ff;
    border: 1px solid rgba(0, 111, 252, .10);
    border-radius: 13px;
}

.date-icon {
    width: 38px;
    height: 38px;

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

    color: #006ffc;
    background: #fff;
    border-radius: 10px;
}

.date-icon svg {
    width: 20px;
    height: 20px;
}

.changes-date-box span {
    display: block;

    color: #667085;
    font-size: 10px;
}

.changes-date-box strong {
    display: block;
    margin-top: 3px;

    color: #101828;
    font-size: 12px;
}


/* =========================================
   FLOATING CARDS
========================================= */

.refund-changes-floating {
    position: absolute;
    z-index: 4;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 15px;

    background: #fff;
    border: 1px solid #e5ebf3;
    border-radius: 13px;

    box-shadow: 0 15px 35px rgba(16, 24, 40, .10);
}

.refund-changes-floating strong {
    display: block;

    color: #344054;
    font-size: 11px;
}

.refund-changes-floating small {
    display: block;
    margin-top: 3px;

    color: #98a2b3;
    font-size: 9px;
}

.floating-update-icon {
    width: 30px;
    height: 30px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 9px;

    font-size: 14px;
    font-weight: 700;
}

.floating-update {
    top: 95px;
    right: -5px;
}

.floating-review {
    bottom: 95px;
    left: -10px;
}


/* =========================================
   NOTICE
========================================= */

.refund-changes-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    margin-top: 50px;
    padding: 20px;

    background: #fff;
    border: 1px solid rgba(0, 111, 252, .12);
    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(16, 24, 40, .04);
}

.changes-notice-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 11px;
}

.changes-notice-icon svg {
    width: 20px;
    height: 20px;
}

.refund-changes-notice strong {
    display: block;
    margin-bottom: 4px;

    color: #101828;
    font-size: 13px;
}

.refund-changes-notice p {
    margin: 0;

    color: #667085;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

    .refund-changes-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .refund-changes-visual {
        min-height: 500px;
        order: -1;
    }

    .refund-changes-content {
        max-width: 760px;
        width: 100%;
        margin: 0 auto;
    }

    .floating-update {
        right: 5%;
    }

    .floating-review {
        left: 5%;
    }
}


@media (max-width: 800px) {

    .refund-changes-section {
        padding: 85px 0;
    }

    .refund-changes-header {
        margin-bottom: 55px;
    }

    .refund-changes-visual {
        min-height: 450px;
    }

    .changes-orbit-one {
        width: 340px;
        height: 340px;
    }

    .changes-orbit-two {
        width: 430px;
        height: 430px;
    }
}


@media (max-width: 600px) {

    .refund-changes-section {
        padding: 70px 0;
    }

    .refund-changes-container {
        width: min(100% - 30px, 1180px);
    }

    .refund-changes-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .refund-changes-header > p {
        font-size: 14px;
    }

    .refund-changes-visual {
        min-height: 400px;
    }

    .refund-changes-document {
        padding: 22px;
        border-radius: 20px;
    }

    .changes-orbit-one {
        width: 290px;
        height: 290px;
    }

    .changes-orbit-two {
        width: 360px;
        height: 360px;
    }

    .refund-changes-floating {
        padding: 9px 11px;
    }

    .floating-update {
        top: 55px;
        right: 0;
    }

    .floating-review {
        bottom: 45px;
        left: 0;
    }

    .refund-changes-card {
        grid-template-columns: 42px 1fr;
        gap: 12px;
        padding: 15px;
    }
}


@media (max-width: 420px) {

    .refund-changes-section {
        padding: 60px 0;
    }

    .refund-changes-header h2 {
        font-size: 30px;
    }

    .refund-changes-visual {
        min-height: 370px;
    }

    .refund-changes-document {
        width: 94%;
        padding: 18px;
    }

    .changes-orbit-one {
        width: 250px;
        height: 250px;
    }

    .changes-orbit-two {
        width: 315px;
        height: 315px;
    }

    .floating-update {
        top: 25px;
        right: -2px;
    }

    .floating-review {
        bottom: 25px;
        left: -2px;
    }

    .refund-changes-floating strong {
        font-size: 9px;
    }

    .refund-changes-floating small {
        font-size: 8px;
    }

    .refund-changes-notice {
        padding: 15px;
    }
}





/* =========================================
   CAREER HERO
========================================= */

.career-hero-section {
    position: relative;
    padding: 105px 0 115px;
    background: #ffffff;
    overflow: hidden;
}

.career-hero-container {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================
   GRID
========================================= */

.career-hero-grid {
    display: grid;
    grid-template-columns: 1.02fr .98fr;
    gap: 75px;
    align-items: center;
}


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

.career-hero-content {
    max-width: 650px;
}

.career-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 22px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.career-hero-label::before {
    content: "";

    width: 30px;
    height: 1px;

    background: #006ffc;
    opacity: .6;
}

.career-hero-content h1 {
    margin: 0 0 25px;

    color: #101828;
    font-size: clamp(46px, 5.3vw, 68px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -2.5px;
}

.career-hero-content h1 span {
    display: block;
    color: #006ffc;
}

.career-hero-content > p {
    margin: 0;

    color: #344054;
    font-size: 19px;
    line-height: 1.7;
    font-weight: 500;
}

.career-hero-description {
    max-width: 590px;

    margin-top: 13px !important;

    color: #667085 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    font-weight: 400 !important;
}


/* =========================================
   BUTTONS
========================================= */

.career-hero-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;

    margin-top: 34px;
}

.career-btn-primary,
.career-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 52px;
    padding: 0 21px;

    border-radius: 11px;

    font-size: 13px;
    font-weight: 600;
    text-decoration: none;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.career-btn-primary {
    color: #fff;
    background: #006ffc;

    box-shadow: 0 10px 25px rgba(0, 111, 252, .18);
}

.career-btn-primary:hover {
    transform: translateY(-2px);

    box-shadow: 0 14px 30px rgba(0, 111, 252, .24);
}

.career-btn-secondary {
    color: #101828;
    background: #fff;

    border: 1px solid #dfe5ed;
}

.career-btn-secondary:hover {
    transform: translateY(-2px);

    color: #006ffc;
    border-color: rgba(0, 111, 252, .30);

    box-shadow: 0 10px 25px rgba(16, 24, 40, .07);
}

.career-btn-primary svg,
.career-btn-secondary svg {
    width: 18px;
    height: 18px;
}


/* =========================================
   TRUST ITEMS
========================================= */

.career-hero-trust {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px;

    margin-top: 40px;
    padding-top: 25px;

    border-top: 1px solid #edf0f4;
}

.career-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.career-trust-icon {
    width: 38px;
    height: 38px;

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

    color: #006ffc;
    background: #edf5ff;

    border-radius: 10px;
}

.career-trust-icon svg {
    width: 19px;
    height: 19px;
}

.career-trust-item strong {
    display: block;

    color: #344054;
    font-size: 11px;
    font-weight: 700;
}

.career-trust-item span {
    display: block;

    margin-top: 3px;

    color: #98a2b3;
    font-size: 9px;
}


/* =========================================
   IMAGE AREA
========================================= */

.career-hero-visual {
    position: relative;
    min-height: 570px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.career-hero-image-wrapper {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 530px;
    height: 520px;

    border-radius: 28px;
    overflow: hidden;

    background: #edf5ff;

    box-shadow:
        0 30px 70px rgba(16, 24, 40, .13),
        0 8px 25px rgba(0, 111, 252, .06);
}

.career-hero-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}

.career-image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(16, 24, 40, 0) 45%,
            rgba(16, 24, 40, .18) 100%
        );

    pointer-events: none;
}


/* =========================================
   IMAGE BADGE
========================================= */

.career-image-badge {
    position: absolute;
    z-index: 3;

    left: 370px;
    bottom: 10px;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 13px 16px;

    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 14px;

    box-shadow: 0 12px 30px rgba(16, 24, 40, .12);

    backdrop-filter: blur(10px);
}

.career-badge-icon {
    width: 35px;
    height: 35px;

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

    color: #006ffc;
    background: #edf5ff;

    border-radius: 9px;
}

.career-badge-icon svg {
    width: 18px;
    height: 18px;
}

.career-image-badge strong {
    display: block;

    color: #101828;
    font-size: 11px;
}

.career-image-badge span {
    display: block;

    margin-top: 3px;

    color: #667085;
    font-size: 9px;
}


/* =========================================
   FLOATING CARDS
========================================= */

.career-floating-card {
    position: absolute;
    z-index: 5;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 13px 15px;

    background: #fff;
    border: 1px solid #e5ebf3;
    border-radius: 14px;

    box-shadow: 0 18px 40px rgba(16, 24, 40, .11);
}

.career-floating-icon {
    width: 34px;
    height: 34px;

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

    color: #006ffc;
    background: #edf5ff;

    border-radius: 9px;
}

.career-floating-icon svg {
    width: 18px;
    height: 18px;
}

.career-floating-card strong {
    display: block;

    color: #344054;
    font-size: 10px;
    font-weight: 700;
}

.career-floating-card span {
    display: block;

    margin-top: 3px;

    color: #98a2b3;
    font-size: 9px;
}

.career-floating-top {
    top: 70px;
    right: -25px;
}

.career-floating-bottom {
    bottom: 65px;
    left: -25px;
}


/* =========================================
   BACKGROUND SHAPES
========================================= */

.career-hero-bg-shape {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}

.career-shape-one {
    width: 420px;
    height: 420px;

    top: -180px;
    right: -150px;

    background: rgba(0, 111, 252, .035);
}

.career-shape-two {
    width: 300px;
    height: 300px;

    bottom: -160px;
    left: -130px;

    border: 1px solid rgba(0, 111, 252, .08);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1100px) {

    .career-hero-grid {
        gap: 45px;
    }

    .career-hero-content h1 {
        font-size: clamp(44px, 5vw, 60px);
    }

    .career-floating-top {
        right: -10px;
    }

    .career-floating-bottom {
        left: -10px;
    }
}


@media (max-width: 950px) {

    .career-hero-grid {
        grid-template-columns: 1fr;
        gap: 65px;
    }

    .career-hero-content {
        max-width: 760px;
    }

    .career-hero-content h1 {
        font-size: clamp(48px, 7vw, 64px);
    }

    .career-hero-visual {
        min-height: 530px;
    }

    .career-hero-image-wrapper {
        max-width: 600px;
    }

    .career-floating-top {
        right: 3%;
    }

    .career-floating-bottom {
        left: 3%;
    }
}


@media (max-width: 700px) {

    .career-hero-section {
        padding: 75px 0 85px;
    }

    .career-hero-container {
        width: min(100% - 30px, 1180px);
    }

    .career-hero-grid {
        gap: 50px;
    }

    .career-hero-content h1 {
        font-size: 46px;
        letter-spacing: -1.8px;
    }

    .career-hero-content > p {
        font-size: 17px;
    }

    .career-hero-description {
        font-size: 14px !important;
    }

    .career-hero-buttons {
        margin-top: 28px;
    }

    .career-hero-visual {
        min-height: 450px;
    }

    .career-hero-image-wrapper {
        height: 430px;
        border-radius: 22px;
    }

    .career-floating-top {
        top: 35px;
        right: -2px;
    }

    .career-floating-bottom {
        bottom: 35px;
        left: -2px;
    }
}


@media (max-width: 500px) {

    .career-hero-section {
        padding: 60px 0 70px;
    }

    .career-hero-content h1 {
        font-size: 40px;
        line-height: 1.08;
    }

    .career-hero-label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .career-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .career-btn-primary,
    .career-btn-secondary {
        width: 100%;
    }

    .career-hero-trust {
        gap: 18px;
        margin-top: 30px;
    }

    .career-trust-item {
        flex: 1;
    }

    .career-hero-visual {
        min-height: 390px;
    }

    .career-hero-image-wrapper {
        height: 370px;
        border-radius: 20px;
    }

    .career-image-badge {
        left: 14px;
        bottom: 14px;
    }

    .career-floating-card {
        padding: 9px 11px;
    }

    .career-floating-icon {
        width: 29px;
        height: 29px;
    }

    .career-floating-card strong {
        font-size: 9px;
    }

    .career-floating-card span {
        font-size: 8px;
    }
}


@media (max-width: 380px) {

    .career-hero-content h1 {
        font-size: 36px;
    }

    .career-hero-visual {
        min-height: 350px;
    }

    .career-hero-image-wrapper {
        height: 330px;
    }

    .career-floating-top {
        top: 20px;
    }

    .career-floating-bottom {
        bottom: 20px;
    }
}




/* =========================================================
   LIFE AT INT ENTERPRISES - INTRODUCTION
========================================================= */

.life-intro-section {
    position: relative;
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.life-intro-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.life-intro-grid {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    align-items: center;
    gap: 85px;
}


/* =========================================================
   LEFT IMAGE
========================================================= */

.life-intro-image-area {
    position: relative;
    padding: 0 20px 25px 0;
}

.life-intro-image-wrapper {
    position: relative;
    height: 560px;
    border-radius: 28px;
    overflow: visible;
}

.life-intro-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 28px;
    box-shadow: 0 25px 60px rgba(16, 24, 40, 0.14);
}

.life-intro-image-overlay {
    position: absolute;
    inset: 0;
    border-radius: 28px;
    background: linear-gradient(
        180deg,
        rgba(0, 111, 252, 0.02) 30%,
        rgba(0, 42, 92, 0.24) 100%
    );
    pointer-events: none;
}


/* =========================================================
   FLOATING CARD
========================================================= */

.life-intro-floating-card {
    position: absolute;
    right: -32px;
    bottom: 38px;

    display: flex;
    align-items: center;
    gap: 13px;

    min-width: 205px;
    padding: 16px 18px;

    background: #ffffff;
    border: 1px solid #e7edf5;
    border-radius: 16px;

    box-shadow: 0 18px 45px rgba(16, 24, 40, 0.14);
    z-index: 3;
}

.life-intro-floating-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 12px;
}

.life-intro-floating-icon svg {
    width: 22px;
    height: 22px;
}

.life-intro-floating-card strong {
    display: block;
    margin-bottom: 3px;

    color: #101828;
    font-size: 14px;
    font-weight: 700;
}

.life-intro-floating-card span {
    display: block;

    color: #667085;
    font-size: 12px;
    font-weight: 500;
}


/* =========================================================
   DECORATIVE SHAPE
========================================================= */

.life-intro-decoration {
    position: absolute;
    left: -18px;
    bottom: 0;

    width: 110px;
    height: 110px;

    border-radius: 24px;
    border: 1px solid #dceaff;
    background: #f5f9ff;

    z-index: -1;
}


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

.life-intro-content {
    max-width: 610px;
}

.life-intro-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 20px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.life-intro-label-line {
    width: 30px;
    height: 2px;
    background: #006ffc;
    border-radius: 10px;
}


/* =========================================================
   HEADING
========================================================= */

.life-intro-title {
    margin: 0 0 25px;

    color: #101828;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.1;
    letter-spacing: -1.8px;
    font-weight: 750;
}

.life-intro-title span {
    display: block;
    color: #006ffc;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

.life-intro-text {
    margin: 0 0 17px;

    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

.life-intro-text:last-of-type {
    margin-bottom: 30px;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.life-intro-highlights {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.life-intro-highlight {
    padding: 17px 14px;

    background: #f8fbff;
    border: 1px solid #e7edf5;
    border-radius: 15px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.life-intro-highlight:hover {
    transform: translateY(-4px);
    border-color: #cfe2ff;
    box-shadow: 0 14px 30px rgba(0, 111, 252, 0.08);
}

.life-intro-highlight-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 11px;

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

    color: #006ffc;
    background: #eaf3ff;
    border-radius: 10px;
}

.life-intro-highlight-icon svg {
    width: 20px;
    height: 20px;
}

.life-intro-highlight strong {
    display: block;
    margin-bottom: 5px;

    color: #101828;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}

.life-intro-highlight span {
    display: block;

    color: #667085;
    font-size: 11px;
    line-height: 1.5;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    .life-intro-grid {
        gap: 55px;
    }

    .life-intro-image-wrapper {
        height: 500px;
    }

    .life-intro-title {
        font-size: 43px;
    }

    .life-intro-highlights {
        grid-template-columns: 1fr;
    }

    .life-intro-highlight {
        display: flex;
        align-items: center;
        gap: 13px;
    }

    .life-intro-highlight-icon {
        flex: 0 0 38px;
        margin-bottom: 0;
    }
}


@media (max-width: 850px) {

    .life-intro-section {
        padding: 85px 0;
    }

    .life-intro-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .life-intro-image-area {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }

    .life-intro-image-wrapper {
        height: 500px;
    }

    .life-intro-content {
        max-width: 700px;
    }

    .life-intro-highlights {
        grid-template-columns: repeat(3, 1fr);
    }

    .life-intro-highlight {
        display: block;
    }

    .life-intro-highlight-icon {
        margin-bottom: 11px;
    }
}


@media (max-width: 650px) {

    .life-intro-section {
        padding: 70px 0;
    }

    .life-intro-container {
        width: min(100% - 30px, 1180px);
    }

    .life-intro-image-wrapper {
        height: 430px;
    }

    .life-intro-title {
        font-size: 37px;
        letter-spacing: -1.2px;
    }

    .life-intro-text {
        font-size: 15px;
        line-height: 1.75;
    }

    .life-intro-highlights {
        grid-template-columns: 1fr;
    }

    .life-intro-highlight {
        display: flex;
        align-items: center;
    }

    .life-intro-highlight-icon {
        margin-bottom: 0;
    }

    .life-intro-floating-card {
        right: 15px;
        bottom: 25px;
    }
}


@media (max-width: 450px) {

    .life-intro-image-area {
        padding-right: 0;
    }

    .life-intro-image-wrapper {
        height: 380px;
    }

    .life-intro-title {
        font-size: 33px;
    }

    .life-intro-label {
        font-size: 10px;
        letter-spacing: 1.4px;
    }

    .life-intro-floating-card {
        right: 12px;
        min-width: 185px;
        padding: 13px;
    }

    .life-intro-floating-icon {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
    }
}



/* =========================================================
   OPEN POSITIONS
========================================================= */

.career-positions-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.career-positions-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


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

.career-positions-header {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.career-positions-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.career-positions-label-line {
    width: 30px;
    height: 2px;
    background: #006ffc;
    border-radius: 10px;
}

.career-positions-title {
    margin: 0 0 18px;

    color: #101828;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.1;
    letter-spacing: -1.8px;
    font-weight: 750;
}

.career-positions-title span {
    color: #006ffc;
}

.career-positions-intro {
    max-width: 610px;
    margin: 0 auto;

    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================================
   JOB GRID
========================================================= */

.career-jobs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}


/* =========================================================
   JOB CARD
========================================================= */

.career-job-card {
    position: relative;
    padding: 30px;

    background: #ffffff;
    border: 1px solid #e4eaf2;
    border-radius: 22px;

    box-shadow: 0 8px 30px rgba(16, 24, 40, 0.045);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.career-job-card:hover {
    transform: translateY(-6px);
    border-color: #cfe2ff;
    box-shadow: 0 20px 45px rgba(0, 111, 252, 0.10);
}


/* =========================================================
   CARD TOP
========================================================= */

.career-job-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 23px;
}

.career-job-icon {
    width: 52px;
    height: 52px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 14px;
}

.career-job-icon svg {
    width: 26px;
    height: 26px;
}

.career-job-type {
    padding: 7px 11px;

    color: #006ffc;
    background: #f2f7ff;

    border: 1px solid #dceaff;
    border-radius: 50px;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}


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

.career-job-title {
    margin: 0 0 24px;

    color: #101828;
    font-size: 23px;
    line-height: 1.3;
    letter-spacing: -0.4px;
    font-weight: 700;
}


/* =========================================================
   JOB META
========================================================= */

.career-job-meta {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;

    padding: 18px 0;

    border-top: 1px solid #edf0f4;
    border-bottom: 1px solid #edf0f4;
}

.career-job-meta-item {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.career-job-meta-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;

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

    color: #006ffc;
    background: #f4f8ff;
    border-radius: 8px;
}

.career-job-meta-icon svg {
    width: 16px;
    height: 16px;
}

.career-job-meta-item small {
    display: block;
    margin-bottom: 4px;

    color: #98a2b3;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
}

.career-job-meta-item strong {
    display: block;

    color: #344054;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
}


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

.career-job-description {
    min-height: 50px;
    margin: 21px 0 24px;

    color: #667085;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   BUTTON
========================================================= */

.career-job-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-height: 44px;
    padding: 0 17px;

    color: #006ffc;
    background: #ffffff;

    border: 1px solid #cfe2ff;
    border-radius: 10px;

    font-size: 13px;
    font-weight: 700;
    text-decoration: none;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.career-job-button svg {
    width: 17px;
    height: 17px;

    transition: transform 0.25s ease;
}

.career-job-button:hover {
    color: #ffffff;
    background: #006ffc;
    border-color: #006ffc;
}

.career-job-button:hover svg {
    transform: translateX(3px);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1000px) {

    .career-jobs-grid {
        gap: 18px;
    }

    .career-job-card {
        padding: 25px;
    }

    .career-job-meta {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .career-job-meta-item {
        align-items: center;
    }
}


@media (max-width: 750px) {

    .career-positions-section {
        padding: 85px 0;
    }

    .career-jobs-grid {
        grid-template-columns: 1fr;
    }

    .career-job-meta {
        grid-template-columns: repeat(3, 1fr);
    }

    .career-job-meta-item {
        align-items: flex-start;
    }
}


@media (max-width: 600px) {

    .career-positions-container {
        width: min(100% - 30px, 1180px);
    }

    .career-positions-header {
        margin-bottom: 40px;
    }

    .career-positions-title {
        font-size: 37px;
        letter-spacing: -1.2px;
    }

    .career-positions-intro {
        font-size: 15px;
    }

    .career-job-card {
        padding: 23px;
        border-radius: 18px;
    }

    .career-job-title {
        font-size: 21px;
    }

    .career-job-meta {
        grid-template-columns: 1fr;
    }

    .career-job-meta-item {
        align-items: center;
    }

    .career-job-description {
        min-height: auto;
    }
}


@media (max-width: 420px) {

    .career-positions-section {
        padding: 70px 0;
    }

    .career-positions-title {
        font-size: 33px;
    }

    .career-job-card {
        padding: 20px;
    }

    .career-job-top {
        margin-bottom: 20px;
    }

    .career-job-icon {
        width: 47px;
        height: 47px;
    }

    .career-job-type {
        font-size: 8px;
    }
}




/* =========================================================
   WHY WORK WITH US
========================================================= */

.career-why-section {
    position: relative;
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.career-why-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


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

.career-why-header {
    max-width: 700px;
    margin: 0 auto 55px;
    text-align: center;
}

.career-why-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.career-why-label-line {
    width: 30px;
    height: 2px;

    background: #006ffc;
    border-radius: 10px;
}

.career-why-title {
    margin: 0;

    color: #101828;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.1;
    letter-spacing: -1.8px;
    font-weight: 750;
}

.career-why-title span {
    color: #006ffc;
}


/* =========================================================
   CARD GRID
========================================================= */

.career-why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}


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

.career-why-card {
    position: relative;
    min-height: 330px;
    padding: 28px 25px 25px;

    background: #f8fbff;
    border: 1px solid #e5ebf3;
    border-radius: 20px;

    overflow: hidden;

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

.career-why-card:hover {
    transform: translateY(-7px);

    background: #ffffff;
    border-color: #cfe2ff;

    box-shadow: 0 20px 45px rgba(0, 111, 252, 0.10);
}


/* =========================================================
   CARD TOP
========================================================= */

.career-why-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    margin-bottom: 35px;
}

.career-why-number {
    color: #cbd9ea;
    font-size: 32px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -1px;

    transition: color 0.3s ease;
}

.career-why-card:hover .career-why-number {
    color: #b8d5ff;
}


/* =========================================================
   ICON
========================================================= */

.career-why-icon {
    width: 52px;
    height: 52px;

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

    color: #006ffc;
    background: #eaf3ff;

    border-radius: 14px;

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

.career-why-icon svg {
    width: 26px;
    height: 26px;
}

.career-why-card:hover .career-why-icon {
    background: #006ffc;
    color: #ffffff;
    transform: scale(1.05);
}


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

.career-why-card h3 {
    margin: 0 0 14px;

    color: #101828;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -0.3px;
    font-weight: 700;
}


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

.career-why-card p {
    margin: 0;

    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}


/* =========================================================
   BOTTOM ACCENT
========================================================= */

.career-why-card-line {
    position: absolute;
    left: 25px;
    bottom: 0;

    width: 0;
    height: 3px;

    background: #006ffc;
    border-radius: 5px 5px 0 0;

    transition: width 0.35s ease;
}

.career-why-card:hover .career-why-card-line {
    width: calc(100% - 50px);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    .career-why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .career-why-card {
        min-height: 300px;
    }
}


@media (max-width: 700px) {

    .career-why-section {
        padding: 85px 0;
    }

    .career-why-container {
        width: min(100% - 30px, 1180px);
    }

    .career-why-header {
        margin-bottom: 40px;
    }

    .career-why-title {
        font-size: 38px;
    }

    .career-why-grid {
        grid-template-columns: 1fr;
    }

    .career-why-card {
        min-height: auto;
        padding: 25px;
    }

    .career-why-card-top {
        margin-bottom: 25px;
    }
}


@media (max-width: 450px) {

    .career-why-section {
        padding: 70px 0;
    }

    .career-why-title {
        font-size: 33px;
        letter-spacing: -1.2px;
    }

    .career-why-label {
        font-size: 10px;
        letter-spacing: 1.4px;
    }

    .career-why-card {
        padding: 22px;
        border-radius: 17px;
    }

    .career-why-number {
        font-size: 28px;
    }

    .career-why-icon {
        width: 47px;
        height: 47px;
    }

    .career-why-icon svg {
        width: 23px;
        height: 23px;
    }

    .career-why-card h3 {
        font-size: 19px;
    }
}


/* =========================================================
   EMPLOYEE EXPERIENCE / LIFE AT INT
========================================================= */

.career-life-section {
    position: relative;
    padding: 110px 0;
    background: #f8fbff;
    overflow: hidden;
}

.career-life-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.career-life-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 85px;
}


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

.career-life-content {
    max-width: 540px;
}

.career-life-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 19px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.career-life-label-line {
    width: 30px;
    height: 2px;

    background: #006ffc;
    border-radius: 10px;
}

.career-life-title {
    margin: 0 0 25px;

    color: #101828;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.1;
    letter-spacing: -1.8px;
    font-weight: 750;
}

.career-life-title span {
    display: block;
    color: #006ffc;
}

.career-life-description {
    margin: 0 0 16px;

    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

.career-life-description:last-of-type {
    margin-bottom: 30px;
}


/* =========================================================
   POINTS
========================================================= */

.career-life-points {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.career-life-point {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 14px 16px;

    background: #ffffff;
    border: 1px solid #e5ebf3;
    border-radius: 14px;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.career-life-point:hover {
    transform: translateX(5px);
    border-color: #cfe2ff;
    box-shadow: 0 10px 25px rgba(0, 111, 252, 0.07);
}

.career-life-point-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 11px;
}

.career-life-point-icon svg {
    width: 21px;
    height: 21px;
}

.career-life-point strong {
    display: block;
    margin-bottom: 3px;

    color: #101828;
    font-size: 13px;
    font-weight: 700;
}

.career-life-point span {
    display: block;

    color: #667085;
    font-size: 12px;
    line-height: 1.4;
}


/* =========================================================
   IMAGE
========================================================= */

.career-life-image-area {
    position: relative;
    padding: 0 0 25px 25px;
}

.career-life-image-wrapper {
    position: relative;
    height: 555px;
    z-index: 2;
}

.career-life-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    border-radius: 28px;

    box-shadow: 0 25px 60px rgba(16, 24, 40, 0.15);
}

.career-life-image-overlay {
    position: absolute;
    inset: 0;

    border-radius: 28px;

    background: linear-gradient(
        180deg,
        rgba(0, 111, 252, 0.02) 30%,
        rgba(0, 35, 80, 0.32) 100%
    );
}


/* =========================================================
   IMAGE BADGE
========================================================= */

.career-life-image-badge {
    position: absolute;
    left: 25px;
    bottom: 25px;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 17px;

    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 14px;

    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.15);
}

.career-life-badge-dot {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;

    background: #006ffc;
    border-radius: 50%;

    box-shadow: 0 0 0 5px #e8f2ff;
}

.career-life-image-badge strong {
    display: block;
    margin-bottom: 3px;

    color: #101828;
    font-size: 13px;
    font-weight: 750;
}

.career-life-image-badge span {
    display: block;

    color: #667085;
    font-size: 11px;
}


/* =========================================================
   DECORATIVE SHAPE
========================================================= */

.career-life-shape {
    position: absolute;
    left: 0;
    bottom: 0;

    width: 130px;
    height: 130px;

    border-radius: 26px;

    background: #edf5ff;
    border: 1px solid #d9eaff;

    z-index: 1;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1000px) {

    .career-life-grid {
        gap: 55px;
    }

    .career-life-image-wrapper {
        height: 500px;
    }
}


@media (max-width: 850px) {

    .career-life-section {
        padding: 85px 0;
    }

    .career-life-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .career-life-content {
        max-width: 700px;
    }

    .career-life-image-area {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
    }

    .career-life-image-wrapper {
        height: 500px;
    }
}


@media (max-width: 600px) {

    .career-life-section {
        padding: 70px 0;
    }

    .career-life-container {
        width: min(100% - 30px, 1180px);
    }

    .career-life-title {
        font-size: 37px;
        letter-spacing: -1.2px;
    }

    .career-life-description {
        font-size: 15px;
        line-height: 1.75;
    }

    .career-life-image-area {
        padding-left: 10px;
    }

    .career-life-image-wrapper {
        height: 420px;
    }

    .career-life-image-badge {
        left: 20px;
        bottom: 20px;
    }
}


@media (max-width: 450px) {

    .career-life-title {
        font-size: 33px;
    }

    .career-life-label {
        font-size: 10px;
        letter-spacing: 1.4px;
    }

    .career-life-image-area {
        padding-left: 0;
    }

    .career-life-image-wrapper {
        height: 370px;
    }

    .career-life-point {
        padding: 12px;
    }

    .career-life-point-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }
}



/* =========================================================
   OUR CULTURE
========================================================= */

.career-culture-section {
    position: relative;
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}

.career-culture-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


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

.career-culture-header {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.career-culture-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.career-culture-label-line {
    width: 30px;
    height: 2px;

    background: #006ffc;
    border-radius: 10px;
}

.career-culture-title {
    margin: 0;

    color: #101828;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.1;
    letter-spacing: -1.8px;
    font-weight: 750;
}

.career-culture-title span {
    color: #006ffc;
}


/* =========================================================
   CULTURE GRID
========================================================= */

.career-culture-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}


/* =========================================================
   CULTURE CARD
========================================================= */

.career-culture-card {
    position: relative;

    min-height: 300px;
    padding: 26px 24px;

    background: #f8fbff;
    border: 1px solid #e4eaf2;
    border-radius: 20px;

    overflow: hidden;

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

.career-culture-card:hover {
    transform: translateY(-7px);

    background: #ffffff;
    border-color: #cfe2ff;

    box-shadow: 0 22px 45px rgba(0, 111, 252, 0.10);
}


/* =========================================================
   NUMBER
========================================================= */

.career-culture-number {
    position: absolute;
    top: 20px;
    right: 22px;

    color: #d8e5f4;

    font-size: 31px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -1px;

    transition: color 0.3s ease;
}

.career-culture-card:hover .career-culture-number {
    color: #bcd8ff;
}


/* =========================================================
   ICON
========================================================= */

.career-culture-icon {
    width: 54px;
    height: 54px;

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

    margin-bottom: 45px;

    color: #006ffc;
    background: #eaf3ff;

    border-radius: 15px;

    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease;
}

.career-culture-icon svg {
    width: 27px;
    height: 27px;
}

.career-culture-card:hover .career-culture-icon {
    color: #ffffff;
    background: #006ffc;
    transform: scale(1.05);
}


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

.career-culture-card h3 {
    margin: 0 0 13px;

    color: #101828;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.career-culture-card p {
    max-width: 235px;
    margin: 0;

    color: #667085;
    font-size: 14px;
    line-height: 1.75;
}


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

.career-culture-arrow {
    position: absolute;
    left: 24px;
    bottom: 22px;

    width: 34px;
    height: 34px;

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

    color: #006ffc;
    background: #ffffff;

    border: 1px solid #dceaff;
    border-radius: 50%;

    font-size: 17px;
    font-weight: 600;

    transition:
        color 0.25s ease,
        background 0.25s ease,
        transform 0.25s ease;
}

.career-culture-card:hover .career-culture-arrow {
    color: #ffffff;
    background: #006ffc;
    transform: translateX(4px);
}


/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.career-culture-section::before {
    content: "";

    position: absolute;
    width: 300px;
    height: 300px;

    top: -170px;
    right: -100px;

    border: 1px solid #edf4fc;
    border-radius: 50%;

    pointer-events: none;
}

.career-culture-section::after {
    content: "";

    position: absolute;
    width: 180px;
    height: 180px;

    bottom: -100px;
    left: -70px;

    background: #f5f9ff;
    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    .career-culture-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .career-culture-card {
        min-height: 285px;
    }
}


@media (max-width: 700px) {

    .career-culture-section {
        padding: 85px 0;
    }

    .career-culture-container {
        width: min(100% - 30px, 1180px);
    }

    .career-culture-header {
        margin-bottom: 40px;
    }

    .career-culture-title {
        font-size: 38px;
    }

    .career-culture-grid {
        grid-template-columns: 1fr;
    }

    .career-culture-card {
        min-height: 260px;
    }
}


@media (max-width: 450px) {

    .career-culture-section {
        padding: 70px 0;
    }

    .career-culture-title {
        font-size: 33px;
        letter-spacing: -1.2px;
    }

    .career-culture-label {
        font-size: 10px;
        letter-spacing: 1.4px;
    }

    .career-culture-card {
        min-height: 250px;
        padding: 23px;
        border-radius: 17px;
    }

    .career-culture-number {
        font-size: 27px;
        right: 19px;
    }

    .career-culture-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 35px;
    }

    .career-culture-icon svg {
        width: 24px;
        height: 24px;
    }

    .career-culture-card h3 {
        font-size: 19px;
    }

    .career-culture-card p {
        font-size: 13px;
    }

    .career-culture-arrow {
        left: 23px;
        bottom: 18px;
    }
}



/* =========================================
   EMPLOYEE BENEFITS
========================================= */

.career-benefits-section {
    position: relative;
    padding: 110px 20px;
    background: #f8fbff;
    overflow: hidden;
}

.career-benefits-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(0, 111, 252, 0.07);
    border-radius: 50%;
    top: -220px;
    right: -120px;
}

.career-benefits-section::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    border: 1px solid rgba(0, 111, 252, 0.06);
    border-radius: 50%;
    bottom: -170px;
    left: -100px;
}

.career-benefits-container {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
}


/* ---------- Header ---------- */

.career-benefits-header {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.career-benefits-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: #006ffc;
}

.career-benefits-label::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 10px;
    background: #006ffc;
}

.career-benefits-header h2 {
    margin: 0 0 18px;
    color: #101828;
    font-size: clamp(36px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.career-benefits-header p {
    max-width: 650px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* ---------- Grid ---------- */

.career-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}


/* ---------- Card ---------- */

.career-benefit-card {
    position: relative;
    min-height: 270px;
    padding: 30px 30px 32px;
    background: #ffffff;
    border: 1px solid #e5ebf3;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(16, 24, 40, 0.045);
    overflow: hidden;
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.career-benefit-card:hover {
    transform: translateY(-7px);
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.09);
}


/* ---------- Card Top ---------- */

.career-benefit-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.career-benefit-number {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #98a2b3;
}

.career-benefit-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #edf5ff;
    color: #006ffc;
    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.career-benefit-icon svg {
    width: 26px;
    height: 26px;
}

.career-benefit-card:hover .career-benefit-icon {
    background: #006ffc;
    color: #ffffff;
    transform: scale(1.05);
}


/* ---------- Content ---------- */

.career-benefit-card h3 {
    margin: 0 0 11px;
    color: #101828;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.career-benefit-card p {
    max-width: 310px;
    margin: 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.7;
}


/* ---------- Bottom Accent ---------- */

.career-benefit-line {
    position: absolute;
    left: 30px;
    bottom: 0;
    width: 42px;
    height: 3px;
    border-radius: 5px 5px 0 0;
    background: #006ffc;
    transition: width 0.3s ease;
}

.career-benefit-card:hover .career-benefit-line {
    width: 75px;
}


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

@media (max-width: 950px) {

    .career-benefits-section {
        padding: 90px 20px;
    }

    .career-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


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

@media (max-width: 600px) {

    .career-benefits-section {
        padding: 75px 18px;
    }

    .career-benefits-header {
        margin-bottom: 40px;
    }

    .career-benefits-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .career-benefits-header p {
        font-size: 15px;
        line-height: 1.65;
    }

    .career-benefits-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .career-benefit-card {
        min-height: auto;
        padding: 25px 24px 30px;
    }

    .career-benefit-top {
        margin-bottom: 24px;
    }

    .career-benefit-card h3 {
        font-size: 20px;
    }

    .career-benefit-card p {
        font-size: 14px;
    }

    .career-benefit-line {
        left: 24px;
    }
}





/* =========================================
   HOW TO APPLY / JOIN INT
========================================= */

.career-apply-section {
    position: relative;
    padding: 110px 20px;
    background: #ffffff;
    overflow: hidden;
}

.career-apply-section::before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    border: 1px solid rgba(0, 111, 252, 0.06);
    border-radius: 50%;
    top: -210px;
    left: -140px;
}

.career-apply-section::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border: 1px solid rgba(0, 111, 252, 0.05);
    border-radius: 50%;
    right: -130px;
    bottom: -180px;
}

.career-apply-container {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
}


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

.career-apply-header {
    max-width: 700px;
    margin: 0 auto 65px;
    text-align: center;
}

.career-apply-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.career-apply-label::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 10px;
    background: #006ffc;
}

.career-apply-header h2 {
    margin: 0 0 18px;
    color: #101828;
    font-size: clamp(36px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.career-apply-header p {
    max-width: 650px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   STEPS
========================================= */

.career-apply-steps {
    display: grid;
    grid-template-columns: 1fr 70px 1fr 70px 1fr 70px 1fr;
    align-items: center;
}


/* =========================================
   STEP CARD
========================================= */

.career-apply-step {
    position: relative;
    min-height: 280px;
    padding: 30px;
    background: #f8fbff;
    border: 1px solid #e5ebf3;
    border-radius: 18px;
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.career-apply-step:hover {
    transform: translateY(-7px);
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 18px 40px rgba(16, 24, 40, 0.08);
}


/* =========================================
   STEP TOP
========================================= */

.career-apply-step-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.career-apply-number {
    color: #98a2b3;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-apply-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #ffffff;
    color: #006ffc;
    border: 1px solid #e3edfb;
    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.career-apply-icon svg {
    width: 26px;
    height: 26px;
}

.career-apply-step:hover .career-apply-icon {
    background: #006ffc;
    color: #ffffff;
    transform: scale(1.05);
}


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

.career-apply-step h3 {
    margin: 0 0 11px;
    color: #101828;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.career-apply-step p {
    margin: 0;
    color: #667085;
    font-size: 14.5px;
    line-height: 1.7;
}


/* =========================================
   CONNECTOR
========================================= */

.career-apply-connector {
    position: relative;
    height: 2px;
    background: #dce9f8;
}

.career-apply-connector::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #006ffc;
    border-right: 2px solid #006ffc;
    transform: translateY(-50%) rotate(45deg);
}


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

@media (max-width: 1050px) {

    .career-apply-section {
        padding: 90px 20px;
    }

    .career-apply-steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }

    .career-apply-connector {
        display: none;
    }

    .career-apply-step {
        min-height: 250px;
    }
}


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

@media (max-width: 600px) {

    .career-apply-section {
        padding: 75px 18px;
    }

    .career-apply-header {
        margin-bottom: 40px;
    }

    .career-apply-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .career-apply-header p {
        font-size: 15px;
        line-height: 1.65;
    }

    .career-apply-steps {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .career-apply-step {
        min-height: auto;
        padding: 25px 24px 30px;
    }

    .career-apply-step-top {
        margin-bottom: 24px;
    }

    .career-apply-step h3 {
        font-size: 20px;
    }

    .career-apply-step p {
        font-size: 14px;
    }
}


 /* =========================================
    SPONTANEOUS APPLICATION
 ========================================= */

.career-spontaneous-section {
    position: relative;
    padding: 110px 20px;
    background: #f8fbff;
    overflow: hidden;
}

.career-spontaneous-container {
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================
   MAIN CARD
========================================= */

.career-spontaneous-card {
    position: relative;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    align-items: center;
    min-height: 500px;
    padding: 70px 75px;
    background: #ffffff;
    border: 1px solid #e2eaf4;
    border-radius: 26px;
    box-shadow: 0 20px 55px rgba(16, 24, 40, 0.07);
    overflow: hidden;
}


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

.career-spontaneous-content {
    position: relative;
    z-index: 3;
    max-width: 610px;
}

.career-spontaneous-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.career-spontaneous-label::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 10px;
    background: #006ffc;
}

.career-spontaneous-content h2 {
    max-width: 580px;
    margin: 0 0 20px;
    color: #101828;
    font-size: clamp(36px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.career-spontaneous-content p {
    max-width: 590px;
    margin: 0 0 12px;
    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   ACTIONS
========================================= */

.career-spontaneous-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 30px;
}

.career-spontaneous-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 22px;
    border-radius: 10px;
    background: #006ffc;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 8px 22px rgba(0, 111, 252, 0.2);
    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.career-spontaneous-btn svg {
    width: 19px;
    height: 19px;
    transition: transform 0.3s ease;
}

.career-spontaneous-btn:hover {
    background: #005fd8;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 111, 252, 0.25);
}

.career-spontaneous-btn:hover svg {
    transform: translateX(4px);
}

.career-spontaneous-email {
    color: #475467;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.25s ease;
}

.career-spontaneous-email:hover {
    color: #006ffc;
}


/* =========================================
   RIGHT VISUAL
========================================= */

.career-spontaneous-visual {
    position: relative;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Large Circle */

.career-spontaneous-circle {
    position: absolute;
    width: 310px;
    height: 310px;
    border-radius: 50%;
    background: #edf5ff;
    border: 1px solid #dcecff;
}

.career-spontaneous-circle::before {
    content: "";
    position: absolute;
    inset: 28px;
    border: 1px dashed #bcd8f8;
    border-radius: 50%;
}


/* =========================================
   CV DOCUMENT
========================================= */

.career-spontaneous-document {
    position: relative;
    z-index: 2;
    width: 215px;
    min-height: 275px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #e1e8f0;
    border-radius: 14px;
    box-shadow: 0 22px 45px rgba(16, 24, 40, 0.12);
    transform: rotate(-4deg);
    transition: transform 0.35s ease;
}

.career-spontaneous-card:hover .career-spontaneous-document {
    transform: rotate(0deg) translateY(-5px);
}


/* Document Top */

.career-spontaneous-document-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #edf0f4;
}

.career-spontaneous-document-logo {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #006ffc;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
}

.career-spontaneous-document-top > span {
    color: #98a2b3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}


/* Profile */

.career-spontaneous-profile {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 20px 0;
}

.career-spontaneous-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #dcecff;
}

.career-spontaneous-profile div:last-child {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.career-spontaneous-profile div:last-child span {
    display: block;
    height: 6px;
    border-radius: 10px;
    background: #e8eef5;
}

.career-spontaneous-profile div:last-child span:first-child {
    width: 75px;
}

.career-spontaneous-profile div:last-child span:last-child {
    width: 50px;
}


/* Lines */

.career-spontaneous-lines {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.career-spontaneous-lines span {
    display: block;
    height: 6px;
    border-radius: 10px;
    background: #edf1f5;
}

.career-spontaneous-lines span:nth-child(1) {
    width: 100%;
}

.career-spontaneous-lines span:nth-child(2) {
    width: 88%;
}

.career-spontaneous-lines span:nth-child(3) {
    width: 95%;
}

.career-spontaneous-lines span:nth-child(4) {
    width: 65%;
}


/* Footer */

.career-spontaneous-document-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.career-spontaneous-document-footer span {
    height: 8px;
    border-radius: 10px;
    background: #dcecff;
}

.career-spontaneous-document-footer span:first-child {
    width: 45px;
}

.career-spontaneous-document-footer span:last-child {
    width: 65px;
}


/* =========================================
   FLOATING ICONS
========================================= */

.career-spontaneous-mail,
.career-spontaneous-check {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #006ffc;
    border: 1px solid #e1ebf7;
    box-shadow: 0 12px 28px rgba(16, 24, 40, 0.1);
}

.career-spontaneous-mail {
    width: 58px;
    height: 58px;
    right: 65px;
    top: 60px;
    border-radius: 16px;
    transform: rotate(8deg);
}

.career-spontaneous-mail svg {
    width: 27px;
    height: 27px;
}

.career-spontaneous-check {
    width: 52px;
    height: 52px;
    left: 55px;
    bottom: 55px;
    border-radius: 50%;
    background: #006ffc;
    color: #ffffff;
}

.career-spontaneous-check svg {
    width: 25px;
    height: 25px;
}


/* =========================================
   DECORATIONS
========================================= */

.career-spontaneous-decoration {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.career-spontaneous-decoration-one {
    width: 140px;
    height: 140px;
    right: -55px;
    top: -55px;
    border: 1px solid rgba(0, 111, 252, 0.08);
}

.career-spontaneous-decoration-two {
    width: 90px;
    height: 90px;
    left: 42%;
    bottom: -45px;
    border: 1px solid rgba(0, 111, 252, 0.07);
}


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

@media (max-width: 1000px) {

    .career-spontaneous-card {
        grid-template-columns: 1fr;
        padding: 60px 55px;
    }

    .career-spontaneous-content {
        max-width: 100%;
    }

    .career-spontaneous-visual {
        height: 320px;
        margin-top: 20px;
    }
}


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

@media (max-width: 600px) {

    .career-spontaneous-section {
        padding: 75px 18px;
    }

    .career-spontaneous-card {
        padding: 45px 25px 35px;
        border-radius: 20px;
    }

    .career-spontaneous-content h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .career-spontaneous-content p {
        font-size: 15px;
        line-height: 1.65;
    }

    .career-spontaneous-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .career-spontaneous-btn {
        width: 100%;
    }

    .career-spontaneous-visual {
        height: 300px;
        margin-top: 25px;
    }

    .career-spontaneous-circle {
        width: 250px;
        height: 250px;
    }

    .career-spontaneous-document {
        width: 190px;
        min-height: 245px;
    }

    .career-spontaneous-mail {
        right: 10px;
        top: 25px;
    }

    .career-spontaneous-check {
        left: 5px;
        bottom: 30px;
    }
}


/* =========================================
   QUOTE HERO + FORM
========================================= */

.quote-hero-section {
    position: relative;
    padding: 110px 20px;
    background: #f8fbff;
    overflow: hidden;
}

.quote-hero-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    border: 1px solid rgba(0, 111, 252, 0.06);
    top: -280px;
    left: -180px;
}

.quote-hero-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    border: 1px solid rgba(0, 111, 252, 0.06);
    right: -220px;
    bottom: -250px;
}

.quote-hero-container {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(440px, 500px);
    gap: 85px;
    align-items: center;
}


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

.quote-hero-content {
    max-width: 620px;
}

.quote-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.quote-hero-label::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 10px;
    background: #006ffc;
}

.quote-hero-content h1 {
    margin: 0 0 22px;

    color: #101828;
    font-size: clamp(40px, 4.5vw, 58px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.8px;
}

.quote-hero-description {
    max-width: 600px;
    margin: 0 0 15px;

    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   SUPPORTING POINTS
========================================= */

.quote-supporting-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 28px;

    margin-top: 32px;
}

.quote-support-item {
    display: flex;
    align-items: center;
    gap: 11px;

    color: #344054;
    font-size: 14px;
    font-weight: 500;
}

.quote-support-icon {
    flex: 0 0 auto;

    width: 24px;
    height: 24px;

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

    border-radius: 50%;
    background: #eaf3ff;
    color: #006ffc;
}

.quote-support-icon svg {
    width: 14px;
    height: 14px;
}


/* =========================================
   CTA TEXT
========================================= */

.quote-hero-cta {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-top: 35px;
    padding-top: 25px;

    border-top: 1px solid #e2eaf3;
}

.quote-cta-line {
    width: 4px;
    height: 38px;
    flex: 0 0 auto;

    border-radius: 5px;
    background: #006ffc;
}

.quote-hero-cta p {
    max-width: 470px;
    margin: 0;

    color: #475467;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 500;
}


/* =========================================
   FORM WRAPPER
========================================= */

.quote-form-wrapper {
    position: relative;
}

.quote-form-card {
    position: relative;

    padding: 38px;
    background: #ffffff;

    border: 1px solid #e2e9f2;
    border-radius: 22px;

    box-shadow:
        0 20px 55px rgba(16, 24, 40, 0.08),
        0 3px 10px rgba(16, 24, 40, 0.03);
}


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

.quote-form-header {
    display: flex;
    align-items: center;
    gap: 15px;

    margin-bottom: 30px;
    padding-bottom: 24px;

    border-bottom: 1px solid #edf0f4;
}

.quote-form-icon {
    width: 52px;
    height: 52px;

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

    flex: 0 0 auto;

    border-radius: 14px;
    background: #edf5ff;
    color: #006ffc;
}

.quote-form-icon svg {
    width: 25px;
    height: 25px;
}

.quote-form-header h2 {
    margin: 0 0 4px;

    color: #101828;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 700;
}

.quote-form-header p {
    margin: 0;

    color: #667085;
    font-size: 13px;
}


/* =========================================
   FORM GROUP
========================================= */

.quote-form-group {
    margin-bottom: 19px;
}

.quote-form-group label {
    display: block;

    margin-bottom: 8px;

    color: #344054;
    font-size: 13px;
    font-weight: 600;
}

.quote-form-group label span {
    color: #006ffc;
}


/* =========================================
   INPUT WRAPPER
========================================= */

.quote-input-wrapper {
    position: relative;
}

.quote-input-wrapper > svg {
    position: absolute;
    z-index: 2;

    left: 15px;
    top: 50%;

    width: 19px;
    height: 19px;

    color: #98a2b3;

    transform: translateY(-50%);
    pointer-events: none;

    transition: color 0.2s ease;
}

.quote-input-wrapper input,
.quote-input-wrapper select,
.quote-input-wrapper textarea {
    width: 100%;
    box-sizing: border-box;

    border: 1px solid #dce3eb;
    border-radius: 9px;

    background: #ffffff;

    color: #101828;
    font-family: inherit;
    font-size: 14px;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.quote-input-wrapper input,
.quote-input-wrapper select {
    height: 50px;
    padding: 0 15px 0 46px;
}

.quote-input-wrapper textarea {
    min-height: 110px;
    padding: 14px 15px 14px 46px;
    resize: vertical;
    line-height: 1.55;
}

.quote-input-wrapper input::placeholder,
.quote-input-wrapper textarea::placeholder {
    color: #98a2b3;
}

.quote-input-wrapper input:focus,
.quote-input-wrapper select:focus,
.quote-input-wrapper textarea:focus {
    border-color: #006ffc;
    box-shadow: 0 0 0 3px rgba(0, 111, 252, 0.08);
}

.quote-input-wrapper:focus-within > svg {
    color: #006ffc;
}


/* =========================================
   SELECT
========================================= */

.quote-select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;

    padding-right: 45px;
}

.quote-select-wrapper select:invalid {
    color: #98a2b3;
}

.quote-select-arrow {
    position: absolute;

    right: 15px;
    top: 50%;

    display: flex;

    color: #667085;

    transform: translateY(-50%);
    pointer-events: none;
}

.quote-select-arrow svg {
    width: 17px;
    height: 17px;
}


/* =========================================
   TEXTAREA
========================================= */

.quote-textarea-wrapper > svg {
    top: 19px;
    transform: none;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.quote-submit-btn {
    width: 100%;
    min-height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    margin-top: 7px;

    border: 0;
    border-radius: 9px;

    background: #006ffc;
    color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    box-shadow: 0 8px 20px rgba(0, 111, 252, 0.18);

    transition:
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.quote-submit-btn svg {
    width: 18px;
    height: 18px;

    transition: transform 0.25s ease;
}

.quote-submit-btn:hover {
    background: #005fd8;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 111, 252, 0.24);
}

.quote-submit-btn:hover svg {
    transform: translateX(4px);
}


/* =========================================
   FORM NOTE
========================================= */

.quote-form-note {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;

    margin-top: 17px;

    color: #98a2b3;
    font-size: 11.5px;
    line-height: 1.55;
    text-align: center;
}

.quote-form-note svg {
    width: 16px;
    height: 16px;

    flex: 0 0 auto;
    margin-top: 1px;

    color: #006ffc;
}


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

@media (max-width: 1050px) {

    .quote-hero-section {
        padding: 90px 20px;
    }

    .quote-hero-container {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .quote-hero-content {
        max-width: 750px;
        margin: 0 auto;
        text-align: center;
    }

    .quote-hero-description {
        margin-left: auto;
        margin-right: auto;
    }

    .quote-supporting-points {
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    .quote-hero-cta {
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    .quote-form-wrapper {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
}


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

@media (max-width: 600px) {

    .quote-hero-section {
        padding: 70px 16px;
    }

    .quote-hero-container {
        gap: 40px;
    }

    .quote-hero-content h1 {
        font-size: 36px;
        letter-spacing: -1px;
    }

    .quote-hero-description {
        font-size: 15px;
        line-height: 1.7;
    }

    .quote-supporting-points {
        grid-template-columns: 1fr;
        gap: 13px;
        margin-top: 28px;
    }

    .quote-support-item {
        font-size: 13.5px;
    }

    .quote-hero-cta {
        margin-top: 28px;
        padding-top: 20px;
    }

    .quote-hero-cta p {
        font-size: 13px;
    }

    .quote-form-card {
        padding: 27px 20px 25px;
        border-radius: 18px;
    }

    .quote-form-header {
        margin-bottom: 25px;
        padding-bottom: 20px;
    }

    .quote-form-icon {
        width: 46px;
        height: 46px;
    }

    .quote-form-header h2 {
        font-size: 22px;
    }

    .quote-form-header p {
        font-size: 12px;
    }

    .quote-form-group {
        margin-bottom: 16px;
    }

    .quote-input-wrapper input,
    .quote-input-wrapper select {
        height: 48px;
    }

    .quote-submit-btn {
        min-height: 50px;
    }
}



/* =========================================
   OUR PROCESS
========================================= */

.quote-process-section {
    position: relative;
    padding: 110px 20px;
    background: #ffffff;
    overflow: hidden;
}

.quote-process-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(0, 111, 252, 0.06);
    border-radius: 50%;
    top: -250px;
    right: -160px;
}

.quote-process-section::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border: 1px solid rgba(0, 111, 252, 0.05);
    border-radius: 50%;
    bottom: -190px;
    left: -120px;
}

.quote-process-container {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
}


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

.quote-process-header {
    max-width: 700px;
    margin: 0 auto 65px;
    text-align: center;
}

.quote-process-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.quote-process-label::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 10px;
    background: #006ffc;
}

.quote-process-header h2 {
    margin: 0 0 18px;

    color: #101828;
    font-size: clamp(36px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.quote-process-header p {
    max-width: 630px;
    margin: 0 auto;

    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   PROCESS LAYOUT
========================================= */

.quote-process-steps {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        55px
        minmax(0, 1fr)
        55px
        minmax(0, 1fr)
        55px
        minmax(0, 1fr);

    align-items: center;
}


/* =========================================
   STEP CARD
========================================= */

.quote-process-step {
    position: relative;
    min-height: 275px;
    padding: 30px;

    background: #f8fbff;
    border: 1px solid #e4ebf4;
    border-radius: 18px;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.quote-process-step:hover {
    transform: translateY(-7px);

    border-color: rgba(0, 111, 252, 0.25);

    box-shadow:
        0 18px 40px rgba(16, 24, 40, 0.08);
}


/* =========================================
   STEP TOP
========================================= */

.quote-process-step-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 30px;
}

.quote-process-number {
    color: #98a2b3;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.quote-process-icon {
    width: 54px;
    height: 54px;

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

    border-radius: 15px;

    background: #ffffff;
    border: 1px solid #deebfa;

    color: #006ffc;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.quote-process-icon svg {
    width: 26px;
    height: 26px;
}

.quote-process-step:hover .quote-process-icon {
    background: #006ffc;
    color: #ffffff;
    transform: scale(1.05);
}


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

.quote-process-step h3 {
    margin: 0 0 11px;

    color: #101828;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.quote-process-step p {
    margin: 0;

    color: #667085;
    font-size: 14.5px;
    line-height: 1.7;
}


/* =========================================
   CONNECTOR
========================================= */

.quote-process-connector {
    position: relative;
    height: 2px;

    background: #dce9f8;
}

.quote-process-connector::before {
    content: "";

    position: absolute;
    left: 0;
    top: 50%;

    width: 7px;
    height: 7px;

    border-radius: 50%;
    background: #006ffc;

    transform: translate(-50%, -50%);
}

.quote-process-connector::after {
    content: "";

    position: absolute;
    right: 0;
    top: 50%;

    width: 8px;
    height: 8px;

    border-top: 2px solid #006ffc;
    border-right: 2px solid #006ffc;

    transform: translate(0, -50%) rotate(45deg);
}


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

@media (max-width: 1050px) {

    .quote-process-section {
        padding: 90px 20px;
    }

    .quote-process-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .quote-process-connector {
        display: none;
    }

    .quote-process-step {
        min-height: 250px;
    }
}


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

@media (max-width: 600px) {

    .quote-process-section {
        padding: 75px 18px;
    }

    .quote-process-header {
        margin-bottom: 40px;
    }

    .quote-process-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .quote-process-header p {
        font-size: 15px;
        line-height: 1.65;
    }

    .quote-process-steps {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .quote-process-step {
        min-height: auto;
        padding: 25px 24px 30px;
    }

    .quote-process-step-top {
        margin-bottom: 24px;
    }

    .quote-process-step h3 {
        font-size: 20px;
    }

    .quote-process-step p {
        font-size: 14px;
    }
}



/* =========================
   WHY INT ENTERPRISES
========================= */

.why-int-section {
    position: relative;
    padding: 110px 20px;
    background: #f8fbff;
    overflow: hidden;
}

.why-int-section::before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: #edf5ff;
    top: -180px;
    right: -140px;
    pointer-events: none;
}

.why-int-section::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: #edf5ff;
    bottom: -160px;
    left: -130px;
    pointer-events: none;
}

.why-int-container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}


/* Header */

.why-int-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.why-int-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;

    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.8px;
    color: #006ffc;
}

.why-int-label::before {
    content: "";
    width: 24px;
    height: 2px;
    background: #006ffc;
    border-radius: 10px;
}

.why-int-title {
    margin: 0;
    color: #101828;
    font-size: clamp(36px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.why-int-description {
    max-width: 650px;
    margin: 20px auto 0;

    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* Cards Grid */

.why-int-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}


/* Card */

.why-int-card {
    position: relative;
    min-height: 300px;
    padding: 30px 28px 32px;

    background: #ffffff;
    border: 1px solid #e5ebf3;
    border-radius: 18px;

    box-shadow: 0 8px 30px rgba(16, 24, 40, 0.04);

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

    overflow: hidden;
}

.why-int-card:hover {
    transform: translateY(-7px);
    border-color: #c9ddf7;
    box-shadow: 0 18px 45px rgba(16, 24, 40, 0.09);
}


/* Card Top */

.why-int-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.why-int-number {
    color: #a9b5c4;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}


/* Icon */

.why-int-icon {
    width: 52px;
    height: 52px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 14px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.why-int-icon svg {
    width: 25px;
    height: 25px;
}

.why-int-card:hover .why-int-icon {
    color: #ffffff;
    background: #006ffc;
    transform: scale(1.05);
}


/* Content */

.why-int-card h3 {
    margin: 0 0 13px;

    color: #101828;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.why-int-card p {
    margin: 0;

    color: #667085;
    font-size: 15px;
    line-height: 1.7;
}


/* Bottom Accent */

.why-int-card-line {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 0;

    height: 3px;
    border-radius: 5px 5px 0 0;

    background: #006ffc;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.35s ease;
}

.why-int-card:hover .why-int-card-line {
    transform: scaleX(1);
}


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

@media (max-width: 1050px) {

    .why-int-section {
        padding: 90px 20px;
    }

    .why-int-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .why-int-card {
        min-height: 270px;
    }
}


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

@media (max-width: 600px) {

    .why-int-section {
        padding: 75px 16px;
    }

    .why-int-header {
        margin-bottom: 38px;
    }

    .why-int-label {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .why-int-title {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .why-int-description {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.7;
    }

    .why-int-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .why-int-card {
        min-height: auto;
        padding: 25px 23px 30px;
        border-radius: 16px;
    }

    .why-int-card-top {
        margin-bottom: 25px;
    }

    .why-int-icon {
        width: 48px;
        height: 48px;
        border-radius: 13px;
    }

    .why-int-icon svg {
        width: 23px;
        height: 23px;
    }

    .why-int-card h3 {
        font-size: 20px;
    }

    .why-int-card p {
        font-size: 14px;
    }

    .why-int-card-line {
        left: 23px;
        right: 23px;
    }
}



/* =========================
   OUR SERVICES
========================= */

.quote-services-section {
    position: relative;
    padding: 110px 20px;
    background: #ffffff;
    overflow: hidden;
}

.quote-services-container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}


/* Header */

.quote-services-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.quote-services-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 1;
}

.quote-services-label::before {
    content: "";
    width: 24px;
    height: 2px;
    border-radius: 10px;
    background: #006ffc;
}

.quote-services-title {
    margin: 0;

    color: #101828;
    font-size: clamp(36px, 4vw, 50px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.quote-services-description {
    max-width: 650px;
    margin: 20px auto 0;

    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* Services Grid */

.quote-services-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}


/* Service Card */

.quote-service-card {
    position: relative;
    min-height: 285px;
    padding: 28px 28px 30px;

    background: #ffffff;
    border: 1px solid #e5ebf3;
    border-radius: 18px;

    box-shadow: 0 8px 28px rgba(16, 24, 40, 0.035);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.quote-service-card:hover {
    transform: translateY(-7px);
    border-color: #c9ddf7;
    box-shadow: 0 18px 45px rgba(16, 24, 40, 0.09);
}


/* Card Top */

.quote-service-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}

.quote-service-number {
    color: #aab5c4;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}


/* Icon */

.quote-service-icon {
    width: 52px;
    height: 52px;

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

    color: #006ffc;
    background: #edf5ff;
    border-radius: 14px;

    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease;
}

.quote-service-icon svg {
    width: 25px;
    height: 25px;
}

.quote-service-card:hover .quote-service-icon {
    color: #ffffff;
    background: #006ffc;
    transform: scale(1.05);
}


/* Content */

.quote-service-card h3 {
    margin: 0 0 12px;

    color: #101828;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.quote-service-card p {
    max-width: 310px;
    margin: 0;

    color: #667085;
    font-size: 15px;
    line-height: 1.7;
}


/* Arrow */

.quote-service-arrow {
    position: absolute;
    right: 27px;
    bottom: 25px;

    width: 36px;
    height: 36px;

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

    color: #006ffc;
    background: #f5f9ff;
    border-radius: 50%;

    opacity: 0;
    transform: translateX(-8px);

    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        background 0.3s ease;
}

.quote-service-arrow svg {
    width: 18px;
    height: 18px;
}

.quote-service-card:hover .quote-service-arrow {
    opacity: 1;
    transform: translateX(0);
    background: #edf5ff;
}


/* Bottom Accent */

.quote-service-card::after {
    content: "";

    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 0;

    height: 3px;
    border-radius: 4px 4px 0 0;

    background: #006ffc;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.35s ease;
}

.quote-service-card:hover::after {
    transform: scaleX(1);
}


/* CTA */

.quote-services-cta {
    display: flex;
    justify-content: center;
    margin-top: 48px;
}

.quote-services-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 52px;
    padding: 0 24px;

    color: #ffffff;
    background: #006ffc;

    border: 1px solid #006ffc;
    border-radius: 10px;

    font-size: 14px;
    font-weight: 700;
    text-decoration: none;

    box-shadow: 0 8px 20px rgba(0, 111, 252, 0.18);

    transition:
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.quote-services-button svg {
    width: 18px;
    height: 18px;
}

.quote-services-button:hover {
    background: #005fd8;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(0, 111, 252, 0.25);
}


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

@media (max-width: 950px) {

    .quote-services-section {
        padding: 90px 20px;
    }

    .quote-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quote-service-card {
        min-height: 275px;
    }
}


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

@media (max-width: 600px) {

    .quote-services-section {
        padding: 75px 16px;
    }

    .quote-services-header {
        margin-bottom: 38px;
    }

    .quote-services-label {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .quote-services-title {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .quote-services-description {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.7;
    }

    .quote-services-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .quote-service-card {
        min-height: auto;
        padding: 25px 23px 70px;
        border-radius: 16px;
    }

    .quote-service-top {
        margin-bottom: 24px;
    }

    .quote-service-icon {
        width: 48px;
        height: 48px;
        border-radius: 13px;
    }

    .quote-service-icon svg {
        width: 23px;
        height: 23px;
    }

    .quote-service-card h3 {
        font-size: 20px;
    }

    .quote-service-card p {
        font-size: 14px;
        line-height: 1.7;
    }

    .quote-service-arrow {
        right: 23px;
        bottom: 23px;

        opacity: 1;
        transform: none;
    }

    .quote-service-card::after {
        left: 23px;
        right: 23px;

        transform: scaleX(1);
    }

    .quote-services-cta {
        margin-top: 35px;
    }

    .quote-services-button {
        width: 100%;
        min-height: 50px;
    }
}


/* =========================
   BPO LOCATION HERO
========================= */

.location-hero-section {
    position: relative;
    min-height: 720px;
    padding: 90px 20px 110px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8fbff 100%
        );

    overflow: hidden;
}


/* Background Decoration */

.location-hero-bg-circle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.location-hero-bg-circle-one {
    width: 500px;
    height: 500px;

    top: -250px;
    right: -180px;

    background: #edf5ff;
}

.location-hero-bg-circle-two {
    width: 350px;
    height: 350px;

    bottom: -200px;
    left: -180px;

    background: #f1f7ff;
}


/* Container */

.location-hero-container {
    position: relative;
    z-index: 2;

    max-width: 1200px;
    min-height: 540px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(480px, 0.95fr);

    align-items: center;
    gap: 60px;
}


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

.location-hero-content {
    max-width: 650px;
}

.location-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 20px;

    color: #006ffc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 1;
}

.location-hero-label::before {
    content: "";

    width: 28px;
    height: 2px;

    background: #006ffc;
    border-radius: 10px;
}

.location-hero-title {
    margin: 0;

    color: #101828;

    font-size: clamp(45px, 4.7vw, 64px);
    line-height: 1.06;

    font-weight: 750;
    letter-spacing: -2.5px;
}

.location-hero-title span {
    display: block;
    color: #006ffc;
}

.location-hero-description {
    max-width: 610px;

    margin: 26px 0 0;

    color: #667085;

    font-size: 16px;
    line-height: 1.8;
}


/* =========================
   BUTTONS
========================= */

.location-hero-buttons {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-top: 34px;
}

.location-hero-btn {
    min-height: 54px;
    padding: 0 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border-radius: 10px;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

.location-hero-btn svg {
    width: 18px;
    height: 18px;
}

.location-hero-btn-primary {
    color: #ffffff;
    background: #006ffc;
    border: 1px solid #006ffc;

    box-shadow: 0 10px 25px rgba(0, 111, 252, 0.20);
}

.location-hero-btn-primary:hover {
    background: #005fd8;
    transform: translateY(-2px);

    box-shadow: 0 15px 30px rgba(0, 111, 252, 0.25);
}

.location-hero-btn-secondary {
    color: #101828;
    background: #ffffff;
    border: 1px solid #dce4ee;
}

.location-hero-btn-secondary:hover {
    color: #006ffc;
    border-color: #bcd5f5;

    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(16, 24, 40, 0.07);
}


/* =========================
   RIGHT VISUAL
========================= */

.location-hero-visual {
    position: relative;

    width: 100%;
    min-height: 520px;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* Main Image */

.location-hero-image-wrap {
    position: relative;

    width: 475px;
    height: 410px;

    border-radius: 28px;

    overflow: hidden;

    border: 7px solid rgba(255, 255, 255, 0.9);

    box-shadow:
        0 30px 70px rgba(16, 24, 40, 0.15),
        0 5px 20px rgba(0, 111, 252, 0.06);
}

.location-hero-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.location-hero-image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(0, 111, 252, 0.12),
            transparent 50%,
            rgba(16, 24, 40, 0.15)
        );
}


/* =========================
   INDIA + UK CONNECTION
========================= */

.location-map-connection {
    position: absolute;
    z-index: 5;

    width: 390px;
    height: 210px;

    top: 125px;
    left: 50%;

    transform: translateX(-50%);

    pointer-events: none;
}


/* Route */

.location-map-route {
    position: absolute;

    left: 82px;
    right: 82px;
    top: 77px;

    height: 70px;

    border-top: 2px dashed rgba(255, 255, 255, 0.85);

    transform: rotate(-12deg);
}


/* Route dots */

.location-route-dot {
    position: absolute;

    width: 7px;
    height: 7px;

    background: #ffffff;
    border: 2px solid #006ffc;

    border-radius: 50%;

    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2);
}

.location-route-dot-one {
    left: 30%;
    top: -4px;
}

.location-route-dot-two {
    left: 53%;
    top: 10px;
}

.location-route-dot-three {
    left: 73%;
    top: 4px;
}


/* Map Points */

.location-map-point {
    position: absolute;

    display: flex;
    align-items: center;
    gap: 10px;
}

.location-map-india {
    left: 15px;
    top: 95px;
}

.location-map-uk {
    right: 10px;
    top: 40px;
}


/* Marker */

.location-map-marker {
    position: relative;
    z-index: 2;

    width: 44px;
    height: 44px;

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

    color: #ffffff;
    background: #006ffc;

    border: 3px solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;

    box-shadow: 0 8px 20px rgba(0, 111, 252, 0.35);
}

.location-map-marker svg {
    width: 20px;
    height: 20px;
}


/* Pulse */

.location-map-pulse {
    position: absolute;

    width: 44px;
    height: 44px;

    border-radius: 50%;

    background: rgba(0, 111, 252, 0.25);

    animation: locationMapPulse 2s ease-out infinite;
}

@keyframes locationMapPulse {

    0% {
        transform: scale(0.8);
        opacity: 0.8;
    }

    70% {
        transform: scale(1.7);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


/* Labels */

.location-map-label {
    padding: 9px 12px;

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

    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 9px;

    box-shadow: 0 8px 20px rgba(16, 24, 40, 0.10);

    backdrop-filter: blur(8px);
}

.location-map-label strong {
    display: block;

    color: #101828;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
}

.location-map-label span {
    display: block;

    margin-top: 2px;

    color: #667085;
    font-size: 9px;
}


/* =========================
   FLOATING STAT CARDS
========================= */

.location-stat-card {
    position: absolute;
    z-index: 7;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 15px;

    background: #ffffff;

    border: 1px solid #e3eaf3;
    border-radius: 13px;

    box-shadow: 0 15px 35px rgba(16, 24, 40, 0.11);

    animation: locationStatFloat 4s ease-in-out infinite;
}

.location-stat-icon {
    width: 38px;
    height: 38px;

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

    color: #006ffc;
    background: #edf5ff;

    border-radius: 10px;
}

.location-stat-icon svg {
    width: 19px;
    height: 19px;
}

.location-stat-card strong {
    display: block;

    color: #101828;

    font-size: 14px;
    font-weight: 800;
}

.location-stat-card span {
    display: block;

    margin-top: 2px;

    color: #98a2b3;

    font-size: 9px;
    font-weight: 600;
}


/* Positions */

.location-stat-cities {
    top: 25px;
    left: 0;
}

.location-stat-markets {
    top: 100px;
    right: 0;

    animation-delay: 0.7s;
}

.location-stat-services {
    left: 5px;
    bottom: 70px;

    animation-delay: 1.2s;
}

.location-stat-flexible {
    right: 0;
    bottom: 10px;

    animation-delay: 1.8s;
}


@keyframes locationStatFloat {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}


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

@media (max-width: 1050px) {

    .location-hero-section {
        padding: 80px 20px 100px;
    }

    .location-hero-container {
        grid-template-columns: 1fr;
        gap: 65px;
        text-align: center;
    }

    .location-hero-content {
        max-width: 780px;
        margin: 0 auto;
    }

    .location-hero-description {
        margin-left: auto;
        margin-right: auto;
    }

    .location-hero-buttons {
        justify-content: center;
    }

    .location-hero-visual {
        max-width: 620px;
        margin: 0 auto;
    }
}


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

@media (max-width: 600px) {

    .location-hero-section {
        min-height: auto;
        padding: 65px 16px 85px;
    }

    .location-hero-container {
        gap: 50px;
    }

    .location-hero-label {
        font-size: 10px;
        letter-spacing: 1.35px;
    }

    .location-hero-title {
        font-size: 40px;
        line-height: 1.08;
        letter-spacing: -1.7px;
    }

    .location-hero-description {
        margin-top: 20px;

        font-size: 15px;
        line-height: 1.7;
    }

    .location-hero-buttons {
        flex-direction: column;

        width: 100%;
        margin-top: 28px;
    }

    .location-hero-btn {
        width: 100%;
    }


    /* Visual */

    .location-hero-visual {
        min-height: 430px;
    }

    .location-hero-image-wrap {
        width: 100%;
        height: 360px;

        border-width: 5px;
        border-radius: 20px;
    }


    /* Map */

    .location-map-connection {
        width: 330px;
        height: 190px;

        top: 105px;
    }

    .location-map-india {
        left: 0;
        top: 95px;
    }

    .location-map-uk {
        right: 0;
        top: 35px;
    }

    .location-map-marker {
        width: 38px;
        height: 38px;
    }

    .location-map-marker svg {
        width: 17px;
        height: 17px;
    }

    .location-map-label {
        padding: 7px 9px;
    }

    .location-map-label strong {
        font-size: 9px;
    }

    .location-map-label span {
        font-size: 8px;
    }


    /* Stats */

    .location-stat-card {
        padding: 9px 11px;
        gap: 8px;
        border-radius: 10px;
    }

    .location-stat-icon {
        width: 31px;
        height: 31px;
        border-radius: 8px;
    }

    .location-stat-icon svg {
        width: 16px;
        height: 16px;
    }

    .location-stat-card strong {
        font-size: 11px;
    }

    .location-stat-card span {
        font-size: 8px;
    }

    .location-stat-cities {
        top: 10px;
        left: -3px;
    }

    .location-stat-markets {
        top: 75px;
        right: -3px;
    }

    .location-stat-services {
        left: -3px;
        bottom: 60px;
    }

    .location-stat-flexible {
        right: -3px;
        bottom: 5px;
    }
}



/* =========================================
   INDIA BPO LOCATIONS
========================================= */

.india-locations-section {
    position: relative;
    overflow: hidden;
    padding: 110px 20px;
    background: #f8fbff;
}

.india-locations-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}


/* =========================================
   BACKGROUND DECORATION
========================================= */

.india-locations-bg {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.india-locations-bg-one {
    width: 420px;
    height: 420px;
    top: -220px;
    right: -140px;
    background: rgba(0, 111, 252, 0.045);
}

.india-locations-bg-two {
    width: 320px;
    height: 320px;
    bottom: -180px;
    left: -120px;
    background: rgba(0, 111, 252, 0.035);
}


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

.india-locations-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.india-locations-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    border: 1px solid rgba(0, 111, 252, 0.14);
    border-radius: 50px;
    background: #edf5ff;
    color: #006ffc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1;
}

.india-locations-title {
    margin: 18px 0 15px;
    color: #101828;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.india-locations-description {
    max-width: 680px;
    margin: 0 auto;
    color: #667085;
    font-size: 17px;
    line-height: 1.75;
}


/* =========================================
   CITY GRID
========================================= */

.india-locations-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}


/* =========================================
   CITY CARD
========================================= */

.india-location-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 330px;
    padding: 30px;
    overflow: hidden;

    background: #ffffff;
    border: 1px solid #e5ebf3;
    border-radius: 22px;

    box-shadow: 0 10px 35px rgba(16, 24, 40, 0.045);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.india-location-card::after {
    content: "";
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;

    height: 3px;
    border-radius: 5px 5px 0 0;

    background: #006ffc;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}

.india-location-card:hover {
    transform: translateY(-7px);
    border-color: rgba(0, 111, 252, 0.25);
    box-shadow: 0 20px 45px rgba(16, 24, 40, 0.09);
}

.india-location-card:hover::after {
    transform: scaleX(1);
}


/* =========================================
   CARD TOP
========================================= */

.india-location-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.india-location-number {
    color: #c7d2e1;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

.india-location-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    border-radius: 14px;
    background: #edf5ff;
    color: #006ffc;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.india-location-icon svg {
    width: 23px;
    height: 23px;
}

.india-location-card:hover .india-location-icon {
    background: #006ffc;
    color: #ffffff;
    transform: translateY(-2px);
}


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

.india-location-card h3 {
    margin: 0 0 13px;
    color: #101828;
    font-size: 20px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -0.3px;
}

.india-location-card p {
    margin: 0;
    color: #667085;
    font-size: 14.5px;
    line-height: 1.7;
}


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

.india-location-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    width: fit-content;
    margin-top: auto;
    padding-top: 24px;

    color: #006ffc;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;

    transition: gap 0.25s ease;
}

.india-location-link svg {
    width: 17px;
    height: 17px;

    transition: transform 0.25s ease;
}

.india-location-link:hover {
    gap: 12px;
}

.india-location-link:hover svg {
    transform: translateX(2px);
}


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

@media (max-width: 1050px) {

    .india-locations-section {
        padding: 90px 20px;
    }

    .india-locations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


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

@media (max-width: 650px) {

    .india-locations-section {
        padding: 75px 16px;
    }

    .india-locations-header {
        margin-bottom: 40px;
    }

    .india-locations-title {
        margin-top: 16px;
        font-size: 36px;
        letter-spacing: -1px;
    }

    .india-locations-description {
        font-size: 15px;
        line-height: 1.7;
    }

    .india-locations-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .india-location-card {
        min-height: 310px;
        padding: 25px;
        border-radius: 19px;
    }

    .india-location-card::after {
        left: 25px;
        right: 25px;
    }

    .india-location-card h3 {
        font-size: 19px;
    }

    .india-location-card p {
        font-size: 14px;
    }

}


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

@media (max-width: 400px) {

    .india-locations-section {
        padding: 65px 14px;
    }

    .india-locations-title {
        font-size: 32px;
    }

    .india-location-card {
        padding: 22px;
    }

}



/* =========================================
   UK BPO LOCATIONS
========================================= */

.uk-locations-section {
    position: relative;
    overflow: hidden;
    padding: 110px 20px;
    background: #ffffff;
}

.uk-locations-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}


/* =========================================
   BACKGROUND DECORATION
========================================= */

.uk-locations-bg {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.uk-locations-bg-one {
    width: 420px;
    height: 420px;
    top: -220px;
    left: -150px;
    background: rgba(0, 111, 252, 0.035);
}

.uk-locations-bg-two {
    width: 350px;
    height: 350px;
    right: -130px;
    bottom: -190px;
    background: rgba(0, 111, 252, 0.045);
}


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

.uk-locations-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.uk-locations-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 8px 15px;

    border: 1px solid rgba(0, 111, 252, 0.14);
    border-radius: 50px;

    background: #edf5ff;
    color: #006ffc;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1;
}

.uk-locations-title {
    margin: 18px 0 15px;

    color: #101828;

    font-size: clamp(38px, 4vw, 54px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.uk-locations-description {
    max-width: 680px;
    margin: 0 auto;

    color: #667085;

    font-size: 17px;
    line-height: 1.75;
}


/* =========================================
   CITY GRID
========================================= */

.uk-locations-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}


/* =========================================
   CITY CARD
========================================= */

.uk-location-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 330px;
    padding: 30px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e5ebf3;
    border-radius: 22px;

    box-shadow: 0 10px 35px rgba(16, 24, 40, 0.045);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.uk-location-card::after {
    content: "";

    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;

    height: 3px;

    border-radius: 5px 5px 0 0;

    background: #006ffc;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}

.uk-location-card:hover {
    transform: translateY(-7px);

    border-color: rgba(0, 111, 252, 0.25);

    box-shadow: 0 20px 45px rgba(16, 24, 40, 0.09);
}

.uk-location-card:hover::after {
    transform: scaleX(1);
}


/* =========================================
   CARD TOP
========================================= */

.uk-location-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 24px;
}

.uk-location-number {
    color: #c7d2e1;

    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

.uk-location-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    border-radius: 14px;

    background: #edf5ff;
    color: #006ffc;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.uk-location-icon svg {
    width: 23px;
    height: 23px;
}

.uk-location-card:hover .uk-location-icon {
    background: #006ffc;
    color: #ffffff;

    transform: translateY(-2px);
}


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

.uk-location-card h3 {
    margin: 0 0 13px;

    color: #101828;

    font-size: 20px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -0.3px;
}

.uk-location-card p {
    margin: 0;

    color: #667085;

    font-size: 14.5px;
    line-height: 1.7;
}


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

.uk-location-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    width: fit-content;
    margin-top: auto;
    padding-top: 24px;

    color: #006ffc;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition: gap 0.25s ease;
}

.uk-location-link svg {
    width: 17px;
    height: 17px;

    transition: transform 0.25s ease;
}

.uk-location-link:hover {
    gap: 12px;
}

.uk-location-link:hover svg {
    transform: translateX(2px);
}


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

@media (max-width: 1050px) {

    .uk-locations-section {
        padding: 90px 20px;
    }

    .uk-locations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


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

@media (max-width: 650px) {

    .uk-locations-section {
        padding: 75px 16px;
    }

    .uk-locations-header {
        margin-bottom: 40px;
    }

    .uk-locations-title {
        margin-top: 16px;

        font-size: 36px;
        letter-spacing: -1px;
    }

    .uk-locations-description {
        font-size: 15px;
        line-height: 1.7;
    }

    .uk-locations-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .uk-location-card {
        min-height: 310px;
        padding: 25px;
        border-radius: 19px;
    }

    .uk-location-card::after {
        left: 25px;
        right: 25px;
    }

    .uk-location-card h3 {
        font-size: 19px;
    }

    .uk-location-card p {
        font-size: 14px;
    }

}


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

@media (max-width: 400px) {

    .uk-locations-section {
        padding: 65px 14px;
    }

    .uk-locations-title {
        font-size: 32px;
    }

    .uk-location-card {
        padding: 22px;
    }

}




/* =========================================
   WHY CHOOSE INT
========================================= */

.location-why-section {
    position: relative;
    overflow: hidden;
    padding: 110px 20px;
    background: #f8fbff;
}

.location-why-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


/* =========================================
   BACKGROUND DECORATION
========================================= */

.location-why-bg {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.location-why-bg-one {
    width: 430px;
    height: 430px;
    top: -250px;
    right: -150px;
    background: rgba(0, 111, 252, 0.045);
}

.location-why-bg-two {
    width: 340px;
    height: 340px;
    bottom: -200px;
    left: -140px;
    background: rgba(0, 111, 252, 0.035);
}


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

.location-why-header {
    max-width: 780px;
    margin: 0 auto 55px;
    text-align: center;
}

.location-why-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 8px 15px;

    border: 1px solid rgba(0, 111, 252, 0.14);
    border-radius: 50px;

    background: #edf5ff;
    color: #006ffc;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1;
}

.location-why-title {
    margin: 18px 0 0;

    color: #101828;

    font-size: clamp(38px, 4vw, 52px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1.5px;
}

.location-why-title span {
    display: block;
    color: #006ffc;
}


/* =========================================
   CARDS GRID
========================================= */

.location-why-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}


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

.location-why-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 285px;
    padding: 30px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e5ebf3;
    border-radius: 22px;

    box-shadow: 0 10px 35px rgba(16, 24, 40, 0.045);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.location-why-card:hover {
    transform: translateY(-7px);

    border-color: rgba(0, 111, 252, 0.25);

    box-shadow: 0 20px 45px rgba(16, 24, 40, 0.09);
}


/* =========================================
   CARD TOP
========================================= */

.location-why-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 28px;
}

.location-why-number {
    color: #c7d2e1;

    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

.location-why-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    border-radius: 15px;

    background: #edf5ff;
    color: #006ffc;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.location-why-icon svg {
    width: 25px;
    height: 25px;
}

.location-why-card:hover .location-why-icon {
    background: #006ffc;
    color: #ffffff;
    transform: translateY(-2px);
}


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

.location-why-card h3 {
    margin: 0 0 12px;

    color: #101828;

    font-size: 20px;
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: -0.3px;
}

.location-why-card p {
    margin: 0;

    color: #667085;

    font-size: 14.5px;
    line-height: 1.7;
}


/* =========================================
   BOTTOM ACCENT
========================================= */

.location-why-card-line {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 0;

    height: 3px;

    border-radius: 5px 5px 0 0;

    background: #006ffc;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}

.location-why-card:hover .location-why-card-line {
    transform: scaleX(1);
}


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

@media (max-width: 1050px) {

    .location-why-section {
        padding: 90px 20px;
    }

    .location-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


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

@media (max-width: 650px) {

    .location-why-section {
        padding: 75px 16px;
    }

    .location-why-header {
        margin-bottom: 40px;
    }

    .location-why-title {
        margin-top: 16px;

        font-size: 36px;
        letter-spacing: -1px;
    }

    .location-why-title span {
        margin-top: 3px;
    }

    .location-why-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .location-why-card {
        min-height: 270px;
        padding: 25px;

        border-radius: 19px;
    }

    .location-why-card-line {
        left: 25px;
        right: 25px;
    }

    .location-why-card h3 {
        font-size: 19px;
    }

    .location-why-card p {
        font-size: 14px;
    }

}


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

@media (max-width: 400px) {

    .location-why-section {
        padding: 65px 14px;
    }

    .location-why-title {
        font-size: 32px;
    }

    .location-why-card {
        padding: 22px;
    }

}


/* =========================================
   SERVICES AVAILABLE ACROSS LOCATIONS
========================================= */

.location-services-section {
    padding: 100px 20px;
    background: #ffffff;
}

.location-services-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header */

.location-services-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.location-services-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;

    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.location-services-label::before {
    content: "";
    width: 26px;
    height: 2px;
    background: #006ffc;
    border-radius: 10px;
}

.location-services-title {
    margin: 0;
    color: #101828;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.2px;
}

.location-services-title span {
    display: block;
    color: #006ffc;
}

.location-services-description {
    max-width: 680px;
    margin: 18px auto 0;

    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}

/* Grid */

.location-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Card */

.location-service-card {
    position: relative;
    min-height: 315px;
    padding: 30px;

    background: #ffffff;
    border: 1px solid #e5ebf3;
    border-radius: 22px;

    box-shadow: 0 8px 30px rgba(16, 24, 40, 0.05);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.location-service-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 3px;
    background: #006ffc;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}

.location-service-card:hover {
    transform: translateY(-7px);
    border-color: #d7e6fb;
    box-shadow: 0 18px 45px rgba(16, 24, 40, 0.09);
}

.location-service-card:hover::after {
    transform: scaleX(1);
}

/* Top */

.location-service-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}

.location-service-number {
    color: #98a2b3;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.location-service-icon {
    width: 52px;
    height: 52px;

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

    color: #006ffc;
    background: #eff6ff;
    border-radius: 15px;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.location-service-icon svg {
    width: 25px;
    height: 25px;
}

.location-service-card:hover .location-service-icon {
    color: #ffffff;
    background: #006ffc;
    transform: scale(1.06);
}

/* Content */

.location-service-card h3 {
    margin: 0 0 12px;

    color: #101828;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}

.location-service-card p {
    margin: 0;

    color: #667085;
    font-size: 14px;
    line-height: 1.7;
}

/* Service Link */

.location-service-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-top: 24px;

    color: #006ffc;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;

    transition: gap 0.25s ease;
}

.location-service-link span {
    font-size: 18px;
    line-height: 1;
}

.location-service-link:hover {
    gap: 12px;
}

/* CTA */

.location-services-cta {
    display: flex;
    justify-content: center;
    margin-top: 48px;
}

.location-services-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 52px;
    padding: 0 25px;

    color: #ffffff;
    background: #006ffc;

    border: 1px solid #006ffc;
    border-radius: 10px;

    font-size: 14px;
    font-weight: 700;
    text-decoration: none;

    box-shadow: 0 8px 20px rgba(0, 111, 252, 0.18);

    transition:
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.location-services-button span {
    font-size: 19px;
    line-height: 1;
    transition: transform 0.25s ease;
}

.location-services-button:hover {
    color: #ffffff;
    background: #005ed6;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 111, 252, 0.25);
}

.location-services-button:hover span {
    transform: translateX(4px);
}


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

@media (max-width: 991px) {

    .location-services-section {
        padding: 80px 20px;
    }

    .location-services-title {
        font-size: 36px;
    }

    .location-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


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

@media (max-width: 767px) {

    .location-services-section {
        padding: 65px 16px;
    }

    .location-services-header {
        margin-bottom: 38px;
    }

    .location-services-title {
        font-size: 30px;
        letter-spacing: -0.7px;
    }

    .location-services-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .location-services-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .location-service-card {
        min-height: auto;
        padding: 25px;
    }

    .location-service-top {
        margin-bottom: 23px;
    }

    .location-service-card h3 {
        font-size: 19px;
    }

    .location-service-card p {
        font-size: 14px;
    }

    .location-services-cta {
        margin-top: 35px;
    }

    .location-services-button {
        width: 100%;
        max-width: 280px;
    }

}


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

@media (max-width: 420px) {

    .location-services-title {
        font-size: 27px;
    }

    .location-service-card {
        padding: 22px;
    }

    .location-service-icon {
        width: 48px;
        height: 48px;
    }

}



/* =========================================
   HOW IT WORKS
========================================= */

.location-process-section {
    padding: 100px 20px;
    background: #f8fbff;
}

.location-process-container {
    max-width: 1200px;
    margin: 0 auto;
}


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

.location-process-header {
    max-width: 760px;
    margin: 0 auto 65px;
    text-align: center;
}

.location-process-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 14px;

    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.location-process-label::before {
    content: "";

    width: 26px;
    height: 2px;

    background: #006ffc;
    border-radius: 10px;
}

.location-process-title {
    margin: 0;

    color: #101828;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.2px;
}

.location-process-title span {
    display: block;
    color: #006ffc;
}

.location-process-description {
    max-width: 680px;

    margin: 18px auto 0;

    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   PROCESS GRID
========================================= */

.location-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}


/* =========================================
   PROCESS STEP
========================================= */

.location-process-step {
    position: relative;

    padding: 0 28px;

    min-height: 285px;
}

.location-process-step:first-child {
    padding-left: 0;
}

.location-process-step:last-child {
    padding-right: 0;
}


/* =========================================
   STEP TOP
========================================= */

.location-process-step-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 30px;
}

.location-process-number {
    color: #b7c1ce;

    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
}

.location-process-icon {
    width: 56px;
    height: 56px;

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

    color: #006ffc;
    background: #ffffff;

    border: 1px solid #dce8f6;
    border-radius: 16px;

    box-shadow: 0 8px 25px rgba(16, 24, 40, 0.05);

    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.location-process-icon svg {
    width: 26px;
    height: 26px;
}

.location-process-step:hover .location-process-icon {
    color: #ffffff;
    background: #006ffc;
    border-color: #006ffc;

    transform: translateY(-4px);

    box-shadow: 0 12px 28px rgba(0, 111, 252, 0.20);
}


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

.location-process-step h3 {
    max-width: 230px;

    margin: 0 0 13px;

    color: #101828;

    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
}

.location-process-step p {
    max-width: 245px;

    margin: 0;

    color: #667085;

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================
   CONNECTOR
========================================= */

.location-process-connector {
    position: absolute;

    top: 28px;
    right: -10px;

    width: 20px;
    height: 2px;

    background: #cdddf0;
}

.location-process-connector::after {
    content: "";

    position: absolute;

    right: 0;
    top: -3px;

    width: 7px;
    height: 7px;

    border-top: 2px solid #006ffc;
    border-right: 2px solid #006ffc;

    transform: rotate(45deg);
}


/* =========================================
   CTA
========================================= */

.location-process-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;

    margin-top: 35px;
    padding-top: 32px;

    border-top: 1px solid #e1eaf4;
}

.location-process-cta p {
    margin: 0;

    color: #475467;

    font-size: 15px;
    font-weight: 600;
}

.location-process-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-height: 48px;
    padding: 0 22px;

    color: #ffffff;
    background: #006ffc;

    border: 1px solid #006ffc;
    border-radius: 9px;

    font-size: 14px;
    font-weight: 700;
    text-decoration: none;

    box-shadow: 0 7px 18px rgba(0, 111, 252, 0.18);

    transition:
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.location-process-button span {
    font-size: 18px;
    line-height: 1;

    transition: transform 0.25s ease;
}

.location-process-button:hover {
    color: #ffffff;
    background: #005ed6;

    transform: translateY(-2px);

    box-shadow: 0 11px 25px rgba(0, 111, 252, 0.25);
}

.location-process-button:hover span {
    transform: translateX(4px);
}


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

@media (max-width: 991px) {

    .location-process-section {
        padding: 80px 20px;
    }

    .location-process-title {
        font-size: 36px;
    }

    .location-process-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 45px;
    }

    .location-process-step {
        padding: 0 22px;
    }

    .location-process-step:nth-child(3) {
        padding-left: 0;
    }

    .location-process-step:nth-child(2) {
        padding-right: 0;
    }

    .location-process-step:nth-child(4) {
        padding-right: 0;
    }

    .location-process-connector {
        display: none;
    }

    .location-process-step h3 {
        max-width: 280px;
    }

    .location-process-step p {
        max-width: 300px;
    }
}


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

@media (max-width: 767px) {

    .location-process-section {
        padding: 65px 16px;
    }

    .location-process-header {
        margin-bottom: 45px;
    }

    .location-process-title {
        font-size: 30px;
        letter-spacing: -0.7px;
    }

    .location-process-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .location-process-grid {
        display: block;
    }

    .location-process-step,
    .location-process-step:first-child,
    .location-process-step:last-child {
        min-height: auto;

        padding: 0 0 42px;
        margin-bottom: 35px;

        border-bottom: 1px solid #e1eaf4;
    }

    .location-process-step:last-child {
        padding-bottom: 0;
        margin-bottom: 0;

        border-bottom: 0;
    }

    .location-process-step-top {
        margin-bottom: 22px;
    }

    .location-process-icon {
        width: 52px;
        height: 52px;
    }

    .location-process-step h3 {
        max-width: none;

        font-size: 19px;
    }

    .location-process-step p {
        max-width: none;
        font-size: 14px;
    }

    .location-process-cta {
        flex-direction: column;
        gap: 16px;

        margin-top: 40px;
        padding-top: 30px;

        text-align: center;
    }

    .location-process-button {
        width: 100%;
        max-width: 280px;
    }
}


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

@media (max-width: 420px) {

    .location-process-title {
        font-size: 27px;
    }

    .location-process-step {
        padding-bottom: 35px;
        margin-bottom: 30px;
    }

    .location-process-step h3 {
        font-size: 18px;
    }

}



/* =========================================
   INDUSTRIES WE SUPPORT
========================================= */

.location-industries-section {
    padding: 100px 20px;
    background: #ffffff;
}

.location-industries-container {
    max-width: 1200px;
    margin: 0 auto;
}


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

.location-industries-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.location-industries-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 14px;

    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.location-industries-label::before {
    content: "";

    width: 26px;
    height: 2px;

    background: #006ffc;
    border-radius: 10px;
}

.location-industries-title {
    margin: 0;

    color: #101828;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.2px;
}

.location-industries-title span {
    display: block;
    color: #006ffc;
}

.location-industries-description {
    max-width: 680px;

    margin: 18px auto 0;

    color: #667085;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   INDUSTRIES GRID
========================================= */

.location-industries-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
}


/* =========================================
   INDUSTRY CARD
========================================= */

.location-industry-card {
    position: relative;

    min-height: 205px;
    padding: 24px;

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

    background: #ffffff;
    border: 1px solid #e5ebf3;
    border-radius: 20px;

    text-decoration: none;
    overflow: hidden;

    box-shadow: 0 7px 25px rgba(16, 24, 40, 0.045);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.location-industry-card::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 3px;

    background: #006ffc;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}

.location-industry-card:hover {
    transform: translateY(-6px);

    border-color: #d3e4f9;

    box-shadow: 0 17px 40px rgba(16, 24, 40, 0.09);
}

.location-industry-card:hover::after {
    transform: scaleX(1);
}


/* =========================================
   NUMBER
========================================= */

.location-industry-number {
    color: #a6b1bf;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}


/* =========================================
   ICON
========================================= */

.location-industry-icon {
    width: 50px;
    height: 50px;

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

    margin-top: 8px;

    color: #006ffc;
    background: #eff6ff;

    border-radius: 14px;

    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease;
}

.location-industry-icon svg {
    width: 24px;
    height: 24px;
}

.location-industry-card:hover .location-industry-icon {
    color: #ffffff;
    background: #006ffc;

    transform: scale(1.05);
}


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

.location-industry-card h3 {
    margin: 20px 28px 0 0;

    color: #101828;

    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;

    transition: color 0.25s ease;
}

.location-industry-card:hover h3 {
    color: #006ffc;
}


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

.location-industry-arrow {
    position: absolute;

    right: 22px;
    bottom: 22px;

    color: #98a2b3;

    font-size: 20px;
    line-height: 1;

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

.location-industry-card:hover .location-industry-arrow {
    color: #006ffc;
    transform: translateX(4px);
}


/* =========================================
   CTA
========================================= */

.location-industries-cta {
    display: flex;
    justify-content: center;

    margin-top: 45px;
}

.location-industries-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 52px;
    padding: 0 25px;

    color: #ffffff;
    background: #006ffc;

    border: 1px solid #006ffc;
    border-radius: 10px;

    font-size: 14px;
    font-weight: 700;
    text-decoration: none;

    box-shadow: 0 8px 20px rgba(0, 111, 252, 0.18);

    transition:
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.location-industries-button span {
    font-size: 19px;
    line-height: 1;

    transition: transform 0.25s ease;
}

.location-industries-button:hover {
    color: #ffffff;
    background: #005ed6;

    transform: translateY(-2px);

    box-shadow: 0 12px 28px rgba(0, 111, 252, 0.25);
}

.location-industries-button:hover span {
    transform: translateX(4px);
}


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

@media (max-width: 1100px) {

    .location-industries-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


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

@media (max-width: 991px) {

    .location-industries-section {
        padding: 80px 20px;
    }

    .location-industries-title {
        font-size: 36px;
    }

    .location-industries-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

}


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

@media (max-width: 767px) {

    .location-industries-section {
        padding: 65px 16px;
    }

    .location-industries-header {
        margin-bottom: 38px;
    }

    .location-industries-title {
        font-size: 30px;
        letter-spacing: -0.7px;
    }

    .location-industries-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .location-industries-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .location-industry-card {
        min-height: 175px;
        padding: 23px;
    }

    .location-industry-card h3 {
        font-size: 18px;
    }

    .location-industries-cta {
        margin-top: 35px;
    }

    .location-industries-button {
        width: 100%;
        max-width: 280px;
    }

}


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

@media (max-width: 420px) {

    .location-industries-title {
        font-size: 27px;
    }

    .location-industry-card {
        min-height: 165px;
    }

}


/* =========================================
   FINAL CTA
========================================= */

.location-final-cta-section {
    position: relative;
    padding: 100px 20px;

    background:
        radial-gradient(
            circle at 85% 50%,
            rgba(72, 153, 255, 0.22),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #005dcc 0%,
            #006ffc 50%,
            #0059c7 100%
        );

    overflow: hidden;
}

.location-final-cta-section::before {
    content: "";

    position: absolute;
    top: -180px;
    left: -180px;

    width: 400px;
    height: 400px;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}

.location-final-cta-section::after {
    content: "";

    position: absolute;
    bottom: -250px;
    right: -180px;

    width: 500px;
    height: 500px;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}


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

.location-final-cta-container {
    position: relative;
    z-index: 2;

    max-width: 1200px;
    min-height: 330px;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 50px;
}


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

.location-final-cta-content {
    max-width: 720px;
}

.location-final-cta-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 16px;

    color: rgba(255, 255, 255, 0.82);

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.location-final-cta-label::before {
    content: "";

    width: 28px;
    height: 2px;

    background: #ffffff;
    border-radius: 10px;
}


.location-final-cta-title {
    margin: 0;

    color: #ffffff;

    font-size: 46px;
    line-height: 1.12;
    font-weight: 750;
    letter-spacing: -1.4px;
}

.location-final-cta-title span {
    display: block;
    color: #dcecff;
}


.location-final-cta-description {
    max-width: 650px;

    margin: 20px 0 0;

    color: rgba(255, 255, 255, 0.84);

    font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   BUTTONS
========================================= */

.location-final-cta-buttons {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-top: 32px;
}

.location-final-cta-primary,
.location-final-cta-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 52px;
    padding: 0 24px;

    border-radius: 10px;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

.location-final-cta-primary {
    color: #006ffc;
    background: #ffffff;

    border: 1px solid #ffffff;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.location-final-cta-primary:hover {
    color: #006ffc;

    transform: translateY(-3px);

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.17);
}

.location-final-cta-secondary {
    color: #ffffff;

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

    border: 1px solid rgba(255, 255, 255, 0.55);

    backdrop-filter: blur(8px);
}

.location-final-cta-secondary:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);

    transform: translateY(-3px);

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.10);
}

.location-final-cta-primary span,
.location-final-cta-secondary span {
    font-size: 19px;
    line-height: 1;

    transition: transform 0.25s ease;
}

.location-final-cta-primary:hover span,
.location-final-cta-secondary:hover span {
    transform: translateX(4px);
}


/* =========================================
   DECORATIVE GLOBE
========================================= */

.location-final-cta-decoration {
    position: relative;

    width: 340px;
    height: 300px;

    flex-shrink: 0;
}

.location-final-cta-globe {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 170px;
    height: 170px;

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

    color: rgba(255, 255, 255, 0.32);

    transform: translate(-50%, -50%);
}

.location-final-cta-globe svg {
    width: 170px;
    height: 170px;
}


/* =========================================
   GLOBE DOTS
========================================= */

.location-final-cta-dot {
    position: absolute;

    width: 9px;
    height: 9px;

    background: #ffffff;

    border-radius: 50%;

    box-shadow:
        0 0 0 5px rgba(255, 255, 255, 0.10),
        0 0 18px rgba(255, 255, 255, 0.7);
}

.dot-one {
    top: 42px;
    right: 35px;
}

.dot-two {
    left: 25px;
    top: 95px;
}

.dot-three {
    right: 48px;
    bottom: 35px;
}


/* =========================================
   DECORATIVE CIRCLES
========================================= */

.location-final-cta-circle {
    position: absolute;

    border: 1px solid rgba(255, 255, 255, 0.12);

    border-radius: 50%;
}

.circle-one {
    width: 210px;
    height: 210px;

    top: 45px;
    left: 65px;
}

.circle-two {
    width: 270px;
    height: 270px;

    top: 15px;
    left: 35px;
}

.circle-three {
    width: 330px;
    height: 330px;

    top: -15px;
    left: 5px;
}


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

@media (max-width: 991px) {

    .location-final-cta-section {
        padding: 80px 20px;
    }

    .location-final-cta-title {
        font-size: 38px;
    }

    .location-final-cta-decoration {
        width: 260px;
        height: 260px;
    }

    .location-final-cta-globe {
        width: 140px;
        height: 140px;
    }

    .location-final-cta-globe svg {
        width: 140px;
        height: 140px;
    }

    .circle-one {
        width: 170px;
        height: 170px;

        top: 45px;
        left: 45px;
    }

    .circle-two {
        width: 220px;
        height: 220px;

        top: 20px;
        left: 20px;
    }

    .circle-three {
        width: 270px;
        height: 270px;

        top: -5px;
        left: -5px;
    }
}


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

@media (max-width: 767px) {

    .location-final-cta-section {
        padding: 70px 16px;
    }

    .location-final-cta-container {
        min-height: auto;

        flex-direction: column;
        text-align: center;

        gap: 20px;
    }

    .location-final-cta-content {
        max-width: 100%;
    }

    .location-final-cta-label {
        justify-content: center;
    }

    .location-final-cta-title {
        font-size: 31px;
        letter-spacing: -0.7px;
    }

    .location-final-cta-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .location-final-cta-buttons {
        flex-direction: column;

        width: 100%;

        margin-top: 27px;
    }

    .location-final-cta-primary,
    .location-final-cta-secondary {
        width: 100%;
        max-width: 290px;
    }

    .location-final-cta-decoration {
        width: 220px;
        height: 150px;

        margin-top: 10px;

        opacity: 0.8;
    }

    .location-final-cta-globe {
        width: 110px;
        height: 110px;
    }

    .location-final-cta-globe svg {
        width: 110px;
        height: 110px;
    }

    .circle-one {
        width: 130px;
        height: 130px;

        top: 10px;
        left: 45px;
    }

    .circle-two {
        width: 170px;
        height: 170px;

        top: -10px;
        left: 25px;
    }

    .circle-three {
        width: 210px;
        height: 210px;

        top: -30px;
        left: 5px;
    }
}


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

@media (max-width: 420px) {

    .location-final-cta-title {
        font-size: 28px;
    }

    .location-final-cta-decoration {
        display: none;
    }

}



/* =========================================
   CLIENT SUCCESS STORIES - HERO
========================================= */

.success-hero-section {
    position: relative;
    padding: 95px 20px;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(0, 111, 252, 0.07),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8fbff 100%
        );

    overflow: hidden;
}

.success-hero-container {
    max-width: 1200px;
    min-height: 590px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    align-items: center;
    gap: 70px;
}


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

.success-hero-content {
    max-width: 600px;
}

.success-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 18px;

    color: #006ffc;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.success-hero-label::before {
    content: "";

    width: 28px;
    height: 2px;

    background: #006ffc;
    border-radius: 10px;
}

.success-hero-title {
    margin: 0;

    color: #101828;

    font-size: 54px;
    line-height: 1.08;
    font-weight: 750;
    letter-spacing: -1.8px;
}

.success-hero-title span {
    display: block;
    color: #006ffc;
}

.success-hero-description {
    max-width: 570px;

    margin: 24px 0 0;

    color: #667085;

    font-size: 16px;
    line-height: 1.8;
}

.success-hero-buttons {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-top: 34px;
}

.success-hero-primary,
.success-hero-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 52px;
    padding: 0 25px;

    border-radius: 10px;

    font-size: 14px;
    font-weight: 700;
    text-decoration: none;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

.success-hero-primary {
    color: #ffffff;
    background: #006ffc;
    border: 1px solid #006ffc;

    box-shadow: 0 9px 22px rgba(0, 111, 252, 0.18);
}

.success-hero-primary:hover {
    color: #ffffff;
    background: #005ed6;

    transform: translateY(-3px);

    box-shadow: 0 14px 30px rgba(0, 111, 252, 0.25);
}

.success-hero-secondary {
    color: #006ffc;
    background: #ffffff;

    border: 1px solid #d5e1ef;
}

.success-hero-secondary:hover {
    color: #006ffc;
    background: #f7faff;

    transform: translateY(-3px);

    box-shadow: 0 10px 25px rgba(16, 24, 40, 0.08);
}

.success-hero-primary span,
.success-hero-secondary span {
    font-size: 19px;
    line-height: 1;

    transition: transform 0.25s ease;
}

.success-hero-primary:hover span,
.success-hero-secondary:hover span {
    transform: translateX(4px);
}


/* =========================================
   HERO VISUAL
========================================= */

.success-hero-visual {
    position: relative;

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

    margin-left: auto;
}

.success-hero-image-wrap {
    position: relative;

    width: 100%;
    height: 500px;

    border-radius: 28px;

    overflow: visible;
}

.success-hero-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: 28px;

    box-shadow:
        0 25px 70px rgba(16, 24, 40, 0.14);
}

.success-hero-image-overlay {
    position: absolute;

    inset: 0;

    border-radius: 28px;

    background:
        linear-gradient(
            135deg,
            rgba(0, 111, 252, 0.08),
            transparent 45%
        );

    pointer-events: none;
}


/* =========================================
   IMAGE DECORATION
========================================= */

.success-hero-visual::before {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    left: -25px;
    bottom: -30px;

    border: 1px solid #cfe1f8;
    border-radius: 24px;

    z-index: 0;
}

.success-hero-visual::after {
    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    right: -25px;
    top: -25px;

    background: #eaf3ff;

    border-radius: 22px;

    z-index: 0;
}

.success-hero-image-wrap {
    z-index: 1;
}


/* =========================================
   TRUST CARDS
========================================= */

.success-trust-card {
    position: absolute;

    z-index: 5;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 13px 16px;

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

    border: 1px solid rgba(219, 230, 243, 0.95);

    border-radius: 14px;

    box-shadow:
        0 14px 35px rgba(16, 24, 40, 0.12);

    backdrop-filter: blur(10px);

    animation: successFloat 4s ease-in-out infinite;
}

.success-trust-card strong {
    display: block;

    color: #101828;

    font-size: 15px;
    line-height: 1.3;
    font-weight: 750;
}

.success-trust-card span {
    display: block;

    margin-top: 2px;

    color: #667085;

    font-size: 11px;
    line-height: 1.4;
}


/* =========================================
   TRUST ICON
========================================= */

.success-trust-icon {
    width: 40px;
    height: 40px;

    flex-shrink: 0;

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

    color: #006ffc;
    background: #eff6ff;

    border-radius: 11px;
}

.success-trust-icon svg {
    width: 21px;
    height: 21px;
}


/* =========================================
   CARD POSITIONS
========================================= */

.trust-card-one {
    top: 45px;
    left: -35px;
}

.trust-card-two {
    right: -35px;
    top: 175px;

    animation-delay: -1.2s;
}

.trust-card-three {
    left: 35px;
    bottom: -25px;

    animation-delay: -2.2s;
}


/* =========================================
   GLOBAL STATUS
========================================= */

.success-trust-status {
    position: relative;

    width: 10px;
    height: 10px;

    flex-shrink: 0;

    background: #22c55e;

    border-radius: 50%;
}

.success-trust-status::after {
    content: "";

    position: absolute;

    inset: -4px;

    border: 1px solid rgba(34, 197, 94, 0.35);

    border-radius: 50%;
}


/* =========================================
   FLOAT ANIMATION
========================================= */

@keyframes successFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


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

@media (max-width: 1100px) {

    .success-hero-container {
        gap: 45px;
    }

    .success-hero-title {
        font-size: 46px;
    }

    .success-hero-image-wrap {
        height: 450px;
    }

    .trust-card-one {
        left: -20px;
    }

    .trust-card-two {
        right: -20px;
    }

}


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

@media (max-width: 991px) {

    .success-hero-section {
        padding: 80px 20px;
    }

    .success-hero-container {
        grid-template-columns: 1fr;
        gap: 55px;

        min-height: auto;
    }

    .success-hero-content {
        max-width: 750px;
        margin: 0 auto;

        text-align: center;
    }

    .success-hero-label {
        justify-content: center;
    }

    .success-hero-title {
        font-size: 44px;
    }

    .success-hero-description {
        margin-left: auto;
        margin-right: auto;
    }

    .success-hero-buttons {
        justify-content: center;
    }

    .success-hero-visual {
        max-width: 680px;
        margin: 0 auto;
    }

}


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

@media (max-width: 767px) {

    .success-hero-section {
        padding: 65px 16px;
    }

    .success-hero-container {
        gap: 42px;
    }

    .success-hero-title {
        font-size: 34px;
        letter-spacing: -0.9px;
    }

    .success-hero-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .success-hero-buttons {
        flex-direction: column;

        width: 100%;

        margin-top: 27px;
    }

    .success-hero-primary,
    .success-hero-secondary {
        width: 100%;
        max-width: 280px;
    }

    .success-hero-image-wrap {
        height: 390px;
    }

    .success-hero-image {
        border-radius: 22px;
    }

    .success-hero-image-overlay {
        border-radius: 22px;
    }

    .success-hero-visual::before {
        width: 100px;
        height: 100px;

        left: -8px;
        bottom: -18px;

        border-radius: 18px;
    }

    .success-hero-visual::after {
        width: 70px;
        height: 70px;

        right: -8px;
        top: -15px;

        border-radius: 16px;
    }

    .success-trust-card {
        padding: 10px 12px;
        gap: 9px;

        border-radius: 12px;
    }

    .success-trust-icon {
        width: 34px;
        height: 34px;

        border-radius: 9px;
    }

    .success-trust-icon svg {
        width: 18px;
        height: 18px;
    }

    .success-trust-card strong {
        font-size: 13px;
    }

    .success-trust-card span {
        font-size: 9px;
    }

    .trust-card-one {
        top: 25px;
        left: -5px;
    }

    .trust-card-two {
        right: -5px;
        top: 145px;
    }

    .trust-card-three {
        left: 15px;
        bottom: -20px;
    }

}


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

@media (max-width: 420px) {

    .success-hero-title {
        font-size: 30px;
    }

    .success-hero-image-wrap {
        height: 340px;
    }

    .trust-card-two {
        top: 125px;
    }

    .trust-card-three {
        left: 8px;
    }

}




/* =========================================
   VIDEO TESTIMONIALS
========================================= */

.video-testimonials-section {
    position: relative;
    padding: 110px 20px;
    background: #f8fbff;
    overflow: hidden;
}

.video-testimonials-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Header */

.video-testimonials-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.video-testimonials-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
    color: #006ffc;
}

.video-testimonials-label::before {
    content: "";
    width: 26px;
    height: 2px;
    background: #006ffc;
    border-radius: 10px;
}

.video-testimonials-title {
    margin: 0;

    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1.5px;
    color: #101828;
}

.video-testimonials-title span {
    color: #006ffc;
}

.video-testimonials-intro {
    max-width: 680px;
    margin: 20px auto 0;

    font-size: 16px;
    line-height: 1.8;
    color: #667085;
}


/* =========================================
   MAIN CARD
========================================= */

.video-testimonial-card {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;

    background: #ffffff;
    border: 1px solid #e4eaf2;
    border-radius: 28px;

    overflow: hidden;

    box-shadow:
        0 25px 70px rgba(16, 24, 40, 0.08);
}


/* =========================================
   VIDEO
========================================= */

.video-testimonial-media {
    position: relative;
    min-height: 500px;
    background: #0d1726;
    overflow: hidden;
}

.video-testimonial-player {
    width: 100%;
    height: 100%;
    min-height: 500px;

    display: block;

    object-fit: cover;
    background: #0d1726;
}

.video-testimonial-badge {
    position: absolute;
    top: 24px;
    left: 24px;

    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 10px 15px;

    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.8);

    border-radius: 50px;

    font-size: 12px;
    font-weight: 700;
    color: #101828;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.video-testimonial-badge svg {
    width: 14px;
    height: 14px;
    fill: #006ffc;
}


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

.video-testimonial-content {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 55px 50px;
}

.video-testimonial-quote-icon {
    width: 48px;
    height: 48px;

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

    margin-bottom: 24px;

    background: #edf5ff;
    border-radius: 14px;
}

.video-testimonial-quote-icon svg {
    width: 23px;
    height: 23px;
    fill: #006ffc;
}

.video-testimonial-overline {
    display: block;
    margin-bottom: 15px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #006ffc;
}

.video-testimonial-quote {
    margin: 0;

    font-size: 24px;
    line-height: 1.55;
    font-weight: 600;
    letter-spacing: -0.3px;

    color: #101828;
}

.video-testimonial-divider {
    width: 100%;
    height: 1px;

    margin: 30px 0;

    background: #e7edf4;
}


/* =========================================
   CLIENT
========================================= */

.video-testimonial-client {
    display: flex;
    align-items: center;
    gap: 15px;
}

.video-testimonial-avatar {
    width: 52px;
    height: 52px;

    flex: 0 0 52px;

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

    border-radius: 50%;

    background: linear-gradient(
        135deg,
        #006ffc,
        #4f9dff
    );

    color: #ffffff;

    font-size: 14px;
    font-weight: 800;
}

.video-testimonial-client-info h3 {
    margin: 0 0 3px;

    font-size: 16px;
    font-weight: 800;
    color: #101828;
}

.video-testimonial-client-info p {
    margin: 0 0 2px;

    font-size: 13px;
    color: #667085;
}

.video-testimonial-client-info span {
    font-size: 12px;
    font-weight: 700;
    color: #006ffc;
}


/* =========================================
   TRUST
========================================= */

.video-testimonial-trust {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-top: 32px;
    padding-top: 22px;

    border-top: 1px solid #edf1f5;

    font-size: 12px;
    font-weight: 600;
    color: #667085;
}

.video-testimonial-stars {
    display: flex;
    gap: 2px;

    font-size: 15px;
    color: #f5a623;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .video-testimonials-section {
        padding: 85px 20px;
    }

    .video-testimonial-card {
        grid-template-columns: 1fr;
    }

    .video-testimonial-media,
    .video-testimonial-player {
        min-height: 430px;
    }

    .video-testimonial-content {
        padding: 45px 40px;
    }

    .video-testimonial-quote {
        font-size: 22px;
    }
}


@media (max-width: 767px) {

    .video-testimonials-section {
        padding: 70px 16px;
    }

    .video-testimonials-header {
        margin-bottom: 35px;
    }

    .video-testimonials-title {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .video-testimonials-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    .video-testimonial-card {
        border-radius: 22px;
    }

    .video-testimonial-media,
    .video-testimonial-player {
        min-height: 270px;
    }

    .video-testimonial-badge {
        top: 15px;
        left: 15px;
        padding: 8px 12px;
    }

    .video-testimonial-content {
        padding: 35px 25px;
    }

    .video-testimonial-quote-icon {
        width: 42px;
        height: 42px;
        margin-bottom: 20px;
    }

    .video-testimonial-quote {
        font-size: 20px;
        line-height: 1.5;
    }

    .video-testimonial-divider {
        margin: 25px 0;
    }

    .video-testimonial-trust {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }
}


@media (max-width: 480px) {

    .video-testimonial-media,
    .video-testimonial-player {
        min-height: 230px;
    }

    .video-testimonial-content {
        padding: 30px 20px;
    }

    .video-testimonial-quote {
        font-size: 19px;
    }
}


/* =========================================
   WHY CLIENTS CHOOSE INT ENTERPRISES
========================================= */

.clients-choose-section {
    position: relative;
    padding: 110px 20px;
    background: #ffffff;
    overflow: hidden;
}

.clients-choose-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


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

.clients-choose-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.clients-choose-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 16px;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;

    color: #006ffc;
}

.clients-choose-label::before {
    content: "";

    width: 26px;
    height: 2px;

    background: #006ffc;
    border-radius: 10px;
}

.clients-choose-title {
    margin: 0;

    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.08;

    font-weight: 800;
    letter-spacing: -1.5px;

    color: #101828;
}

.clients-choose-title span {
    color: #006ffc;
}

.clients-choose-description {
    max-width: 680px;

    margin: 20px auto 0;

    font-size: 16px;
    line-height: 1.8;

    color: #667085;
}


/* =========================================
   GRID
========================================= */

.clients-choose-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 22px;
}


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

.clients-choose-card {
    position: relative;

    min-height: 300px;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #e4eaf2;
    border-radius: 22px;

    overflow: hidden;

    box-shadow:
        0 12px 35px rgba(16, 24, 40, 0.05);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.clients-choose-card:hover {
    transform: translateY(-8px);

    border-color: #cfe2ff;

    box-shadow:
        0 22px 50px rgba(0, 111, 252, 0.10);
}


/* =========================================
   CARD TOP
========================================= */

.clients-choose-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 40px;
}

.clients-choose-number {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;

    color: #98a2b3;
}


/* =========================================
   ICON
========================================= */

.clients-choose-icon {
    width: 54px;
    height: 54px;

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

    background: #edf5ff;

    border-radius: 16px;

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

.clients-choose-icon svg {
    width: 25px;
    height: 25px;

    fill: none;
    stroke: #006ffc;

    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.clients-choose-card:hover .clients-choose-icon {
    background: #006ffc;
    transform: scale(1.06);
}

.clients-choose-card:hover .clients-choose-icon svg {
    stroke: #ffffff;
}


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

.clients-choose-card h3 {
    margin: 0 0 12px;

    font-size: 20px;
    line-height: 1.3;

    font-weight: 800;
    letter-spacing: -0.3px;

    color: #101828;
}

.clients-choose-card p {
    margin: 0;

    font-size: 14px;
    line-height: 1.75;

    color: #667085;
}


/* =========================================
   BOTTOM ACCENT
========================================= */

.clients-choose-line {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 0;

    height: 3px;

    background: #006ffc;

    border-radius: 10px 10px 0 0;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.35s ease;
}

.clients-choose-card:hover .clients-choose-line {
    transform: scaleX(1);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1100px) {

    .clients-choose-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 767px) {

    .clients-choose-section {
        padding: 75px 16px;
    }

    .clients-choose-header {
        margin-bottom: 38px;
    }

    .clients-choose-title {
        font-size: 35px;
        letter-spacing: -1px;
    }

    .clients-choose-description {
        font-size: 15px;
        line-height: 1.7;
    }

    .clients-choose-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .clients-choose-card {
        min-height: auto;
        padding: 26px;
    }

    .clients-choose-card-top {
        margin-bottom: 30px;
    }
}


@media (max-width: 480px) {

    .clients-choose-title {
        font-size: 31px;
    }

    .clients-choose-card h3 {
        font-size: 19px;
    }

    .clients-choose-card p {
        font-size: 14px;
    }
}



/* =========================================
   CLIENT LOGOS
========================================= */

.client-logos-section {
    position: relative;
    padding: 105px 20px;

    background: #f8fbff;

    overflow: hidden;
}

.client-logos-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


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

.client-logos-header {
    max-width: 760px;
    margin: 0 auto 55px;

    text-align: center;
}

.client-logos-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 16px;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;

    color: #006ffc;
}

.client-logos-label::before {
    content: "";

    width: 26px;
    height: 2px;

    background: #006ffc;

    border-radius: 10px;
}

.client-logos-title {
    margin: 0;

    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.08;

    font-weight: 800;
    letter-spacing: -1.5px;

    color: #101828;
}

.client-logos-title span {
    color: #006ffc;
}

.client-logos-description {
    max-width: 680px;

    margin: 20px auto 0;

    font-size: 16px;
    line-height: 1.8;

    color: #667085;
}


/* =========================================
   LOGO WALL
========================================= */

.client-logos-wall {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 18px;
}


/* =========================================
   LOGO CARD
========================================= */

.client-logo {
    min-height: 145px;

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

    padding: 30px;

    background: #ffffff;

    border: 1px solid #e5eaf1;
    border-radius: 18px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.client-logo:hover {
    transform: translateY(-5px);

    border-color: #d2e3fb;

    box-shadow:
        0 18px 40px rgba(16, 24, 40, 0.07);
}


/* =========================================
   LOGO IMAGE
========================================= */

.client-logo img {
    display: block;

    max-width: 155px;
    max-height: 55px;

    width: auto;
    height: auto;

    filter:
        grayscale(100%)
        opacity(0.55);

    transition:
        filter 0.3s ease,
        opacity 0.3s ease,
        transform 0.3s ease;
}

.client-logo:hover img {
    filter:
        grayscale(100%)
        opacity(0.85);

    transform: scale(1.04);
}


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

@media (max-width: 991px) {

    .client-logos-section {
        padding: 85px 20px;
    }

    .client-logos-wall {
        grid-template-columns: repeat(3, 1fr);
    }

    .client-logo {
        min-height: 130px;
    }
}


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

@media (max-width: 767px) {

    .client-logos-section {
        padding: 75px 16px;
    }

    .client-logos-header {
        margin-bottom: 38px;
    }

    .client-logos-title {
        font-size: 35px;
        letter-spacing: -1px;
    }

    .client-logos-description {
        font-size: 15px;
        line-height: 1.7;
    }

    .client-logos-wall {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .client-logo {
        min-height: 110px;
        padding: 20px;
        border-radius: 15px;
    }

    .client-logo img {
        max-width: 120px;
        max-height: 45px;
    }
}


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

@media (max-width: 480px) {

    .client-logos-title {
        font-size: 31px;
    }

    .client-logo {
        min-height: 95px;
    }

    .client-logo img {
        max-width: 105px;
        max-height: 38px;
    }
}



/* =========================================
   CONTACT MAIN SECTION
========================================= */

.contact-main-section {
    padding: 110px 20px;

    background: #ffffff;
}

.contact-main-container {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.9fr 1.1fr;

    gap: 75px;

    align-items: start;
}


/* =========================================
   COMMON LABEL
========================================= */

.contact-section-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 16px;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;

    color: #006ffc;
}

.contact-section-label::before {
    content: "";

    width: 26px;
    height: 2px;

    background: #006ffc;

    border-radius: 10px;
}


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

.contact-info-column {
    padding-top: 10px;
}

.contact-info-title {
    margin: 0;

    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.12;

    font-weight: 800;
    letter-spacing: -1.2px;

    color: #101828;
}

.contact-info-title span {
    display: block;
    color: #006ffc;
}

.contact-info-description {
    max-width: 500px;

    margin: 20px 0 38px;

    font-size: 16px;
    line-height: 1.8;

    color: #667085;
}


/* =========================================
   CONTACT CARDS
========================================= */

.contact-info-cards {
    display: flex;
    flex-direction: column;

    gap: 14px;
}

.contact-info-card {
    display: flex;
    align-items: flex-start;

    gap: 17px;

    padding: 20px;

    background: #f8fbff;

    border: 1px solid #e4eaf2;
    border-radius: 16px;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.contact-info-card:hover {
    transform: translateX(5px);

    border-color: #cfe2ff;

    box-shadow:
        0 12px 30px rgba(0, 111, 252, 0.07);
}


/* Icon */

.contact-info-icon {
    width: 46px;
    height: 46px;

    flex: 0 0 46px;

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

    background: #eaf3ff;

    border-radius: 13px;
}

.contact-info-icon svg {
    width: 21px;
    height: 21px;

    fill: none;
    stroke: #006ffc;

    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Content */

.contact-info-card-content {
    display: flex;
    flex-direction: column;

    min-width: 0;
}

.contact-info-card-content > span {
    margin-bottom: 7px;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.3px;

    color: #98a2b3;
}

.contact-info-card-content a {
    width: fit-content;

    margin-bottom: 3px;

    font-size: 14px;
    line-height: 1.5;

    font-weight: 600;

    color: #344054;

    text-decoration: none;

    transition: color 0.2s ease;
}

.contact-info-card-content a:hover {
    color: #006ffc;
}

.contact-info-card-content p {
    margin: 0;

    font-size: 14px;
    line-height: 1.65;

    color: #667085;
}


/* =========================================
   FORM WRAPPER
========================================= */

.contact-form-wrapper {
    padding: 42px;

    background: #ffffff;

    border: 1px solid #e3e9f1;
    border-radius: 24px;

    box-shadow:
        0 20px 55px rgba(16, 24, 40, 0.07);
}

.contact-form-header {
    margin-bottom: 30px;
}

.contact-form-title {
    margin: 0;

    font-size: 30px;
    line-height: 1.2;

    font-weight: 800;
    letter-spacing: -0.7px;

    color: #101828;
}


/* =========================================
   FORM
========================================= */

.contact-form {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;
}

.contact-form-group {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.contact-form-group label {
    font-size: 13px;
    font-weight: 700;

    color: #344054;
}

.contact-form-group label sup {
    color: #006ffc;
    font-size: 12px;
}

.contact-form-group input,
.contact-form-group select,
.contact-form-group textarea {
    width: 100%;

    box-sizing: border-box;

    padding: 13px 14px;

    background: #ffffff;

    border: 1px solid #d8e0ea;
    border-radius: 10px;

    outline: none;

    font-family: inherit;
    font-size: 14px;

    color: #101828;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.contact-form-group input::placeholder,
.contact-form-group textarea::placeholder {
    color: #98a2b3;
}

.contact-form-group input:focus,
.contact-form-group select:focus,
.contact-form-group textarea:focus {
    border-color: #006ffc;

    box-shadow:
        0 0 0 3px rgba(0, 111, 252, 0.09);
}

.contact-form-group textarea {
    min-height: 125px;

    resize: vertical;

    line-height: 1.6;
}


/* Select */

.contact-select-wrapper {
    position: relative;
}

.contact-select-wrapper select {
    appearance: none;

    padding-right: 42px;

    cursor: pointer;
}

.contact-select-wrapper svg {
    position: absolute;

    right: 14px;
    top: 50%;

    width: 17px;
    height: 17px;

    transform: translateY(-50%);

    pointer-events: none;

    fill: none;
    stroke: #667085;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Full Width Message */

.contact-form-message {
    grid-column: 1 / -1;
}


/* =========================================
   SUBMIT
========================================= */

.contact-form-submit {
    grid-column: 1 / -1;

    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 15px 22px;

    border: 0;
    border-radius: 10px;

    background: #006ffc;
    color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    font-weight: 700;

    cursor: pointer;

    box-shadow:
        0 10px 25px rgba(0, 111, 252, 0.20);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.contact-form-submit svg {
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition: transform 0.3s ease;
}

.contact-form-submit:hover {
    background: #005ed6;

    transform: translateY(-2px);

    box-shadow:
        0 15px 30px rgba(0, 111, 252, 0.30);
}

.contact-form-submit:hover svg {
    transform: translateX(4px);
}


/* =========================================
   FORM NOTE
========================================= */

.contact-form-note {
    grid-column: 1 / -1;

    margin: -4px 0 0;

    text-align: center;

    font-size: 11px;
    line-height: 1.6;

    color: #98a2b3;
}


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

@media (max-width: 991px) {

    .contact-main-section {
        padding: 85px 20px;
    }

    .contact-main-container {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .contact-info-column {
        max-width: 700px;
    }

    .contact-info-description {
        max-width: 650px;
    }
}


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

@media (max-width: 767px) {

    .contact-main-section {
        padding: 70px 16px;
    }

    .contact-info-title {
        font-size: 35px;
    }

    .contact-info-description {
        font-size: 15px;
    }

    .contact-form-wrapper {
        padding: 28px 20px;

        border-radius: 20px;
    }

    .contact-form-title {
        font-size: 25px;
    }

    .contact-form {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .contact-form-message,
    .contact-form-submit,
    .contact-form-note {
        grid-column: auto;
    }

    .contact-info-card {
        padding: 17px;
    }
}


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

@media (max-width: 480px) {

    .contact-hero-title {
        font-size: 40px;
    }

    .contact-hero-description {
        font-size: 14px;
    }

    .contact-hero-button {
        width: 100%;
    }

    .contact-form-wrapper {
        padding: 25px 17px;
    }
}


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

.testimonial-slider-wrapper {
    width: 100%;
    overflow: hidden;
}

.testimonial-scroll {
    display: flex;
    gap: 24px;

    width: 100%;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;

    scroll-snap-type: x mandatory;

    -webkit-overflow-scrolling: touch;

    padding: 5px 2px 20px;

    scrollbar-width: none;
}

.testimonial-scroll::-webkit-scrollbar {
    display: none;
}


/* Each testimonial */

.testimonial-item {
    flex: 0 0 calc(33.333333% - 16px);

    scroll-snap-align: start;

    min-width: 0;
}


/* Card */

.testimonial-card {
    height: 100%;
}


/* =========================================
   CONTROLS
========================================= */

.testimonial-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;

    margin-top: 25px;
}


/* Arrow buttons */

.testimonial-prev,
.testimonial-next {
    width: 45px;
    height: 45px;

    border: 1px solid #ddd;
    border-radius: 50%;

    background: transparent;

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

    cursor: pointer;

    transition: all 0.3s ease;
}

.testimonial-prev:hover,
.testimonial-next:hover {
    transform: translateY(-2px);
}


/* Dots */

.testimonial-dots {
    display: flex;
    align-items: center;
    gap: 8px;
}

.testimonial-dots span {
    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #ccc;

    cursor: pointer;

    transition: all 0.3s ease;
}

.testimonial-dots span.active {
    width: 25px;
    border-radius: 10px;
}


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

@media (max-width: 991px) {

    .testimonial-item {
        flex: 0 0 calc(50% - 12px);
    }

}


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

@media (max-width: 767px) {

    .testimonial-scroll {
        gap: 15px;
    }

    .testimonial-item {
        flex: 0 0 88%;
    }

    .testimonial-controls {
        margin-top: 20px;
        gap: 18px;
    }

    .testimonial-prev,
    .testimonial-next {
        width: 40px;
        height: 40px;
    }

}


/* =========================================
   CAREER DETAIL HERO
========================================= */

.career-detail-hero {
    position: relative;
    padding: 100px 0 90px;
    background:
        linear-gradient(
            135deg,
            #f7faff 0%,
            #eef5ff 55%,
            #ffffff 100%
        );
    overflow: hidden;
}

.career-detail-hero::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(0, 111, 252, 0.06);
    right: -100px;
    top: -120px;
}

.career-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
}

.career-label,
.application-heading span {
    display: inline-block;
    color: #006ffc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 18px;
}

.career-hero-content h1 {
    font-size: clamp(36px, 5vw, 60px);
    line-height: 1.12;
    font-weight: 800;
    color: #172033;
    margin: 0 0 22px;
}

.career-hero-content > p {
    max-width: 700px;
    color: #64748b;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 30px;
}

.job-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.job-meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 16px;
    border-radius: 50px;
    background: #fff;
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
}

.job-meta i {
    color: #006ffc;
}


/* =========================================
   DETAIL SECTION
========================================= */

.career-detail-section {
    padding: 90px 0;
    background: #fff;
}

.career-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 40px;
    align-items: start;
}

.career-main-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.career-content-card {
    padding: 35px;
    border: 1px solid #e8edf5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.05);
}

.career-content-card h2 {
    color: #172033;
    font-size: 24px;
    font-weight: 750;
    margin: 0 0 22px;
}

.rich-content {
    color: #64748b;
    font-size: 16px;
    line-height: 1.8;
}

.rich-content p {
    margin-bottom: 15px;
}

.rich-content ul,
.rich-content ol {
    padding-left: 22px;
    margin-bottom: 15px;
}

.rich-content li {
    margin-bottom: 9px;
}

.rich-content strong {
    color: #334155;
}

.rich-content a {
    color: #006ffc;
}

.company-company-card {
    display: flex;
}


/* =========================================
   COMPANY CARD
========================================= */

.career-company-card {
    display: flex;
    gap: 22px;
    align-items: flex-start;
    background: #f7faff;
}

.company-icon {
    min-width: 54px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #006ffc;
    color: #fff;
    font-size: 23px;
}

.career-company-card h2 {
    margin-bottom: 10px;
}

.career-company-card p {
    color: #64748b;
    line-height: 1.8;
    margin: 0;
}


/* =========================================
   SIDEBAR
========================================= */

.career-sidebar {
    position: sticky;
    top: 30px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.apply-card {
    padding: 32px;
    border-radius: 20px;
    background: #006ffc;
    color: #fff;
    box-shadow: 0 18px 50px rgba(0, 111, 252, 0.22);
}

.apply-label {
    font-size: 12px;
    letter-spacing: 1.4px;
    font-weight: 700;
    opacity: 0.8;
}

.apply-card h2 {
    margin: 10px 0 12px;
    font-size: 25px;
    line-height: 1.3;
}

.apply-card p {
    margin: 0 0 25px;
    line-height: 1.7;
    color: rgba(255,255,255,.82);
}

.apply-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-radius: 10px;
    background: #fff;
    color: #006ffc;
    font-weight: 700;
    text-decoration: none;
    transition: .3s ease;
}

.apply-btn:hover {
    transform: translateY(-2px);
    color: #006ffc;
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
}


/* =========================================
   JOB SUMMARY
========================================= */

.job-summary-card,
.career-help-card {
    padding: 30px;
    border: 1px solid #e8edf5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 35px rgba(15,23,42,.05);
}

.job-summary-card h3,
.career-help-card h3 {
    color: #172033;
    font-size: 20px;
    margin: 0 0 25px;
}

.summary-item {
    display: flex;
    gap: 14px;
    padding: 17px 0;
    border-bottom: 1px solid #edf1f6;
}

.summary-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.summary-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #edf5ff;
    color: #006ffc;
}

.summary-item small {
    display: block;
    color: #94a3b8;
    font-size: 12px;
    margin-bottom: 4px;
}

.summary-item strong {
    display: block;
    color: #334155;
    font-size: 14px;
}


/* =========================================
   HELP CARD
========================================= */

.help-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #edf5ff;
    color: #006ffc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    margin-bottom: 18px;
}

.career-help-card h3 {
    margin-bottom: 10px;
}

.career-help-card p {
    color: #64748b;
    line-height: 1.7;
    font-size: 14px;
}

.career-help-card a {
    color: #006ffc;
    font-weight: 700;
    text-decoration: none;
}


/* =========================================
   APPLICATION SECTION
========================================= */

.career-application-section {
    padding: 100px 0;
    background: #f7faff;
}

.application-heading {
    max-width: 700px;
    margin: 0 auto 45px;
    text-align: center;
}

.application-heading h2 {
    color: #172033;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    margin-bottom: 15px;
}

.application-heading p {
    color: #64748b;
    line-height: 1.7;
    margin: 0;
}

.application-wrapper {
    max-width: 900px;
    margin: auto;
    padding: 40px;
    background: #fff;
    border: 1px solid #e8edf5;
    border-radius: 20px;
    box-shadow: 0 15px 50px rgba(15,23,42,.06);
}

.career-application-form {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group label {
    color: #334155;
    font-size: 14px;
    font-weight: 650;
}

.form-group label span {
    color: #ef4444;
}

.form-group input,
.form-group textarea {
    width: 100%;
    border: 1px solid #dce3ec;
    border-radius: 10px;
    padding: 13px 15px;
    font-size: 14px;
    color: #334155;
    outline: none;
    transition: .25s ease;
    background: #fff;
}

.form-group textarea {
    resize: vertical;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #006ffc;
    box-shadow: 0 0 0 4px rgba(0,111,252,.08);
}


/* =========================================
   RESUME UPLOAD
========================================= */

.resume-upload {
    position: relative;
    min-height: 150px;
    border: 1.5px dashed #cbd5e1;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    background: #fafcff;
    transition: .25s ease;
}

.resume-upload:hover {
    border-color: #006ffc;
    background: #f7faff;
}

.resume-upload i {
    font-size: 32px;
    color: #006ffc;
    margin-bottom: 8px;
}

.resume-upload strong {
    color: #334155;
    font-size: 14px;
}

.resume-upload span {
    color: #94a3b8;
    font-size: 12px;
    margin-top: 5px;
}

.resume-upload input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}


/* =========================================
   CONSENT
========================================= */

.application-consent label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.6;
    cursor: pointer;
}

.application-consent input {
    margin-top: 4px;
    accent-color: #006ffc;
}


/* =========================================
   SUBMIT
========================================= */

.submit-application-btn {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    border: 0;
    border-radius: 10px;
    background: #006ffc;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s ease;
}

.submit-application-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,111,252,.22);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .career-detail-grid {
        grid-template-columns: 1fr;
    }

    .career-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .apply-card {
        grid-column: 1 / -1;
    }
}


@media (max-width: 700px) {

    .career-detail-hero {
        padding: 70px 0;
    }

    .career-detail-section,
    .career-application-section {
        padding: 60px 0;
    }

    .career-content-card,
    .apply-card,
    .job-summary-card,
    .career-help-card,
    .application-wrapper {
        padding: 25px;
    }

    .career-sidebar {
        grid-template-columns: 1fr;
    }

    .apply-card {
        grid-column: auto;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .application-wrapper {
        border-radius: 15px;
    }

    .submit-application-btn {
        width: 100%;
    }
}


@media (max-width: 480px) {

    .career-hero-content h1 {
        font-size: 34px;
    }

    .career-hero-content > p {
        font-size: 15px;
    }

    .job-meta {
        flex-direction: column;
        align-items: stretch;
    }

    .job-meta span {
        justify-content: flex-start;
    }

    .career-content-card h2 {
        font-size: 21px;
    }

    .career-company-card {
        flex-direction: column;
    }
}