/* =========================================================
   GOOGLE FONT
========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap");

/* =========================================================
   GLOBAL CSS
========================================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* =========================================================
   HTML & BODY FIX
========================================================= */

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Manrope", sans-serif;
    background: #f5f7fa;
    color: #111827;
    overflow-x: hidden;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    background-color: #fff !important;
}

/* =========================================================
   COMPLETE SECTION CSS
========================================================= */

section {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

img {
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
    transition: 0.3s ease;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

::selection {
    background: #18c4d6;
    color: #fff;
}

/* =========================================================
   ONLY MOBILE SIDE SCROLL FIX
========================================================= */

@media (max-width: 767.98px) {

    html,
    body {
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {
    body {
        -webkit-overflow-scrolling: touch;
    }
}

/* =========================================================
   CONTAINER
========================================================= */
/* Variables */
:root {
    --primary: #18c4d6;
    --navy: #161616;
    --orange: #ff8c00;
    --gray: #4b5563;
}

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

.integritty-header {
    background: #fff;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1000;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); */
    font-family: "Manrope", sans-serif;
}

.integritty-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

.integritty-navbar {
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Nav divider style */
.nav-divider {
    width: 1px;
    height: 20px;
    /* Line ki height */
    background-color: #939393;
    /* Line ka color */
    margin-right: 2px;
    /* Search icon se gap */
}

/* =========================================
   LOGO
========================================= */

.integritty-logo img {
    max-width: 165px;
    display: block;
}

/* =========================================
   NAVIGATION
========================================= */

.integritty-nav ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0;
}

/* =========================================
   MAIN MENU LINKS
========================================= */

.integritty-nav ul li a {
    text-decoration: none;

    color: #161616 !important;

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

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

    line-height: 21px;
    letter-spacing: -0.15px;

    transition: 0.3s ease;

    position: relative;
}

/* HOVER COLOR */

.integritty-nav ul li a:hover {
    color: #18c4d6 !important;
    font-weight: bold;
}

/* UNDERLINE */

/* .integritty-nav ul li a::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -6px;

    width: 0;
    height: 2px;

    background: #18c4d6;

    transition: width 0.3s ease;
} */

.integritty-nav ul li a:hover::after {
    width: 100%;
}

/* REMOVE ACTIVE BLUE */

.active-link {
    color: #161616 !important;
}

/* =========================================
   MENU ICONS
========================================= */

.integritty-nav ul li a i {
    font-size: 10px;
    margin-left: 2px;
}

/* =========================================
   MEGA MENU LOGIC
========================================= */

.has-mega {
    position: static;
}

.mega-menu-panel {
    position: absolute;

    top: 85px;
    left: 0;

    width: 100%;

    background: #edf7ff !important;

    border-top: 1px solid #f3f4f6;

    padding: 45px 0;

    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);

    visibility: hidden;
    opacity: 0;

    transform: translateY(10px);

    transition: all 0.4s ease-out;
}

/* SHOW SAME AS OLD */

.has-mega:hover .mega-menu-panel {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* =========================================
   MEGA GRID
========================================= */

.mega-grid {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 40px;

    display: grid;
    grid-template-columns: repeat(4, minmax(330px, 1fr));

    justify-content: center;
    align-items: start;
    gap: 0;
}

/* Small laptop / tablet */
@media (max-width: 1400px) {
    .mega-grid {
        grid-template-columns: repeat(4, minmax(310px, 1fr));
    }
}

.mega-col:not(:last-child) {
    border-right: 4px solid #eaf3f9;
    padding-right: 30px;
}

.mega-col {
    padding: 0 24px;
}

.mega-menu-panel {
    display: flex;
    justify-content: center;
}

/* =========================================
   MEGA HEADINGS
========================================= */

.mega-col h3 {
    font-size: 20px;
    font-weight: 600;
    color: #004774 !important;
    margin-bottom: 22px;
    padding-left: 12px;
    padding-bottom: 10px;
    line-height: 1;
    position: relative;
    border: none;
}

/* 1. Left Gradient Line (Height control) */
.mega-col h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 18px;
    background: linear-gradient(to bottom, #108dc7, #ef8e38);
}

/* 2. Bottom Solid Underline */
.mega-col h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #eaf3f9;
    /* Solid color line */
}

/* =========================================
   SUB MENU
========================================= */

.mega-col ul {
    display: block;

    list-style: none;

    margin: 0;
    padding: 0;
}

.mega-col ul li {
    margin-bottom: 12px;
}

/* SUBMENU LINKS */

.mega-col ul li a {
    font-weight: 600 !important;

    color: #001d30 !important;

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

    text-decoration: none !important;

    position: relative;

    display: inline-block;

    transition: 0.3s ease;
}

/* S/4 HANA ALSO BLACK */

.mega-col ul li a.highlight {
    color: #161616 !important;

    font-weight: 500;

    text-decoration: none !important;
}

/* HOVER */

.mega-col ul li a:hover,
.mega-col ul li a.highlight:hover {
    color: #004774 !important;
}

/* UNDERLINE */

.mega-col ul li a::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 0;
    height: 2px;

    background: #18c4d6;

    transition: width 0.3s ease;
}

.mega-col ul li a:hover::after {
    width: 100%;
}

/* =========================================
   PROMO BOX
========================================= */

.promo-box {
    width: 100%;
    height: 220px;

    background: linear-gradient(135deg, #301934, #b46d61);

    border-radius: 12px;
}

/* =========================================
   RIGHT SECTION
========================================= */

.nav-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* SEARCH */

.search-icon {
    cursor: pointer;
    font-size: 18px;

    color: #161616;

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

    transition: 0.3s ease;
}

.search-icon:hover {
    color: #18c4d6;
}

/* BUTTON */

.contact-btn {
    background: #001d30;
    color: #fff !important;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

.contact-btn:hover {
    background: #18c4d6;
}

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

.hamburger-btn {
    display: none;
    flex-direction: column;
    gap: 6px;
    border: none;
    background: none;
    cursor: pointer;
}

.hamburger-btn span {
    width: 28px;
    height: 3px;
    background: var(--navy);
    transition: 0.3s;
}

/* =========================================
   COMPANY MEGA MENU MOBILE
========================================= */

.has-company-mega {
    position: static;
}

.company-mega-menu {
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    background: #edf7ff;
    border-top: 1px solid #f3f4f6;
    padding: 45px 0;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease-out;
}

/* DESKTOP HOVER */

.has-company-mega:hover .company-mega-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* =========================================
   PRODUCTS MEGA MENU MOBILE
========================================= */

.has-products-mega {
    position: static;
}

.products-mega-menu {
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #f3f4f6;
    padding: 45px 0;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease-out;
}

/* DESKTOP HOVER */

.has-products-mega:hover .products-mega-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* =========================================
   MOBILE RESPONSIVE
========================================= */
.integritty-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.integritty-header.scrolled {
    background: #fff;
    top: 15px;
    width: 95%;
    max-width: 1300px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.mega-menu-panel,
.company-mega-menu,
.products-mega-menu {
    position: fixed !important;
    top: 85px;
    left: 0;
    width: 100vw;
    background: #fff;
    z-index: 999;
}

.integritty-header.scrolled+.mega-menu-panel,
.integritty-header.scrolled+.company-mega-menu,
.integritty-header.scrolled+.products-mega-menu {
    top: 85px;
    /* Adjust as needed based on your header height */
}

/* =========================================================
   COMPANY MEGA MENU
========================================================= */

.has-company-mega {
    position: static;
}

/* PANEL */

.company-mega-menu {
    position: absolute;
    left: 0;
    top: 85px;
    width: 100%;
    background: #edf7ff;
    padding: 42px 0 40px;
    border-top: 1px solid #edf1f5;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.35s ease;
    z-index: 999;
}

/* SHOW */

.has-company-mega:hover .company-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* INNER */

.company-mega-inner {
    max-width: 1300px;

    margin: 0 auto;

    padding: 0 20px;

    display: grid;

    grid-template-columns: 280px 250px 1fr;

    gap: 36px;

    align-items: start;
}

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

.company-left {
    position: relative;
    padding-right: 30px;
}

.company-left::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 50%;
    background: #eaf3f9;
}

.company-left h3 {
    font-size: 20px;
    font-weight: 700;
    color: #004774;
    margin-bottom: 18px;
    line-height: 1;
    padding-left: 12px;
    border-left: 4px solid;
    border-image: linear-gradient(to bottom, #18c4d6, #ef8e38);
    border-image-slice: 1;
}

.company-left p {
    font-size: 15px;
    line-height: 2;
    color: #004774;
    font-weight: 400;
    margin: 0;
}

/* =========================================================
   MIDDLE LINKS
========================================================= */

.company-middle {
    padding-top: 2px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.company-middle ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* LEFT ALIGN */
    gap: 16px;
    margin: 0;
    padding: 0;
}

.company-middle ul li {
    width: 100%;
    text-align: left;
}

.company-middle ul li a {
    position: relative;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #001d30 !important;
    text-decoration: none;
    display: inline-block;
    text-align: left;
    /* IMPORTANT */
    transition: 0.3s ease;
}

.company-middle ul li a:hover {
    color: #004774 !important;
}

/* UNDERLINE */

.company-middle ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 2px;
    background: #18c4d6;
    transition: width 0.3s ease;
}

.company-middle ul li a:hover::after {
    width: 100%;
}

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

.company-right {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    min-height: 230px;
}

.company-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

/* TEXT */

.company-image-content {
    position: absolute;

    left: 34px;
    top: 30px;

    z-index: 2;
}

.company-image-content span {
    display: block;

    font-size: 22px;

    font-weight: 400;

    color: #fff;

    line-height: 1.3;

    margin-bottom: 6px;
}

.company-image-content h4 {
    font-size: 42px;

    line-height: 1.1;

    color: #fff;

    font-weight: 800;

    margin: 0;
}

/* =========================================================
   PRODUCTS MEGA MENU
========================================================= */

.has-products-mega {
    position: static;
}

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

.products-mega-menu {
    position: absolute;
    left: 0;
    top: 85px;
    width: 100%;
    background: #edf7ff;
    padding: 42px 0 40px;
    border-top: 1px solid #edf1f5;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.35s ease;
    z-index: 999;
}

/* =========================================================
   SHOW MENU
========================================================= */

.has-products-mega:hover .products-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* =========================================================
   INNER LAYOUT
========================================================= */

.products-mega-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: 240px 310px 1fr;
    gap: 38px;
    align-items: start;
}

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

.products-left {
    position: relative;
    padding-right: 32px;
    text-align: left;
}

.products-left::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #eaf3f9;
}

.products-left h3 {
    font-size: 20px;
    font-weight: 700;
    color: #004774;
    margin-bottom: 18px;
    line-height: 1;
    padding-left: 12px;
    border-left: 4px solid;
    border-image: linear-gradient(to bottom, #18c4d6, #ef8e38);
    border-image-slice: 1;
}

.products-left p {
    font-size: 15px;
    line-height: 2;
    color: #004774;
    font-weight: 400;
    margin: 0;
    text-align: left;
}

/* =========================================================
   CENTER LINKS
========================================================= */

.products-middle {
    padding-top: 2px;
    text-align: left;
}

.products-middle ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

.products-middle ul li {
    width: 100%;
    text-align: left;
    list-style: none;
}

.products-middle ul li a {
    position: relative;
    display: inline-block;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: #001d30 !important;
    text-decoration: none;
    transition: 0.3s ease;
}

/* UNDERLINE */

.products-middle ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background: #18c4d6;
    transition: width 0.3s ease;
}

/* HOVER */

.products-middle ul li a:hover {
    color: #004774 !important;
}

.products-middle ul li a:hover::after {
    width: 100%;
}

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

.products-right {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    min-height: 200px;
}

.products-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}

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

.products-image-content {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 2;
}

.products-image-content span {
    display: block;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}

.products-image-content h4 {
    margin: 0;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 800;
    color: #fff;
}

/* Mobile menu css responsive */
/* =========================================================
   MODERN MOBILE MENU
========================================================= */

@media (max-width: 1024px) {
    /* HEADER */

    .integritty-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 9999;
    }

    .integritty-navbar {
        height: 78px;
    }

    /* HAMBURGER */

    .hamburger-btn {
        width: 42px;
        height: 42px;

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

        gap: 5px;

        border: none;
        background: transparent;

        cursor: pointer;

        z-index: 10001;

        position: relative;
    }

    .hamburger-btn span {
        width: 24px;
        height: 2px;
        background: #111;
        border-radius: 20px;
        transition: 0.35s ease;
    }

    /* ACTIVE ICON */

    .hamburger-btn.active span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .hamburger-btn.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger-btn.active span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    /* NAVIGATION PANEL */

    .integritty-nav {
        position: fixed;
        top: 78px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 78px);
        background: #fff;
        overflow-y: auto;
        padding: 20px;
        transition: left 0.4s ease;
        z-index: 9998;
    }

    .integritty-nav.active {
        left: 0;
    }

    /* MENU */

    .integritty-nav ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .integritty-nav ul li {
        width: 100%;
        border-bottom: 1px solid #ececec;
    }

    .integritty-nav ul li a {
        width: 100%;
        padding: 18px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 15px;
        font-weight: 600;

        color: #111 !important;
    }

    /* HIDE DESKTOP DROPDOWN */

    .mega-menu-panel,
    .company-mega-menu,
    .products-mega-menu {
        position: static !important;
        width: 100% !important;
        display: none;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 0 20px !important;
        margin: 0 !important;
        background: transparent !important;
    }

    /* ACTIVE SUBMENU */

    .has-mega.active .mega-menu-panel,
    .has-company-mega.active .company-mega-menu,
    .has-products-mega.active .products-mega-menu {
        display: block;
    }

    /* SUBMENU CONTENT */

    .mega-grid,
    .company-mega-inner,
    .products-mega-inner {
        display: flex !important;
        flex-direction: column;
        gap: 18px;
        padding: 10px 0 0;
    }

    /* REMOVE IMAGES */

    .company-right,
    .products-right,
    .company-left,
    .products-left {
        display: none !important;
    }

    /* SUB LINKS */

    .mega-col,
    .company-middle,
    .products-middle {
        width: 100%;
        padding: 0 !important;
        border: none !important;
    }

    .mega-col h3 {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .mega-col ul li,
    .company-middle ul li,
    .products-middle ul li {
        border: none;
    }

    .mega-col ul li a,
    .company-middle ul li a,
    .products-middle ul li a {
        padding: 10px 0 !important;
        font-size: 14px !important;
        color: #4b5563 !important;
        font-weight: 500 !important;
    }

    /* RIGHT SIDE */

    .contact-btn,
    .nav-divider,
    .search-icon {
        display: none;
    }
}

.search-box {
    position: fixed;
    top: 110px;
    /* adjust if needed */
    left: 50%;
    transform: translateX(-50%);
    width: 1280px;
    min-height: 45px;
    background: #fff;
    padding: 5px 32px;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
    display: none;
    z-index: 9999;
}

.search-box.active {
    display: block;
}

.search-box input {
    width: calc(100% - 48px);
    height: 50px;
    border: none;
    outline: none;
    background: transparent;
    color: #161616;
    font-size: 14px;
    font-weight: 500;
}

.search-box input::placeholder {
    color: #161616;
    opacity: 1;
}

.search-close {
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: #161616;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}


@media (max-width: 1366px) {
    .search-box {
        position: fixed;
        top: 110px;
        /* adjust if needed */
        left: 50%;
        transform: translateX(-50%);
        width: 1140px;
        min-height: 45px;
        background: #fff;
        padding: 5px 32px;
        border-radius: 12px;
        box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
        display: none;
        z-index: 9999;
    }
}

/* =========================================================
   BODY LOCK
========================================================= */

body.menu-open {
    overflow: hidden;
}

/* Mobile menu  header css end */

/* Heder end */
/* =========================================================
   HERO SECTION
========================================================= */
/* =========================================================
   INTEGRITTY HERO
========================================================= */

.integritty-hero {
    position: relative;

    width: 100%;

    background: #f3f7fa;

    padding: 105px 0;

    overflow: hidden;

    font-family: "Manrope", sans-serif;
}


/* =========================================================
   HERO ROW
========================================================= */

.integritty-hero-row {
    min-height: 525px;
}


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

.experience-heading {
    margin: 0;

    font-size: 54px;
    line-height: 1.3;

    font-weight: 800;

    letter-spacing: -2px;

    color: #11181C;
}


/* =========================================================
   CHANGING WORD
========================================================= */

.experience-changing-line {
    height: 68px;

    display: flex;
    align-items: center;

    margin: 4px 0 0;

    font-family: "Manrope", sans-serif;

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

    font-weight: 700;

    letter-spacing: -2px;

    text-decoration: none;

    text-decoration: none !important;
    color: black !important;
    background: linear-gradient(97.02deg, #18C4D6 13.8%, #004774 119.89%) !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;

    white-space: nowrap;
}

/* =========================================================
   CHANGING WORD
========================================================= */

#experience-changing-word {
    display: inline-block;

    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}


/* =========================================================
   CURSOR
========================================================= */

.experience-cursor {
    display: inline-block;

    width: 3px;
    height: 58px;

    margin-left: 5px;

    background: #101820;

    animation: experienceCursorBlink 0.8s infinite;
}


@keyframes experienceCursorBlink {

    0%,
    45% {
        opacity: 1;
    }

    46%,
    100% {
        opacity: 0;
    }

}


/* =========================================================
   EXPERIENCE INTEGRITTY
========================================================= */

.experience-integritty {
    margin-top: 8px;
}


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

.experience-description {
    max-width: 400px;

    margin: 38px 0 0;
    font-size: 15px;
    line-height: 1.75;
    font-weight: 500;
    color: #161616;
}


/* =========================================================
   RIGHT VIDEO WRAPPER
========================================================= */

.experience-video-wrapper {
    position: relative;

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

    height: 490px;

    margin-left: auto;

    overflow: hidden;

    border-radius: 20px;
}


/* =========================================================
   VIDEO
========================================================= */

.experience-video {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center center;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (max-width: 1366px) {

    .experience-heading,
    .experience-changing-line {
        font-size: 50px;
    }

    .experience-changing-line {
        height: 62px;
    }

    .experience-cursor {
        height: 53px;
    }

    .experience-video-wrapper {
        height: 450px;
    }

}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {

    .integritty-hero {
        padding: 60px 0;
    }

    .integritty-hero-row {
        min-height: 480px;
    }

    .experience-content {
        padding-left: 15px;
        padding-right: 20px;
    }

    .experience-heading,
    .experience-changing-line {
        font-size: 48px;
    }

    .experience-changing-line {
        height: 55px;
    }

    .experience-cursor {
        width: 2px;
        height: 47px;
    }

    .experience-description {
        font-size: 16px;

        margin-top: 30px;
    }

    .experience-video-wrapper {
        height: 400px;
    }

}


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

@media (max-width: 991px) {

    .integritty-hero {
        padding: 60px 0;
    }

    .integritty-hero-row {
        min-height: auto;
    }

    .experience-content {
        padding: 0 20px;

        text-align: center;
    }

    .experience-heading,
    .experience-changing-line {
        font-size: 46px;

        letter-spacing: -1px;
    }

    .experience-changing-line {
        justify-content: center;

        height: 54px;
    }

    .experience-cursor {
        height: 44px;
    }

    .experience-description {
        max-width: 650px;

        margin: 28px auto 0;
    }

    .experience-video-wrapper {
        max-width: 700px;

        height: 420px;

        margin: 55px auto 0;
    }

}


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

@media (max-width: 767px) {

    .integritty-hero {
        padding: 45px 0;
    }

    .experience-content {
        padding: 70px 15px;
    }

    .experience-heading,
    .experience-changing-line {
        font-size: 38px;

        line-height: 1.12;
    }

    .experience-changing-line {
        height: 45px;
    }

    .experience-cursor {
        height: 37px;
    }

    .experience-description {
        font-size: 14px;

        line-height: 1.7;

        margin-top: 25px;
    }

    .experience-video-wrapper {
        height: 300px;

        margin-top: 40px;

        border-radius: 15px;
    }

}


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

@media (max-width: 575px) {

    .integritty-hero {
        padding: 40px 0;
    }

    .experience-heading,
    .experience-changing-line {
        font-size: 32px;
    }

    .experience-changing-line {
        height: 38px;
    }

    .experience-cursor {
        height: 32px;
    }

    .experience-description {
        font-size: 13.5px;
    }

    .experience-video-wrapper {
        height: 240px;

        border-radius: 12px;
    }

}

/* =========================================================
   SERVICES SECTION
========================================================= */

/* --- SECTION BASE --- */
.integritty-offer-section {
    background: #BFD3DF;
    backdrop-filter: blur(32px);
    padding: 120px 0 120px;
    position: relative;
    margin-top: -110px;
    border-radius: 48px 48px 0px 0px;
    z-index: 50;
    font-family: "Inter", sans-serif;
    overflow: hidden;
}

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

.integritty-offer-header {
    margin-bottom: 70px;
}

.integritty-offer-title {
    font-size: 36px;
    font-weight: 500;
    font-family: Manrope;
    color: #161616;
    margin-bottom: 20px;
    line-height: 100%;
}

.integritty-offer-desc {
    font-size: 16px;
    color: #161616;
    max-width: 1140px;
    margin: 0 auto;
    line-height: 24px;
    font-weight: 400px;
    letter-spacing: 2%;
}

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

.integritty-offer-card {
    background: #E6EDF2;
    border-width: 1px 1px 1px 1px;
    border-color: #CAD4DB80;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    box-shadow: inset 12px 12px 48px 19px rgba(240, 240, 240, 0.5);
    backdrop-filter: blur(10px);

    border-radius: 20px;

    padding: 55px 45px 80px;

    height: 100%;

    position: relative;

    transition: all 0.3s ease;
}

/* =========================================================
   SAFE EXTRA DESIGN
========================================================= */

.integritty-offer-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 72%;
    height: 5px;
    background: #4B6373;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0px;
    z-index: 1;
}

.integritty-offer-badge {
    position: absolute;
    top: -13px;
    left: 26%;
    transform: translateX(-50%);
    height: 28px;
    padding: 17px 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 999px;

    border: 10px solid #cfd8e0;


    background: #001D30;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 0px 2px 0px rgba(1.0000000000000013, 30.00000000000004, 49.00000000000001, 0.2);

    z-index: 10;
}

.integritty-offer-badge-two {
    position: absolute;
    top: -13px;
    left: 32%;
    transform: translateX(-50%);
    height: 28px;
    padding: 17px 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 999px;


    border: 10px solid #cfd8e0;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

    background: #001D30;
    box-shadow: 0px 0px 2px 0px rgba(1.0000000000000013, 30.00000000000004, 49.00000000000001, 0.2);

    z-index: 10;
}

.integritty-offer-badge-two::after {
    content: "";

    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 4px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    background: linear-gradient(90deg, #108DC7 0%, #EF8E38 91.23%);
}

/* bottom small blue-orange line */

.integritty-offer-badge::after {
    content: "";

    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 4px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: linear-gradient(90deg, #108DC7 0%, #EF8E38 91.23%);
}

.integritty-offer-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.integritty-offer-list li {
    font-size: 16px;
    font-family: manrope;
    color: #161616;
    margin-bottom: 14px;
    font-weight: 700;
    line-height: 27px;
}

.integritty-offer-list li:last-child {
    margin-bottom: 0;
}

/* =========================================================
   PEGA BANNER
========================================================= */

.integritty-offer-pega-wrapper {
    margin-top: 80px;
    position: relative;
}

.integritty-offer-pega-banner {
    background: linear-gradient(180deg, #004774 0%, #002841 100%);
    box-shadow: inset 0px 4px 12px rgba(216, 232, 241, 0.4);

    backdrop-filter: blur(32px);

    border-radius: 24px;
    padding: 45px 50px;

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

    color: #fff;

    position: relative;

    overflow: visible;
}

/* Accent Line */

.integritty-offer-banner-accent {
    position: absolute;
    bottom: 0;
    left: 50px;

    width: 110px;
    height: 4px;

    background: linear-gradient(90deg, #108dc7 0%, #ef8e38 100%);

    border-radius: 2px;
}

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

.integritty-offer-pega-content {
    flex: 1;
}


.integritty-offer-pega-content h3 {
    font-size: 36px;
    font-family: manrope;
    font-weight: 500;
    margin-bottom: 14px;
    line-height: 100%;
    color: #f3f7fa;
}

.integritty-offer-pega-content p {
    font-size: 16px;
    font-family: manrope;
    line-height: 24px;
    max-width: 780px;
    margin-bottom: 0;
    letter-spacing: 2%;
    color: #b9cedb;
}

/* =========================================================
   RIGHT SIDE
========================================================= */

.integritty-offer-pega-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    position: relative;

    min-width: 220px;
    flex-shrink: 0;
}

.integritty-offer-pega-logo {
    height: 32px;
    width: auto;
    margin-bottom: 40px;
}

/* =========================================================
   KNOW MORE IMAGE BUTTON
========================================================= */

.integritty-offer-knowmore-container {
    position: absolute;
    bottom: -91px;
    right: 0;

    z-index: 100;

    width: 130px;
    height: 80px;
}

/* IMAGE */

.integritty-offer-btn-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* TEXT OVER IMAGE */

.integritty-offer-knowmore-text {
    position: absolute;
    top: 20px;
    left: 50%;

    transform: translateX(-50%);

    color: #fff;
    text-decoration: none;

    font-size: 13.5px;
    font-weight: 600;

    z-index: 5;

    white-space: nowrap;
}

.integritty-offer-knowmore-text:hover {
    color: #fff;
}


.integritty-offer-list li a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    font: inherit;
    line-height: inherit;
    transition: color 0.3s ease;
}

.integritty-offer-list li a:hover,
.integritty-offer-list li a:focus,
.integritty-offer-list li a:active,
.integritty-offer-list li a:visited {
    text-decoration: none;
}

.integritty-offer-list li:hover a {
    color: #18c4d6;
}

/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1399px) {
    .integritty-offer-pega-banner {
        padding: 42px 40px;
    }
}

/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {
    .integritty-offer-section {
        padding: 110px 0 90px;
    }

    .integritty-offer-card {
        padding: 55px 22px 32px;
    }

    .integritty-offer-list li {
        font-size: 15px;
    }

    .integritty-offer-pega-banner {
        gap: 30px;
    }

    .integritty-offer-pega-content h3 {
        font-size: 30px;
    }
}

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

@media (max-width: 991px) {
    .integritty-offer-section {
        margin-top: -70px;
        border-radius: 40px 40px 0 0;
        padding: 90px 0 80px;
    }

    .integritty-offer-header {
        margin-bottom: 55px;
    }

    .integritty-offer-desc {
        font-size: 15px;
        line-height: 1.7;
    }

    .integritty-offer-pega-banner {
        flex-direction: column;
        text-align: center;

        padding: 45px 30px 100px;

        gap: 30px;
    }

    .integritty-offer-pega-content {
        width: 100%;
    }

    .integritty-offer-pega-content p {
        max-width: 100%;
    }

    .integritty-offer-pega-right {
        align-items: center;
        min-width: auto;
        width: 100%;
        position: static;
    }

    .integritty-offer-pega-logo {
        margin-bottom: 10px;
    }

    .integritty-offer-knowmore-container {
        position: absolute;
        bottom: -28px;
        right: 50%;
        transform: translateX(50%);
    }

    .integritty-offer-banner-accent {
        left: 50%;
        transform: translateX(-50%);
    }
}

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

@media (max-width: 767px) {
    .integritty-offer-section {
        margin-top: -40px;
        border-radius: 30px 30px 0 0;
        padding: 75px 0 70px;
    }

    .integritty-offer-header {
        margin-bottom: 45px;
    }

    .integritty-offer-title {
        font-size: 30px;
    }

    .integritty-offer-desc {
        font-size: 14px;
        line-height: 1.8;
    }

    .integritty-offer-card {
        padding: 50px 20px 30px;
        border-radius: 18px;
    }

    .integritty-offer-badge {
        font-size: 14px;
        padding: 7px 18px;
    }

    .integritty-offer-list li {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 12px;
    }

    .integritty-offer-pega-banner {
        padding: 40px 22px 95px;
        border-radius: 18px;
    }

    .integritty-offer-pega-content h3 {
        font-size: 26px;
    }

    .integritty-offer-pega-content p {
        font-size: 13px;
        line-height: 1.8;
    }

    .integritty-offer-pega-logo {
        height: 28px;
    }
}

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

@media (max-width: 575px) {
    .integritty-offer-section {
        padding: 70px 0 65px;
    }

    .integritty-offer-title {
        font-size: 28px;
    }

    .integritty-offer-desc {
        font-size: 14px;
    }

    .integritty-offer-card {
        padding: 48px 18px 28px;
        width: 270px;
        height: 300px;
        margin: 10px auto 0;
    }

    .integritty-offer-pega-banner {
        padding: 35px 18px 90px;
    }

    .integritty-offer-pega-content h3 {
        font-size: 22px;
        line-height: 1.4;
    }

    .integritty-offer-pega-content p {
        font-size: 12.8px;
    }

    .integritty-offer-knowmore-container {
        bottom: -24px;
        width: 110px;
        height: 68px;
    }

    .integritty-offer-knowmore-text {
        font-size: 12px;
        top: 14px;
    }
}

/* =========================================================
   IOS SAFARI FIX
========================================================= */
/* =========================================================
  integritty-b-stretegy section
========================================================= */
.integritty-b-stretegy-main-wrapper-section {
    width: 100%;
    min-height: 120vh;
    display: flex;
    align-items: center;

    background-color: #ffffff;
    overflow: visible;
}

@media (max-width: 1400px) {
    .integritty-b-stretegy-main-wrapper-section {
        min-height: 120px;
    }
}

.integritty-b-stretegy-stats-section {
    width: 100%;
    background-color: #001d30;

    padding-top: 75px;

    position: relative;
    overflow: visible;
}

.integritty-b-stretegy-top-accent-image {
    position: absolute;
    top: -20px;
    right: 8%;
    width: 90px;
    height: 90px;
    z-index: 999;
}

.integritty-b-stretegy-top-accent-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.integritty-b-stretegy-header-row {
    margin-bottom: 70px;
    padding: 0 20px;
}

.integritty-b-stretegy-heading-wrapper {
    border-left: 3px solid;
    border-image: linear-gradient(to bottom, #008a96, #e28743) 1;
    padding-left: 20px;
}

.integritty-b-stretegy-main-heading {
    font-family: manrope;
    color: #ffffff;
    font-size: 35px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    font-family: manrope;
    width: 530px;
    height: 147px;
    letter-spacing: 0%;
}

.integritty-b-stretegy-header-text {
    font-family: manrope;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    margin-top: -60px
}

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

.integritty-b-stretegy-cards-row {
    margin-bottom: -60px;
    padding: 0 20px;
}

.integritty-b-stretegy-stat-card {
    position: relative;
    min-height: 325px;
    transition: transform 0.3s ease;
}

/* CARD IMAGE */

.integritty-b-stretegy-card-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

/* CONTENT OVER IMAGE */

.integritty-b-stretegy-card-content {
    position: absolute;
    inset: 0;
    padding: 36px 30px;
    z-index: 2;
}

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

.integritty-b-stretegy-icon-wrapper {
    position: absolute;
    top: 25px;
    right: 25px;

    width: 40px;
    height: 40px;

    border-radius: 10px;

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

    font-size: 1.2rem;

    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.4);

    color: #c5d5de;
}

.light-icon {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.8);
    color: #161616;
}

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

.integritty-b-stretegy-stat-number {
    font-size: 110px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 1;
    font-family: manrope;
}

.dark-number {
    color: #b5c7d3;
}

.light-number {
    color: #051c2a;
}

.integritty-b-stretegy-stat-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: manrope;
    letter-spacing: -0.15px;
}

.integritty-b-stretegy-stat-desc {
    font-size: 16px;
    margin: 0;
    line-height: 24px;
    max-width: 90%;
    font-family: manrope;
}

.dark-text {
    color: #ffffff;
}

.light-text {
    color: #051c2a;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 1366px) {

    .integritty-b-stretegy-header-text {
        margin-top: -32px
    }


}

@media (max-width: 1199px) {
    .integritty-b-stretegy-card-content {
        padding: 50px 25px;
    }

    .integritty-b-stretegy-stat-number {
        font-size: 80px;
    }
}

@media (max-width: 991px) {
    .integritty-b-stretegy-main-wrapper-section {
        padding: 60px 0;
        min-height: auto;
    }

    .integritty-b-stretegy-stats-section {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .integritty-b-stretegy-header-row {
        margin-bottom: 50px;
    }

    .integritty-b-stretegy-cards-row {
        margin-bottom: 0;
    }

    .integritty-b-stretegy-main-heading {
        font-size: 1.7rem;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 767px) {
    .integritty-b-stretegy-main-heading {
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .integritty-b-stretegy-header-text {
        font-size: 0.9rem;
    }

    .integritty-b-stretegy-stat-number {
        font-size: 60px;
    }

    .integritty-b-stretegy-card-content {
        padding: 45px 22px;
    }

    .integritty-b-stretegy-top-accent-shape {
        width: 45px;
        height: 45px;
        border-top: 18px solid #008a96;
        border-right: 18px solid #008a96;
    }
}

@media (max-width: 575px) {
    .integritty-b-stretegy-main-wrapper-section {
        padding: 40px 0;
    }

    .integritty-b-stretegy-header-row,
    .integritty-b-stretegy-cards-row {
        padding: 0 10px;
    }

    .integritty-b-stretegy-main-heading {
        font-size: 1.3rem;
    }

    .integritty-b-stretegy-stat-number {
        font-size: 52px;
    }

    .integritty-b-stretegy-stat-title {
        font-size: 1rem;
    }

    .integritty-b-stretegy-stat-desc {
        max-width: 100%;
    }

    .integritty-b-stretegy-card-content {
        padding: 40px 20px;
    }
}

/* Rectangle 24309 */

/* Note: backdrop-filter has minimal browser support */

/* =========================================================
   CLIENTS
========================================================= */

.integritty-clients-section {
    padding: 55px 0;
    display: flex;
    align-items: center;
    gap: 40px;
}

.integritty-clients-title {
    width: 18%;
}

.integritty-clients-title h3 {
    font-size: 32px;
    line-height: 1.2;
    color: #0f172a;
}

.integritty-clients-grid {
    width: 82%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.integritty-client-box {
    background: #f7f9fb;
    border-radius: 16px;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e7eb;
}

.integritty-client-box img {
    max-width: 140px;
}

/* =========================================================
   INTEGRITTY PRODUCTS SECTION
========================================================= */

.integritty-products-section {
    position: relative;
    padding: 110px 0;
    background: #fff;
    overflow: hidden;
}

/* =========================================================
   GRID
========================================================= */

.integritty-products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

/* =========================================================
   FULL CARD CLICKABLE
========================================================= */

.integritty-products-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.integritty-products-card-link:hover {
    text-decoration: none;
    color: inherit;
}

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

.integritty-products-card,
.integritty-products-intro-card {
    background: #f3f7fa;
    border-radius: 22px;
    padding: 26px 22px 24px;
    position: relative;
    min-height: 235px;
    transition: all 0.3s ease;
}

.integritty-products-card {
    height: 100%;
    cursor: pointer;
}

.integritty-products-card:hover {
    transform: translateY(-4px);
}

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

.integritty-products-intro-card {
    background: #001d30;
    color: #fff;
    overflow: hidden;
}

.integritty-products-accent-line {
    position: absolute;
    top: 32px;
    left: 0;

    width: 5px;
    height: 34px;

    background: linear-gradient(180deg, #f4b14d 0%, #18c4d6 100%);

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

.integritty-products-title {
    font-size: 36px;
    line-height: 100%;
    font-weight: 500;
    margin-bottom: 18px;
    color: #ffffff;
    letter-spacing: 0px;
}

.integritty-products-desc {
    font-family: manrope;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
    max-width: 290px;
    margin-bottom: 0;
}

/* =========================================================
   PRODUCT CARD TOP
========================================================= */

.integritty-products-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
    position: relative;
}

.integritty-products-card-top h3 {
    font-family: manrope;
    font-size: 20px;
    line-height: 100%;
    font-weight: 700;
    color: #004774;
    margin: 0;
}

.integritty-products-card-top img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

/* =========================================================
   DIVIDER
========================================================= */

.integritty-products-divider {
    width: 100%;
    height: 1px;
    background: #cfd6db;
    margin-bottom: 18px;
}

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

.integritty-products-card p {
    font-family: manrope;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #161616;
    margin: 0;
}

/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1399px) {
    .integritty-products-title {
        font-size: 46px;
    }
}

/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {
    .integritty-products-grid {
        gap: 20px;
    }

    .integritty-products-title {
        font-size: 42px;
    }

    .integritty-products-card,
    .integritty-products-intro-card {
        min-height: 250px;
    }
}

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

@media (max-width: 991px) {
    .integritty-products-section {
        padding: 90px 0;
    }

    .integritty-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .integritty-products-title {
        font-size: 38px;
    }
}

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

@media (max-width: 767px) {
    .integritty-products-section {
        padding: 75px 0;
    }

    .integritty-products-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .integritty-products-card,
    .integritty-products-intro-card {
        min-height: auto;
        border-radius: 18px;
        padding: 24px 20px;
    }

    .integritty-products-title {
        font-size: 34px;
    }

    .integritty-products-desc {
        font-size: 14px;
        line-height: 1.8;
    }

    .integritty-products-card-top h3 {
        font-size: 17px;
    }

    .integritty-products-card p {
        font-size: 14px;
        line-height: 1.7;
    }

    .integritty-products-card-top img {
        width: 34px;
        height: 34px;
    }
}

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

@media (max-width: 575px) {
    .integritty-products-section {
        padding: 65px 0;
    }

    .integritty-products-title {
        font-size: 30px;
    }

    .integritty-products-desc {
        max-width: 100%;
    }

    .integritty-products-card-top {
        margin-bottom: 18px;
    }
}

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

/* DEFAULT ICON */

.default-icon {
    opacity: 1;
    visibility: visible;
}

/* HOVER ARROW */

.hover-arrow {
    position: absolute;
    top: 0;
    right: 0;

    opacity: 0;
    visibility: hidden;
}

/* HOVER EFFECT */

.integritty-products-card:hover .default-icon {
    opacity: 0;
    visibility: hidden;
}

.integritty-products-card:hover .hover-arrow {
    opacity: 1;
    visibility: visible;
}

/* ==========================================================================
   INTEGRITTY INDUSTRIES SECTION (Exact Screenshot Match with Half Overlay Pop)
   ========================================================================== */
/* ==========================================================================
   INTEGRITTY INDUSTRIES SECTION - FINAL FULL VERSION
   ========================================================================== */

.integritty-industries-section {
    position: relative;
    padding: 78px 45px 46px;
    background: #b8ccd8;
    border-radius: 30px;
    overflow: visible;
    max-width: 1280px;
    margin: 0px auto;
    z-index: 2;
    box-shadow: inset -24px -24px 64px #b9ccd8;
}

/* TOP RIGHT L SHAPE */
.integritty-industries-corner-shape {
    position: absolute;
    top: -15px;
    right: 46px;
    width: 58px;
    height: 58px;
    background: #4d6474;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 52% 100%, 52% 48%, 0 48%);
    z-index: 2;
    filter: drop-shadow(0 8px 15px rgba(208, 237, 247, 0.9));
}

/* HEADER */
.integritty-industries-header {
    text-align: center;
    margin-bottom: 34px;
}

.integritty-industries-title {
    font-size: 36px;
    font-weight: 500;
    color: #001d30;
    margin-bottom: 12px;
}

.integritty-industries-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #161616;
    margin: 0;
}

/* GRID CONTAINER */
.integritty-industries-grid-box {
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    padding: 2px;
}

.integritty-industries-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #eef1f4;
    gap: 1px;
}

/* CARD MODULE */
.integritty-industries-card {
    position: relative;
    background: #ffffff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 16px 0px 16px;
    transition: all 0.3s ease;
}

/* IMAGE BOUNDS */
.integritty-industries-image {
    width: 100%;
    height: 342px;
    overflow: hidden;
    border-radius: 12px;
    transition: height 0.5s ease;
}

.integritty-industries-image img {
    width: 100%;
    height: 310px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    display: block;
}

/* CONTENT CONTAINER AREA */
.integritty-industries-content {
    width: 100%;
    padding: 18px 0px 10px 0px;
    position: relative;
}

/* STATIC LABELS */
.integritty-industries-static-info h3 {
    font-size: 36px;
    font-weight: 600;
    color: #001d30;
    margin-bottom: 10px;
}

.integritty-industries-line {
    position: absolute;
    bottom: 0;
    left: 18px;
    width: 30px;
    height: 2px;
    background: linear-gradient(89.99deg, #108dc7 0.01%, #ef8e38 98.52%);
    border-radius: 50px 50px 0 0;
}

.integritty-industries-hover-box h3 {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 14px;
}

.integritty-industries-hover-box h3::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 30px;
    height: 2px;

    background: linear-gradient(89.99deg, #108dc7 0.01%, #ef8e38 98.52%);
    border-radius: 50px 50px 0 0;
}

/* OVERLAY POP-UP BOX */
.integritty-industries-hover-box {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    padding: 10px 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.integritty-industries-hover-box h3 {
    font-size: 20px;
    font-weight: 600;
    color: #0d2a3f;
    margin-bottom: 12px;
}

.integritty-industries-hover-text {
    font-size: 16px;
    line-height: 24px;
    color: #1a202c;
}


/* Railroad Card Link Styling */
.integritty-railroad-link {
    text-decoration: none;
    color: inherit;
    display: block;
    width: 100%;
    height: 100%;
}

/* HOVER TRIGGERS (DESKTOP) */
@media (min-width: 768px) {
    .integritty-industries-card:hover .integritty-industries-hover-box {
        opacity: 1;
        visibility: visible;
        bottom: 0;
    }

    .integritty-industries-card:hover .integritty-industries-image {
        height: 230px;
    }
}

/* RESPONSIVE LAYOUTS */
@media (max-width: 1199px) {
    .integritty-industries-section {
        padding: 60px 24px;
    }
}

@media (max-width: 991px) {
    .integritty-industries-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBILE SPECIFIC FIXES */
@media (max-width: 767px) {
    .integritty-industries-grid {
        grid-template-columns: 1fr;
    }

    .integritty-industries-image {
        height: 280px;
    }

    .integritty-industries-hover-box {
        position: relative;
        bottom: auto;
        opacity: 1;
        visibility: visible;
        margin-top: 15px;
        padding: 15px;
        box-shadow: none;
        background: #f9f9f9;
        border-radius: 12px;
    }

    .integritty-industries-card:hover .integritty-industries-image {
        height: 280px;
    }
}

/* MOBILE SPECIFIC FIXES */
@media (max-width: 767px) {
    .integritty-industries-grid {
        grid-template-columns: 1fr;
    }

    .integritty-industries-hover-box {
        position: absolute;
        bottom: -100%;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
        background: #ffffff;
        z-index: 3;
    }

    .integritty-industries-card:hover .integritty-industries-hover-box {
        position: relative;
        bottom: auto;
        opacity: 1;
        visibility: visible;
        margin-top: 15px;
        padding: 15px;
        box-shadow: none;
        background: #f9f9f9;
        border-radius: 12px;
    }

    .integritty-industries-card:hover .integritty-industries-image {
        height: 200px;
    }
}

.integritty-industries-content {
    width: calc(100% + 32px);

    margin-left: -16px;
    margin-right: -16px;
    margin-top: -8px;
    padding: 22px 16px 10px;
    position: relative;
    background: #fff;
}

.integritty-industries-content:hover {
    border-top: 1px solid #e5e7eb;
}

/* ==========================================================================
   INTEGRITTY TESTIMONIAL SECTION (COMPLETE WORKING PRODUCTION CSS)
   ========================================================================== */
.integritty-testimonial-section {
    position: relative;

    margin-top: -300px;

    padding: 340px 0 110px;

    background: linear-gradient(231.17deg,
            rgba(254, 254, 254, 0.48) 27.7%,
            rgba(221, 221, 221, 0.48) 55.48%);

    border-radius: 52px;

    z-index: 1;
}

/* Container Constraints */

.integritty-testimonial-section .container {
    max-width: 1280px;
}

/* ==========================================================================
   HOT AIR BALLOON
   ========================================================================== */

.integritty-testimonial-balloon {
    position: absolute;
    left: 110px;
    bottom: -70px;
    z-index: 10;
    pointer-events: none;
    animation: integrittyBalloonFloat 6s ease-in-out infinite;
}

.integritty-testimonial-balloon img {
    width: 145px;
    height: auto;
    display: block;
}

@keyframes integrittyBalloonFloat {

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

    50% {
        transform: translateY(-15px) rotate(1deg);
    }
}

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

.integritty-testimonial-left {
    padding-right: 30px;
}

.integritty-testimonial-title {
    font-size: 36px;
    line-height: 100%;
    font-weight: 500;
    color: #001d30;
    margin-bottom: 24px;
    letter-spacing: 0%;
}

.integritty-testimonial-desc {
    font-size: 16px;
    line-height: 24px;
    color: #161616;
    margin-bottom: 20px;
}

.integritty-testimonial-desc:last-child {
    margin-bottom: 0;
}

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

.integritty-testimonial-cards {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    min-height: 300px;
}

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

.integritty-testimonial-card {
    position: relative;
    flex: 1;
    min-height: 340px;
}

/* CARD IMAGE */

.integritty-testimonial-card-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* CONTENT OVER IMAGE */

.integritty-testimonial-card-content {
    position: absolute;
    inset: 0;

    padding: 32px 32px 28px 32px;

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

    z-index: 5;
}

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

.integritty-testimonial-dark .integritty-testimonial-quote {
    color: #00cadc;
}

.integritty-testimonial-dark .integritty-testimonial-text {
    color: #ebf1f5;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.integritty-testimonial-dark .integritty-testimonial-footer h4 {
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
}

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

.integritty-testimonial-light .integritty-testimonial-quote {
    color: #00509d;
}

.integritty-testimonial-light .integritty-testimonial-text {
    color: #161616;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.integritty-testimonial-light .integritty-testimonial-footer h4 {
    color: #001d30;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

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

.integritty-testimonial-quote {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
}

.integritty-testimonial-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 15px;
    flex-grow: 1;
}

.integritty-testimonial-footer {
    display: flex;
    align-items: center;

    position: relative;
    top: -60px;
}

.integritty-testimonial-footer h4 {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    margin: 0;
}

/* ==========================================================================
   PAGINATION DOTS
   ========================================================================== */

.integritty-testimonial-dots {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 36px;
    padding-right: 40px;
}

.integritty-testimonial-dot {
    display: inline-block;
    height: 6px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.integritty-testimonial-dot.active {
    width: 14px;
    background: #001d30;
}

.integritty-testimonial-dot.inactive {
    width: 6px;
    background: #cbd5e1;
}

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

@media (max-width: 1199px) {
    .integritty-testimonial-title {
        font-size: 36px;
    }

    .integritty-testimonial-card {
        min-height: 420px;
    }

    .integritty-testimonial-balloon {
        left: 40px;
    }
}

@media (max-width: 991px) {
    .integritty-testimonial-cards {
        flex-direction: column;
        gap: 45px;
    }

    .integritty-testimonial-card {
        width: 100%;
        min-height: auto;
    }

    .integritty-testimonial-left {
        margin-bottom: 40px;
        padding-right: 0;
    }

    .integritty-testimonial-balloon {
        display: none;
    }
}

@media (max-width: 575px) {
    .integritty-testimonial-title {
        font-size: 30px;
    }

    .integritty-testimonial-text {
        font-size: 14.5px;
    }

    .integritty-testimonial-dots {
        justify-content: center;
        padding-right: 0;
    }

    .integritty-testimonial-card-content {
        padding: 24px 22px;
    }
}

/* =========================================================
   INTEGRITTY PARTNERS SECTION
========================================================= */
/* Unique Section Parent Element */
.itg-exact-partners-section {
    position: relative;
    padding: 60px 0 80px;
    background: #ffffff !important;
    overflow: hidden;
    width: 100% !important;
    display: block;
}

.itg-exact-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Header & Typography */
.itg-exact-header {
    text-align: center;
    margin-bottom: 45px;
}

.itg-exact-title {
    font-size: 36px;
    font-weight: 600;
    color: #11181c;
    /* Exact Dark Blue text from your image */
    margin: 0;
}

/* Linear Infinite Motion - Swiper Override Force */
.itg-exact-swiper-carousel .swiper-wrapper {
    transition-timing-function: linear !important;
    -webkit-transition-timing-function: linear !important;
}

.itg-exact-slide-item {
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.itg-exact-card-inner {
    background: #FDFDFD !important;

    border: 1px solid rgba(0, 0, 0, 0.025) !important;
    border-radius: 24px !important;

    width: 100% !important;
    height: 145px !important;

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

    padding: 25px 30px !important;
    box-sizing: border-box !important;

    /* Soft border / shadow effect */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;

    transition:
        background 0.3s,
        border-radius 0.3s,
        box-shadow 0.3s;
}

.itg-exact-card-inner img {
    width: 100% !important;
    max-width: 180px !important;
    height: 75px !important;

    object-fit: contain !important;
    object-position: center !important;

    display: block !important;
    margin: 0 auto !important;
}

.itg-exact-card-inner img {
    max-width: 90% !important;
    max-height: 80% !important;
    object-fit: contain !important;
    user-select: none;
    -webkit-user-drag: none;
}

/* Smooth Pause/Hover Feedback */
.itg-exact-card-inner:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04) !important;
}

/* Responsive Grid Control */
@media (max-width: 991px) {
    .itg-exact-title {
        font-size: 30px;
    }

    .itg-exact-card-inner {
        height: 125px !important;
        border-radius: 18px !important;
    }
}

@media (max-width: 575px) {
    .itg-exact-partners-section {
        padding: 40px 0 50px;
    }

    .itg-exact-title {
        font-size: 24px;
    }

    .itg-exact-card-inner {
        height: 105px !important;
        border-radius: 16px !important;
        padding: 15px !important;
    }
}


/* Fade effect so logos don't look cut at edges */
.itg-exact-swiper-carousel {
    position: relative;
    overflow: hidden;
}

.itg-exact-swiper-carousel::before,
.itg-exact-swiper-carousel::after {
    content: "";
    position: absolute;
    top: 0;
    width: 90px;
    height: 100%;
    z-index: 10;
    pointer-events: none;
}

.itg-exact-swiper-carousel::before {
    left: 0;
    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.itg-exact-swiper-carousel::after {
    right: 0;
    background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

/* =========================================================
    PERSONALIZED SOLUTIONS CSS START
========================================================= */

.integritty-solutions-banner {
    padding: 80px 0;
    background: #ffffff;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    overflow: hidden;
}

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

.integritty-solutions-card {
    position: relative;
    display: flex;
    align-items: stretch;
    min-height: 405px;
    border-radius: 50px;
    background: linear-gradient(135deg, #001f2d 0%, #002a3d 100%);
    overflow: visible;
}

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

.integritty-solutions-content {
    width: 60%;
    padding: 60px 0 60px 70px;
    position: relative;
    z-index: 5;
    color: #ffffff;
}

.integritty-solutions-subtitle {
    display: block;
    font-family: manrope !important;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #ffffff;
}

.integritty-solutions-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 25px;
    color: #B9CEDBE5;
    ;
}

.integritty-solutions-title span {
    display: block;
    color: #ffffff;
    font-weight: 700;
}

.integritty-solutions-text {
    font-size: 16px;
    margin-bottom: 35px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0%;
    color: #ffffff;
}

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

.integritty-solutions-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    background: #18c4d6;
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.integritty-solutions-btn:hover {
    background: #0e98a9;
}

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

.integritty-solutions-visual {
    position: absolute;
    top: -59px;
    right: 0;
    bottom: 0;
    width: 42%;
    z-index: 2;
    overflow: visible;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

/* =========================================================
   BUILDING SHAPE
========================================================= */

.integritty-building-shape {
    position: absolute;
    top: 24px;
    left: 26px;
    z-index: 1;
    max-width: 424px;
    height: auto;
}

/* =========================================================
   BUILDING IMAGE
========================================================= */
.integritty-building-img {
    position: relative;
    z-index: 2;
    width: auto;
    height: auto;

    display: block;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    margin-left: 80px;
}

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


/* =========================================================
   LOGO
========================================================= */

.integritty-solutions-logo {
    position: absolute;

    right: 40px;
    bottom: 30px;

    width: 130px;

    z-index: 10;
}

.integritty-solutions-logo img {
    width: 100%;
    display: block;
}

/* =========================================================
   LARGE LAPTOP
========================================================= */
/* =========================================================
   PERSONALIZED SOLUTIONS
   125% ZOOM / ~1366px VIEWPORT FIX
========================================================= */

@media (max-width: 1366px) {

    /* =====================================================
       MAIN SECTION
    ===================================================== */

    .integritty-solutions-banner {
        padding: 64px 0;
    }


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

    .integritty-solutions-card {
        min-height: 324px;
        border-radius: 40px;
    }


    .integritty-building-img {
        position: relative;
        z-index: 2;
        width: auto;
        height: auto;
        display: block;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        margin-left: 80px;
    }

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

    .integritty-solutions-content {
        width: 60%;
        padding: 48px 0 48px 56px;
    }


    /* =====================================================
       SUBTITLE
    ===================================================== */

    .integritty-solutions-subtitle {
        margin-bottom: 12px;
        font-size: 16px;
        line-height: 21px;
    }


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

    .integritty-solutions-title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 20px;
    }


    .integritty-solutions-title span {
        font-size: inherit;
        line-height: inherit;
    }


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

    .integritty-solutions-text {
        max-width: 500px;
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 25px;
    }


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

    .integritty-solutions-btn {
        padding: 10px 27px;
        border-radius: 7px;
        font-size: 13px;
    }


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

    .integritty-solutions-visual {
        top: -42px;
        right: 0;
        bottom: 0;

        width: 40%;

        border-top-right-radius: 40px;
        border-bottom-right-radius: 40px;
    }


    /* =====================================================
       BUILDING SHAPE
    ===================================================== */

    .integritty-building-shape {
        top: 13px;
        left: 32px;

        width: 300px;
        max-width: 300px;

        height: auto;
    }


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

    .integritty-building-img {
        width: auto;
        max-width: 368px;
        height: auto;
        margin-left: 78px;
        border-top-right-radius: 40px;
        border-bottom-right-radius: 40px;
    }
}


/* =====================================================
       LOGO
    ===================================================== */

.integritty-solutions-logo {
    right: 28px;
    bottom: 20px;

    width: 100px;
}



/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {
    .integritty-solutions-card {
        min-height: 420px;
    }

    .integritty-solutions-content {
        padding: 55px 0 55px 50px;
    }

    .integritty-solutions-title {
        font-size: 34px;
    }

    .integritty-solutions-visual {
        width: 46%;
    }
}

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

@media (max-width: 991px) {
    .integritty-solutions-banner {
        padding: 70px 0;
    }

    .integritty-solutions-card {
        flex-direction: column;

        border-radius: 40px;

        overflow: hidden;
    }

    .integritty-solutions-content {
        width: 100%;

        padding: 45px 30px;

        text-align: center;
    }

    .integritty-solutions-text {
        max-width: 100%;
    }

    .integritty-solutions-title {
        font-size: 32px;
    }

    .integritty-solutions-visual {
        position: relative;

        top: 0;
        right: 0;
        bottom: 0;

        width: 100%;
        height: 320px;

        overflow: hidden;

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

    .integritty-solutions-visual::after {
        display: none;
    }

    .integritty-building-img {
        width: 100%;
        height: 100%;

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

    .integritty-solutions-visual::before {
        top: 0;

        width: 100%;
        height: 35%;

        background: linear-gradient(to bottom, #001f2d, transparent);
    }

    .integritty-solutions-logo {
        right: 30px;
        bottom: 25px;

        width: 110px;
    }
}

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

@media (max-width: 767px) {
    .integritty-solutions-banner {
        padding: 60px 0;
    }

    .integritty-solutions-card {
        border-radius: 28px;
    }

    .integritty-solutions-content {
        padding: 35px 22px;
    }

    .integritty-solutions-subtitle {
        font-size: 15px;
    }

    .integritty-solutions-title {
        font-size: 28px;
        line-height: 1.3;
    }

    .integritty-solutions-text {
        font-size: 14px;
        line-height: 1.8;
    }

    .integritty-solutions-btn {
        padding: 11px 24px;

        font-size: 14px;
    }

    .integritty-solutions-visual {
        height: 240px;

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

    .integritty-building-img {
        border-radius: 0 0 28px 28px;
    }

    .integritty-solutions-logo {
        width: 90px;

        right: 20px;
        bottom: 18px;
    }
}

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

@media (max-width: 575px) {
    .integritty-solutions-banner {
        padding: 50px 0;

    }

    .integritty-solutions-title {
        font-size: 24px;
    }

    .integritty-solutions-visual {
        height: 210px;
        display: none;
    }

    .integritty-solutions-logo {
        width: 75px;
    }
}

/* =========================================================
    PERSONALIZED SOLUTIONS CSS END
========================================================= */

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

/* SECTION */
.locations-section {
    padding: 80px 0;
    background: #fff;
}

/* TITLE */
.section-title {
    text-align: center;
    font-size: 36px;
    margin-bottom: 50px;
    color: #111827;
}

/* MAP */
.map-container {
    text-align: center;
    margin-bottom: 50px;
}

.map-container img {
    max-width: 100%;
}

/* =========================================================
   GRID
========================================================= */

.locations-grid {
    display: grid;
    grid-template-columns: repeat(4, 258px);
    justify-content: center;
    gap: 20px;
    max-width: 1300px;
    margin: 0 auto;
}

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

.loc-card {
    width: 258px;
    height: 228px;
    position: relative;
    cursor: pointer;
}

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

.card-front {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    position: absolute;
    z-index: 2;

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);

    transition: all 0.5s ease;
}

/* FRONT IMAGE */
.card-front img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
}

/* INFO BOX */
.info-box {
    padding: 10px 20px;
    background: #F3F7FA;
}

/* COUNTRY */
.country {
    font-size: 12px;
    color: #6b7280;
    text-transform: uppercase;
}

/* CITY */
.city {
    font-size: 20px;
    font-weight: 700;
    margin: 2px 0;
    color: #161616;
}

/* GRADIENT LINE */
.location-gradient-line {
    width: 26px;
    height: 2px;
    background: linear-gradient(89.99deg, #108dc7 0.01%, #ef8e38 98.52%);
    margin-top: 20px;
    margin-left: 3px;
}

/* =========================================================
   HOVER IMAGE (FLOAT ONLY IMAGE - NO CARD LOOK)
========================================================= */

.card-hover {
    position: absolute;
    width: 270px;
    height: 368px;

    top: 0;
    left: 50%;
    transform: translate(-50%, 40px);

    opacity: 0;
    visibility: hidden;

    z-index: 5;

    transition: all 0.5s ease;

    /* IMPORTANT: remove card feel */
    background: transparent;
    box-shadow: none;
    border-radius: 16px;
}

/* HOVER IMAGE */
.card-hover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 16px;
}

/* =========================================================
   HOVER EFFECT (FLOAT + SWAP)
========================================================= */

.loc-card:hover .card-front {
    opacity: 0;
    transform: translateY(20px);
}

.loc-card:hover .card-hover {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -60px);
}

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

@media (max-width: 1100px) {
    .locations-grid {
        grid-template-columns: repeat(2, 258px);
    }
}

@media (max-width: 600px) {
    .locations-grid {
        grid-template-columns: 258px;
    }
}

/* =========================================================
   OUR LOCATIONS End
========================================================= */
* {
    box-sizing: border-box;
}

/* =========================================================
   INTEGRITTY BLOG SECTION (EXACT SCREENSHOT REPLICA)
========================================================= */

.integritty-section-wrapper {
    padding: 60px 20px;
    background-color: #ffffff;
    font-family: 'Manrope', 'Poppins', sans-serif;
    max-width: 1240px;
    margin: 0 auto;
}

/* Header Section Styling */
.integritty-blog-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 45px;
}

.integritty-vertical-line {
    width: 5px;
    height: 50px;
    background: linear-gradient(176.04deg, #108DC7 0%, #EF8E38 91.23%);
}

.integritty-main-heading {
    font-family: 'Manrope', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #001d30;
    margin: 0;
    letter-spacing: -0.3px;
}

/* Grid Layout */
.integritty-blog-row {
    display: flex;
    justify-content: center;
    gap: 28px;
    flex-wrap: wrap;
}

.integritty-card-wrapper {
    flex: 1;
    min-width: 320px;
    max-width: 375px;
}

/* Anchor Link Wrapper Styling */
.integritty-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.integritty-card {
    position: relative;
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    /* Soft ambient card shadow matching the screenshot */
    box-shadow: 0px 14px 35px rgba(0, 0, 0, 0.07);
    border: 1px solid #f2f4f7;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.integritty-card-link:hover .integritty-card {
    /* transform: translateY(-6px); */
    box-shadow: 0px 20px 45px rgba(0, 0, 0, 0.12);
}

/* Image Container & Shadow Gradient Effect */
.integritty-image-box {
    position: relative;
    width: 100%;
    height: 195px;
    overflow: hidden;
    background-color: #f7fafc;
}

.integritty-main-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 0.4s ease;
}

/* .integritty-card-link:hover .integritty-main-img {
    transform: scale(1.03);
} */

/* Image-to-Content Soft Gradient Transition */
.integritty-image-shadow-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 110px;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.6) 50%,
            #ffffff 100%);
    pointer-events: none;
}

/* Top Right Curved Badges */
.integritty-badge-container {
    position: absolute;
    top: 18px;
    right: 20px;
    z-index: 3;
}

.integritty-badge {
    display: inline-block;
    padding: 6px 18px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

.integritty-badge-blue {
    background-color: #0b73b9;
}

.integritty-badge-teal {
    background-color: #0087a5;
}

/* Card Content Area */
.integritty-card-content {
    position: relative;
    padding: 10px 26px 26px 26px;
    margin-top: -15px;
    /* Blend content with image gradient */
    z-index: 2;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Category Tag (SAP ARIBA, CASE STUDY, etc.) */
.integritty-tag-container {
    margin-bottom: 14px;
}

.integritty-tag {
    display: inline-block;
    background: #edf6fb;
    color: #004774;
    padding: 6px 14px;
    border-radius: 16px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

/* Title Styling */
.integritty-card-title {
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.45;
    color: #000000;
    margin: 0 0 25px 0;
    flex-grow: 1;
    transition: color 0.3s ease;
}


/* Footer & Date */
.integritty-card-footer {
    margin-top: auto;
}

.integritty-card-date {
    font-size: 12px;
    color: #939393;
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 991px) {
    .integritty-blog-row {
        gap: 20px;
    }

    .integritty-main-heading {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .integritty-section-wrapper {
        padding: 40px 15px;
    }

    .integritty-card-wrapper {
        max-width: 100%;
    }
}


/* Screen width 1366px or lower styling */
@media (max-width: 1366px) {
    .integritty-section-wrapper {
        max-width: 1140px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* =========================================
   FOOTER SECTION
========================================= */

.integritty-footer-section {
    background: #001d30;
    position: relative;
    padding-bottom: 50px;
    margin-top: 120px;
    overflow: visible;
}

.integritty-footer-section .container-fluid {
    max-width: 1362px;
    position: relative;
    padding: 0;
}

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

.integritty-footer-top-box {
    position: relative;
    top: -72px;
}

/* IMAGE */

.integritty-footer-shape-image {
    width: 100%;
    display: block;
}

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

.integritty-footer-overlay-content {
    position: absolute;
    inset: 0;
}

/* =========================================
   MENU GRID
========================================= */

.integritty-footer-menu-grid {
    position: absolute;

    top: 28px;
    left: 38px;
    right: 42px;

    display: grid;

    grid-template-columns: 145px 145px 145px 145px 145px 145px 145px;

    justify-content: space-between;
}

/* =========================================
   HEADER PILL
========================================= */
.integritty-footer-header-pill {
    background: #001c2d;
    color: #fff;

    border-radius: 50px;

    padding: 8px 20px 9px;

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

    display: inline-block;
    position: relative;

    margin-bottom: 18px;

    box-shadow:
        inset 0 -8px 14px rgba(189, 208, 220, 0.35);
}

/* .integritty-footer-header-pill {
    background: #001c2d;
    color: #fff;

    border-radius: 50px;

    padding: 8px 20px 9px;

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

    display: inline-block;

    position: relative;

    margin-bottom: 18px;

    box-shadow:
        0 0 0 7px rgba(205, 222, 232, 0.58),
        0 3px 8px rgba(0, 0, 0, 0.18);
} */

.integritty-footer-header-pill::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    transform: translateX(-50%);

    width: 18px;
    height: 3px;

    border-radius: 8px 8px 0 0;

    background: linear-gradient(90deg, #108DC7 0%, #EF8E38 91.23%);
}

/* =========================================
   MENU LIST
========================================= */

.integritty-footer-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.integritty-footer-menu-list li {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;

    color: #161616;

    margin-bottom: 10px;

    cursor: pointer;
    transition: all 0.3s ease;
}

.integritty-footer-menu-list li:hover {
    color: #001c2d;
    text-decoration: underline;
}

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

.integritty-footer-social-icons {
    position: absolute;

    left: 45px;
    bottom: 115px;

    display: flex;
    align-items: center;
    gap: 14px;
}

.integritty-footer-social-icons img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

/* =========================================
   PARTNER BOX
========================================= */
.integritty-footer-partner-box-container {
    position: absolute;
    right: 100px;
    top: 222px;

    width: 366px;
    height: 92px;
}

.integritty-footer-partner-bg {
    width: 100%;
    height: 100%;
    display: block;
}

.integritty-footer-partner-content {
    position: absolute;
    inset: 0;

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

    padding-right: 50px;
    /* agar zarurat ho to rakho */
}

.integritty-footer-partner-image {
    width: 240px;
    /* apni image ke hisab se adjust kar lo */
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* =========================================
   FOOTER BOTTOM
========================================= */

.integritty-footer-bottom {
    position: absolute;
    left: 75px;
    right: 110px;
    top: 360px;

    display: grid;
    grid-template-columns: 250px 300px 300px 1fr;
    column-gap: 2px;
    align-items: start;
    width: calc(100% - 235px);
}

/* =========================================
   LOCATION BLOCK
========================================= */

.integritty-footer-location-block {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.integritty-footer-location-icon {
    color: #13B5D1;
    font-size: 22px;
    flex-shrink: 0;
    margin-top: 2px;
}

.integritty-footer-location-text h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 8px;
}

.integritty-footer-location-text p {
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
}

/* =========================================
   BRAND LOGO
========================================= */

.integritty-footer-brand-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    text-align: right;
    margin-left: auto;
}

.integritty-footer-brand-logo img {
    width: 180px;
    max-width: 100%;
    display: block;
}

.integritty-footer-copyright {
    margin-top: 12px;
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
    white-space: nowrap;
}

.integritty-footer-copyright span {
    color: #fff;
}

.integritty-footer-menu-list li a {
    color: inherit;
    text-decoration: none;
    display: block;
}

.integritty-footer-menu-list li a:hover {
    color: inherit;
    text-decoration: none;
}

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

/* =========================================
   1366px & BELOW
========================================= */

@media (max-width: 1366px) {

    .integritty-footer-bottom {
        left: 55px;
        right: 60px;
        top: 320px;

        width: calc(100% - 115px);

        grid-template-columns: 250px 250px 220px 1fr;
        column-gap: 15px;
    }

    .integritty-footer-partner-box-container {
        position: absolute;
        right: 100px;
        top: 181px;

        width: 366px;
        height: 92px;
    }


    .integritty-footer-location-block {
        gap: 8px;
    }

    .integritty-footer-location-icon {
        font-size: 18px;
    }

    .integritty-footer-location-text h5 {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .integritty-footer-location-text p {
        font-size: 10px;
        line-height: 1.45;
    }

    .integritty-footer-brand-logo img {
        width: 150px;
    }

    .integritty-footer-copyright {
        font-size: 10px;
        margin-top: 8px;
    }
}

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

@media (max-width: 992px) {

    .integritty-footer-bottom {
        position: static;
        width: 100%;
        padding: 35px 25px;

        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .integritty-footer-brand-logo {
        grid-column: 1 / -1;
        align-items: center;
        text-align: center;
        margin: 20px auto 0;
    }

    .integritty-footer-brand-logo img {
        width: 180px;
    }

    .integritty-footer-copyright {
        white-space: normal;
        text-align: center;
    }
}


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

@media (max-width: 768px) {

    .integritty-footer-bottom {
        display: flex;
        flex-direction: column;
        gap: 20px;

        padding: 30px 20px;
    }

    .integritty-footer-location-block {
        gap: 10px;
    }

    .integritty-footer-location-icon {
        font-size: 18px;
    }

    .integritty-footer-location-text h5 {
        font-size: 14px;
    }

    .integritty-footer-location-text p {
        font-size: 12px;
        line-height: 1.6;
    }

    .integritty-footer-brand-logo {
        align-items: center;
        text-align: center;
        margin: 20px auto 0;
    }

    .integritty-footer-brand-logo img {
        width: 170px;
    }

    .integritty-footer-copyright {
        white-space: normal;
        font-size: 11px;
    }
}




/* =========================================
   MOBILE UPDATED FINAL CSS
========================================= */

@media (max-width: 767px) {
    .integritty-footer-section {
        margin-top: 35px;
        padding-bottom: 35px;
        overflow: hidden;
    }

    .integritty-footer-section .container-fluid {
        padding: 0 14px;
    }

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

    .integritty-footer-top-box {
        position: relative;
        top: 0;

        /* EXTRA SPACE */
        padding-bottom: 180px;
    }

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

    .integritty-footer-shape-image {
        width: 100%;
        height: 1900px;

        object-fit: cover;

        border-radius: 24px;
        display: block;
    }

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

    .integritty-footer-overlay-content {
        position: absolute;

        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        padding: 28px 22px 140px;
    }

    /* =========================================
       MENU GRID
    ========================================= */

    .integritty-footer-menu-grid {
        position: relative;

        top: auto;
        left: auto;
        right: auto;

        display: grid;

        grid-template-columns: 1fr;

        gap: 28px;
    }

    .integritty-footer-menu-column {
        width: 100%;
    }

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

    .integritty-footer-header-pill {
        font-size: 11px;

        padding: 8px 18px;

        margin-bottom: 16px;
    }

    /* =========================================
       MENU LIST
    ========================================= */

    .integritty-footer-menu-list li {
        font-size: 12px;
        line-height: 18px;

        margin-bottom: 10px;
    }

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

    .integritty-footer-social-icons {
        position: relative;

        left: auto;
        bottom: auto;

        margin-top: 25px;

        padding: 0;

        display: flex;
        align-items: center;
        gap: 14px;
    }

    .integritty-footer-social-icons img {
        width: 16px;
        height: 16px;
    }

    /* =========================================
       PARTNER BOX
    ========================================= */

    .integritty-footer-partner-box-container {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 420px;
        top: auto;
        right: auto;
        width: 300px;
        height: auto;
        display: block;
        z-index: 20;
    }

    .integritty-footer-partner-bg {
        width: 100%;
        height: auto;

        display: block;
    }

    .integritty-footer-partner-content {
        position: absolute;
        inset: 0;

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

    }

    .integritty-footer-partner-logo img {
        max-width: 56px;
        max-height: 28px;
    }

    /* =========================================
       FOOTER BOTTOM
    ========================================= */

    .integritty-footer-bottom {
        position: relative;

        left: auto;
        right: auto;
        top: auto;

        margin-top: -424px;

        padding: 0 8px;

        display: grid;

        grid-template-columns: 1fr;

        gap: 24px;
    }

    /* =========================================
       LOCATION BLOCK
    ========================================= */

    .integritty-footer-location-block {
        gap: 10px;
    }

    .integritty-footer-location-icon {
        font-size: 17px;
    }

    .integritty-footer-location-text h5 {
        font-size: 14px;
    }

    .integritty-footer-location-text p {
        font-size: 12px;
        line-height: 1.5;
    }

    /* =========================================
       BRAND LOGO
    ========================================= */

    .integritty-footer-brand-logo {
        text-align: left;
    }

    .integritty-footer-brand-logo img {
        max-width: 180px;
    }

    /* =========================================
       COPYRIGHT
    ========================================= */

    .integritty-footer-copyright {
        text-align: left;

        font-size: 10px;

        margin-top: 10px;
        line-height: 1.5;
    }
}

/* Our Client Section */
/* ==========================================================================
   Our Client Section (Exact Image Match + Custom Linear Gradient Line)
   ========================================================================== */
.integ-clients-area {
    position: relative;
    padding: 50px 0;
    background-color: #ffffff;
    overflow: hidden;
    width: 100%;
}

.integ-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.integ-flex-row {
    display: flex;
    align-items: center;
    gap: 50px;
}

/* --------------------------------------------------------------------------
   Heading & Gradient Indicator Line
   -------------------------------------------------------------------------- */
.integ-title-box {
    flex: 0 0 140px;
    position: relative;
}

.integ-h2 {
    font-family: manrope;
    font-size: 36px;
    font-weight: 700;
    color: #0d2c44;
    line-height: 100%;
}

/* Exact Gradient Line */
.integ-indicator {
    width: 35px;
    height: 3px;
    background: linear-gradient(89.99deg, #108dc7 0.01%, #ef8e38 98.52%);
    border-radius: 2px;
}

/* --------------------------------------------------------------------------
   Slider Area & Brand Cards
   -------------------------------------------------------------------------- */
.integ-grid-container {
    flex: 1;
    min-width: 0;
    position: relative;
    overflow: hidden;
}

/* Left Fade */
.integ-grid-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 100%;
    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
    pointer-events: none;
}

/* Right Fade */
.integ-grid-container::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
    pointer-events: none;
}

.integ-swiper-container {
    padding-bottom: 45px !important;
}

.integ-swiper-container .swiper-wrapper {
    transition-timing-function: linear !important;
}

.integ-brand-card {
    box-shadow: 12px 12px 48px 19px rgba(240, 240, 240, 0.5) inset;
    border-radius: 24px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 30px;
    background: #fff;
}

.integ-brand-card img {
    max-width: 95%;
    max-height: 65px;
    object-fit: contain;
    filter: grayscale(0%);
    opacity: 1;
}

.integ-brand-card:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

/* --------------------------------------------------------------------------
   Pagination (Pill + Dots Style)
   -------------------------------------------------------------------------- */
.integ-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    align-items: center;
    gap: 5px;
    bottom: 0px;
    left: 5px;
    width: auto;
    justify-content: flex-start;
}

.integ-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #dbe4e9;
    opacity: 1;
    border-radius: 50%;
    margin: 0 !important;
    transition: all 0.3s ease;
    cursor: pointer;
}

.integ-pagination .swiper-pagination-bullet-active {
    background-color: #0d2c44;
    width: 16px;
    height: 6px;
    border-radius: 10px;
}

/* ==========================================================================
   RESPONSIVE STYLES
   ========================================================================== */
@media (max-width: 991px) {
    .integ-flex-row {
        flex-direction: column;
        align-items: center;
        gap: 35px;
    }

    .integ-title-box {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .integ-grid-container {
        width: 100%;
    }

    .integ-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        justify-content: center;
        left: 0;
    }
}

@media (max-width: 576px) {
    .integ-clients-area {
        padding: 40px 0;
    }

    .integ-h2 {
        font-size: 28px;
    }

    .integ-brand-card {
        height: 105px;
        border-radius: 18px;
    }
}

/* Client section End */

/* =========================================================
                ABOUT US Page Css Start
========================================================= */
/* =========================================================
   ABOUT US HERO SECTION
========================================================= */

.integritty-aboutus-hero-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 170px 0 140px;
    font-family: "Manrope", sans-serif;
}

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

.integritty-aboutus-bg-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.integritty-aboutus-bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
    display: block;
}

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

.integritty-aboutus-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
}

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

.integritty-aboutus-content-wrapper {
    position: relative;
    z-index: 5;

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

    margin: 0 auto;
    padding: 0 70px;
}

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

.integritty-aboutus-content {
    max-width: 720px;
}

/* =========================================================
   BREADCRUMB
========================================================= */

.integritty-aboutus-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;

    margin-bottom: 34px;

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

    font-weight: 700;
}

.integritty-aboutus-breadcrumb span {
    color: #ffffff;
}

.integritty-aboutus-breadcrumb a {
    color: #18c4d6;
    text-decoration: none;
}

.integritty-aboutus-breadcrumb i {
    font-size: 12px;
    color: #18c4d6;
}

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

.integritty-aboutus-heading {
    margin: 0;

    color: #ffffff;

    font-size: 64px;
    line-height: 0.95;

    letter-spacing: 1px;

    font-weight: 800;
}

.integritty-aboutus-heading span {
    color: #18c4d6;
}

/* =========================================================
   DIVIDER
========================================================= */

.integritty-aboutus-divider {
    width: 100%;
    max-width: 715px;
    height: 1px;

    margin: 42px 0 36px;

    background: rgba(24, 196, 214, 0.7);
}

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

.integritty-aboutus-description {
    max-width: 760px;

    color: #ffffff;

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

    font-weight: 700;

    margin-bottom: 42px;
}

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

.integritty-aboutus-btn {
    position: relative;

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

    min-width: 150px;
    height: 50px;

    padding: 0 34px;

    background: #21c7df;

    border-radius: 4px;

    color: #ffffff;
    text-decoration: none;

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

    transition: 0.35s ease;
}

.integritty-aboutus-btn:hover {
    background: #0fb4cb;
    transform: translateY(-2px);
}

/* =========================================================
   BOTTOM GRADIENT BAR
========================================================= */

.integritty-aboutus-bottom-bar {
    position: absolute;
    left: 125px;
    bottom: 0;

    width: 82px;
    height: 7px;

    background: linear-gradient(90deg,
            #18c4d6 0%,
            #42dceb 35%,
            #18c4d6 70%,
            #0a8ea0 100%);

    z-index: 10;
}

/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1600px) {
    .integritty-aboutus-heading {
        font-size: 60px;
    }

    .integritty-aboutus-description {
        font-size: 19px;
    }
}

/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1366px) {
    .integritty-aboutus-hero-section {
        padding: 150px 0 120px;
    }

    .integritty-aboutus-content-wrapper {
        padding: 0 55px;
    }

    .integritty-aboutus-content {
        max-width: 640px;
    }

    .integritty-aboutus-heading {
        font-size: 58px;
        line-height: 1;
    }

    .integritty-aboutus-description {
        font-size: 18px;
        line-height: 1.5;
    }

    .integritty-aboutus-bg-image img {
        object-position: 78% center;
    }
}

/* =========================================================
   SMALL LAPTOP
========================================================= */

@media (max-width: 1199px) {
    .integritty-aboutus-hero-section {
        padding: 135px 0 110px;
    }

    .integritty-aboutus-content-wrapper {
        padding: 0 45px;
    }

    .integritty-aboutus-content {
        max-width: 560px;
    }

    .integritty-aboutus-heading {
        font-size: 52px;
        letter-spacing: -1px;
    }

    .integritty-aboutus-description {
        font-size: 17px;
        max-width: 560px;
    }

    .integritty-aboutus-btn {
        min-width: 160px;
        height: 54px;
        font-size: 16px;
    }

    .integritty-aboutus-bg-image img {
        object-position: 82% center;
    }
}

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

@media (max-width: 991px) {
    .integritty-aboutus-hero-section {
        padding: 120px 0 90px;
    }

    .integritty-aboutus-content-wrapper {
        padding: 0 32px;
    }

    .integritty-aboutus-content {
        max-width: 520px;
    }

    .integritty-aboutus-heading {
        font-size: 44px;
        line-height: 1.08;
        letter-spacing: -1px;
    }

    .integritty-aboutus-divider {
        margin: 28px 0 26px;
    }

    .integritty-aboutus-description {
        font-size: 15px;
        line-height: 1.7;
        max-width: 500px;
        margin-bottom: 30px;
    }

    .integritty-aboutus-btn {
        min-width: 145px;
        height: 48px;
        font-size: 14px;
        padding: 0 24px;
    }

    .integritty-aboutus-bg-image img {
        object-position: 74% center;
    }

    .integritty-aboutus-bottom-bar {
        left: 32px;
        width: 72px;
    }
}

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

@media (max-width: 767px) {
    .integritty-aboutus-hero-section {
        padding: 105px 0 80px;
        min-height: 620px;
    }

    .integritty-aboutus-content-wrapper {
        padding: 0 22px;
    }

    .integritty-aboutus-content {
        max-width: 100%;
    }

    .integritty-aboutus-breadcrumb {
        margin-bottom: 18px;
        font-size: 12px;
        gap: 6px;
    }

    .integritty-aboutus-heading {
        font-size: 34px;
        line-height: 1.12;
        letter-spacing: -1px;
    }

    .integritty-aboutus-divider {
        margin: 22px 0 20px;
        max-width: 100%;
    }

    .integritty-aboutus-description {
        font-size: 13px;
        line-height: 1.8;
        font-weight: 600;
        max-width: 100%;
        margin-bottom: 26px;
    }

    .integritty-aboutus-btn {
        min-width: 130px;
        height: 44px;
        font-size: 13px;
        padding: 0 20px;
    }

    /* MOBILE ME DESKTOP JAISA BG SHOW */
    .integritty-aboutus-bg-image img {
        object-position: 72% center;
    }

    .integritty-aboutus-overlay {
        background: linear-gradient(90deg,
                rgba(0, 22, 38, 0.92) 0%,
                rgba(0, 26, 44, 0.84) 35%,
                rgba(0, 31, 52, 0.6) 62%,
                rgba(0, 0, 0, 0.18) 100%);
    }

    .integritty-aboutus-bottom-bar {
        left: 22px;
        width: 65px;
        height: 4px;
    }
}

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

@media (max-width: 575px) {
    .integritty-aboutus-hero-section {
        padding: 95px 0 75px;
        min-height: 560px;
    }

    .integritty-aboutus-content-wrapper {
        padding: 36px 18px;
    }

    .integritty-aboutus-breadcrumb {
        font-size: 11px;
        margin-bottom: 16px;
    }

    .integritty-aboutus-heading {
        font-size: 29px;
        line-height: 1.14;
    }

    .integritty-aboutus-divider {
        margin: 18px 0 18px;
    }

    .integritty-aboutus-description {
        font-size: 12px;
        line-height: 1.8;
        margin-bottom: 22px;
    }

    .integritty-aboutus-btn {
        min-width: 120px;
        height: 42px;
        font-size: 12px;
        padding: 0 18px;
    }

    .integritty-aboutus-bg-image img {
        object-position: 70% center;
    }

    .integritty-aboutus-bottom-bar {
        left: 18px;
        width: 58px;
    }
}

/* =========================================================
   ABOUT US COMMITMENT SECTION - BASE
========================================================= */

.integritty-aboutus-commitment-section {
    padding: 80px 0;
    background-color: #fff9fa;
    font-family: "Manrope", sans-serif;
    position: relative;
    overflow: hidden;
}

/* =========================================================
   BACKGROUND IMAGE (ONLY ADDITION)
========================================================= */

.integritty-aboutus-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.integritty-aboutus-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* content above bg */
.integritty-aboutus-container {
    position: relative;
    z-index: 2;
}

/* =========================================================
   EXISTING DESIGN (UNCHANGED)
========================================================= */

.integritty-aboutus-container {
    max-width: 1412px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding: 0 70px;
}

.integritty-aboutus-commitment-wrapper {
    display: flex;
    flex-direction: column;
}

.integritty-aboutus-logo {
    width: 144px;
    height: 56px;
    margin-bottom: 20px;
    object-fit: contain;
}

.integritty-aboutus-logo-spacer {
    height: 60px;
}

.integritty-aboutus-commitment-card {
    display: flex;
    flex-direction: column;
}

.integritty-aboutus-card-title {
    font-size: 24px;
    font-weight: 800;
    color: #11181c;
    margin-bottom: 15px;
    line-height: 1.2;
}

.integritty-aboutus-card-divider {
    width: 85px;
    height: 2px;
    background: linear-gradient(90deg,
            #8ff3fb 0%,
            #42dceb 35%,
            #18c4d6 70%,
            #0a8ea0 100%);
    margin-bottom: 20px;
}

.integritty-aboutus-card-desc {
    font-size: 17px;
    line-height: 1.6;
    color: #161616;
    font-weight: 500;
}

/* =========================================================
   RESPONSIVE (UNCHANGED)
========================================================= */

@media (max-width: 991px) {
    .integritty-aboutus-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .integritty-aboutus-logo-spacer {
        display: none;
    }
}

@media (max-width: 767px) {
    .integritty-aboutus-container {
        grid-template-columns: 1fr;
    }

    .integritty-aboutus-logo {
        margin-bottom: 15px;
    }
}

.integritty-aboutus-commitment-wrapper {
    position: relative;
}

.integritty-aboutus-commitment-wrapper:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 35px;
    right: -20px;
    width: 1px;
    height: calc(100% - 70px);
    background-color: #0047741A;
}

@media (max-width: 991px) {
    .integritty-aboutus-commitment-wrapper:not(:last-child)::after {
        display: none;
    }
}

/* =========================================================
   ABOUT US COMMITMENT SECTION - END
========================================================= */
/* =========================================================
   INTEGRITTY ABOUT EXPERTISE SECTION
========================================================= */

.integritty-about-expertise-section {
    position: relative;
    overflow: visible;
    padding: 110px 0 130px;
    background: #f2ece6;
}

/* =========================================================
   BLUE BACKGROUND
========================================================= */

.integritty-about-expertise-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 510px;

    background: linear-gradient(90deg,
            #024b7c 0%,
            #045487 35%,
            #0d6ca1 65%,
            #2da7d7 100%);
}

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

.integritty-about-expertise-container {
    position: relative;
    z-index: 5;

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

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

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

.integritty-about-expertise-content {
    max-width: 760px;
    padding-top: 30px;
}

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

.integritty-about-expertise-content h2 {
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 40px;
}

/* =========================================================
   TOP POINTS ROW
========================================================= */

.integritty-about-expertise-points {
    display: flex;
    gap: 70px;
    align-items: flex-start;
    margin-bottom: 30px;
}

/* =========================================================
   SINGLE POINT
========================================================= */

.integritty-about-expertise-point,
.integritty-about-expertise-bottom-point {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.integritty-about-expertise-point p,
.integritty-about-expertise-bottom-point p {
    margin: 0;

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

    font-weight: 500;
    color: #ffffff;

    max-width: 320px;
}



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

.integritty-about-expertise-icon {
    flex-shrink: 0;
    margin-top: 2px;
}

.integritty-about-expertise-icon svg {
    width: 36px;
    height: 36px;
}

/* =========================================================
   BOTTOM POINT
========================================================= */

.integritty-about-expertise-bottom-point {
    margin-top: 10px;
}

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

.integritty-about-expertise-rocket {
    position: absolute;
    right: -72px;
    top: -20px;
    bottom: 0;

    z-index: 2;

    display: flex;
    align-items: flex-end;
}

.integritty-about-expertise-rocket img {
    height: 100%;
    max-height: 620px;
    object-fit: contain;
    display: block;
}

/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1400px) {
    .integritty-about-expertise-rocket {
        right: 30px;
    }

    .integritty-about-expertise-rocket img {
        max-height: 560px;
    }

    .integritty-about-expertise-points {
        gap: 40px;
    }
}

/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {
    .integritty-about-expertise-section {
        padding: 90px 0 100px;
    }

    .integritty-about-expertise-bg {
        height: 500px;
    }

    .integritty-about-expertise-content {
        max-width: 620px;
    }

    .integritty-about-expertise-content h2 {
        font-size: 32px;
    }

    .integritty-about-expertise-points {
        gap: 30px;
    }

    .integritty-about-expertise-point p,
    .integritty-about-expertise-bottom-point p {
        font-size: 14px;
        line-height: 1.9;
    }

    .integritty-about-expertise-rocket img {
        max-height: 500px;
    }
}

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

@media (max-width: 991px) {
    .integritty-about-expertise-section {
        padding: 80px 0;
    }

    .integritty-about-expertise-bg {
        height: 100%;
    }

    .integritty-about-expertise-content {
        max-width: 100%;
        text-align: left;
    }

    .integritty-about-expertise-content h2 {
        font-size: 30px;
        margin-bottom: 35px;
        text-align: left;
    }

    .integritty-about-expertise-points {
        flex-direction: column;
        gap: 24px;
    }

    .integritty-about-expertise-point,
    .integritty-about-expertise-bottom-point {
        justify-content: flex-start;
        text-align: left;
    }

    .integritty-about-expertise-point p,
    .integritty-about-expertise-bottom-point p {
        max-width: 100%;
        text-align: left;
    }

    /* HIDE ROCKET IMAGE */

    .integritty-about-expertise-rocket {
        display: none;
    }
}

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

@media (max-width: 767px) {
    .integritty-about-expertise-section {
        padding: 70px 0;
    }

    .integritty-about-expertise-container {
        padding: 0 18px;
    }

    .integritty-about-expertise-content {
        text-align: left;
    }

    .integritty-about-expertise-content h2 {
        font-size: 28px;
        line-height: 1.3;
        text-align: left;
    }

    .integritty-about-expertise-point,
    .integritty-about-expertise-bottom-point {
        gap: 14px;
        justify-content: flex-start;
        text-align: left;
    }

    .integritty-about-expertise-point p,
    .integritty-about-expertise-bottom-point p {
        font-size: 14px;
        line-height: 1.8;
        text-align: left;
    }

    .integritty-about-expertise-icon svg {
        width: 30px;
        height: 30px;
    }

    /* HIDE ROCKET */

    .integritty-about-expertise-rocket {
        display: none;
    }
}

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

@media (max-width: 575px) {
    .integritty-about-expertise-content h2 {
        font-size: 24px;
        text-align: left;
    }

    .integritty-about-expertise-point p,
    .integritty-about-expertise-bottom-point p {
        font-size: 13px;
        line-height: 1.8;
        text-align: left;
    }

    /* HIDE ROCKET */

    .integritty-about-expertise-rocket {
        display: none;
    }
}

/* =========================================================
   INTEGRITTY ABOUT JOURNEY SECTION
========================================================= */

.integritty-about-journey-section {
    position: relative;
    background: #f7f7fa;
    overflow: visible;
}

/* =========================================================
   BACKGROUND IMAGE (SAFE ADDITION)
========================================================= */

.integritty-about-journey-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.integritty-about-journey-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* keep content above bg */
.integritty-about-journey-top-cards,
.integritty-about-journey-container {
    position: relative;
    z-index: 2;
}

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

.integritty-about-journey-top-cards {
    position: relative;
    z-index: 10;

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

    margin: 0 auto 90px;

    background: #ffffff;
    border-radius: 28px;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

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

    overflow: hidden;
    top: -67px;
}

.integritty-about-journey-card {
    padding: 34px 38px 42px;
    border-right: 3px solid #c4c4c41a;
}

.integritty-about-journey-card:last-child {
    border-right: none;
}

.integritty-about-journey-card h3,
.integritty-about-journey-card p,
.integritty-about-journey-values {
    text-align: left;
}

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

.integritty-about-journey-card-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;

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

    margin-bottom: 30px;
}

.integritty-about-journey-card-icon img {
    width: 60px;
    height: auto;
}

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

.integritty-about-journey-card h3 {
    font-size: 20px;
    font-weight: 800;
    color: #004774;
    margin-bottom: 16px;
}

.integritty-about-journey-card p {
    font-size: 16px;
    line-height: 1.8;
    color: #000000;
    margin: 0;
}

.integritty-about-journey-values {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
}

.integritty-about-journey-values span {
    position: relative;
    padding-left: 16px;

    font-size: 15px;
    line-height: 1.7;
    font-weight: 700;
    color: #1d1d1d;
}

.integritty-about-journey-values span::before {
    content: "";
    position: absolute;

    left: 0;
    top: 10px;

    width: 8px;
    height: 8px;

    border-radius: 50%;
    background: #d4d4d4;
}

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

.integritty-about-journey-container {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
    padding: 0 20px;

    display: grid;
    grid-template-columns: 450px 220px 1fr;
    gap: 40px;
    align-items: start;
}

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

.integritty-about-journey-left h2 {
    font-size: 35px;
    line-height: 1.1;
    font-weight: 700;
    color: #11181c;
    margin-bottom: 28px;
}

.integritty-about-journey-left p {
    font-size: 16px;
    line-height: 2;
    color: #161616;
    font-weight: 500;
    max-width: 160px;
}

/* =========================================================
   LIGHTHOUSE
========================================================= */

.integritty-about-journey-lighthouse {
    position: relative;
    margin-top: 88px;
}

.integritty-about-journey-lighthouse img {
    position: relative;
    z-index: 2;

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

    left: 90px;
}

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

.integritty-about-journey-timeline {
    position: relative;
    padding-top: 16px;
    --journey-line-top: 43px;
}

.integritty-about-journey-timeline::before {
    content: "";
    position: absolute;

    top: var(--journey-line-top);
    right: -40px;

    width: 95px;
    height: 1px;

    background: #0f5f92;
    transition: top 0.3s ease;
}

/* YEAR */
.integritty-about-journey-year {
    position: relative;
    z-index: 2;

    width: 110px;
    height: 54px;

    border-radius: 40px;

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

    margin: 0 auto 30px;

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

    color: #939393;
    background: transparent;

    transition: 0.3s ease;
    cursor: pointer;
}

.integritty-about-journey-year:hover,
.integritty-about-journey-year.active {
    background: #ffffff;
    color: #004774;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

/* =========================================================
   RIGHT BOXES
========================================================= */

.integritty-about-journey-right {
    display: flex;
    flex-direction: column;
    gap: 26px;
    transform: translateY(var(--journey-panel-top, 0px));
    transition: transform 0.3s ease;
}

.integritty-about-journey-panel {
    display: none;
    flex-direction: column;
    gap: 26px;
}

.integritty-about-journey-panel.active {
    display: flex;
}

.integritty-about-journey-info-box {
    background: #ffffff;
    border-radius: 24px;

    padding: 42px;

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

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

.integritty-about-journey-info-box h4 {
    font-size: 20px;
    font-weight: 600;
    color: #11181c;
    margin-bottom: 18px;
}

.integritty-about-journey-line {
    width: 45px;
    height: 2px;
    background: #ff4b4b;
    margin-bottom: 18px;
}

.integritty-about-journey-info-box p {
    font-size: 16px;
    line-height: 1.7;
    color: #11181c;
    margin: 0;
}

.integritty-about-journey-logo img {
    width: 95px;
}

.integritty-about-journey-info-box-2019,
.integritty-about-journey-info-box-2020,
.integritty-about-journey-info-box-2021,
.integritty-about-journey-info-box-2022,
.integritty-about-journey-info-box-2023,
.integritty-about-journey-info-box-2024,
.integritty-about-journey-info-box-2025 {
    min-height: 272px;
    padding: 40px 30px;
}

.integritty-about-journey-info-box-2019 h4,
.integritty-about-journey-info-box-2020 h4,
.integritty-about-journey-info-box-2021 h4,
.integritty-about-journey-info-box-2022 h4,
.integritty-about-journey-info-box-2023 h4,
.integritty-about-journey-info-box-2024 h4,
.integritty-about-journey-info-box-2025 h4 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 22px;
}

.integritty-about-journey-info-box-2019 .integritty-about-journey-line,
.integritty-about-journey-info-box-2020 .integritty-about-journey-line,
.integritty-about-journey-info-box-2021 .integritty-about-journey-line,
.integritty-about-journey-info-box-2022 .integritty-about-journey-line,
.integritty-about-journey-info-box-2023 .integritty-about-journey-line,
.integritty-about-journey-info-box-2024 .integritty-about-journey-line,
.integritty-about-journey-info-box-2025 .integritty-about-journey-line {

    width: 45px;
    height: 2px;
    background: #ff4b4b;
    margin-bottom: 18px;
}

.integritty-about-journey-info-box-2019 p,
.integritty-about-journey-info-box-2020 p,
.integritty-about-journey-info-box-2021 p,
.integritty-about-journey-info-box-2022 p,
.integritty-about-journey-info-box-2023 p,
.integritty-about-journey-info-box-2024 p,
.integritty-about-journey-info-box-2025 p {
    font-size: 16px;
    line-height: 1.7;
    color: #11181c;
    margin: 0;
}


.integritty-about-journey-info-box-2020 p+p,
.integritty-about-journey-info-box-2021 p+p,
.integritty-about-journey-info-box-2022 p+p,
.integritty-about-journey-info-box-2023 p+p,
.integritty-about-journey-info-box-2024 p+p,
.integritty-about-journey-info-box-2025 p+p {
    margin-top: 20px;
}

.integritty-about-journey-info-box-2021 {
    min-height: 292px;
}

.integritty-about-journey-info-box-2021-second {
    min-height: 272px;
}

.integritty-about-journey-trophy {
    width: 172px;
    height: 170px;
    flex: 0 0 172px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.integritty-about-journey-trophy img {
    width: 100%;
    height: auto;
}

.integritty-about-journey-2020-image {
    width: 172px;
    flex: 0 0 172px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.integritty-about-journey-2020-image img {
    width: 100%;
    height: auto;
}

.integritty-about-journey-2021-image {
    width: 170px;
    flex: 0 0 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.integritty-about-journey-2021-image img {
    width: 100%;
    height: auto;
}

.integritty-about-journey-2021-partner-image {
    width: 190px;
    flex-basis: 190px;
}

.integritty-about-journey-2022-image {
    width: 172px;
    flex: 0 0 172px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.integritty-about-journey-2022-image img {
    width: 100%;
    height: auto;
}

.integritty-about-journey-2023-image {
    width: 172px;
    flex: 0 0 172px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.integritty-about-journey-2023-image img {
    width: 100%;
    height: auto;
}

.integritty-about-journey-2024-image {
    width: 172px;
    flex: 0 0 172px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.integritty-about-journey-2024-image img {
    width: 100%;
    height: auto;
}

.integritty-about-journey-2025-image {
    width: 190px;
    flex: 0 0 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.integritty-about-journey-2025-image img {
    width: 100%;
    height: auto;
}

/* =========================================================
   1366px LAPTOP FIX
========================================================= */

@media (min-width:1200px) and (max-width:1366px) {

    .integritty-about-journey-container {
        max-width: 1100px;
        grid-template-columns: 400px 190px 1fr;
        gap: 20px;
    }

    .integritty-about-journey-left h2 {
        font-size: 28px;
    }

    .integritty-about-journey-left p {
        font-size: 14px;
        max-width: 140px;
    }

    .integritty-about-journey-lighthouse img {
        max-width: 270px;
        left: 70px;
    }

    .integritty-about-journey-year {
        width: 80px;
        height: 40px;
        font-size: 15px;
        margin-bottom: 18px;
    }

    .integritty-about-journey-info-box {
        padding: 22px;
        border-radius: 18px;
    }

    .integritty-about-journey-info-box-2019,
    .integritty-about-journey-info-box-2020,
    .integritty-about-journey-info-box-2021,
    .integritty-about-journey-info-box-2021-second,
    .integritty-about-journey-info-box-2022,
    .integritty-about-journey-info-box-2023,
    .integritty-about-journey-info-box-2024,
    .integritty-about-journey-info-box-2025 {
        min-height: auto;
        padding: 22px;
    }

    .integritty-about-journey-info-box h4,
    .integritty-about-journey-info-box-2019 h4,
    .integritty-about-journey-info-box-2020 h4,
    .integritty-about-journey-info-box-2021 h4,
    .integritty-about-journey-info-box-2022 h4,
    .integritty-about-journey-info-box-2023 h4,
    .integritty-about-journey-info-box-2024 h4,
    .integritty-about-journey-info-box-2025 h4 {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .integritty-about-journey-info-box p,
    .integritty-about-journey-info-box-2019 p,
    .integritty-about-journey-info-box-2020 p,
    .integritty-about-journey-info-box-2021 p,
    .integritty-about-journey-info-box-2022 p,
    .integritty-about-journey-info-box-2023 p,
    .integritty-about-journey-info-box-2024 p,
    .integritty-about-journey-info-box-2025 p {
        font-size: 14px;
        line-height: 1.5;
    }

    /* all right-side images smaller */

    .integritty-about-journey-trophy,
    .integritty-about-journey-2020-image,
    .integritty-about-journey-2021-image,
    .integritty-about-journey-2022-image,
    .integritty-about-journey-2023-image,
    .integritty-about-journey-2024-image {
        width: 110px;
        flex: 0 0 110px;
    }

    .integritty-about-journey-2021-partner-image {
        width: 130px;
        flex: 0 0 130px;
    }

    .integritty-about-journey-2025-image {
        width: 120px;
        flex: 0 0 120px;
    }

    .integritty-about-journey-logo img {
        width: 70px;
    }
}

/* =========================================================
   LARGE TABLET (1024px)
========================================================= */

@media (max-width:1024px) {

    .integritty-about-journey-top-cards {
        margin-bottom: 60px;
    }

    .integritty-about-journey-container {
        grid-template-columns: 280px 120px 1fr;
        gap: 20px;
    }

    .integritty-about-journey-left h2 {
        font-size: 30px;
    }

    .integritty-about-journey-lighthouse img {
        max-width: 220px;
        left: 20px;
    }

    .integritty-about-journey-year {
        width: 80px;
        height: 42px;
        font-size: 15px;
    }

    .integritty-about-journey-info-box {
        padding: 24px;
    }

    .integritty-about-journey-info-box h4 {
        font-size: 20px;
    }

    .integritty-about-journey-info-box p {
        font-size: 14px;
    }

}

/* =========================================================
   TABLET (991px)
========================================================= */

@media (max-width:991px) {

    .integritty-about-journey-top-cards {
        grid-template-columns: 1fr;
        top: -20px;
        margin-bottom: 40px;
    }

    .integritty-about-journey-card {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        padding: 30px;
    }

    .integritty-about-journey-card:last-child {
        border-bottom: none;
    }

    .integritty-about-journey-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .integritty-about-journey-left {
        text-align: center;
    }

    .integritty-about-journey-left p {
        max-width: 100%;
        margin: auto;
    }

    .integritty-about-journey-lighthouse {
        margin-top: 30px;
        text-align: center;
    }

    .integritty-about-journey-lighthouse img {
        left: 0;
        max-width: 280px;
    }

    .integritty-about-journey-timeline {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        padding-bottom: 10px;
        justify-content: flex-start;
    }

    .integritty-about-journey-timeline::before {
        display: none;
    }

    .integritty-about-journey-year {
        flex-shrink: 0;
        margin-bottom: 0;
    }

    .integritty-about-journey-right {
        transform: none !important;
    }
}

/* =========================================================
   MOBILE (767px)
========================================================= */

@media (max-width:767px) {

    .integritty-about-journey-section {
        overflow: hidden;
    }

    .integritty-about-journey-card {
        padding: 24px 20px;
    }

    .integritty-about-journey-card-icon {
        width: 55px;
        height: 55px;
        margin-bottom: 18px;
    }

    .integritty-about-journey-card h3 {
        font-size: 20px;
    }

    .integritty-about-journey-card p {
        font-size: 14px;
        line-height: 1.7;
    }

    .integritty-about-journey-values span {
        font-size: 14px;
    }

    .integritty-about-journey-left h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .integritty-about-journey-left p {
        font-size: 14px;
    }

    .integritty-about-journey-lighthouse img {
        max-width: 220px;
    }

    .integritty-about-journey-info-box,
    .integritty-about-journey-info-box-2019,
    .integritty-about-journey-info-box-2020,
    .integritty-about-journey-info-box-2021,
    .integritty-about-journey-info-box-2021-second,
    .integritty-about-journey-info-box-2022,
    .integritty-about-journey-info-box-2023,
    .integritty-about-journey-info-box-2024,
    .integritty-about-journey-info-box-2025 {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 20px;
        min-height: auto;
    }

    .integritty-about-journey-line {
        margin-left: auto;
        margin-right: auto;
    }

    .integritty-about-journey-info-box h4 {
        font-size: 18px;
    }

    .integritty-about-journey-info-box p {
        font-size: 14px;
    }

    .integritty-about-journey-trophy,
    .integritty-about-journey-2020-image,
    .integritty-about-journey-2021-image,
    .integritty-about-journey-2021-partner-image,
    .integritty-about-journey-2022-image,
    .integritty-about-journey-2023-image,
    .integritty-about-journey-2024-image,
    .integritty-about-journey-2025-image {
        width: 120px;
        flex: 0 0 120px;
    }
}

/* =========================================================
   SMALL MOBILE (480px)
========================================================= */

@media (max-width:480px) {

    .integritty-about-journey-top-cards {
        border-radius: 18px;
    }

    .integritty-about-journey-card {
        padding: 20px 16px;
    }

    .integritty-about-journey-container {
        padding: 0 15px 40px;
    }

    .integritty-about-journey-left h2 {
        font-size: 24px;
    }

    .integritty-about-journey-lighthouse img {
        max-width: 180px;
    }

    .integritty-about-journey-year {
        width: 70px;
        height: 36px;
        font-size: 13px;
    }

    .integritty-about-journey-info-box {
        padding: 18px;
        border-radius: 16px;
    }

    .integritty-about-journey-info-box h4 {
        font-size: 17px;
    }

    .integritty-about-journey-info-box p {
        font-size: 13px;
        line-height: 1.6;
    }

    .integritty-about-journey-trophy,
    .integritty-about-journey-2020-image,
    .integritty-about-journey-2021-image,
    .integritty-about-journey-2021-partner-image,
    .integritty-about-journey-2022-image,
    .integritty-about-journey-2023-image,
    .integritty-about-journey-2024-image,
    .integritty-about-journey-2025-image {
        width: 100px;
        flex: 0 0 100px;
    }
}


/* =========================================================
   INTEGRITTY ABOUT LEADERSHIP SECTION
========================================================= */

.integritty-about-leadership-section {
    padding: 100px 20px;
    position: relative;
    overflow: hidden;
}

/* Background Image */
.integritty-about-leadership-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.integritty-about-leadership-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Optional light overlay */
.integritty-about-leadership-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(250, 252, 254, 0.9);
    z-index: 2;
}

.integritty-about-leadership-container {
    max-width: 1270px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.integritty-about-leadership-header {
    text-align: left;
    margin-bottom: 60px;
}

.integritty-about-leadership-header h2 {
    font-size: 35px;
    font-weight: 700;
    color: #11181c;
    margin-bottom: 20px;
}

.integritty-about-leadership-header p {
    color: #161616;
    max-width: 1000px;
    line-height: 1.6;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.integritty-about-leadership-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 80px 30px;
}

.integritty-about-leadership-card {
    text-align: center;
    width: calc((100% - 120px) / 5);
    max-width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.integritty-about-leadership-photo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto 20px;
    overflow: hidden;
    background: #e5e5e5;
    flex-shrink: 0;
}

.integritty-about-leadership-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.integritty-about-leadership-card h3 {
    font-size: 18px;
    font-weight: 700;
    color: #11181c;
    margin-bottom: 5px;
}

.integritty-about-leadership-card .role {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.linkedin-icon {
    display: block;
}

.linkedin-icon img {
    width: 18px;
    height: 18px;
    opacity: 0.8;
    transition: 0.3s;
}

.linkedin-icon:hover img {
    opacity: 1;
}


/* Responsive */
@media (max-width: 991px) {
    .integritty-about-leadership-card {
        width: calc((100% - 30px) / 2);
    }

    .integritty-about-leadership-card .role {
        white-space: normal;
    }
}

@media (max-width: 575px) {
    .integritty-about-leadership-card {
        width: 100%;
    }

    .integritty-about-leadership-header {
        text-align: center;
    }
}

/* =========================================================
   INTEGRITTY ABOUT LEADERSHIP SECTION End
========================================================= */
/* =========================================================
   INTEGRITTY ABOUT VALUES SECTION
========================================================= */
.integritty-about-values-section {
    background-color: #001f2d;
    padding: 80px 20px;
    color: #ffffff;
}

.integritty-about-values-container {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 40px;
}

.integritty-about-values-content {
    max-width: 550px;
}

.integritty-about-values-content h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.integritty-about-values-content p {
    font-size: 15px;
    line-height: 1.6;
    color: #ffffff;
}

/* Right Stats */
.integritty-about-values-stats {
    display: flex;
    align-items: center;
    gap: 60px;
    border-left: 1px solid #2d5a6d;
    padding-left: 60px;
}

.integritty-about-stat-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 140px;
}

/* Stat ke beech mein border add kiya */
.integritty-about-stat-item:first-child {
    border-right: 1px solid #2d5a6d;
    padding-right: 60px;
}

.integritty-about-stat-item img {
    width: 60px;
    height: 60px;
}

.integritty-about-stat-item span {
    font-size: 17px;
    color: #ffffff;
}

.integritty-about-stat-item strong {
    font-size: 60px;
    font-weight: 700;
}

/* Responsive Design */
@media (max-width: 991px) {
    .integritty-about-values-container {
        flex-direction: column;
        text-align: center;
    }

    .integritty-about-values-stats {
        border-left: none;
        border-top: 1px solid #2d5a6d;
        padding-left: 0;
        padding-top: 40px;
    }

    .integritty-about-stat-item:first-child {
        border-right: none;
        padding-right: 0;
        padding-bottom: 30px;
        border-bottom: 1px solid #2d5a6d;
    }
}

@media (max-width: 575px) {
    .integritty-about-values-content h2 {
        font-size: 32px;
    }

    .integritty-about-values-stats {
        gap: 30px;
    }

    .integritty-about-stat-item strong {
        font-size: 36px;
    }
}

/* =========================================================
   INTEGRITTY OUR LOCATIONS SECTION
========================================================= */

.integritty-locations-section {
    padding: 80px 20px;
    background: #eff3f7;
}

.integritty-locations-container {
    max-width: 1280px;
    margin: 0 auto;
}

.integritty-locations-header {
    text-align: left;
    margin-bottom: 40px;
}

.integritty-locations-header h2 {
    font-size: 38px;
    font-weight: 700;
    color: #11181c;
}

/* Map Wrapper for Centering */
.integritty-locations-map-wrapper {
    display: flex;
    justify-content: center;
    /* Image horizontally center karne ke liye */
    align-items: center;
    width: 100%;
}

.integritty-locations-map-wrapper img {
    max-width: 100%;
    /* Image badi na ho jaye */
    height: auto;
    display: block;
}

/* Responsive adjustment */
@media (max-width: 575px) {
    .integritty-locations-header {
        text-align: center;
    }

    .integritty-locations-header h2 {
        font-size: 28px;
    }
}

/* =========================================================
   INTEGRITTY COMPLIANCE SECTION
========================================================= */
/* =========================================================
   INTEGRITTY COMPLIANCE SECTION
========================================================= */

.integritty-compliance-section {
    padding: 100px 20px;
    position: relative;
    overflow: hidden;
}

/* Background image ka setup */
.compliance-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.integritty-compliance-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.integritty-compliance-header {
    margin-bottom: 50px;
}

.integritty-compliance-header h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #11181c;
}

.integritty-compliance-header p {
    max-width: 800px;
    font-size: 16px;
    line-height: 1.6;
    color: #161616;
}

.integritty-compliance-grid {
    display: grid;
    grid-template-columns: 520px 1fr;
    gap: 30px;
    align-items: start;
}

.integritty-compliance-card {
    background: #ffffff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 220px;

    /* Only card image positioning */
    position: relative;
    overflow: hidden;
}

.card-content {
    flex: 1;
    padding-right: 20px;
}

/* First card content ko badge se overlap hone se rokega */
.integritty-compliance-card:first-child .card-content {
    padding-right: 90px;
}

.integritty-compliance-card h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #11181c;
}

.integritty-compliance-card ul {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}

.integritty-compliance-card ul li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px;
    font-weight: 500;
}

.integritty-compliance-card p {
    font-size: 15px;
    line-height: 1.6;
    color: #161616;
    font-weight: 500;
}

/* Clicking here link styling */
.integritty-compliance-card a {
    color: #ff4848;
    /* Red color */
    font-weight: 700;
    text-decoration: underline;
}

.integritty-compliance-card a:hover {
    color: #b02a37;
}

/* =========================================================
   ONLY FIRST CARD BADGE IMAGE CHANGE
========================================================= */
.card-icon-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 105px;
    height: 118px;
    object-fit: contain;
    object-position: top right;
    display: block;
    margin: 0;
    flex-shrink: 0;
}

.card-icon-right-lshape {
    position: absolute;
    top: 15px;
    right: 50px;
    width: 65px;
    height: 118px;
    object-fit: contain;
    object-position: top right;
    display: block;
    margin: 0;
    flex-shrink: 0;
    transform: scaleX(-1);
    pointer-events: none;
}

/* =========================================================
   ONLY SECOND CARD SOC LOGO CHANGE
========================================================= */
.soc-logo-wrapper {
    width: 330px;
    max-width: 48%;
    flex-shrink: 0;
    margin-left: 20px;
    align-self: center;
}

.soc-logo-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

/* Responsive */
@media (max-width: 991px) {
    .integritty-compliance-grid {
        grid-template-columns: 1fr;
    }

    .integritty-compliance-card {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .card-content {
        padding-right: 0;
        margin-bottom: 20px;
    }

    /* First card badge ke liye space */
    .integritty-compliance-card:first-child .card-content {
        padding-right: 90px;
    }

    .card-icon-right,
    .card-icon-right-lshape,
    .soc-logo-wrapper {
        margin-left: 0;
    }

    .soc-logo-wrapper {
        max-width: 100%;
    }
}

/* =========================================================
   INTEGRITTY CTA SECTION
========================================================= */
.integritty-cta-section {
    position: relative;
    padding: 100px 20px 37px;
    overflow: visible;
}

/* Background Image */
.integritty-cta-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.integritty-cta-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Optional Dark Overlay */
.integritty-cta-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
}

/* Main Container */
.integritty-cta-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    min-height: 210px;
    z-index: 3;
}

/* Balloon Image */
.integritty-cta-image {
    position: absolute;
    top: -135px;
    left: 50px;
    width: 295px;
}

.integritty-cta-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Content */
.integritty-cta-content {
    margin-left: 380px;
    color: #ffffff;
}

.integritty-cta-content h2 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.3;
    color: #fff;
}

.integritty-cta-btn {
    display: inline-block;
    background: #00bcd4;
    color: #ffffff;
    padding: 14px 35px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.integritty-cta-btn:hover {
    color: #ffffff;
    transform: translateY(-2px);
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 991px) {
    .integritty-cta-section {
        margin-top: 80px;
        padding: 60px 20px;
        text-align: center;
    }

    .integritty-cta-container {
        flex-direction: column;
        min-height: auto;
    }

    .integritty-cta-image {
        position: relative;
        top: 0;
        left: 0;
        width: 180px;
        margin: 0 auto 30px;
    }

    .integritty-cta-content {
        margin-left: 0;
    }

    .integritty-cta-content h2 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .integritty-cta-content h2 {
        font-size: 24px;
    }

    .integritty-cta-btn {
        padding: 12px 28px;
    }
}

/* =========================================================
   LIFE AT INTEGRITTY PAGE HERO SECTION
========================================================= */

.life-integritty-hero-section {
    position: relative;
    width: 100%;
    min-height: 840px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Manrope", sans-serif;
}

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

.life-integritty-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.life-integritty-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

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

.life-integritty-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
}

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

.life-integritty-hero-container {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 1400px;
    padding: 0 30px;
    text-align: center;
}

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

.life-integritty-hero-content {
    max-width: 850px;
    margin: 0 auto;
    transform: translateY(-160px);
}

.life-integritty-hero-title {
    margin: 0;
    color: #ffffff;
    font-size: 50px;
    font-family: "Manrope", sans-serif !important;
    font-weight: 800;
    line-height: 1.1;
}

.life-integritty-hero-description {
    margin: 28px auto 0;
    max-width: 700px;
    color: #ffffff;
    font-family: "Manrope", sans-serif !important;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
}

/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1440px) {
    .life-integritty-hero-section {
        min-height: 650px;
    }

    .life-integritty-hero-content {
        transform: translateY(-120px);
    }

    .life-integritty-hero-title {
        font-size: 48px;
    }

    .life-integritty-hero-description {
        font-size: 19px;
    }
}

/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {
    .life-integritty-hero-section {
        min-height: 600px;
    }

    .life-integritty-hero-content {
        transform: translateY(-70px);
    }

    .life-integritty-hero-title {
        font-size: 42px;
    }

    .life-integritty-hero-description {
        font-size: 18px;
        max-width: 620px;
    }
}

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

@media (max-width: 991px) {
    .life-integritty-hero-section {
        min-height: 520px;
    }

    .life-integritty-hero-content {
        transform: translateY(-50px);
    }

    .life-integritty-hero-title {
        font-size: 38px;
    }

    .life-integritty-hero-description {
        font-size: 17px;
        max-width: 540px;
    }
}

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

@media (max-width: 767px) {
    .life-integritty-hero-section {
        min-height: 460px;
    }

    .life-integritty-hero-container {
        padding: 0 20px;
    }

    .life-integritty-hero-content {
        transform: translateY(-30px);
    }

    .life-integritty-hero-title {
        font-size: 32px;
    }

    .life-integritty-hero-description {
        font-size: 15px;
        line-height: 1.6;
        max-width: 100%;
        margin-top: 18px;
    }
}

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

@media (max-width: 575px) {
    .life-integritty-hero-section {
        min-height: 420px;
    }

    .life-integritty-hero-content {
        transform: translateY(-60px);
    }

    .life-integritty-hero-title {
        font-size: 20px;
    }

    .life-integritty-hero-description {
        font-size: 12px;
    }
}

/* =========================================================
   LIFE INTEGRITTY VOICES SECTION
========================================================= */

.life-integritty-voices-section {
    background: #f3f7fa;
    padding: 110px 0 120px;
}

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

.life-integritty-voices-heading-wrap {
    margin-bottom: 70px;
}

.life-integritty-voices-title {
    margin: 0;
    color: #161616;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 800;
    font-family: manrope;
}

.life-integritty-voices-description {
    margin-top: 28px;
    color: #161616;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
    font-family: "Manrope", sans-serif;
}

/* =========================================================
   GRID
========================================================= */

.life-integritty-voices-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px;
    align-items: flex-start;
}

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

.life-integritty-voices-card {
    text-align: center;
}

.life-integritty-voices-card img {
    width: 100%;
    display: block;
}

.life-integritty-voices-readmore {
    margin-top: 20px;
}

.life-integritty-voices-readmore a {
    text-decoration: none;
    color: #939393;
    font-size: 20px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    transition: all 0.3s ease;
}

.life-integritty-voices-readmore a:hover {
    color: #00a9c5;
}

.life-integritty-voices-readmore span {
    margin-left: 8px;
    font-weight: 800;
}

/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1400px) {
    .life-integritty-voices-title {
        font-size: 56px;
    }

    .life-integritty-voices-description {
        font-size: 20px;
    }
}

/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {
    .life-integritty-voices-section {
        padding: 90px 0;
    }

    .life-integritty-voices-title {
        font-size: 48px;
    }

    .life-integritty-voices-description {
        font-size: 18px;
    }

    .life-integritty-voices-readmore a {
        font-size: 22px;
    }
}

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

@media (max-width: 991px) {
    .life-integritty-voices-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .life-integritty-voices-title {
        font-size: 42px;
    }

    .life-integritty-voices-heading-wrap {
        margin-bottom: 50px;
    }
}

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

@media (max-width: 767px) {
    .life-integritty-voices-section {
        padding: 70px 0;
    }

    .life-integritty-voices-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .life-integritty-voices-heading-wrap {
        text-align: center;
        margin-bottom: 40px;
    }

    .life-integritty-voices-title {
        font-size: 34px;
    }

    .life-integritty-voices-description {
        font-size: 16px;
        margin-top: 18px;
    }

    .life-integritty-voices-readmore a {
        font-size: 20px;
    }
}

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

@media (max-width: 575px) {
    .life-integritty-voices-title {
        font-size: 28px;
    }

    .life-integritty-voices-description {
        font-size: 15px;
    }

    .life-integritty-voices-readmore a {
        font-size: 18px;
    }
}

/* =========================================================
   LIFE INTEGRITTY VALUES SECTION
========================================================= */

.life-integritty-values-section {
    background: #002945;
    padding: 110px 0 130px;
    overflow: hidden;
}

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

.life-integritty-values-heading-wrapper {
    max-width: 1280px;
    margin-bottom: 65px;
}

.life-integritty-values-title {
    margin: 0;
    color: #ffffff;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 800;
    font-family: "Manrope", sans-serif;
}

.life-integritty-values-description {
    margin-top: 35px;
    max-width: 1350px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.7;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
}

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

.life-integritty-values-card-wrapper {
    background: #eef0f2;
    border-radius: 32px;
    padding: 40px 38px;
}

/* =========================================================
   GRID
========================================================= */

.life-integritty-values-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 35px;
}

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

.life-integritty-values-item {
    text-align: left;
}

.life-integritty-values-icon {
    width: 90px;
    height: 80px;
    margin-bottom: 24px;
}

.life-integritty-values-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    margin-left: -15px;
}

.life-integritty-values-item h3 {
    margin: 0 0 18px;
    color: #071321;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
    font-family: "Manrope", sans-serif;
}

.life-integritty-values-item p {
    margin: 0;
    color: #071321;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
}

/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1400px) {
    .life-integritty-values-title {
        font-size: 58px;
    }

    .life-integritty-values-description {
        font-size: 20px;
    }

    .life-integritty-values-grid {
        gap: 25px;
    }
}

/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {
    .life-integritty-values-section {
        padding: 90px 0;
    }

    .life-integritty-values-title {
        font-size: 50px;
    }

    .life-integritty-values-description {
        font-size: 18px;
    }

    .life-integritty-values-grid {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 45px;
    }
}

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

@media (max-width: 991px) {
    .life-integritty-values-title {
        font-size: 42px;
    }

    .life-integritty-values-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .life-integritty-values-card-wrapper {
        padding: 35px 30px;
    }
}

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

@media (max-width: 767px) {
    .life-integritty-values-section {
        padding: 70px 0;
    }

    .life-integritty-values-heading-wrapper {
        margin-bottom: 40px;
    }

    .life-integritty-values-title {
        font-size: 34px;
    }

    .life-integritty-values-description {
        font-size: 16px;
        line-height: 1.7;
        margin-top: 20px;
    }

    .life-integritty-values-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .life-integritty-values-card-wrapper {
        padding: 30px 25px;
        border-radius: 24px;
    }

    .life-integritty-values-icon {
        width: 70px;
        height: 70px;
        margin-bottom: 18px;
    }

    .life-integritty-values-item h3 {
        font-size: 22px;
    }

    .life-integritty-values-item p {
        font-size: 16px;
    }
}

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

@media (max-width: 575px) {
    .life-integritty-values-title {
        font-size: 28px;
    }

    .life-integritty-values-description {
        font-size: 15px;
    }

    .life-integritty-values-card-wrapper {
        padding: 25px 20px;
    }
}

/* =========================================================
   LIFE INTEGRITTY GALLERY SECTION
========================================================= */

.life-integritty-gallery-section {
    background: #f3f7fa;
    padding: 90px 0 120px;
}

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

.life-integritty-gallery-heading-wrap {
    margin-bottom: 50px;
}

.life-integritty-gallery-title {
    margin: 0;
    color: #111111;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 800;
    font-family: "Manrope", sans-serif;
}

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

.life-integritty-gallery-slider-wrap {
    position: relative;
}

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

.life-integritty-gallery-slider {
    overflow: hidden;
}

.life-integritty-gallery-slider .swiper-slide img {
    width: 100%;
    height: 650px;
    object-fit: cover;
    border-radius: 28px;
    display: block;
}

/* =========================================================
   ARROWS
========================================================= */

.life-integritty-gallery-prev,
.life-integritty-gallery-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #eceaea;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
    transition: all 0.3s ease;
}

.life-integritty-gallery-prev {
    left: -53px;
}

.life-integritty-gallery-next {
    right: -53px;
}

.life-integritty-gallery-prev:hover,
.life-integritty-gallery-next:hover {
    transform: translateY(-50%) scale(1.05);
}

.life-integritty-gallery-prev i,
.life-integritty-gallery-next i {
    color: #0b2037;
    font-size: 20px;
}

/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1400px) {
    .life-integritty-gallery-title {
        font-size: 54px;
    }

    .life-integritty-gallery-slider .swiper-slide img {
        height: 580px;
    }
}

/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199px) {
    .life-integritty-gallery-title {
        font-size: 48px;
    }

    .life-integritty-gallery-slider .swiper-slide img {
        height: 500px;
    }

    .life-integritty-gallery-prev,
    .life-integritty-gallery-next {
        width: 90px;
        height: 90px;
    }

    .life-integritty-gallery-prev {
        left: -35px;
    }

    .life-integritty-gallery-next {
        right: -35px;
    }
}

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

@media (max-width: 991px) {
    .life-integritty-gallery-title {
        font-size: 40px;
    }

    .life-integritty-gallery-slider .swiper-slide img {
        height: 420px;
    }

    .life-integritty-gallery-prev,
    .life-integritty-gallery-next {
        width: 75px;
        height: 75px;
    }

    .life-integritty-gallery-prev i,
    .life-integritty-gallery-next i {
        font-size: 26px;
    }
}

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

@media (max-width: 767px) {
    .life-integritty-gallery-section {
        padding: 70px 0;
    }

    .life-integritty-gallery-title {
        font-size: 32px;
    }

    .life-integritty-gallery-slider .swiper-slide img {
        height: 280px;
        border-radius: 18px;
    }

    .life-integritty-gallery-prev,
    .life-integritty-gallery-next {
        width: 55px;
        height: 55px;
    }

    .life-integritty-gallery-prev {
        left: 10px;
    }

    .life-integritty-gallery-next {
        right: 10px;
    }

    .life-integritty-gallery-prev i,
    .life-integritty-gallery-next i {
        font-size: 18px;
    }
}

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

@media (max-width: 575px) {
    .life-integritty-gallery-title {
        font-size: 28px;
    }

    .life-integritty-gallery-slider .swiper-slide img {
        height: 240px;
    }
}

/* =========================================================
   INTEGRITTY CSR HERO SECTION
========================================================= */

.integritty-csr-hero-section {
    position: relative;
    width: 100%;
    background: #e9eef3;
    overflow: visible;
    padding-top: 140px;
    z-index: 999;
}

/* =========================================================
   BACKGROUND IMAGE (ONLY ADDITION)
========================================================= */

.integritty-csr-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.integritty-csr-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* keep content above bg */
.integritty-csr-hero-container,
.integritty-csr-hero-image {
    position: relative;
    z-index: 2;
}

/* =========================================================
   EXISTING CSS (UNCHANGED)
========================================================= */

.integritty-csr-hero-container {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 30px;
    text-align: center;
}

.integritty-csr-hero-title {
    margin: 0 auto;
    max-width: 1200px;
    font-family: "Manrope", sans-serif;
    font-size: 66px;
    font-weight: 1000;
    line-height: 1.08;
    color: #11181c;
}

.integritty-csr-hero-description {
    margin: 38px auto 0;
    max-width: 1150px;
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    color: #161616;
}

.integritty-csr-hero-image {
    margin-top: 90px;
    width: 100%;
    position: relative;
}

.integritty-csr-hero-image img {
    width: 100%;
    height: 720px;
    object-fit: cover;
    display: block;
}

.integritty-csr-hero-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0.65),
            rgba(255, 255, 255, 0));
    z-index: 1;
    pointer-events: none;
}

/* =========================================================
   1366PX FULL SCALE ADJUSTMENT (PROPORTIONAL FEEL)
========================================================= */

.integritty-csr-overview-section {
    position: relative;
    background: linear-gradient(to bottom,
            #ffffff 0%,
            #ffffff 50%,
            #f3f7fa 50%,
            #f3f7fa 100%);
    padding-bottom: 50px;
}

@media (max-width: 1366px) {
    .integritty-csr-hero-section {
        padding-top: 110px;
    }

    .integritty-csr-hero-container {
        max-width: 1200px;
        padding: 0 20px;
    }

    /* TITLE - main balance */
    .integritty-csr-hero-title {
        font-size: 52px;
        line-height: 1.12;
        max-width: 900px;
    }

    /* DESCRIPTION */
    .integritty-csr-hero-description {
        font-size: 16px;
        line-height: 1.6;
        max-width: 900px;
        margin-top: 28px;
    }

    /* IMAGE spacing + height */
    .integritty-csr-hero-image {
        margin-top: 60px;
    }

    .integritty-csr-hero-image img {
        height: 560px;
        object-fit: cover;
    }

    .integritty-csr-overview-section {
        position: relative;
        background: linear-gradient(to bottom,
                #ffffff 0%,
                #ffffff 30%,
                #f3f7fa 30%,
                #f3f7fa 100%);
        padding-bottom: 420px;
    }
}

/* =========================================================
   CSR OVERVIEW SECTION
========================================================= */


.integritty-csr-cards-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    background: #fff;
    border-radius: 30px;

    overflow: visible;

    margin-top: -60px;

    position: relative;
    z-index: 999;

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

.integritty-csr-card {
    padding: 36px 34px;
}

.integritty-csr-card:nth-child(1),
.integritty-csr-card:nth-child(2) {
    border-right: 3px solid #c4c4c41a;
}

.integritty-csr-card-icon {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.integritty-csr-card-icon img {
    width: 70px;
    height: 70px;
}

.integritty-csr-card h3 {
    margin: 0 0 16px;
    color: #11181c;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
    font-family: "Manrope", sans-serif;
}

.integritty-csr-card p {
    margin: 0;
    color: #000;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Manrope", sans-serif;
}

/* =========================================================
   BRIDGE SECTION
========================================================= */

.integritty-csr-bridge-wrapper {
    margin-top: 95px;
    width: 100%;
    display: grid;
    grid-template-columns: 40% 60%;
}

.integritty-csr-bridge-left {
    background: #04111c;
    min-height: 300px;
    border-radius: 0 160px 160px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.integritty-csr-bridge-left img {
    max-width: 340px;
    width: 100%;
}

.integritty-csr-bridge-right {
    min-height: 300px;
    border-radius: 160px 0 0 160px;
    background: linear-gradient(90deg, #064a79 0%, #2f95ca 100%);
    display: flex;
    align-items: center;
    padding: 0 60px;
}

.integritty-csr-bridge-right h2 {
    margin: 0;
    color: #fff;
    font-size: 35px;
    line-height: 1.15;
    font-weight: 800;
    font-family: "Manrope", sans-serif;
    max-width: 850px;
}

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

@media (max-width: 991px) {
    .integritty-csr-cards-wrap {
        grid-template-columns: 1fr;
        margin-top: -80px;
    }

    .integritty-csr-card:nth-child(1),
    .integritty-csr-card:nth-child(2) {
        border-right: none;
        border-bottom: 1px solid #ececec;
    }

    .integritty-csr-bridge-wrapper {
        grid-template-columns: 1fr;
        padding: 0 20px;
    }

    .integritty-csr-bridge-left,
    .integritty-csr-bridge-right {
        border-radius: 60px;
    }

    .integritty-csr-bridge-right {
        padding: 40px;
    }
}

@media (max-width: 767px) {
    .integritty-csr-hero-section {
        padding-top: 80px;
    }

    .integritty-csr-hero-title {
        font-size: 34px;
    }

    .integritty-csr-hero-description {
        font-size: 15px;
    }

    .integritty-csr-hero-image img {
        height: 300px;
    }

    .integritty-csr-cards-wrap {
        margin-top: -50px;
    }

    .integritty-csr-card {
        padding: 25px;
    }

    .integritty-csr-bridge-right h2 {
        font-size: 24px;
    }
}

/* =========================================================
   MOBILE ULTRA PREMIUM FIX (NO SCROLL + CLEAN UI)
========================================================= */

@media (max-width: 767px) {
    /* =========================
       GLOBAL SECTION SPACING
    ========================= */

    .integritty-csr-overview-section {
        padding-bottom: 80px;
    }

    /* =========================
       CARDS WRAP (NO HORIZONTAL SCROLL)
    ========================= */

    .integritty-csr-cards-wrap {
        grid-template-columns: 1fr;
        margin-top: -40px;
        border-radius: 22px;
        overflow: hidden;
    }

    .integritty-csr-card {
        padding: 22px 20px;
        text-align: left;
    }

    .integritty-csr-card:nth-child(1),
    .integritty-csr-card:nth-child(2) {
        border-right: none;
        border-bottom: 1px solid #ececec;
    }

    .integritty-csr-card h3 {
        font-size: 18px;
        line-height: 1.4;
    }

    .integritty-csr-card p {
        font-size: 14px;
        line-height: 1.7;
    }

    .integritty-csr-card-icon {
        width: 54px;
        height: 54px;
        margin-bottom: 18px;
    }

    .integritty-csr-card-icon img {
        width: 42px;
        height: 42px;
    }

    /* =========================
       BRIDGE SECTION (CLEAN STACK)
    ========================= */

    .integritty-csr-bridge-wrapper {
        grid-template-columns: 1fr;
        padding: 0 16px;
        margin-top: 60px;
        gap: 0;
    }

    .integritty-csr-bridge-left {
        border-radius: 24px 24px 0 0;
        min-height: 220px;
    }

    .integritty-csr-bridge-left img {
        max-width: 200px;
    }

    .integritty-csr-bridge-right {
        border-radius: 0 0 24px 24px;
        padding: 30px 20px;
        text-align: center;
        min-height: auto;
    }

    .integritty-csr-bridge-right h2 {
        font-size: 20px;
        line-height: 1.4;
    }
}

/* =========================================================
   SMALL MOBILE (EXTRA TIGHT OPTIMIZATION)
========================================================= */

@media (max-width: 480px) {
    .integritty-csr-card {
        padding: 18px;
    }

    .integritty-csr-card h3 {
        font-size: 16px;
    }

    .integritty-csr-card p {
        font-size: 13px;
    }

    .integritty-csr-bridge-right h2 {
        font-size: 18px;
    }
}

/* ==========================================================
   INTEGRITTY CSR APPROACH SECTION
========================================================== */

.integritty-csr-approach-section {
    background: #f3f7fa;
    position: relative;
    overflow: hidden;
    padding-bottom: 120px;
}

/* ==========================================================
   BACKGROUND IMAGE (ONLY ADDITION)
========================================================== */

.integritty-csr-approach-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
}

.integritty-csr-approach-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to bottom,
            #f3f7fa 0%,
            rgba(243, 247, 250, 0.85) 25%,
            rgba(243, 247, 250, 0.35) 65%,
            rgba(243, 247, 250, 0) 100%);
}

.integritty-csr-approach-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* keep content above bg */
.integritty-csr-approach-section .container {
    position: relative;
    z-index: 2;
}

/* ==========================================================
   EXISTING CSS (UNCHANGED)
========================================================== */

.integritty-csr-approach-heading {
    margin-bottom: 60px;
}

.integritty-csr-approach-heading h2 {
    font-size: 35px;
    line-height: 1;
    font-weight: 800;
    color: #0c1724;
    margin: 0 0 18px;
    font-family: "Manrope", sans-serif;
}

.integritty-csr-approach-heading p {
    max-width: 1280px;
    font-size: 17px;
    line-height: 1.5;
    color: #161616;
    margin: 0;
    font-weight: 500;
    font-family: "Manrope", sans-serif;
}

.integritty-csr-approach-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.integritty-csr-approach-card {
    background: #ffffff;
    border-radius: 28px;
    padding: 34px 30px;
    min-height: 300px;

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

/* .integritty-csr-approach-card:hover {
    transform: translateY(-6px);
} */

.integritty-csr-approach-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.integritty-csr-approach-card-top h3 {
    margin: 0;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;
    color: #11181c;
}

.integritty-csr-approach-card-top img {
    width: 54px;
    min-width: 54px;
    height: 54px;
    object-fit: contain;
}

.integritty-csr-approach-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #161616;
    font-weight: 500;
}

/* ==========================================================
   RESPONSIVE (UNCHANGED)
========================================================== */

@media (max-width: 991px) {
    .integritty-csr-approach-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .integritty-csr-approach-heading h2 {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    .integritty-csr-approach-section {
        padding: 80px 0;
    }

    .integritty-csr-approach-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .integritty-csr-approach-card {
        min-height: auto;
        padding: 25px;
    }
}

/* ==========================================================
   INTEGRITTY CSR DONATION SECTION
========================================================== */

.integritty-csr-donation-section {
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}

/* ==========================================================
   BACKGROUND IMAGE (ONLY ADDITION)
========================================================== */

.integritty-csr-donation-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.integritty-csr-donation-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* keep content above bg */
.integritty-csr-donation-container {
    position: relative;
    z-index: 2;
}

/* ==========================================================
   EXISTING DESIGN (UNCHANGED)
========================================================== */

.integritty-csr-donation-container {
    width: 100%;
    min-height: 370px;

    display: flex;
    align-items: stretch;

    overflow: hidden;
}

/* LEFT IMAGE */
.integritty-csr-donation-image {
    width: 42%;

    display: flex;
    align-items: stretch;

    overflow: hidden;
}

.integritty-csr-donation-image img {
    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center bottom;

    display: block;
}

/* RIGHT CONTENT */
.integritty-csr-donation-content {
    width: 58%;

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

    padding: 60px 90px 60px 40px;
}

.integritty-csr-donation-content h2 {
    margin: 0 0 30px;

    color: #ffffff;

    font-size: 24px;
    font-weight: 800;
    line-height: 1.3;

    font-family: "Manrope", sans-serif;

    max-width: 800px;
}

.integritty-csr-donation-content p {
    margin: 0 0 35px;

    color: #ffffff;

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

    font-family: "Manrope", sans-serif;
}

.integritty-csr-donation-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 160px;
    height: 42px;

    background: #29c6dd;

    color: #ffffff;
    text-decoration: none;

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

    border-radius: 4px;

    transition: 0.3s;
}

.integritty-csr-donation-btn:hover {
    background: #149dab;
}

/* =========================================================
   1366PX LAPTOP OPTIMIZATION
========================================================= */

@media (max-width: 1366px) {
    .integritty-csr-donation-content {
        padding: 50px 70px 50px 35px;
    }

    .integritty-csr-donation-content h2 {
        font-size: 22px;
        line-height: 1.4;
    }

    .integritty-csr-donation-content p {
        font-size: 15px;
    }
}

/* =========================================================
   TABLET (KEEP CLEAN LAYOUT)
========================================================= */

@media (max-width: 991px) {
    .integritty-csr-donation-container {
        flex-direction: column;
    }

    .integritty-csr-donation-image,
    .integritty-csr-donation-content {
        width: 100%;
    }

    .integritty-csr-donation-image {
        height: 320px;
    }

    .integritty-csr-donation-image img {
        object-fit: contain;
    }

    .integritty-csr-donation-content {
        padding: 40px 30px;
        text-align: center;
    }

    .integritty-csr-donation-content h2 {
        font-size: 20px;
        max-width: 100%;
    }

    .integritty-csr-donation-content p {
        font-size: 14px;
    }

    .integritty-csr-donation-btn {
        margin: 0 auto;
    }
}

/* =========================================================
   MOBILE (ULTRA CLEAN + PREMIUM)
========================================================= */

@media (max-width: 767px) {
    .integritty-csr-donation-image {
        height: 240px;
    }

    .integritty-csr-donation-content {
        padding: 30px 18px;
    }

    .integritty-csr-donation-content h2 {
        font-size: 18px;
        line-height: 1.5;
    }

    .integritty-csr-donation-content p {
        font-size: 13px;
        line-height: 1.6;
    }

    .integritty-csr-donation-btn {
        width: 100%;
        height: 44px;
        font-size: 15px;
    }
}

/* =========================================================
   SAFETY FIX (AVOID IMAGE OVERFLOW ON SMALL DEVICES)
========================================================= */

@media (max-width: 480px) {
    .integritty-csr-donation-image {
        height: 200px;
    }

    .integritty-csr-donation-content h2 {
        font-size: 16px;
    }
}

/* =========================================================
   INTEGRITTY CAREER HERO SECTION
========================================================= */

.integritty-career-hero-section {
    position: relative;
    width: 100%;
    min-height: 140vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: #0b0e14;
    overflow: hidden;
    padding: 120px 0 0 0;
}

/* Background Image Layer */
.integritty-career-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.integritty-career-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content Container */
.integritty-career-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #ffffff;
    width: 100%;
    padding: 100px 20px;
}

.integritty-career-hero-title {
    font-family: "Manrope", sans-serif;
    font-size: 62px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}

.integritty-career-hero-title span {
    color: #29c6dd;
    /* Integritty Brand Blue */
}

.integritty-career-hero-subtitle {
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 600;
    opacity: 0.9;
    margin-top: 15px;
}

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

@media (max-width: 991px) {
    .integritty-career-hero-title {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .integritty-career-hero-section {
        padding-top: 80px;
    }

    .integritty-career-hero-title {
        font-size: 32px;
    }

    .integritty-career-hero-subtitle {
        font-size: 16px;
    }
}

/* =========================================================
   Life at intgritty section in career page 
========================================================= */
/* =========================================================
   Life at integritty section in career page
========================================================= */

.integritty-life-section {
    position: relative;
    padding: 100px 0;
    width: 100%;
    overflow: hidden;
}

.integritty-life-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.integritty-life-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.integritty-life-container {
    position: relative;
    z-index: 1;
}

/* Header */

.integritty-life-header {
    text-align: left;
    margin-bottom: 35px;
    max-width: 1080px;
}

.integritty-life-header h2 {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 15px;
}

.integritty-life-header p {
    font-size: 15px;
    line-height: 1.6;
    color: #161616;
    font-weight: 500;
}

/* =========================================================
   GRID
========================================================= */

.integritty-life-grid {
    --grid-padding: 17px;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;

    background: #ffffff;
    padding: var(--grid-padding);

    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

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

.integritty-life-card {
    position: relative;

    padding: 0 22px;

    display: flex;
    flex-direction: column;

    border-right: none;
}

/* Full Height Divider */

.integritty-life-card::after {
    content: "";
    position: absolute;

    top: calc(-1 * var(--grid-padding));
    bottom: calc(-1 * var(--grid-padding));

    right: 0;
    width: 2px;

    background: #c4c4c41a;
}

.integritty-life-card:last-child::after {
    display: none;
}

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

.integritty-life-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
    flex-shrink: 0;
}

.integritty-life-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

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

.integritty-life-card h3 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 800;
    color: #11181c;
}

.integritty-life-card p {
    font-size: 16px;
    line-height: 1.6;
    color: #161616;
    font-weight: 500;
}

/* =========================================================
   FOOTER
========================================================= */

.integritty-life-footer {
    text-align: center;
    margin-top: 50px;
    font-weight: bold;
    font-size: 16px;
}

.integritty-life-footer p {
    color: #161616;
    font-weight: bold;
    font-size: 16px;
}

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

@media (max-width: 991px) {
    .integritty-life-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        padding: 40px;
    }

    .integritty-life-card {
        padding: 0 0 30px;
    }

    .integritty-life-card::after {
        display: none;
    }

    .integritty-life-card {
        border-bottom: 1px solid #ececec;
    }

    .integritty-life-card:nth-last-child(-n + 2) {
        border-bottom: none;
    }
}

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

@media (max-width: 767px) {
    .integritty-life-grid {
        grid-template-columns: 1fr;
    }

    .integritty-life-card {
        border-bottom: 1px solid #ececec;
        padding-bottom: 30px;
    }

    .integritty-life-card:last-child {
        border-bottom: none;
    }

    .integritty-life-header h2 {
        font-size: 32px;
    }
}

/* =========================================================
   INTEGRITTY CULTURE & VALUES SECTION (UPDATED)
========================================================= */
.integritty-culture-section {
    padding-bottom: 80px;
    background: #ffffff;
    overflow-x: hidden;
}

/* Team Image Container */
.culture-team-image {
    position: relative;
    z-index: 1;
}

.culture-team-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 350px;
}

/* Overlapping Text Box */
.culture-text-box {
    background-image: linear-gradient(90deg, #004774 40%, #1e91c3 100%);
    color: #ffffff;
    padding: 60px 80px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 170px 0 0 170px;

    /* OVERLAP EFFECT */
    margin-left: -152px;
    /* Ye box ko image ke upar overlap karega */
    position: relative;
    z-index: 2;
    /* Image ke upar dikhne ke liye */
}

.culture-text-box h2 {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #18c4d6;
}

/* Body Section */
.integritty-culture-body {
    margin-top: 60px;
}

.culture-math-title {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #939393;
}



.grit-text {
    color: #18c4d6;
}

.integritty-blue {
    color: #004774 !important;
}

.culture-tagline {
    font-size: 15px;
    color: #004774;
    margin-bottom: 20px;
    font-weight: bold;
}

.culture-description {
    font-size: 16px;
    line-height: 1.6;
    color: #161616;
    font-weight: 500;
}

/* Plane Image Overlap Effect */
.culture-plane-image {
    position: absolute;
    right: -101px;
    bottom: -150px;
    z-index: 2;
    max-width: 600px;
}

.culture-plane-image img {
    width: 100%;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .culture-text-box {
        padding: 40px;
        border-radius: 0;
        margin-left: 0;
        /* Mobile pe overlap hata dena chahiye */
    }

    .culture-plane-image {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 30px;
    }
}

.culture-math-title {
    font-variant-ligatures: none !important;
    font-feature-settings: "liga" 0 !important;
}

.culture-math-title .integritty-blue {
    color: #004774 !important;
}

/* ==========================================
   integritty-perks-section
========================================== */

/* ==========================================
   integritty-perks-section (Updated)
========================================== */

.integritty-perks-section {
    position: relative;
    padding: 80px 0;
    width: 100%;
    overflow: hidden;
}

.integritty-perks-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.integritty-perks-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.integritty-perks-header {
    margin-bottom: 50px;
}

.integritty-perks-header h2 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #111827;
}

.integritty-perks-header p {
    font-size: 15px;
    line-height: 1.6;
    color: #161616;
    font-weight: 500;
}

.integritty-perks-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.integritty-perks-card {
    background: #ffffff;
    padding: 18px;
    border-radius: 8px;
    position: relative;
    /* Icon positioning ke liye zaroori */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    min-height: 180px;
    /* Card ki minimum height fix ki */
}

/* Icon - Top Right Corner */
.integritty-perks-icon {
    position: absolute;
    top: 0px;
    right: -3px;
    width: 90px;
    height: 90px;
}

.integritty-perks-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.integritty-perks-content {
    padding-right: 130px;
}

.integritty-perks-content h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #11181c;
}

.integritty-perks-content p {
    font-size: 15px;
    line-height: 1.6;
    color: #161616;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 991px) {
    .integritty-perks-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .integritty-perks-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================
   integritty-perks-section (Updated)
========================================== */
/* ==========================================
   integritty-job-section
========================================== */
.integritty-job-section {
    padding: 80px 0;
    background: #fff;
}

.job-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
    gap: 400px;
}

.vertical-bar {
    height: 90px;
    margin-right: 15px;
    border-radius: 2px;
    border-left: 4px solid;
    border-image-source: linear-gradient(179.99deg,
            #108dc7 0.02%,
            #ef8e38 100%);
    border-image-slice: 1;
}

.job-title-wrapper {
    display: flex;
    align-items: center;
}

.title-limited {
    font-weight: 700;
    color: #111827;
    margin: 0;
    line-height: 1.4;
    max-width: 330px;
}

.job-controls {
    display: flex;
    align-items: center;
    gap: 15px;
}

.job-controls select,
.job-controls input {
    padding: 12px 20px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    color: #848a97;
    min-width: 180px;
    font-weight: 600;
}

.job-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0 6px 0;
    border-bottom: 1px solid #e5e7eb;
}

.job-info h3 {
    font-size: 27px;
    color: #11181c;
    margin-bottom: 8px;
    font-weight: bold;
    letter-spacing: 1px;
    width: 700px;
}

.job-info p {
    color: #004774;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
}

.job-info span {
    color: #161616;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
}

.apply-btn {
    background: #06b6d4;
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}

.apply-btn a {
    color: #ffffff !important;
}

.hidden {
    display: none;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .job-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .job-controls {
        flex-direction: column;
        width: 100%;
    }

    .job-controls select,
    .job-controls input {
        width: 100%;
    }
}

/* ==========================================
   integritty-join-section (Full Image Background)
========================================== */
.integritty-join-section {
    position: relative;
    padding: 120px 0;
    min-height: 500px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Background image ko section ke piche set karne ke liye */
.integritty-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Image bina distort hue puri stretch hogi */
    z-index: -1;
}

.integritty-join-container {
    position: relative;
    z-index: 1;
}

.integritty-join-content h2 {
    font-size: 35px;
    color: #18c4d6;
    /* Integritty Cyan */
    margin-bottom: 10px;
    font-weight: 700;
}

.integritty-join-content p {
    font-size: 18px;
    margin-bottom: 30px;
    color: #ffffff;
    /* Image par clear dikhne ke liye white text */
    font-weight: 500;
}

/* Choose File Button - Full Width */
.file-upload-wrapper {
    max-width: 650px;
    /* Width adjust ki hai */
}

.file-upload-btn {
    display: block;
    background: #ffffff;
    color: #054874;
    padding: 20px;
    border-radius: 10px;

    cursor: pointer;
    text-align: center;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #ffffff;
}

.send-btn {
    background: #18c4d6;
    color: #ffffff;
    padding: 8px 45px;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
    .integritty-join-section {
        padding: 60px 0;
    }

    .integritty-join-content {
        text-align: center;
    }

    .file-upload-wrapper {
        margin: 0 auto;
        width: 100%;
    }
}

/* =====================================================
   HAPPY EMPLOYEES SECTION
===================================================== */

.integritty-happy-employees-section {
    background: #f3f7fa;
    padding: 95px 0 110px;
    overflow: visible;
    position: relative;
}

.integritty-happy-layout {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

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

.integritty-happy-left {
    width: 60%;
    position: relative;
    z-index: 2;
}

.integritty-happy-header {
    margin-bottom: 45px;
}

.integritty-happy-header h2 {
    font-size: 35px;
    line-height: 1.1;
    font-weight: 800;
    color: #004774;
    margin: 0 0 28px;
}

.integritty-happy-header p {
    max-width: 900px;
    font-size: 16px;
    line-height: 1.8;
    color: #161616;
    font-weight: 500;
    margin: 0;
}

/* =====================================================
   REVIEW WRAPPER
===================================================== */

.integritty-review-wrapper {
    position: relative;
}

.integritty-review-cards {
    display: flex;
    gap: 14px;
}

/* =====================================================
   ARROWS
===================================================== */

.integritty-arrow-left,
.integritty-arrow-right {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    /* background:#fff; */

    position: absolute;
    top: 50%;
    transform: translateY(-50%);

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

    font-size: 18px;
    color: #004774;

    cursor: pointer;
    z-index: 20;
}

.integritty-arrow-left {
    left: -30px;
}

.integritty-arrow-right {
    right: -30px;
}

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

.integritty-review-card {
    width: 50%;
    background: #fff;
    border-radius: 18px;

    padding: 55px 38px 28px;

    position: relative;

    display: flex;
    flex-direction: column;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);

    min-height: 465px;
}

.integritty-quote-icon {
    position: absolute;
    top: -12px;
    left: 35px;
}

.integritty-quote-icon img {
    width: 28px;
    display: none;
}

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

.integritty-review-content {
    flex: 1;
}

.integritty-review-content p {
    margin: 0;
    font-size: 17px;
    line-height: 1.5;
    color: #161616;
    font-weight: bold;
}

/* =====================================================
   USER
===================================================== */

.integritty-review-user {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
}

.integritty-review-user img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
}

.integritty-user-details h5 {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: #111;
}

.integritty-user-details span {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.5;
    color: #161616;
    font-weight: 500;
}

/* =====================================================
   RIGHT SIDE IMAGE
===================================================== */

.integritty-satellite-area {
    width: 40%;
    position: relative;
}

.integritty-satellite-area img {
    position: absolute;
    right: -111px;
    top: -140px;

    width: 500px;
    max-width: none;
    height: auto;
}

/* =====================================================
   1400
===================================================== */

@media (max-width: 1400px) {
    .integritty-satellite-area img {
        width: 750px;
        right: -120px;
    }

    .integritty-arrow-left {
        left: -30px;
    }

    .integritty-arrow-right {
        right: -30px;
    }
}

/* =====================================================
   1199
===================================================== */

@media (max-width: 1199px) {
    .integritty-happy-layout {
        flex-direction: column;
    }

    .integritty-happy-left,
    .integritty-satellite-area {
        width: 100%;
    }

    .integritty-satellite-area {
        min-height: 500px;
    }

    .integritty-satellite-area img {
        width: 100%;
        max-width: 600px;
        position: relative;
        top: 0;
        right: 0;
        margin: auto;
        display: block;
    }

    .integritty-arrow-left {
        left: -15px;
    }

    .integritty-arrow-right {
        right: -15px;
    }
}

/* =====================================================
   991
===================================================== */

@media (max-width: 991px) {
    .integritty-happy-header h2 {
        font-size: 48px;
    }

    .integritty-review-cards {
        flex-direction: column;
    }

    .integritty-review-card {
        width: 100%;
        min-height: auto;
    }

    .integritty-arrow-left,
    .integritty-arrow-right {
        display: none;
    }
}

/* =====================================================
   767
===================================================== */

@media (max-width: 767px) {
    .integritty-happy-employees-section {
        padding: 70px 0;
    }

    .integritty-happy-header h2 {
        font-size: 38px;
    }

    .integritty-happy-header p {
        font-size: 16px;
    }

    .integritty-review-card {
        padding: 50px 25px 25px;
    }

    .integritty-review-content p {
        font-size: 16px;
        line-height: 1.7;
    }
}

/* =====================================================
   1200px – 1400px (LARGE LAPTOP ONLY FIX)
===================================================== */
@media (min-width: 1200px) and (max-width: 1400px) {
    .integritty-career-hero-title {
        font-size: 52px;
    }

    .integritty-life-header h2,
    .integritty-perks-header h2,
    .integritty-happy-header h2,
    .culture-math-title,
    .culture-text-box h2 {
        font-size: 32px;
    }

    .job-header {
        justify-content: space-between;
        gap: 40px;
    }

    .culture-text-box {
        padding: 50px 60px;
        margin-left: -60px;
    }

    .integritty-perks-content {
        padding-right: 80px;
    }

    .integritty-review-card {
        padding: 45px 30px;
    }

    .integritty-satellite-area img {
        width: 430px;
        right: -40px;
        top: -100px;
    }
}

/* =========================================================
   HUMAN CAPITAL MANAGEMENT HERO
========================================================= */

.integritty-hcm-hero-section {
    position: relative;
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 120px;
}

.integritty-hcm-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.integritty-hcm-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.integritty-hcm-hero-wrapper {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(500px, 610px) minmax(420px, 620px);
    justify-content: space-between;
    align-items: center;
    column-gap: 140px;
}

.integritty-hcm-hero-content {
    max-width: 610px;
}

.integritty-hcm-hero-breadcrumb {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 36px;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.integritty-hcm-separator,
.integritty-hcm-active {
    color: #16b7d8;
}

.integritty-hcm-hero-title {
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-size: 64px;
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: -2px;
    color: #071019;
}

.integritty-hcm-hero-subtitle {
    margin-top: 32px;
    font-family: "Manrope", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #1b2229;
}

.integritty-hcm-hero-line {
    width: 86px;
    height: 4px;
    background: linear-gradient(90deg, #18c4d6 0%, #004774 100%);
    margin-top: 38px;
}

.integritty-hcm-hero-image {
    width: 100%;
}

.integritty-hcm-hero-image img {
    width: 100%;
    max-width: 620px;
    display: block;
    margin-left: auto;
    border-radius: 36px;
}

/* =========================================================
   HUMAN CAPITAL MANAGEMENT CONTENT SECTION
========================================================= */

.integritty-hcm-content-section {
    padding: 80px 20px 180px;
    background: #ffffff;
    position: relative;
    z-index: 1;
}

.hcm-content-wrapper {
    max-width: 1280px;
    margin: 0 auto;
}

.hcm-content-wrapper h2 {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 24px;
    color: #11181c;
    font-family: "Manrope", sans-serif;
}

.hcm-content-wrapper p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
    font-weight: 500;
    color: #161616;
    font-family: "Manrope", sans-serif;
}

.hcm-action-buttons {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

.hcm-action-buttons a {
    padding: 10px 27px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    transition: all 0.3s ease;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
}

.hcm-action-buttons a:hover {
    background-color: #004774;
}

.btn-primary {
    background: #18c4d6;
    color: #fff;
}

.btn-secondary {
    background: #18c4d6;
    color: #fff;
}

/* =========================================================
   STATS SECTION - BASE
========================================================= */

.integritty-hcm-stats-section {
    position: relative;
    width: 100%;
    overflow: visible;
    margin-top: -80px;
    z-index: 5;
}

.integritty-hcm-stats-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.integritty-hcm-stats-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =========================================================
   WRAPPER (CONTENT + IMAGE)
========================================================= */

.hcm-stats-wrapper {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 60px;
    align-items: center;
}

.hcm-stats-content h2 {
    font-size: 35px;
    font-weight: 800;
    color: #11181c;
    margin-bottom: 20px;
    font-family: "Manrope", sans-serif;
}

.hcm-stats-content p {
    font-size: 16px;
    color: #161616;
    font-weight: 500;
    font-family: "Manrope", sans-serif;
}

/* =========================================================
   CHESS IMAGE - OVERLAP CONTENT SECTION
========================================================= */

.hcm-stats-image {
    position: relative;
    z-index: 20;
    margin-top: -90px;
}

.hcm-stats-image img {
    width: 80%;
    height: auto;
    display: block;
    border-radius: 12px;
    object-fit: cover;
}

/* =========================================================
   FULL WIDTH STATS ROW
========================================================= */

.hcm-stats-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 30px;
}

.stat-item {
    border-left: 1px solid #18c4d680;
    padding-left: 15px;
}

.stat-item h3 {
    font-size: 64px;
    color: #004774;
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-weight: 1000;
}

.stat-item p {
    font-size: 15px;
    font-weight: 500;
    color: #004774;
    margin-top: 5px;
    font-family: "Manrope", sans-serif;
}

/* =========================================================
   BANNER
========================================================= */

.hcm-stats-banner {
    position: relative;
    overflow: hidden;
    z-index: 20;
    top: 90px;
    border-radius: 20px;
}

.banner-bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.hcm-stats-banner-content {
    padding: 40px 50px;
    text-align: center;
}

.hcm-stats-banner-content h2 {
    color: #fff;
    font-size: 35px;
    margin: 0;
    font-family: "Manrope", sans-serif;
    text-align: left;
    font-weight: 700;
    max-width: 600px;
}

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

@media (max-width: 1366px) {
    .integritty-hcm-hero-wrapper {
        grid-template-columns: minmax(450px, 560px) minmax(380px, 540px);
        column-gap: 90px;
    }

    .integritty-hcm-hero-title {
        font-size: 58px;
    }
}

@media (max-width: 991px) {
    .integritty-hcm-hero-wrapper {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 50px;
    }

    .integritty-hcm-hero-line {
        margin: 35px auto 0;
    }

    .hcm-content-wrapper h2 {
        font-size: 36px;
    }

    .integritty-hcm-content-section {
        padding-bottom: 120px;
    }

    .integritty-hcm-stats-section {
        margin-top: -40px;
    }

    .hcm-stats-wrapper {
        grid-template-columns: 1fr;
    }

    .hcm-stats-image {
        max-width: 350px;
        margin: -60px auto 0;
    }

    .hcm-stats-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .hcm-stats-banner {
        margin-bottom: -100px;
    }
}

@media (max-width: 767px) {
    .integritty-hcm-hero-title {
        font-size: 38px;
    }

    .hcm-action-buttons {
        flex-direction: column;
    }

    .hcm-content-wrapper h2 {
        font-size: 32px;
    }

    .integritty-hcm-content-section {
        padding-bottom: 100px;
    }

    .integritty-hcm-stats-section {
        margin-top: -20px;
    }

    .hcm-stats-image {
        margin-top: -30px;
    }

    .hcm-stats-row {
        grid-template-columns: 1fr;
    }

    .hcm-stats-banner {
        margin-bottom: -70px;
    }

    .hcm-stats-banner-content {
        padding: 40px 25px;
    }

    .hcm-stats-banner-content h2 {
        font-size: 28px;
    }
}

/* =========================================================
   HCM SERVICES SECTION - WITH BG IMAGE
========================================================= */
.hcm-services-section {
    position: relative;
    padding: 200px 0 100px;
    z-index: 1;
}

.hcm-services-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.hcm-services-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Grid Layout */
.hcm-services-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 50px;
}

.hcm-service-card {
    background: #fff;
    padding: 30px 20px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

.hcm-service-card h3 {
    font-size: 20px;
    font-weight: bold;
    color: #11181c;
    margin-bottom: 25px;
    font-family: "Manrope", sans-serif;
    min-height: 50px;
}

.hcm-service-icon img {
    max-width: 120px;
    margin: 0 auto;
}

.hcm-service-card {
    transition: transform 0.25s ease;
    transform: scale(1);
}

.hcm-service-card:hover {
    transform: scale(1.08);
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 1200px) {
    .hcm-services-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .hcm-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .hcm-services-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   HCM Extension SECTION - FINAL COMPLETE
========================================================= */

.hcm-extension-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

/* Background Image */
.hcm-extension-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.hcm-extension-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Header with Left Line */
.hcm-extension-header {
    margin-bottom: 60px;
}

.hcm-extension-title-main {
    position: relative;
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    max-width: 1080px;
    margin: 0;
    padding-left: 25px;
}

.hcm-extension-title-main::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(179.2deg, #108dc7 0.69%, #ef8e38 109.53%);
}

/* Grid Layout */
.hcm-extension-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid #ffffff1a;
    border-radius: 16px;
}

.hcm-extension-card {
    position: relative;
    padding: 40px 50px;
}

/* Vertical Border Logic (Top/Bottom touch nahi karega) */
.hcm-extension-card:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}

/* Icon & Content */
.hcm-extension-icon {
    width: 65px;
    margin-bottom: 25px;
}

.hcm-extension-title {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.hcm-extension-desc {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
}

/* Responsive */
@media (max-width: 991px) {
    .hcm-extension-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .hcm-extension-card::after {
        display: none;
    }

    .hcm-extension-card {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .hcm-extension-title-main {
        font-size: 28px;
    }
}

@media (max-width: 576px) {
    .hcm-extension-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   HCM FAQ SECTION - STYLES
========================================================= */

.hcm-faq-section {
    padding: 80px 0;
    background: #ffffff;
}

.hcm-faq-title {
    font-size: 35px;
    font-weight: 800;
    color: #11181c;
    margin-bottom: 40px;
    line-height: 1.3;
}

.hcm-faq-container {
    max-width: 1280px;
}

.hcm-faq-item {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 15px;
    overflow: hidden;
    background: #ffffff;
}

.hcm-faq-question {
    width: 100%;
    padding: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    border: none;
    cursor: pointer;
    text-align: left;
}

.hcm-faq-question-text {
    font-size: 15px;
    font-weight: 900;
    color: #11181c;
    line-height: 1.6;
    letter-spacing: 0.1px;
}

.hcm-icon {
    font-size: 22px;
    font-weight: 900;
    color: #11181c;
    line-height: 1;
    flex-shrink: 0;
}

.hcm-faq-answer {
    padding: 0 25px 25px 25px;
    color: #161616;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    display: none;
}

.hcm-faq-answer p {
    margin: 0;
}

.hcm-faq-answer ul {
    list-style: disc;
    margin-left: 20px;
}

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

@media (max-width: 991px) {
    .hcm-faq-section {
        padding: 60px 0;
    }

    .hcm-faq-title {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .hcm-faq-question {
        padding: 22px;
        gap: 8px;
    }

    .hcm-faq-question-text {
        font-size: 15px;
    }

    .hcm-icon {
        font-size: 20px;
    }

    .hcm-faq-answer {
        padding: 0 22px 22px 22px;
        font-size: 15px;
    }
}

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

@media (max-width: 767px) {
    .hcm-faq-section {
        padding: 50px 0;
    }

    .hcm-faq-title {
        font-size: 26px;
        margin-bottom: 25px;
    }

    .hcm-faq-question {
        padding: 18px;
        gap: 8px;
        align-items: flex-start;
    }

    .hcm-faq-question-text {
        font-size: 14px;
        line-height: 1.5;
    }

    .hcm-icon {
        font-size: 18px;
        margin-top: 2px;
    }

    .hcm-faq-answer {
        padding: 0 18px 18px 18px;
        font-size: 14px;
        line-height: 1.7;
    }
}

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

@media (max-width: 480px) {
    .hcm-faq-title {
        font-size: 24px;
    }

    .hcm-faq-question-text {
        font-size: 13px;
    }

    .hcm-icon {
        font-size: 16px;
    }

    .hcm-faq-answer {
        font-size: 13px;
    }
}

/* =========================================================
   HCM CTA SECTION
========================================================= */

.hcm-cta-section {
    position: relative;
    padding: 50px 20px 37px;
    overflow: visible;
}

/* Background Image */
.hcm-cta-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.hcm-cta-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Optional Dark Overlay */
.hcm-cta-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.15);
    z-index: 2;
}

/* Main Container */
.hcm-cta-container {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    min-height: 200px;
    z-index: 3;
}

/* Balloon Image */
.hcm-cta-image {
    position: absolute;
    top: -82px;
    left: -120px;
    width: 280px;
}

.hcm-cta-image img {
    width: 95%;
    height: auto;
    display: block;
}

/* Content */
.hcm-cta-content {
    margin-left: 500px;
    color: #ffffff;
}

.hcm-cta-content h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.3;
    color: #ffffff;
}

.hcm-cta-btn {
    display: inline-block;
    background: #18c4d6;
    color: #ffffff;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.hcm-cta-btn:hover {
    color: #ffffff;
    transform: translateY(-2px);
}

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

@media (max-width: 991px) {
    .hcm-cta-section {
        margin-top: 80px;
        padding: 60px 20px;
        text-align: center;
    }

    .hcm-cta-container {
        flex-direction: column;
        min-height: auto;
    }

    .hcm-cta-image {
        position: relative;
        top: 0;
        left: 0;
        width: 180px;
        margin: 0 auto 30px;
    }

    .hcm-cta-content {
        margin-left: 0;
    }

    .hcm-cta-content h2 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .hcm-cta-content h2 {
        font-size: 24px;
    }

    .hcm-cta-btn {
        padding: 12px 28px;
    }
}

/* =========================================================
   HCM CASE STUDIES SECTION
========================================================= */

.hcm-case-studies-section {
    padding: 80px 20px;
    background-color: #fff;
    font-family: "Manrope", sans-serif;
}

.hcm-case-studies-container {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}

.hcm-case-studies-title {
    font-size: 35px;
    font-weight: 1000;
    color: #11181c;
    margin-bottom: 40px;
}

.hcm-case-studies-row {
    display: flex;
    gap: 30px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

/* Card */

.hcm-case-card {
    position: relative;
    width: calc((100% - 60px) / 3);
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

.hcm-case-card:hover {
    transform: translateY(-5px);
}

/* Link */

.hcm-case-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.hcm-case-card-link:hover,
.hcm-case-card-link:focus,
.hcm-case-card-link:visited {
    color: inherit;
    text-decoration: none;
}

/* Image */

.hcm-case-img {
    width: 100%;
    height: 220px;
    position: relative;
    overflow: hidden;
}

.hcm-case-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.hcm-case-img::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to top,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}

/* Content */

.hcm-case-content {
    padding: 24px;
    position: relative;
    margin-top: -50px;
    z-index: 2;
}

.hcm-case-tag {
    display: inline-block;
    background: #f3f7fa;
    color: #004774;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
}

.hcm-case-title {
    font-size: 20px;
    font-weight: 900;
    line-height: 1.4;
    color: #000;
    margin-bottom: 16px;
    min-height: 84px;
}

.hcm-case-date {
    font-size: 12px;
    color: #939393;
    font-weight: 500;
    white-space: nowrap;
    display: inline-block;
}

/* Responsive */

@media (max-width: 1366px) {
    .hcm-case-studies-container {
        max-width: 1140px;
    }
}

@media (max-width: 1024px) {
    .hcm-case-card {
        width: calc((100% - 30px) / 2);
    }

    .hcm-case-title {
        min-height: auto;
    }
}

@media (max-width: 768px) {
    .hcm-case-card {
        width: 100%;
    }

    .hcm-case-title {
        min-height: auto;
    }
}

/* =========================================================
   HCM PAGE - SMALL LAPTOP CSS ONLY
   1280px - 1366px Screens
========================================================= */

@media screen and (max-width: 1366px) and (min-width: 1025px) {

    /* Hero */
    .integritty-hcm-hero-title {
        font-size: 46px;
    }

    .integritty-hcm-hero-description {
        font-size: 15px;
    }

    /* Stats Banner */
    .hcm-stats-banner-content h2 {
        font-size: 28px;
    }

    /* Services */
    .hcm-service-card {
        padding: 22px 18px;
    }

    .hcm-service-card h3 {
        font-size: 17px;
    }

    .hcm-service-card p {
        font-size: 13px;
    }

    /* Extension */
    .hcm-extension-title-main {
        font-size: 26px;
    }

    .hcm-extension-title {
        font-size: 18px;
    }

    .hcm-extension-desc {
        font-size: 13px;
    }

    /* FAQ */
    .hcm-faq-title {
        font-size: 28px;
    }

    .hcm-faq-question-text {
        font-size: 13px;
    }

    .hcm-faq-answer {
        font-size: 14px;
    }

    /* CTA */
    .hcm-cta-content h2 {
        font-size: 28px;
    }

    .hcm-cta-image {
        width: 240px;
    }

    .hcm-cta-content {
        margin-left: 330px;
    }

    /* Case Studies */
    .hcm-case-studies-title {
        font-size: 28px;
    }

    .hcm-case-title {
        font-size: 16px;
    }
}

/* ========================================================= ENTERPRISE PERFORMANCE MANAGEMENT HERO ========================================================= */
.integritty-epm-hero-section {
    position: relative;
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 80px;
}

.integritty-epm-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.integritty-epm-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.integritty-epm-hero-wrapper {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(500px, 610px) minmax(420px, 620px);
    justify-content: space-between;
    align-items: center;
    column-gap: 140px;
    margin-bottom: 60px;
}

.integritty-epm-hero-content {
    max-width: 610px;
}

.integritty-epm-hero-breadcrumb {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 36px;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.integritty-epm-separator,
.integritty-epm-active {
    color: #149dab;
}

.integritty-epm-hero-title {
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-size: 64px;
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: -2px;
    color: #11181c;
}

.integritty-epm-hero-subtitle {
    margin-top: 32px;
    font-family: "Manrope", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #11181c;
}

.integritty-epm-hero-line {
    width: 86px;
    height: 2px;
    background: linear-gradient(90deg, #18c4d6 0%, #004774 100%);
    margin-top: 38px;
}

.integritty-epm-hero-bottom {
    position: relative;
    z-index: 2;
    width: 100%;
}

.integritty-epm-hero-description {
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #161616;
    margin: 0;
    width: 100%;
    font-weight: 500;
}

.integritty-epm-hero-image img {
    width: 100%;
    max-width: 620px;
    display: block;
    margin-left: auto;
    border-radius: 36px;
}

/* ==========================================
   LARGE LAPTOPS (1400px)
========================================== */
@media (max-width: 1400px) {
    .integritty-epm-hero-wrapper {
        column-gap: 80px;
        grid-template-columns: minmax(450px, 1fr) minmax(380px, 550px);
    }

    .integritty-epm-hero-title {
        font-size: 56px;
    }
}

/* ==========================================
   LAPTOPS (1200px)
========================================== */
@media (max-width: 1200px) {
    .integritty-epm-hero-section {
        padding-top: 130px;
        padding-bottom: 70px;
    }

    .integritty-epm-hero-wrapper {
        grid-template-columns: 1fr 1fr;
        column-gap: 60px;
    }

    .integritty-epm-hero-title {
        font-size: 48px;
        line-height: 1.2;
    }

    .integritty-epm-hero-subtitle {
        font-size: 18px;
    }

    .integritty-epm-hero-content {
        max-width: 100%;
    }
}

/* ==========================================
   SMALL LAPTOPS (992px)
========================================== */
@media (max-width: 992px) {
    .integritty-epm-hero-section {
        padding-top: 120px;
        padding-bottom: 60px;
    }

    .integritty-epm-hero-wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
        text-align: center;
        margin-bottom: 40px;
    }

    .integritty-epm-hero-content {
        max-width: 100%;
        order: 1;
    }

    .integritty-epm-hero-image {
        order: 2;
    }

    .integritty-epm-hero-image img {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }

    .integritty-epm-hero-breadcrumb {
        justify-content: center;
    }

    .integritty-epm-hero-line {
        margin: 30px auto 0;
    }

    .integritty-epm-hero-title {
        font-size: 42px;
    }

    .integritty-epm-hero-description {
        text-align: center;
    }
}

/* ==========================================
   TABLETS (768px)
========================================== */
@media (max-width: 768px) {
    .integritty-epm-hero-section {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .integritty-epm-hero-breadcrumb {
        font-size: 14px;
        gap: 8px;
        margin-bottom: 25px;
        flex-wrap: wrap;
    }

    .integritty-epm-hero-title {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .integritty-epm-hero-subtitle {
        margin-top: 20px;
        font-size: 18px;
    }

    .integritty-epm-hero-line {
        margin-top: 25px;
    }

    .integritty-epm-hero-description {
        font-size: 15px;
        line-height: 1.8;
    }

    .integritty-epm-hero-image img {
        border-radius: 24px;
    }
}

/* ==========================================
   MOBILE DEVICES (576px)
========================================== */
@media (max-width: 576px) {
    .integritty-epm-hero-section {
        padding-top: 90px;
        padding-bottom: 40px;
    }

    .integritty-epm-hero-wrapper {
        gap: 35px;
        margin-bottom: 30px;
    }

    .integritty-epm-hero-title {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: 0;
    }

    .integritty-epm-hero-subtitle {
        font-size: 16px;
    }

    .integritty-epm-hero-description {
        font-size: 14px;
        line-height: 1.8;
    }

    .integritty-epm-hero-image img {
        border-radius: 20px;
    }
}

/* ==========================================
   SMALL MOBILES (400px)
========================================== */
@media (max-width: 400px) {
    .integritty-epm-hero-title {
        font-size: 24px;
    }

    .integritty-epm-hero-breadcrumb {
        font-size: 13px;
    }

    .integritty-epm-hero-subtitle {
        font-size: 15px;
    }

    .integritty-epm-hero-description {
        font-size: 13px;
    }

    .integritty-epm-hero-line {
        width: 70px;
    }
}

/* =========================================================
   PLANNING CHALLENGES SECTION 
========================================================= */

.integritty-epm-planning-section {
    padding: 80px 0;
}

.integritty-epm-planning-content {
    max-width: 100%;
    text-align: left;
}

.integritty-epm-planning-title {
    font-family: "Manrope", sans-serif;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.2;
    color: #11181c;
    margin-bottom: 24px;
}

.integritty-epm-planning-description {
    font-family: "Manrope", sans-serif;
    font-size: 17px;
    line-height: 1.7;
    color: #161616;
    margin-bottom: 30px;
    font-weight: 500;
    max-width: 1280px;
}

.integritty-epm-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #149dab;
    color: #ffffff;
    padding: 10px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    transition: background 0.3s ease;
}

.integritty-epm-btn:hover {
    background-color: #004774;
    color: #fff;
}

.integritty-epm-planning-line {
    width: 200px;
    height: 1px;
    background: linear-gradient(90deg, #18c4d6 0%, #004774 100%);
    margin-top: 40px;
}

/* =========================================================
   PLANNING CHALLENGES SECTION RESPONSIVE
========================================================= */

/* Large Laptop */
@media (max-width: 1400px) {
    .integritty-epm-planning-title {
        font-size: 32px;
    }

    .integritty-epm-planning-description {
        font-size: 16px;
    }
}

/* Laptop */
@media (max-width: 1200px) {
    .integritty-epm-planning-section {
        padding: 70px 0;
    }

    .integritty-epm-planning-title {
        font-size: 30px;
    }

    .integritty-epm-planning-description {
        font-size: 16px;
        line-height: 1.7;
    }
}

/* Small Laptop / Tablet Landscape */
@media (max-width: 992px) {
    .integritty-epm-planning-section {
        padding: 60px 0;
    }

    .integritty-epm-planning-content {
        text-align: center;
    }

    .integritty-epm-planning-title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .integritty-epm-planning-description {
        font-size: 15px;
        line-height: 1.8;
        margin-left: auto;
        margin-right: auto;
    }

    .integritty-epm-planning-line {
        margin: 35px auto 0;
        width: 180px;
    }
}

/* Tablet */
@media (max-width: 768px) {
    .integritty-epm-planning-section {
        padding: 50px 0;
    }

    .integritty-epm-planning-title {
        font-size: 24px;
        line-height: 1.3;
    }

    .integritty-epm-planning-description {
        font-size: 15px;
        margin-bottom: 25px;
    }

    .integritty-epm-btn {
        padding: 10px 22px;
        font-size: 15px;
    }

    .integritty-epm-planning-line {
        width: 150px;
        margin-top: 30px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .integritty-epm-planning-section {
        padding: 40px 0;
    }

    .integritty-epm-planning-title {
        font-size: 22px;
        margin-bottom: 18px;
    }

    .integritty-epm-planning-description {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 22px;
    }

    .integritty-epm-btn {
        padding: 10px 20px;
        font-size: 14px;
        gap: 8px;
    }

    .integritty-epm-planning-line {
        width: 120px;
        margin-top: 25px;
    }
}

/* Small Mobile */
@media (max-width: 400px) {
    .integritty-epm-planning-title {
        font-size: 20px;
    }

    .integritty-epm-planning-description {
        font-size: 13px;
    }

    .integritty-epm-btn {
        width: 100%;
        justify-content: center;
        font-size: 14px;
    }

    .integritty-epm-planning-line {
        width: 100px;
    }
}

/* =========================================================
   EPM FEATURES SECTION
========================================================= */

.integritty-epm-features-section {
    padding: 100px 0;
    background: #ffffff;
}

.integritty-epm-features-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 158px;
    padding: 60px;
    border-radius: 36px;
    background: #f3f7fa;

    background-image:
        linear-gradient(90deg,
            #e0e0e0 0%,
            #e0e0e0 47%,
            transparent 47%,
            transparent 53%,
            #e0e0e0 53%,
            #e0e0e0 100%),
        linear-gradient(180deg,
            #e0e0e0 0%,
            #e0e0e0 47%,
            transparent 47%,
            transparent 53%,
            #e0e0e0 53%,
            #e0e0e0 100%);
    background-size:
        96% 1px,
        1px 96%;
    background-position: center;
    background-repeat: no-repeat;
}

.integritty-epm-center-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    background: #d1d5db;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.integritty-epm-feature-card {
    position: relative;
    padding-top: 30px;
}

.integritty-epm-icon {
    position: absolute;
    top: -60px;
    right: -40px;
    width: 90px;
    height: 76px;
    background: #ffffff;
    border-radius: 0 0 32px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    z-index: 2;
    /* position: absolute;
    top: -55px;
    right: -5px;
    width: 90px;
    height: 90px;
    background: #ffffff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); */
}

.integritty-epm-icon img {
    max-width: 100px;
    height: 88px;
}

.integritty-epm-feature-card h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 800;
    color: #11181c;
    line-height: 1.3;
}

.integritty-epm-feature-card p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.6;
    color: #161616;
    font-weight: 500;
}

.integritty-epm-feature-card ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.integritty-epm-feature-card ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    color: #161616;
}

.integritty-epm-feature-card ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
    font-weight: 700;
}

/* =========================================================
   1366px LAPTOPS
========================================================= */
@media (max-width: 1366px) {
    .integritty-epm-features-grid {
        gap: 100px;
        padding: 37px;
    }

    .integritty-epm-icon {
        right: -20px;
        top: -35px;
    }

    .integritty-epm-feature-card h3 {
        font-size: 19px;
    }

    .integritty-epm-feature-card p,
    .integritty-epm-feature-card ul li {
        font-size: 15px;
    }
}

/* =========================================================
   1200px LAPTOPS
========================================================= */
@media (max-width: 1200px) {
    .integritty-epm-features-grid {
        gap: 80px;
        padding: 45px;
    }

    .integritty-epm-icon {
        width: 65px;
        height: 65px;
        top: -50px;
        right: -15px;
    }

    .integritty-epm-icon img {
        max-width: 34px;
    }
}

/* =========================================================
   SMALL LAPTOPS
========================================================= */
@media (max-width: 1024px) {
    .integritty-epm-features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 60px;
        padding: 40px;
    }

    .integritty-epm-icon {
        width: 60px;
        height: 60px;
        top: -45px;
        right: -10px;
    }

    .integritty-epm-icon img {
        max-width: 30px;
    }

    .integritty-epm-feature-card h3 {
        font-size: 18px;
    }

    .integritty-epm-feature-card p,
    .integritty-epm-feature-card ul li {
        font-size: 14px;
    }
}

/* =========================================================
   TABLET LANDSCAPE
========================================================= */
@media (max-width: 991px) {
    .integritty-epm-features-grid {
        gap: 40px;
        padding: 35px;
    }
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 768px) {
    .integritty-epm-features-section {
        padding: 70px 0;
    }

    .integritty-epm-features-grid {
        grid-template-columns: 1fr;
        gap: 55px;
        padding: 35px 25px;
        background-image: none;
    }

    .integritty-epm-center-circle {
        display: none;
    }

    .integritty-epm-feature-card {
        padding-top: 55px;
    }

    .integritty-epm-icon {
        left: 0;
        right: auto;
        top: 0;
        width: 60px;
        height: 60px;
    }
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 576px) {
    .integritty-epm-features-section {
        padding: 50px 0;
    }

    .integritty-epm-features-grid {
        padding: 25px 20px;
        gap: 45px;
        border-radius: 24px;
    }

    .integritty-epm-icon {
        width: 52px;
        height: 52px;
    }

    .integritty-epm-icon img {
        max-width: 26px;
    }

    .integritty-epm-feature-card h3 {
        font-size: 18px;
    }

    .integritty-epm-feature-card p,
    .integritty-epm-feature-card ul li {
        font-size: 14px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 400px) {
    .integritty-epm-features-grid {
        padding: 20px 15px;
    }

    .integritty-epm-feature-card h3 {
        font-size: 16px;
    }

    .integritty-epm-feature-card p,
    .integritty-epm-feature-card ul li {
        font-size: 13px;
    }

    .integritty-epm-icon {
        width: 48px;
        height: 48px;
    }
}

/* =========================================================
   EPM ROI SECTION - FINAL COMPLETE
========================================================= */

.epm-roi-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

/* Background Image */
.epm-roi-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.epm-roi-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Header with Left Line */
.epm-roi-header {
    margin-bottom: 60px;
}

.epm-roi-title-main {
    position: relative;
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    max-width: 1080px;
    margin: 0;
    padding-left: 25px;
}

.epm-roi-title-main::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(179.2deg, #108dc7 0.69%, #ef8e38 109.53%);
}

/* Grid Layout */
.epm-roi-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid #ffffff1a;
    border-radius: 16px;
}

.epm-roi-card {
    position: relative;
    padding: 40px 50px;
}

/* Vertical Border Logic */
.epm-roi-card:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}

/* Icon & Content */
.epm-roi-icon {
    width: 65px;
    margin-bottom: 25px;
}

.epm-roi-title {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.epm-roi-desc {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
}

/* Responsive */
@media (max-width: 991px) {
    .epm-roi-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .epm-roi-card::after {
        display: none;
    }

    .epm-roi-card {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .epm-roi-title-main {
        font-size: 28px;
    }
}

@media (max-width: 576px) {
    .epm-roi-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   1366px LAPTOP
========================================================= */
@media (max-width: 1366px) {
    .epm-roi-section {
        padding: 90px 0;
    }

    .epm-roi-card {
        padding: 35px 35px;
    }

    .epm-roi-title {
        font-size: 20px;
    }

    .epm-roi-desc {
        font-size: 14px;
    }
}

/* =========================================================
   1200px LAPTOP
========================================================= */
@media (max-width: 1200px) {
    .epm-roi-title-main {
        font-size: 32px;
        max-width: 950px;
    }

    .epm-roi-card {
        padding: 30px;
    }

    .epm-roi-icon {
        width: 55px;
    }

    .epm-roi-title {
        font-size: 18px;
    }
}

/* =========================================================
   SMALL LAPTOP (1024px)
========================================================= */
@media (max-width: 1024px) {
    .epm-roi-section {
        padding: 80px 0;
    }

    .epm-roi-title-main {
        font-size: 30px;
        line-height: 1.4;
    }

    .epm-roi-card {
        padding: 25px;
    }

    .epm-roi-title {
        font-size: 17px;
    }

    .epm-roi-desc {
        font-size: 14px;
        line-height: 1.7;
    }
}

/* =========================================================
   TABLET LANDSCAPE
========================================================= */
@media (max-width: 991px) {
    .epm-roi-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .epm-roi-card::after {
        display: none;
    }

    .epm-roi-card {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .epm-roi-title-main {
        font-size: 28px;
    }
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 768px) {
    .epm-roi-section {
        padding: 70px 0;
    }

    .epm-roi-header {
        margin-bottom: 40px;
    }

    .epm-roi-title-main {
        font-size: 24px;
        padding-left: 20px;
    }

    .epm-roi-title-main::before {
        width: 4px;
    }

    .epm-roi-card {
        padding: 25px 20px;
    }

    .epm-roi-icon {
        width: 50px;
        margin-bottom: 20px;
    }

    .epm-roi-title {
        font-size: 18px;
    }
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 576px) {
    .epm-roi-grid {
        grid-template-columns: 1fr;
    }

    .epm-roi-card {
        border-right: none;
        padding: 25px 20px;
    }

    .epm-roi-card:last-child {
        border-bottom: none;
    }

    .epm-roi-title-main {
        font-size: 22px;
        line-height: 1.5;
    }

    .epm-roi-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .epm-roi-desc {
        font-size: 14px;
        line-height: 1.7;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 400px) {
    .epm-roi-section {
        padding: 60px 0;
    }

    .epm-roi-title-main {
        font-size: 20px;
        padding-left: 15px;
    }

    .epm-roi-card {
        padding: 20px 15px;
    }

    .epm-roi-icon {
        width: 45px;
    }

    .epm-roi-title {
        font-size: 16px;
    }

    .epm-roi-desc {
        font-size: 13px;
    }
}

/* =========================================================
   EPM FOCUSED SERVICES SECTION
========================================================= */

.epm-focused-services-section {
    position: relative;
    padding: 100px 0;
    overflow: visible;
    padding-bottom: 80px;
}

/* Background Image Section */
.epm-focused-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.epm-focused-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Heading */
.epm-focused-header {
    text-align: center;
    margin-bottom: 60px;
}

.epm-focused-title {
    color: #071019;
    font-size: 40px;
    font-weight: 800;
    margin: 0;
}

/* Diagram Wrapper */
.epm-focused-diagram-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.epm-focused-diagram {
    max-width: 100%;
    height: auto;
}

/* Responsive */
@media (max-width: 991px) {
    .epm-focused-title {
        font-size: 32px;
    }
}

/* =========================================================
   1366px LAPTOP
========================================================= */
@media (max-width: 1366px) {
    .epm-focused-services-section {
        padding: 90px 0;
    }

    .epm-focused-header {
        margin-bottom: 55px;
    }

    .epm-focused-title {
        font-size: 38px;
    }
}

/* =========================================================
   1200px LAPTOP
========================================================= */
@media (max-width: 1200px) {
    .epm-focused-services-section {
        padding: 85px 0;
    }

    .epm-focused-title {
        font-size: 36px;
    }

    .epm-focused-header {
        margin-bottom: 50px;
    }
}

/* =========================================================
   SMALL LAPTOP (1024px)
========================================================= */
@media (max-width: 1024px) {
    .epm-focused-services-section {
        padding: 80px 0;
    }

    .epm-focused-title {
        font-size: 34px;
        line-height: 1.3;
    }

    .epm-focused-header {
        margin-bottom: 45px;
    }
}

/* =========================================================
   TABLET LANDSCAPE
========================================================= */
@media (max-width: 991px) {
    .epm-focused-services-section {
        padding: 75px 0;
    }

    .epm-focused-title {
        font-size: 32px;
    }

    .epm-focused-header {
        margin-bottom: 40px;
    }
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 768px) {
    .epm-focused-services-section {
        padding: 70px 0;
    }

    .epm-focused-title {
        font-size: 28px;
        line-height: 1.4;
    }

    .epm-focused-header {
        margin-bottom: 35px;
    }

    .epm-focused-diagram {
        width: 100%;
        max-width: 100%;
    }
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 576px) {
    .epm-focused-services-section {
        padding: 60px 0;
    }

    .epm-focused-title {
        font-size: 24px;
        line-height: 1.4;
    }

    .epm-focused-header {
        margin-bottom: 30px;
    }

    .epm-focused-diagram-wrapper {
        padding: 0 10px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 400px) {
    .epm-focused-services-section {
        padding: 50px 0;
    }

    .epm-focused-title {
        font-size: 22px;
        line-height: 1.5;
    }

    .epm-focused-header {
        margin-bottom: 25px;
    }

    .epm-focused-diagram-wrapper {
        padding: 0 5px;
    }
}

/* =========================================================
   INTEGRITTY USE CASE SECTION
========================================================= */

.integritty-use-case-section {
    position: relative;
    padding: 100px 0;
    overflow: visible;
    z-index: 1;
}

/* Background */

.use-case-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
}

.use-case-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* L Shape */

.use-case-l-shape-overlay {
    position: absolute;
    top: -33px;
    left: 105px;
    z-index: -1;
    pointer-events: none;
}

.use-case-l-shape-overlay img {
    max-width: 100%;
    height: auto;
}

/* Header */

.use-case-header {
    margin-bottom: 0px;
}

.use-case-title {
    color: #11181c;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3;
    max-width: 500px;
    margin: 0;
    text-align: left;
}

/* Diagram */

.use-case-diagram-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
    /* Diagram ke neeche gap */
}

.use-case-diagram {
    max-width: 1280px;
    height: auto;
    display: block;
}

/* =========================================================
   1366px
========================================================= */

@media (max-width: 1366px) {
    .integritty-use-case-section {
        padding: 90px 0;
        overflow: visible;
    }

    .epm-ac-partner-cta-bg {
        position: absolute;
        inset: 0;
        z-index: -1;
    }

    .epm-ac-partner-cta {
        max-width: 1140px;
    }

    .use-case-title {
        font-size: 38px;
    }

    .use-case-l-shape-overlay {
        left: 100px;
    }
}

/* =========================================================
   1200px
========================================================= */

@media (max-width: 1200px) {
    .use-case-title {
        font-size: 36px;
        max-width: 600px;
    }

    .use-case-l-shape-overlay {
        left: 40px;
    }
}

/* =========================================================
   1024px
========================================================= */

@media (max-width: 1024px) {
    .integritty-use-case-section {
        padding: 80px 0;
    }

    .use-case-title {
        font-size: 34px;
    }

    .use-case-header {
        margin-bottom: 50px;
    }

    .use-case-diagram-wrapper {
        margin-bottom: 80px;
    }

    .use-case-l-shape-overlay {
        left: 0;
    }
}

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

@media (max-width: 768px) {
    .integritty-use-case-section {
        padding: 70px 0;
    }

    .use-case-title {
        font-size: 28px;
        max-width: 100%;
    }

    .use-case-header {
        margin-bottom: 40px;
    }

    .use-case-diagram-wrapper {
        margin-bottom: 70px;
    }

    .use-case-l-shape-overlay {
        display: none;
    }
}

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

@media (max-width: 576px) {
    .integritty-use-case-section {
        padding: 60px 0;
    }

    .use-case-title {
        font-size: 24px;
        line-height: 1.4;
    }

    .use-case-header {
        margin-bottom: 30px;
    }

    .use-case-diagram-wrapper {
        margin-bottom: 60px;
    }
}

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

@media (max-width: 400px) {
    .integritty-use-case-section {
        padding: 50px 0;
    }

    .use-case-title {
        font-size: 22px;
    }

    .use-case-diagram-wrapper {
        margin-bottom: 50px;
    }
}

/* =========================================================
   EPM AC PARTNER SECTION
========================================================= */

.epm-ac-partner-section {
    position: relative;
    padding: 120px 0 61px;
    overflow: visible;
    z-index: 1;
}

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

.epm-ac-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}

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

.epm-ac-partner-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
}

.epm-ac-partner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

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

.epm-ac-partner-cta {
    position: relative;
    max-width: 1280px;
    margin: -180px auto 80px;
    padding: 42px 40px;
    border-radius: 20px !important;
    overflow: hidden;
}




.epm-ac-partner-cta-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.epm-ac-partner-cta-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.epm-ac-partner-cta-title {
    margin: 0;
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.3;
}

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

.epm-ac-partner-title {
    margin: 0 0 60px;
    color: #11181c;
    font-size: 35px;
    font-weight: 900;
    line-height: 1.2;
    max-width: 900px;
}

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

.epm-ac-partner-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 70px;
}

.epm-ac-partner-item {
    padding: 0 20px;
    border-right: 2px solid #0047741a;
}

.epm-ac-partner-item:first-child {
    padding-left: 0;
}

.epm-ac-partner-item:last-child {
    border-right: none;
}

.epm-ac-metric-card:last-child {
    border-right: none;
}

.epm-ac-partner-item h3 {
    margin: 0 0 15px;
    color: #11181c;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.epm-ac-line {
    width: 48px;
    height: 3px;
    background: linear-gradient(90deg, #18c4d6 0%, #004774 100%);
    margin-bottom: 20px;
}

.epm-ac-partner-item p {
    margin: 0;
    color: #161616;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
}

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

.epm-ac-success-title {
    margin: 0 0 45px;
    color: #11181c;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

/* =========================================================
   METRICS
========================================================= */

.epm-ac-metrics-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-bottom: 60px;
}

.epm-ac-metric-card {
    padding: 0 40px;
    border-left: 1px solid rgba(20, 157, 171, 0.4);
    border-right: 1px solid rgba(20, 157, 171, 0.4);
}

.epm-ac-metric-card img {
    width: 24px;
    height: 24px;
    margin-bottom: 15px;
    display: block;
}

.epm-ac-metric-card h4 {
    margin: 0 0 18px;
    color: #004774;
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
}

.epm-ac-metric-card p {
    margin: 0;
    color: #004774;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
}

/* =========================================================
   ROCKET
========================================================= */

.epm-ac-rocket {
    position: absolute;
    right: -168px;
    bottom: -73px;
    width: 260px;
}

.epm-ac-rocket img {
    width: 100%;
    display: block;
}

@media (max-width: 1366px) {
    .epm-ac-container {
        max-width: 1140px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    .epm-ac-partner-cta-bg {
        position: absolute;
        inset: 0;
        z-index: -1;
    }

    .epm-ac-metrics-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        margin-bottom: 60px;
        max-width: 1040px;
    }

    .epm-ac-metric-card p {
        font-size: 13px;
    }


    .epm-ac-partner-cta {
        position: relative;
        max-width: 1140px;
        margin: -190px auto 80px;
        padding: 42px 40px;
        border-radius: 20px !important;
    }

    .epm-ac-partner-section {
        overflow-x: visible;
    }

    .epm-ac-rocket {
        right: -120px;
        /* thoda safe so zoom pe cut na ho */
        bottom: -110px;
    }
}

/* =========================================================
   COMPLETE MOBILE RESPONSIVE FIX (ALL MOBILE DEVICES)
========================================================= */

@media (max-width: 768px) {
    /* =========================
       GLOBAL MOBILE SPACING
    ========================= */

    .epm-ac-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .epm-ac-partner-section {
        overflow-x: hidden;
    }

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

    .epm-ac-partner-cta {
        margin: -120px auto 50px;
        padding: 24px 18px;
        border-radius: 16px;
        text-align: center;
        overflow: hidden;
        position: relative;
    }

    .epm-ac-partner-cta-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
    }

    .epm-ac-partner-cta-title {
        position: relative;
        z-index: 2;
        font-size: 22px;
        text-align: center;
        line-height: 1.3;
    }

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

    .epm-ac-partner-title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 40px;
    }

    /* =========================
       PARTNER GRID (STACK)
    ========================= */

    .epm-ac-partner-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .epm-ac-partner-item {
        padding: 0;
        border: none;
        text-align: center;
    }

    .epm-ac-line {
        margin: 10px auto 15px;
    }

    .epm-ac-partner-item h3,
    .epm-ac-partner-item p {
        text-align: center;
    }

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

    .epm-ac-success-title {
        font-size: 20px;
        text-align: center;
    }

    /* =========================
       METRICS SECTION
    ========================= */

    .epm-ac-metrics-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .epm-ac-metric-card {
        border: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .epm-ac-metric-card h4 {
        font-size: 38px;
    }

    .epm-ac-metric-card p {
        font-size: 14px;
        text-align: center;
    }

    /* =========================
       ROCKET HIDE
    ========================= */

    .epm-ac-rocket {
        display: none !important;
    }
}

/* =========================================================
   EXPLORE SAP ANALYTICS CLOUD SECTION (FINAL)
========================================================= */

.explore-sap-section {
    position: relative;
    width: 100%;
    padding: 100px 0;
    margin-top: -50px;
    z-index: 1;
    overflow: visible;
    display: flex;
    align-items: center;
    min-width: 100%;
}

/* Background */
.explore-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.explore-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Dish Image */
.dish-image-wrapper {
    position: absolute;
    top: -72px;
    left: -30px;
    width: 690px;
    z-index: 2;
    pointer-events: none;
}

.dish-image-wrapper img {
    width: 100%;
    height: auto;
}

/* Container */
.explore-container {
    position: relative;
    z-index: 3;
    width: 100%;
}

/* Content */
.explore-content {
    margin-left: 680px;
    color: #ffffff;
    max-width: 600px;
}

.explore-content h2 {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 25px;
}

.btn-contact {
    display: inline-block;
    padding: 10px 25px;
    background-color: #149dab;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
}

/* =========================================================
   LAPTOP SAFE (1366px)
========================================================= */

@media (max-width: 1366px) {
    .dish-image-wrapper {
        width: 560px;
        top: -42px;
        left: -20px;
    }

    .explore-content {
        margin-left: 520px;
    }

    /* 👇 NEW: section height compact control */
    .explore-sap-section {
        padding: 80px 0;
        /* 100px → 80px (more tight but same feel) */
        margin-top: -40px;
        /* slight reduce so overlap natural lage */
    }
}

/* =========================================================
   TABLET (991px)
========================================================= */

@media (max-width: 991px) {
    .explore-content {
        margin-left: 0;
        text-align: center;
        max-width: 100%;
    }

    .dish-image-wrapper {
        display: none;
    }

    .explore-sap-section {
        padding: 70px 0;
        margin-top: 0;
        justify-content: center;
    }
}

/* =========================================================
   MOBILE (576px)
========================================================= */

@media (max-width: 576px) {
    .explore-content h2 {
        font-size: 20px;
    }

    .btn-contact {
        padding: 8px 18px;
        font-size: 14px;
    }
}

/*====================================
CONTACT PAGE
====================================*/

.integritty-contact-section {
    background: #f3f5fa;
    padding-top: 115px;
    padding-bottom: 350px;
    position: relative;
    overflow: hidden;
}

/*====================================
BREADCRUMB
====================================*/

.integritty-contact-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #11181c;
    font-size: 14px;
    font-weight: 800;
    position: relative;
    z-index: 100;

    margin-bottom: 285px;
    /* 120px se kam */
    left: 20px;
}

.integritty-contact-breadcrumb span:first-child {
    color: #19c5d8;
}

/*====================================
SVG BACKGROUND
====================================*/

.integritty-contact-bg-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
}

.integritty-contact-bg {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

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

.integritty-contact-card {
    position: absolute;

    left: 50%;
    top: 50%;

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

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

    background: #fff;

    border-radius: 24px;

    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);

    padding: 70px 60px 0;

    z-index: 20;
}

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

.integritty-contact-content {
    padding-bottom: 60px;
}

.integritty-contact-title {
    font-size: 50px;
    font-weight: 800;
    line-height: 1.1;

    color: #11181c;

    margin-bottom: 20px;
}

.integritty-contact-line {
    width: 70px;
    height: 1px;

    background: linear-gradient(90deg, #18c4d6 0%, #004774 100%);

    margin-bottom: 25px;
}

.integritty-contact-subtitle {
    font-size: 17px;
    font-weight: 900;

    color: #11181c;

    margin-bottom: 35px;
}

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

.integritty-contact-content input,
.integritty-contact-content textarea {
    width: 100%;

    border: none;

    background: #f5f5f5;

    border-radius: 4px;

    padding: 14px 16px;

    margin-bottom: 18px;

    font-size: 15px;
}

.integritty-contact-content input {
    height: 54px;
}

.integritty-contact-content textarea {
    min-height: 120px;
    resize: none;
}

.integritty-contact-content input:focus,
.integritty-contact-content textarea:focus {
    outline: none;
    box-shadow: none;
}

/*====================================
COUNTRY DROPDOWN
====================================*/

.integritty-country-field {
    width: 100%;
    display: block;
}

.country-select {
    width: 100% !important;
    display: block;
}

.country-select .country-input {
    width: 100% !important;
    display: block;
    box-sizing: border-box;
}

.integritty-country-field {
    margin-bottom: 18px;
}

.iti {
    width: 100%;
}

.iti input {
    width: 100%;
    height: 54px;

    background: #f5f5f5;

    border: none;

    border-radius: 4px;

    padding-left: 70px !important;

    margin-bottom: 0 !important;
}

.iti__flag-container {
    left: 12px;
}

.iti__selected-flag {
    background: transparent !important;
}

.iti__country-list {
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
}

/*====================================
CAPTCHA
====================================*/

.integritty-contact-captcha {
    margin-bottom: 25px;
}

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

.integritty-contact-btn {
    border: none;

    background: #18c4d6;

    color: #fff;

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

    padding: 14px 40px;

    border-radius: 4px;

    transition: 0.3s;
}

.integritty-contact-btn:hover {
    background: #004774;
}

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

.integritty-contact-image {
    display: flex;

    justify-content: flex-end;

    align-items: flex-end;

    height: 100%;
}

.integritty-contact-image img {
    width: 100%;

    max-width: 520px;

    display: block;
}

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

@media (max-width: 991px) {
    .integritty-contact-section {
        padding-top: 120px;
        padding-bottom: 100px;
    }

    .integritty-contact-breadcrumb {
        margin-bottom: 60px;
    }

    .integritty-contact-bg-wrapper {
        height: auto;
        padding: 40px 0;
    }

    .integritty-contact-card {
        position: relative;

        left: auto;
        top: auto;

        transform: none;

        padding: 40px;
    }

    .integritty-contact-title {
        font-size: 42px;
    }

    .integritty-contact-image {
        justify-content: center;

        margin-top: 40px;
    }

    .integritty-contact-image img {
        max-width: 360px;
    }
}

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

@media (max-width: 576px) {
    .integritty-contact-card {
        padding: 25px;
    }

    .integritty-contact-title {
        font-size: 30px;
    }

    .integritty-contact-subtitle {
        font-size: 16px;
    }

    .integritty-contact-btn {
        width: 100%;
    }

    .g-recaptcha {
        transform: scale(0.85);
        transform-origin: left top;
    }

    .iti input {
        padding-left: 65px !important;
    }
}


/* ==========================================================================
   INTEGRITTY BTP HERO SECTION - STYLES
========================================================================== */

/* 1. SECTION CONTAINER */
.integritty-btp-hero-section {
    position: relative;
    padding-top: 150px;
    padding-bottom: 80px;
    overflow: hidden;
}

/* 2. BACKGROUND IMAGE LAYER */
.integritty-btp-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.integritty-btp-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 3. WRAPPER & CONTENT LAYOUT */
.integritty-btp-hero-wrapper {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(450px, 1fr) minmax(380px, 480px);
    align-items: center;
    column-gap: 100px;
}

.integritty-btp-hero-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    color: #161616;
    font-weight: 900;
    margin-bottom: 20px;
}

.integritty-btp-active {
    color: #18c4d6;
    font-weight: 800;
}

.integritty-btp-hero-title {
    font-size: 64px;
    font-weight: 900;
    line-height: 1.1;
    color: #161616;
    margin: 0;
}

.integritty-btp-hero-subtitle {
    font-size: 20px;
    font-weight: 800;
    color: #11181c;
    margin-top: 20px;
}

.integritty-btp-hero-line {
    width: 100px;
    height: 2px;
    background: linear-gradient(90deg, #18c4d6 0%, #004774 100%);
    margin-top: 38px;
}

.integritty-btp-hero-image img {
    width: 100%;
    max-width: 470px;
    display: block;
    margin-left: auto;
    border-radius: 36px;
}

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

/* Large Laptop - 1366px */
@media (max-width: 1366px) {
    .integritty-btp-hero-section {
        padding-top: 130px;
        padding-bottom: 70px;
    }

    .integritty-btp-hero-wrapper {
        column-gap: 70px;
    }

    .integritty-btp-hero-title {
        font-size: 56px;
    }

    .integritty-btp-hero-image img {
        max-width: 560px;
    }
}

/* Laptop */
@media (max-width: 1200px) {
    .integritty-btp-hero-wrapper {
        grid-template-columns: minmax(400px, 1fr) minmax(320px, 520px);
        column-gap: 50px;
    }

    .integritty-btp-hero-title {
        font-size: 50px;
    }

    .integritty-btp-hero-subtitle {
        font-size: 18px;
    }

    .integritty-btp-hero-image img {
        max-width: 500px;
    }
}

/* Small Laptop / Tablet Landscape */
@media (max-width: 1024px) {
    .integritty-btp-hero-section {
        padding-top: 120px;
        padding-bottom: 60px;
    }

    .integritty-btp-hero-wrapper {
        grid-template-columns: 1fr 1fr;
        column-gap: 40px;
    }

    .integritty-btp-hero-title {
        font-size: 44px;
    }

    .integritty-btp-hero-subtitle {
        font-size: 18px;
        margin-top: 16px;
    }

    .integritty-btp-hero-line {
        margin-top: 28px;
    }

    .integritty-btp-hero-image img {
        max-width: 100%;
    }
}

/* Tablet */
@media (max-width: 991px) {
    .integritty-btp-hero-section {
        padding-top: 110px;
        padding-bottom: 60px;
    }

    .integritty-btp-hero-wrapper {
        grid-template-columns: 1fr;
        row-gap: 40px;
        text-align: center;
    }

    .integritty-btp-hero-content {
        order: 1;
    }

    .integritty-btp-hero-image {
        order: 2;
    }

    .integritty-btp-hero-breadcrumb {
        justify-content: center;
    }

    .integritty-btp-hero-title {
        font-size: 42px;
    }

    .integritty-btp-hero-line {
        margin: 30px auto 0;
    }

    .integritty-btp-hero-image img {
        margin: 0 auto;
        max-width: 650px;
    }
}

/* Mobile Landscape */
@media (max-width: 767px) {
    .integritty-btp-hero-section {
        padding-top: 90px;
        padding-bottom: 50px;
    }

    .integritty-btp-hero-breadcrumb {
        font-size: 14px;
        gap: 8px;
        margin-bottom: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .integritty-btp-hero-title {
        font-size: 34px;
        line-height: 1.2;
    }

    .integritty-btp-hero-subtitle {
        font-size: 17px;
        margin-top: 15px;
    }

    .integritty-btp-hero-line {
        width: 80px;
        margin-top: 25px;
    }

    .integritty-btp-hero-image img {
        border-radius: 24px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .integritty-btp-hero-section {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .integritty-btp-hero-title {
        font-size: 28px;
    }

    .integritty-btp-hero-subtitle {
        font-size: 16px;
    }

    .integritty-btp-hero-breadcrumb {
        font-size: 13px;
    }

    .integritty-btp-hero-image img {
        border-radius: 18px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .integritty-btp-hero-section {
        padding-top: 70px;
        padding-bottom: 35px;
    }

    .integritty-btp-hero-title {
        font-size: 24px;
        line-height: 1.25;
    }

    .integritty-btp-hero-subtitle {
        font-size: 15px;
    }

    .integritty-btp-hero-breadcrumb {
        font-size: 12px;
    }

    .integritty-btp-hero-line {
        width: 70px;
    }

    .integritty-btp-hero-image img {
        border-radius: 14px;
    }
}

/* ==========================================================================
   SAP BTP DETAILS SECTION
========================================================================== */

.integritty-btp-details-section {
    padding: 100px;
}

.integritty-btp-details-wrapper {
    width: 100%;
    text-align: left;
}

.integritty-btp-details-title {
    font-size: 35px;
    font-weight: 700;
    color: #11181c;
    margin-bottom: 25px;
    font-family: "Manrope", sans-serif;
    line-height: 1.2;
}

.integritty-btp-details-text {
    font-size: 16px;
    line-height: 1.8;
    color: #161616;
    margin-bottom: 25px;
    font-weight: 500;
}

.integritty-btp-details-cta {
    font-size: 16px;
    font-weight: 600;
    color: #161616;
    margin-top: 10px;
}

/* =========================
   1366px
========================= */
@media (max-width: 1366px) {
    .integritty-btp-details-section {
        padding: 100px 22px;
        max-width: 1140px;
    }
}

/* =========================
   1200px
========================= */
@media (max-width: 1200px) {
    .integritty-btp-details-section {
        padding: 90px 60px;
    }

    .integritty-btp-details-title {
        font-size: 32px;
    }
}

/* =========================
   992px
========================= */
@media (max-width: 992px) {
    .integritty-btp-details-section {
        padding: 80px 40px;
    }

    .integritty-btp-details-title {
        font-size: 30px;
    }
}

/* =========================
   768px
========================= */
@media (max-width: 768px) {
    .integritty-btp-details-section {
        padding: 70px 25px;
    }

    .integritty-btp-details-title {
        font-size: 28px;
        text-align: center;
    }

    .integritty-btp-details-text {
        text-align: left;
    }

    .integritty-btp-details-cta {
        text-align: center;
    }
}

/* =========================
   575px
========================= */
@media (max-width: 575px) {
    .integritty-btp-details-section {
        padding: 60px 20px;
    }

    .integritty-btp-details-title {
        font-size: 24px;
        margin-bottom: 18px;
    }

    .integritty-btp-details-text {
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 18px;
    }

    .integritty-btp-details-cta {
        font-size: 15px;
    }
}

/* =========================
   480px
========================= */
@media (max-width: 480px) {
    .integritty-btp-details-section {
        padding: 50px 15px;
    }

    .integritty-btp-details-title {
        font-size: 22px;
        line-height: 1.3;
    }

    .integritty-btp-details-text {
        font-size: 14px;
        line-height: 1.7;
    }

    .integritty-btp-details-cta {
        font-size: 14px;
    }
}

/* START: BTP STATS SECTION STYLES */
.integritty-btp-stats-section {
    background-color: #001d30;
    padding: 80px 0;
    position: relative;
    color: #ffffff;
    overflow: visible;
}

.integritty-btp-l-shape {
    position: absolute;
    top: -33px;
    right: 114px;
    z-index: 1;
}

.integritty-btp-stats-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    z-index: 2;
}

.integritty-btp-stats-item {
    padding: 0 40px;
    border-left: 1px solid #18c4d6;
}


.integritty-btp-stats-item img {
    margin-bottom: 20px;
    height: 40px;
}

.stats-number {
    font-size: 60px;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #ffffff;
    font-family: "Manrope", sans-serif;
}

.stats-label {
    font-size: 17px;
    line-height: 1.5;
    color: #ffffff;
    font-weight: 600;
    opacity: 0.9;
}

/* ==========================================================================
   BTP STATS SECTION RESPONSIVE
========================================================================== */

/* 1366px */
@media (max-width: 1366px) {
    .integritty-btp-l-shape {
        right: 60px;
    }

    .integritty-btp-stats-item {
        padding: 0 30px;
    }

    .stats-number {
        font-size: 58px;
    }
}

/* 1200px */
@media (max-width: 1200px) {
    .integritty-btp-l-shape {
        right: 30px;
    }

    .integritty-btp-stats-item {
        padding: 0 25px;
    }

    .stats-number {
        font-size: 52px;
    }

    .stats-label {
        font-size: 17px;
    }
}

/* 1024px */
@media (max-width: 1024px) {
    .integritty-btp-stats-section {
        padding: 70px 0;
    }

    .integritty-btp-stats-item {
        padding: 0 20px;
    }

    .stats-number {
        font-size: 48px;
    }

    .stats-label {
        font-size: 16px;
    }

    .integritty-btp-l-shape {
        right: 20px;
        max-width: 120px;
    }
}

/* Tablet */
@media (max-width: 992px) {
    .integritty-btp-stats-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .integritty-btp-stats-item {
        border-left: none;
        border-top: 1px solid #18c4d6;
        padding: 30px 0 0;
        text-align: center;
    }

    .integritty-btp-stats-item:first-child {
        border-top: none;
        padding-top: 0;
    }

    .integritty-btp-l-shape {
        right: 20px;
        top: -25px;
        max-width: 100px;
    }
}

/* Mobile Landscape */
@media (max-width: 768px) {
    .integritty-btp-stats-section {
        padding: 60px 0;
    }

    .stats-number {
        font-size: 42px;
    }

    .stats-label {
        font-size: 15px;
        line-height: 1.6;
    }

    .integritty-btp-stats-item img {
        height: 36px;
        margin-bottom: 15px;
    }

    .integritty-btp-l-shape {
        max-width: 80px;
        top: -20px;
        right: 15px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .integritty-btp-stats-section {
        padding: 50px 0;
    }

    .stats-number {
        font-size: 36px;
        margin-bottom: 8px;
    }

    .stats-label {
        font-size: 14px;
    }

    .integritty-btp-stats-item img {
        height: 32px;
    }

    .integritty-btp-l-shape {
        max-width: 65px;
        right: 10px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .integritty-btp-stats-section {
        padding: 45px 0;
    }

    .stats-number {
        font-size: 32px;
    }

    .stats-label {
        font-size: 13px;
        line-height: 1.5;
    }

    .integritty-btp-stats-item {
        padding-top: 25px;
    }

    .integritty-btp-l-shape {
        display: none;
    }
}

/* END: BTP STATS SECTION STYLES */

/* ==========================================================================
   INTEGRITTY BTP - SECTION STYLES (START)
   ========================================================================== */

.integritty-btp-integration-section {
    padding: 80px 0;
    background-image: url('../images/ms-teams-and-sap-connector/Group-1000004607-1.webp');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

/* --- TABS SECTION --- */
.integritty-btp-tabs {
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
}

.tab-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 25px 35px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    font-weight: 800;
    font-size: 22px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: 0.3s;
}

.tab-card img {
    height: 35px;
    width: 35px;
    transition: 0.3s;
}

/* Active State Styles */
.tab-card.active {
    background: #004774;
    color: #ffffff;
    border-color: #004774;
}

/* Sirf Active Tab ke icon ko White karne ke liye */
.tab-card.active img {
    filter: brightness(0) invert(1);
}

/* --- CONTENT WRAPPER --- */
.integritty-btp-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 150px;
}

.title {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #11181c;
}

.subtitle {
    font-size: 15px;
    font-weight: bold;
    margin: 25px 0 15px;
    color: #161616;
}

.desc {

    color: #161616;
    line-height: 1.8;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 15px;
}

.gradient-line {
    width: 150px;
    height: 2px;
    background: linear-gradient(90deg, #18c4d6 0%, #004774 100%);
    margin-top: 50px;
    margin-left: 210px;
}



.image-side img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

/* --- MIGRATION SECTION --- */
.integritty-btp-migration {
    margin-top: 80px;
}

.mig-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #161616;
}

.mig-image-wrapper img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

/* --- BTP TAB SYSTEM --- */
.btp-tab-content {
    display: none;
}

.btp-tab-content.active {
    display: block;
}

/* --- TAB 2: CLEAN CORE STYLES --- */
.cleancore-top-centered {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 30px;
}

.cleancore-top-centered .title {
    margin-bottom: 30px;
}

.cleancore-hero-img-wrapper {
    display: flex;

    width: 100%;
    margin-bottom: 50px;
}

.cleancore-main-img {
    width: 100%;
    max-width: 1050px !important;
    object-fit: contain;
    max-height: 415px;
}

.cleancore-top-text-wrapper {
    width: 100%;
    max-width: 1000px;
}

.cleancore-btn-group {
    display: flex;
    flex-direction: column;

    align-items: flex-start;
    margin-top: 30px;
}

.btn-schedule,
.btn-watch-demo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #18c4d6;
    color: #ffffff !important;
    padding: 12px 25px;
    border-radius: 4px;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 16px;
    transition: 0.3s;
    border: none;
}

.btn-schedule:hover,
.btn-watch-demo:hover {
    background: #15b0c1;
}

.btn-schedule .btn-icon,
.btn-watch-demo .btn-icon {
    width: 20px;
    height: 20px;
    stroke: currentColor;
}

.cleancore-divider-line {
    margin-left: 470px;

}

.cleancore-divider-line img {
    display: block;
    max-width: 300px;
    height: 2px;
    height: auto;
}

.analysis-title {
    font-size: 28px;
    font-weight: 700;
    color: #11181c;
    margin-bottom: 20px;
}

.analysis-desc {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 40px;
    max-width: 900px;
}

.analysis-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 60px;
    align-items: center;
}

.analysis-subtitle {
    font-size: 20px;
    font-weight: 700;
    color: #11181c;
    margin-bottom: 25px;
}

.analysis-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.analysis-list li {
    font-size: 16px;
    font-weight: 600;
    color: #161616;
    display: flex;
    align-items: center;
    gap: 12px;
}

.analysis-list li .dot-marker {
    width: 8px;
    height: 8px;
    background-color: #11181c;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.analysis-image-side {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.diagram-container {
    padding: 25px;

    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.diagram-container img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.diagram-legend {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 20px;
    font-weight: 600;
    font-size: 14px;
    color: #161616;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.legend-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.legend-color.custom-process {
    background-color: #ff5722;
}

.legend-color.standard-process {
    background-color: #18c4d6;
}

.section-title-centered {
    font-size: 20px;
    font-weight: 700;
    color: #11181c;
}

.what-next-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.what-next-card {
    background: transparent;
    border: none;
    box-shadow: none;

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

.what-next-icon-wrapper {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.what-next-icon-wrapper-image1 {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-left: 166px;
}

.what-next-icon-wrapper-image1 img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.what-next-icon-wrapper img {
    width: 30px;
    height: 30px;
    object-fit: contain;

}


.what-next-card h4 {
    font-size: 24px;
    font-weight: 700;
    color: #11181c;

}

.integritty-btp-services-section {
    margin-top: 40px;
}

.section-title-left {
    font-size: 26px;
    font-weight: 700;
    color: #11181c;
    margin-bottom: 12px;
    line-height: 1.4;
}

.section-desc-left {
    font-size: 16px;
    color: #555;
    margin-bottom: 45px;
    font-weight: 500;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.service-column {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.service-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.service-icon-box {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.service-icon-box svg,
.service-icon-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.service-header h4 {
    font-size: 20px;
    font-weight: 700;
    color: #11181c;
    margin: 0;
    line-height: 1.4;
}

.service-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.service-list>li {
    font-size: 15px;
    color: #161616;
    font-weight: 500;
    line-height: 1.6;
    position: relative;
    padding-left: 20px;
}

.service-list>li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #11181c;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4;
}

.sub-service-list {
    list-style: none;
    padding-left: 20px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;

}

.sub-service-list li {
    font-size: 15px;
    color: #161616;
    font-weight: 500;
    position: relative;
    padding-left: 15px;
}

.sub-service-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #161616;
    font-weight: bold;
}

/* --- TAB 3: ENTERPRISE AI STYLES --- */
.ai-tab-header {
    margin-bottom: 50px;
}

.ai-use-cases-container {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 40px;
    align-items: center;
}

.ai-subtitle {
    font-size: 17px;
    font-weight: 700;
    color: #11181c;
    margin-bottom: 20px;
    margin-top: 30px;
}

.ai-column:first-child .ai-subtitle:first-child,
.ai-column:last-child .ai-subtitle:first-child {
    margin-top: 0;
}

.ai-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ai-list li {
    font-size: 15px;
    font-weight: 500;
    color: #161616;
    display: flex;
    font-size: 15px;
    align-items: flex-start;
    gap: 12px;
    line-height: 1.3;
}

.ai-list li .dot-marker {
    width: 15px;
    height: 15px;
    background-color: #11181c;
    border-radius: 50%;
    margin-top: 6px;
    flex-shrink: 0;
}

.ai-main-img {
    max-width: 350px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* ==========================================================================
   INTEGRITTY BTP - RESPONSIVE STYLES
========================================================================== */

/* 1366px */
@media (max-width: 1366px) {

    .integritty-btp-content-wrapper {
        gap: 100px;
    }

    .tab-card {
        padding: 22px 28px;
        font-size: 20px;
    }

    .gradient-line {
        margin-left: 180px;
    }
}

/* 1200px */
@media (max-width: 1200px) {

    .integritty-btp-tabs {
        gap: 15px;
    }

    .tab-card {
        padding: 20px 25px;
        font-size: 18px;
    }

    .tab-card img {
        width: 30px;
        height: 30px;
    }

    .integritty-btp-content-wrapper {
        gap: 70px;
    }

    .title {
        font-size: 32px;
    }

    .gradient-line {
        margin-left: 150px;
    }
}

/* 1024px */
@media (max-width: 1024px) {

    .integritty-btp-content-wrapper {
        gap: 50px;
    }

    .title {
        font-size: 30px;
    }

    .mig-title {
        font-size: 26px;
    }

    .gradient-line {
        margin-left: 120px;
    }
}

/* Tablet */
@media (max-width: 991px) {

    .integritty-btp-tabs {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 40px;
    }

    .tab-card {
        flex: 1 1 calc(50% - 15px);
        justify-content: center;
        font-size: 17px;
    }

    .integritty-btp-content-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .text-side {
        text-align: center;
    }

    .gradient-line {
        margin: 40px auto 0;
    }

    .image-side img {
        max-width: 700px;
        margin: 0 auto;
        display: block;
    }

    .mig-title {
        text-align: center;
    }

    .analysis-grid,
    .services-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .what-next-grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .cleancore-btn-group {
        align-items: center;
    }

    .ai-use-cases-container {
        grid-template-columns: 1fr;
    }

    .ai-middle {
        order: -1;
        text-align: center;
    }

    .ai-main-img {
        margin-bottom: 30px;
    }
}

/* Mobile Landscape */
@media (max-width: 768px) {

    .integritty-btp-integration-section {
        padding: 60px 0;
    }

    .integritty-btp-tabs {
        gap: 12px;
        margin-bottom: 35px;
    }

    .tab-card {
        flex: 1 1 100%;
        padding: 18px 20px;
        font-size: 16px;
    }

    .tab-card img {
        width: 28px;
        height: 28px;
    }

    .title {
        font-size: 28px;
    }

    .subtitle {
        font-size: 14px;
    }

    .desc {
        font-size: 15px;
    }

    .mig-title {
        font-size: 24px;
        line-height: 1.4;
    }

    .integritty-btp-migration {
        margin-top: 60px;
    }

    .what-next-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Mobile */
@media (max-width: 575px) {

    .integritty-btp-integration-section {
        padding: 50px 0;
    }

    .tab-card {
        font-size: 15px;
        padding: 16px;
        gap: 10px;
    }

    .tab-card img {
        width: 24px;
        height: 24px;
    }

    .title {
        font-size: 24px;
        margin-bottom: 18px;
    }

    .subtitle {
        font-size: 14px;
        margin: 20px 0 10px;
    }

    .desc {
        font-size: 14px;
        line-height: 1.7;
    }

    .gradient-line {
        width: 120px;
        margin-top: 30px;
    }

    .mig-title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .image-side img,
    .mig-image-wrapper img {
        border-radius: 12px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .tab-card {
        font-size: 14px;
        padding: 14px;
    }

    .title {
        font-size: 22px;
    }

    .desc {
        font-size: 14px;
    }

    .mig-title {
        font-size: 18px;
    }

    .gradient-line {
        width: 100px;
    }
}

/* ==========================================================================
   INTEGRITTY BTP - SECTION STYLES (END)
   ========================================================================== */
/* ========================================================================== 
   START: EXPERTISE SECTION STYLES
   ========================================================================== */

.integritty-btp-expertise {
    padding: 80px 0;
    background: #fcfcfc;
}

.expertise-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    /* Image ko upar align karne ke liye 'start' use kiya */
    align-items: start;
}

.exp-text {
    font-size: 15px;
    line-height: 1.8;
    color: #161616;
    margin-bottom: 30px;
    font-weight: 500;
}

/* Button Group Styling */
.button-group {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: flex-start;
}

.btn-primary {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #18c4d6;
    color: #fff;
    padding: 12px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 6px;
}

.btn-secondary {
    background: #149dab;
    color: #fff;
    padding: 12px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
}

.btn-primary:hover,
.btn-secondary:hover {
    background: #004774;
}

.expertise-image img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    /* Image ko thoda aur upar shift karna ho toh margin-top negative use kar sakte hain */
    margin-top: -5px;
}

/* Responsive */
@media (max-width: 992px) {
    .expertise-wrapper {
        grid-template-columns: 1fr;
    }

    .button-group {
        align-items: center;
    }
}

/* ========================================================================== 
   END: EXPERTISE SECTION STYLES
   ========================================================================== */
/* ========================================================================== 
   START: WHY CHOOSE INTEGRITTY SECTION
   ========================================================================== */

.integritty-why-choose {
    position: relative;
    padding: 100px 0 72px;
    margin-top: 150px;
    overflow: visible;
}

/* Background Image styling */
.section-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.section-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.why-choose-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    position: relative;
}

.why-choose-content .title {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 25px;
    line-height: 1.2;
    color: #161616;
}

.why-choose-content .desc {
    font-size: 15px;
    line-height: 1.8;
    color: #161616;
    font-weight: 500;
}

/* Lighthouse Image positioning */
.lighthouse-image {
    position: absolute;
    right: 0;
    top: -150px;
    /* Section se 150px upar overlap ke liye */
    z-index: 5;
}

.lighthouse-image img {
    width: 450px;
    height: auto;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .why-choose-wrapper {
        grid-template-columns: 1fr;
    }

    .lighthouse-image {
        position: relative;
        top: 0;
        margin-top: 40px;
        text-align: center;
    }

    .lighthouse-image img {
        width: 100%;
        max-width: 350px;
    }
}


/* ==========================================================================
   WHY CHOOSE INTEGRITTY - RESPONSIVE
========================================================================== */

/* 1366px */
@media (max-width: 1366px) {



    .integritty-why-choose {
        margin-top: 130px;
        padding: 100px 0 14px;
    }

    .lighthouse-image {
        top: -130px;
    }

    .lighthouse-image img {
        width: 400px;
    }

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

/* 1200px */
@media (max-width: 1200px) {

    .why-choose-content .title {
        font-size: 34px;
    }

    .lighthouse-image {
        top: -110px;
    }

    .lighthouse-image img {
        width: 360px;
    }
}

/* 1024px */
@media (max-width: 1024px) {

    .integritty-why-choose {
        margin-top: 110px;
        padding: 90px 0 70px;
    }

    .why-choose-content .title {
        font-size: 32px;
    }

    .lighthouse-image {
        top: -90px;
    }

    .lighthouse-image img {
        width: 320px;
    }
}

/* Tablet */
@media (max-width: 991px) {

    .integritty-why-choose {
        margin-top: 80px;
        padding: 80px 0 60px;
    }

    .why-choose-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .why-choose-content {
        text-align: center;
    }

    .lighthouse-image {
        position: relative;
        top: 0;
        right: auto;
        margin-top: 20px;
        text-align: center;
    }

    .lighthouse-image img {
        width: 100%;
        max-width: 350px;
    }
}

/* Mobile Landscape */
@media (max-width: 768px) {

    .integritty-why-choose {
        margin-top: 60px;
        padding: 70px 0 50px;
    }

    .why-choose-content .title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .why-choose-content .desc {
        font-size: 15px;
        line-height: 1.7;
    }

    .lighthouse-image img {
        max-width: 300px;
    }
}

/* Mobile */
@media (max-width: 575px) {

    .integritty-why-choose {
        margin-top: 50px;
        padding: 60px 0 45px;
    }

    .why-choose-content .title {
        font-size: 24px;
        line-height: 1.3;
    }

    .why-choose-content .desc {
        font-size: 14px;
        line-height: 1.7;
    }

    .lighthouse-image img {
        max-width: 260px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .integritty-why-choose {
        margin-top: 40px;
        padding: 50px 0 40px;
    }

    .why-choose-content .title {
        font-size: 22px;
    }

    .why-choose-content .desc {
        font-size: 14px;
        line-height: 1.6;
    }

    .lighthouse-image img {
        max-width: 220px;
    }
}

/* ========================================================================== 
   END: WHY CHOOSE INTEGRITTY SECTION
   ========================================================================== */

/* ========================================================================== 
   EMPOWER SECTION STYLES
   ========================================================================== */

.integritty-empower-section {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Background Image Container */
.empower-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.empower-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Image ko area ke mutabik crop/fit karega */
}

/* Content Layout */
.empower-wrapper {
    display: flex;
    justify-content: flex-end;
    /* Content ko right side push kiya */
    width: 100%;
}

.empower-content {
    max-width: 700px;
    text-align: left;
}

.empower-content .title {
    font-size: 36px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 30px;
}

.btn-contact {
    display: inline-block;
    padding: 10px 30px;
    background: #149dab;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
}

/* Responsive */
@media (max-width: 992px) {
    .empower-wrapper {
        justify-content: center;
        text-align: center;
    }
}

/* ==========================================================================
   EMPOWER SECTION RESPONSIVE
========================================================================== */

/* 1366px */
@media (max-width: 1366px) {

    .integritty-empower-section {
        min-height: 340px;
    }

    .empower-content {
        max-width: 600px;
    }

    .empower-content .title {
        font-size: 28px;
    }
}

/* 1200px */
@media (max-width: 1200px) {

    .integritty-empower-section {
        min-height: 430px;
    }

    .empower-content {
        max-width: 560px;
    }

    .empower-content .title {
        font-size: 32px;
    }
}

/* 1024px */
@media (max-width: 1024px) {

    .integritty-empower-section {
        min-height: 400px;
    }

    .empower-content {
        max-width: 520px;
    }

    .empower-content .title {
        font-size: 30px;
    }
}

/* Tablet */
@media (max-width: 991px) {

    .integritty-empower-section {
        min-height: 380px;
    }

    .empower-wrapper {
        justify-content: center;
        text-align: center;
    }

    .empower-content {
        max-width: 650px;
        margin: 0 auto;
        text-align: center;
    }

    .empower-content .title {
        font-size: 28px;
    }
}

/* Mobile Landscape */
@media (max-width: 768px) {

    .integritty-empower-section {
        min-height: 340px;
    }

    .empower-content {
        max-width: 100%;
    }

    .empower-content .title {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 25px;
    }

    .btn-contact {
        padding: 10px 25px;
        font-size: 14px;
    }
}

/* Mobile */
@media (max-width: 575px) {

    .integritty-empower-section {
        min-height: 300px;
    }

    .empower-content .title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .btn-contact {
        padding: 10px 22px;
        font-size: 13px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .integritty-empower-section {
        min-height: 260px;
    }

    .empower-content .title {
        font-size: 20px;
        line-height: 1.4;
    }

    .btn-contact {
        width: auto;
        padding: 10px 20px;
        font-size: 13px;
    }
}

/* Extra Small Devices */
@media (max-width: 360px) {

    .integritty-empower-section {
        min-height: 240px;
    }

    .empower-content .title {
        font-size: 18px;
    }

    .btn-contact {
        padding: 9px 18px;
        font-size: 12px;
    }
}

/* ========================================================================== 
   END: EMPOWER SECTION STYLES
   ========================================================================== */

/* ==========================================================================
   PEGA CONSULTING BANNER - STYLES (PREFIXED)
   ========================================================================== */

.pega-consulting-banner-section {
    position: relative;
    padding: 120px 0;
    overflow: visible;
}

/* --- Background Image Layer --- */
.pega-consulting-bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.pega-consulting-bg-layer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- Wrapper Grid --- */
.pega-consulting-banner-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 125px;
    align-items: center;
}

/* --- Content Styling --- */
.pega-consulting-breadcrumb {
    font-size: 16px;
    color: #18c4d6;
    font-weight: 800;
    margin-bottom: 10px;
}

.pega-consulting-breadcrumb span {
    color: #161616;
}

.pega-consulting-title {
    font-size: 50px;
    font-weight: 800;
    color: #11181c;
    line-height: 1.3;
    margin-bottom: 15px;
    padding-top: 15px;
}

.pega-consulting-subtitle {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 20px;
}

.pega-consulting-desc {
    color: #161616;
    line-height: 1.8;
    margin-bottom: 30px;
    font-size: 15px;
    font-weight: 500;
}

.pega-consulting-btn-explore {
    display: inline-block;
    padding: 10px 25px;
    background: #18c4d6;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
}

/* --- Right Side Image --- */
.pega-consulting-image img {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* --- Bottom Elements --- */
.pega-consulting-gradient-line {
    position: absolute;
    bottom: 0;
    left: 120px;
    width: 80px;
    height: 2px;
    background: linear-gradient(90deg, #18c4d6, #004774);
    z-index: 2;
}

.pega-consulting-l-shape {
    position: absolute;
    bottom: -100px;
    right: 100px;
    z-index: 1;
}

/* --- Responsive Settings --- */
@media (max-width: 992px) {
    .pega-consulting-banner-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

/* ==========================================================================
   PEGA CONSULTING BANNER - RESPONSIVE
========================================================================== */

/* 1366px */
@media (max-width: 1366px) {

    .pega-consulting-banner-section {
        padding: 110px 0;
    }

    .pega-consulting-title {
        font-size: 46px;
    }

    .pega-consulting-banner-wrapper {
        gap: 50px;
    }

    .pega-consulting-l-shape {
        right: 60px;
    }

    .pega-consulting-gradient-line {
        left: 50px;
    }
}

/* 1200px */
@media (max-width: 1200px) {

    .pega-consulting-title {
        font-size: 42px;
    }

    .pega-consulting-subtitle {
        font-size: 18px;
    }

    .pega-consulting-banner-wrapper {
        gap: 40px;
    }

    .pega-consulting-gradient-line {
        left: 80px;
    }

    .pega-consulting-l-shape {
        right: 40px;
        bottom: -80px;
    }

    .pega-consulting-l-shape img {
        max-width: 120px;
    }
}

/* 1024px */
@media (max-width: 1024px) {

    .pega-consulting-banner-section {
        padding: 100px 0;
    }

    .pega-consulting-title {
        font-size: 38px;
    }

    .pega-consulting-subtitle {
        font-size: 17px;
    }

    .pega-consulting-desc {
        font-size: 15px;
    }

    .pega-consulting-banner-wrapper {
        gap: 35px;
    }
}

/* Tablet */
@media (max-width: 991px) {

    .pega-consulting-banner-section {
        padding: 90px 0;
    }

    .pega-consulting-banner-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }

    .pega-consulting-content {
        order: 1;
    }

    .pega-consulting-image {
        order: 2;
    }

    .pega-consulting-image img {
        max-width: 700px;
        margin: 0 auto;
        display: block;
    }

    .pega-consulting-gradient-line {
        left: 50%;
        transform: translateX(-50%);
    }

    .pega-consulting-l-shape {
        right: 20px;
        bottom: -60px;
    }
}

/* Mobile Landscape */
@media (max-width: 768px) {

    .pega-consulting-banner-section {
        padding: 80px 0;
    }

    .pega-consulting-breadcrumb {
        font-size: 14px;
    }

    .pega-consulting-title {
        font-size: 32px;
        line-height: 1.2;
    }

    .pega-consulting-subtitle {
        font-size: 16px;
    }

    .pega-consulting-desc {
        font-size: 14px;
        line-height: 1.7;
    }

    .pega-consulting-btn-explore {
        font-size: 14px;
        padding: 10px 22px;
    }

    .pega-consulting-image img {
        border-radius: 16px;
    }

    .pega-consulting-l-shape img {
        max-width: 90px;
    }
}

/* Mobile */
@media (max-width: 575px) {

    .pega-consulting-banner-section {
        padding: 70px 0;
    }

    .pega-consulting-title {
        font-size: 28px;
    }

    .pega-consulting-subtitle {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .pega-consulting-desc {
        font-size: 14px;
        margin-bottom: 25px;
    }

    .pega-consulting-btn-explore {
        padding: 10px 20px;
        font-size: 13px;
    }

    .pega-consulting-gradient-line {
        width: 60px;
    }

    .pega-consulting-l-shape {
        right: 10px;
        bottom: -40px;
    }

    .pega-consulting-l-shape img {
        max-width: 70px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .pega-consulting-banner-section {
        padding: 60px 0;
    }

    .pega-consulting-title {
        font-size: 24px;
    }

    .pega-consulting-subtitle {
        font-size: 14px;
    }

    .pega-consulting-desc {
        font-size: 13px;
        line-height: 1.7;
    }

    .pega-consulting-btn-explore {
        width: auto;
        padding: 9px 18px;
    }

    .pega-consulting-image img {
        border-radius: 12px;
    }

    .pega-consulting-l-shape {
        display: none;
    }
}

/* ==========================================================================
   PEGA CONSULTING READY TO TRANSFORM - STYLES
   ========================================================================== */

.pega-consulting-ready-section {
    padding: 80px 0;

    text-align: left;
}

.pega-consulting-ready-wrapper {
    max-width: 630px;
}

.pega-consulting-ready-title {
    font-size: 35px;
    font-weight: 700;
    color: #11181c;
    margin-bottom: 20px;
}

.pega-consulting-ready-desc {
    font-size: 15px;
    color: #161616;
    line-height: 1.9;
    font-weight: 500;
    ;
}

/* Responsive adjustment */
@media (max-width: 768px) {
    .pega-consulting-ready-section {
        text-align: center;
    }
}

/* ==========================================================================
   PEGA CONSULTING READY TO TRANSFORM - RESPONSIVE
========================================================================== */

/* 1366px */
@media (max-width: 1366px) {

    .pega-consulting-ready-section {
        padding: 75px 0;
    }

    .pega-consulting-ready-title {
        font-size: 34px;
    }
}

/* 1200px */
@media (max-width: 1200px) {

    .pega-consulting-ready-wrapper {
        max-width: 600px;
    }

    .pega-consulting-ready-title {
        font-size: 32px;
    }
}

/* 1024px */
@media (max-width: 1024px) {

    .pega-consulting-ready-section {
        padding: 70px 0;
    }

    .pega-consulting-ready-title {
        font-size: 30px;
    }

    .pega-consulting-ready-desc {
        font-size: 15px;
        line-height: 1.8;
    }
}

/* Tablet */
@media (max-width: 991px) {

    .pega-consulting-ready-section {
        padding: 65px 0;
    }

    .pega-consulting-ready-wrapper {
        max-width: 100%;
    }

    .pega-consulting-ready-title {
        font-size: 28px;
    }
}

/* Mobile Landscape */
@media (max-width: 768px) {

    .pega-consulting-ready-section {
        padding: 60px 0;
        text-align: center;
    }

    .pega-consulting-ready-title {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .pega-consulting-ready-desc {
        font-size: 14px;
        line-height: 1.8;
        max-width: 650px;
        margin: 0 auto;
    }
}

/* Mobile */
@media (max-width: 575px) {

    .pega-consulting-ready-section {
        padding: 50px 0;
    }

    .pega-consulting-ready-title {
        font-size: 24px;
    }

    .pega-consulting-ready-desc {
        font-size: 14px;
        line-height: 1.7;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .pega-consulting-ready-section {
        padding: 45px 0;
    }

    .pega-consulting-ready-title {
        font-size: 22px;
        line-height: 1.3;
    }

    .pega-consulting-ready-desc {
        font-size: 13px;
        line-height: 1.7;
    }
}

/* Extra Small Devices */
@media (max-width: 360px) {

    .pega-consulting-ready-title {
        font-size: 20px;
    }

    .pega-consulting-ready-desc {
        font-size: 12px;
    }
}

/* ==========================================================================
   END: PEGA CONSULTING READY TO TRANSFORM SECTION
   ========================================================================== */
/* ==========================================================================
   START: PEGA CONSULTING TRANSFORMATIONAL EXPERIENCES SECTION
   ========================================================================== */

.pega-consulting-transform-section {
    position: relative;
    padding: 100px 0;
    color: #ffffff;
    overflow: hidden;
    width: 100%;
}

.pega-consulting-transform-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.pega-consulting-transform-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pega-consulting-section-main-title {
    font-size: 32px;
    margin-bottom: 60px;
    text-align: left;
    color: #16B6CB;
    font-weight: 800;
}

.pega-consulting-transform-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px 80px;
}

.pega-consulting-transform-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.pega-consulting-icon-wrapper img {
    width: 170px;
    height: auto;
}

.pega-consulting-transform-title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}

.pega-consulting-transform-gradient-line {
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, #18c4d6, #004774);
    margin-bottom: 15px;
}

.pega-consulting-transform-desc {
    font-size: 15px;
    line-height: 1.6;
    opacity: 0.9;
    margin: 0;
    font-weight: 500;
}

/* Responsive Grid for Tablets/Mobile */
@media (max-width: 992px) {
    .pega-consulting-transform-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   END: PEGA CONSULTING TRANSFORMATIONAL EXPERIENCES SECTION
   ========================================================================== */

/* ==========================================================================
   PEGA CONSULTING SUPPORT SECTION STYLES
   ========================================================================== */

.pega-consulting-support-section {
    position: relative;
    padding: 100px 0 250px;
    overflow: visible;
}

.pega-consulting-support-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.pega-consulting-support-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pega-consulting-support-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 150px;
    align-items: start;
    margin-bottom: 100px;
}

.pega-consulting-features-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.pega-consulting-feature-item {
    border-left: 3px solid #18c4d6;
    padding-left: 40px;
}

.pega-consulting-btn-contact {
    display: inline-block;
    padding: 12px 30px;
    background: #18c4d6;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    margin-top: 20px;
}

.pega-consulting-cards-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    max-width: 1280px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100px;
    z-index: 10;
}

.pega-consulting-card {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    position: relative;
    min-height: 250px;
    padding-bottom: 80px;
}

.pega-consulting-card img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100px;
}

/* Typo & Other Styles */
.pega-consulting-support-content h2 {
    color: #11181c;
    font-size: 35px;
    font-weight: 700;
}

.pega-consulting-support-content p {
    color: #161616;
    font-size: 15px;
    font-weight: 500;
    margin-top: 25px;
    line-height: 1.8;
}

.pega-consulting-card h3 {
    color: #11181c;
    font-size: 20px;
    font-weight: 800;
}

.pega-consulting-card p {
    color: #161616;
    font-size: 15px;
    font-weight: 500;
}

.pega-consulting-feature-item h3 {
    color: #004774;
    font-size: 17px;
    font-weight: 700;
    margin-top: 20px;
}

@media (max-width: 992px) {
    .pega-consulting-support-header {
        grid-template-columns: 1fr;
    }

    .pega-consulting-cards-wrapper {
        position: relative;
        bottom: 0;
        margin-top: 50px;
        grid-template-columns: 1fr;
        padding: 0 15px;
    }
}

/* =========================================================
   1366px LAPTOP
========================================================= */

@media (min-width:1200px) and (max-width:1366px) {

    .pega-consulting-support-section {
        padding: 80px 0 220px;
    }

    .pega-consulting-support-header {
        gap: 80px;
        margin-bottom: 70px;
    }

    .pega-consulting-support-content h2 {
        font-size: 30px;
    }

    .pega-consulting-support-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .pega-consulting-feature-item {
        padding-left: 25px;
    }

    .pega-consulting-feature-item img {
        width: 50px;
    }

    .pega-consulting-feature-item h3 {
        font-size: 15px;
    }

    .pega-consulting-cards-wrapper {
        max-width: 1100px;
        gap: 20px;
        bottom: -80px;
    }

    .pega-consulting-card {
        padding: 30px;
        min-height: 220px;
        padding-bottom: 70px;
    }

    .pega-consulting-card h3 {
        font-size: 18px;
    }

    .pega-consulting-card p {
        font-size: 14px;
        line-height: 1.7;
    }

    .pega-consulting-card img {
        width: 85px;
    }
}

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

@media (max-width:991px) {

    .pega-consulting-support-section {
        padding: 70px 0;
    }

    .pega-consulting-support-header {
        grid-template-columns: 1fr;
        gap: 50px;
        margin-bottom: 40px;
    }

    .pega-consulting-support-content {
        text-align: center;
    }

    .pega-consulting-support-content h2 {
        font-size: 30px;
    }

    .pega-consulting-features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .pega-consulting-feature-item {
        padding-left: 20px;
    }

    .pega-consulting-cards-wrapper {
        position: relative;
        bottom: auto;
        grid-template-columns: 1fr;
        gap: 25px;
        margin-top: 40px;
    }

    .pega-consulting-card {
        min-height: auto;
    }
}

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

@media (max-width:767px) {

    .pega-consulting-support-section {
        padding: 60px 0;
    }

    .pega-consulting-support-content {
        text-align: center;
    }

    .pega-consulting-support-content h2 {
        font-size: 26px;
        line-height: 1.3;
    }

    .pega-consulting-support-content p {
        font-size: 14px;
        margin-top: 15px;
    }

    .pega-consulting-btn-contact {
        padding: 10px 24px;
        font-size: 14px;
    }

    .pega-consulting-features-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .pega-consulting-feature-item {
        padding-left: 18px;
    }

    .pega-consulting-feature-item img {
        width: 45px;
    }

    .pega-consulting-feature-item h3 {
        font-size: 16px;
        margin-top: 12px;
    }

    .pega-consulting-cards-wrapper {
        padding: 0;
        margin-top: 30px;
    }

    .pega-consulting-card {
        padding: 24px;
        padding-bottom: 70px;
        min-height: auto;
    }

    .pega-consulting-card h3 {
        font-size: 18px;
    }

    .pega-consulting-card p {
        font-size: 14px;
        line-height: 1.7;
    }

    .pega-consulting-card img {
        width: 75px;
    }
}

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

@media (max-width:480px) {

    .pega-consulting-support-section {
        padding: 50px 0;
    }

    .pega-consulting-support-content h2 {
        font-size: 22px;
    }

    .pega-consulting-support-content p {
        font-size: 13px;
    }

    .pega-consulting-feature-item {
        padding-left: 15px;
    }

    .pega-consulting-feature-item h3 {
        font-size: 15px;
    }

    .pega-consulting-card {
        padding: 20px;
        padding-bottom: 60px;
    }

    .pega-consulting-card h3 {
        font-size: 17px;
    }

    .pega-consulting-card p {
        font-size: 13px;
    }

    .pega-consulting-card img {
        width: 65px;
    }
}

/* ==========================================================================
   PEGA TRANSFORM SECTION STYLES
   ========================================================================== */

.pega-transform-section {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
    margin-top: 150px;
}

/* Background Image styling */
.pega-transform-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.pega-transform-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Container width limit */
.pega-consulting-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Content block ko control karne ke liye */
.transform-content {
    max-width: 880px;
    width: 100%;
}

/* Heading aur Line Layout */
.section-title {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    margin-left: 20px;
}

.section-title::before {
    content: "";
    width: 6px;
    height: 45px;
    background: linear-gradient(179.2deg,
            #108DC7 0.69%,
            #EF8E38 109.53%);
    flex-shrink: 0;
}

.section-title h2 {
    margin: 0;
}

.section-title h2 {
    font-size: 20px;
    font-weight: 900;
    color: #11181c;
    margin: 0;
    line-height: 1.2;
}

.transform-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #161616;
    margin-left: 21px;
    margin-bottom: 0;
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .pega-transform-section {
        padding: 60px 0;
        margin-top: 80px;
    }

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

    .accent-bar {
        height: 40px;
    }
}

/* =========================================================
   1366px LAPTOP
========================================================= */

@media (min-width:1200px) and (max-width:1366px) {

    .pega-transform-section {
        padding: 50px 0;
        margin-top: 120px;
    }

    .pega-consulting-container {
        max-width: 1100px;
    }

    .transform-content {
        max-width: 760px;
    }

    .section-title {
        gap: 12px;
        margin-bottom: 15px;
        margin-left: 15px;
    }

    .accent-bar {
        width: 5px;
        height: 40px;
    }

    .section-title h2 {
        font-size: 28px;
        line-height: 1.3;
    }

    .transform-content p {
        font-size: 14px;
        line-height: 1.8;
        margin-left: 17px;
    }
}

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

@media (max-width:991px) {

    .pega-transform-section {
        padding: 60px 0;
        margin-top: 100px;
    }

    .transform-content {
        max-width: 100%;
    }

    .section-title {
        margin-left: 0;
        gap: 12px;
        margin-bottom: 15px;
    }

    .accent-bar {
        height: 40px;
    }

    .section-title h2 {
        font-size: 26px;
        line-height: 1.3;
    }

    .transform-content p {
        margin-left: 0;
        font-size: 15px;
        line-height: 1.8;
    }
}

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

@media (max-width:767px) {

    .pega-transform-section {
        padding: 50px 0;
        margin-top: 80px;
    }

    .section-title {
        margin-left: 0;
        gap: 10px;
        align-items: flex-start;
    }

    .accent-bar {
        width: 5px;
        height: 35px;
        margin-top: 3px;
    }

    .section-title h2 {
        font-size: 22px;
        line-height: 1.4;
    }

    .transform-content p {
        margin-left: 0;
        font-size: 14px;
        line-height: 1.8;
    }
}

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

@media (max-width:480px) {

    .pega-transform-section {
        padding: 40px 0;
        margin-top: 60px;
    }

    .section-title {
        gap: 8px;
    }

    .accent-bar {
        width: 4px;
        height: 30px;
    }

    .section-title h2 {
        font-size: 20px;
        line-height: 1.4;
    }

    .transform-content p {
        font-size: 13px;
        line-height: 1.7;
    }
}

/* =========================================================
   PEGA DISCOVER SECTION
========================================================= */

.pega-discover-section {
    position: relative;
    padding-top: 50px;
}

.discover-wrapper {
    display: grid;
    grid-template-columns: 430px 1fr;
    align-items: end;
    gap: 50px;
    position: relative;
}

.pega-consulting-container {
    padding-bottom: 20px;
}

/* Magnifying Glass Image */
.discover-img {
    margin-top: -80px;
    /* Upper section overlap */
    margin-bottom: -20px;
    /* Blue line touch */
    position: relative;
    z-index: 2;
}

.pega-discover-btn-contact {
    display: inline-block;
    padding: 8px 20px;
    background: #149dab;
    color: #ffffff;
    border-radius: 2px;
    text-decoration: none;
}

.discover-content {
    padding-bottom: 80px;
}

.discover-img img {
    width: 100%;
    max-width: 222px;
    display: block;
}

.discover-content h2 {
    font-size: 27px;
    font-weight: 700;
    color: #11181c;
    margin-bottom: 15px;
    line-height: 1.3;
}

.discover-content p {
    font-size: 15px;
    color: #161616;
    margin-bottom: 25px;
    line-height: 1.7;
    font-weight: 600;
}

/* Full Width Bottom Line */
.bottom-blue-line {
    width: 100%;
    height: 6px;
    background-color: #004774;
    margin-top: 0;
    position: relative;
    z-index: 1;
}

/* =========================================================
   1366px LAPTOP
========================================================= */

@media (min-width:1200px) and (max-width:1366px) {

    .discover-wrapper {
        grid-template-columns: 380px 1fr;
        gap: 40px;
    }

    .discover-img {
        margin-top: -70px;
        margin-bottom: -15px;
    }

    .discover-img img {
        max-width: 260px;
    }

    .discover-content {
        padding-bottom: 60px;
    }

    .discover-content h2 {
        font-size: 24px;
    }

    .discover-content p {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 20px;
    }

    .pega-discover-btn-contact {
        padding: 8px 18px;
        font-size: 14px;
    }
}

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

@media (max-width:991px) {

    .pega-discover-section {
        padding-top: 40px;
    }

    .discover-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 30px;
    }

    .discover-img {
        display: flex;
        justify-content: center;
        margin-top: -50px;
        margin-bottom: -10px;
    }

    .discover-img img {
        max-width: 220px;
    }

    .discover-content {
        padding-bottom: 50px;
    }

    .discover-content h2 {
        font-size: 24px;
    }

    .discover-content p {
        font-size: 14px;
        margin-bottom: 20px;
    }
}

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

@media (max-width:767px) {

    .pega-discover-section {
        padding-top: 30px;
    }

    .discover-wrapper {
        grid-template-columns: 1fr;
        gap: 25px;
        text-align: center;
    }

    .discover-img {
        display: flex;
        justify-content: center;
        margin-top: -40px;
        margin-bottom: -8px;
    }

    .discover-img img {
        max-width: 170px;
    }

    .discover-content {
        padding-bottom: 35px;
    }

    .discover-content h2 {
        font-size: 22px;
        line-height: 1.4;
    }

    .discover-content p {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 18px;
    }

    .pega-discover-btn-contact {
        padding: 8px 18px;
        font-size: 13px;
    }

    .bottom-blue-line {
        height: 5px;
    }
}

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

@media (max-width:480px) {

    .discover-img {
        margin-top: -30px;
        margin-bottom: -5px;
    }

    .discover-img img {
        max-width: 140px;
    }

    .discover-content {
        padding-bottom: 25px;
    }

    .discover-content h2 {
        font-size: 20px;
    }

    .discover-content p {
        font-size: 13px;
    }

    .pega-discover-btn-contact {
        font-size: 12px;
        padding: 7px 16px;
    }

    .bottom-blue-line {
        height: 4px;
    }
}

/* =========================================================
   ADAPTIVE MANAGED SERVICES HERO
========================================================= */

.adaptive-managed-services-hero {
    position: relative;
    min-height: 850px;
    padding: 155px 20px 92px;
    overflow: hidden;
}

.adaptive-managed-services-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.adaptive-managed-services-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}


.adaptive-managed-services-hero-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr);
    gap: 30px;
    align-items: center;
}

.adaptive-managed-services-hero-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 36px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;
    color: #161616;
}

.adaptive-managed-services-hero-breadcrumb i {
    font-size: 11px;
    color: #004774;
}

.adaptive-managed-services-hero-breadcrumb a {
    color: #18c4d6;
    font-weight: 800;
}

.adaptive-managed-services-hero-content h1 {
    max-width: 570px;
    margin: 0 0 28px;
    font-size: 64px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -1px;
    color: #11181c;
}

.adaptive-managed-services-hero-content p {
    margin: 0 0 26px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 800;
    color: #161616;
}

.adaptive-managed-services-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 153px;
    min-height: 49px;
    padding: 12px 28px;
    border-radius: 4px;
    background: #18c4d6;
    color: #ffffff;
    font-size: 17px;
    line-height: 1;
    font-weight: 700;
}

.adaptive-managed-services-hero-btn:hover {
    background: #004774;
    color: #ffffff;
}

.adaptive-managed-services-hero-media {
    width: 100%;
    max-width: 555px;
    margin-left: auto;
}

.adaptive-managed-services-hero-media img {
    width: 100%;
    height: auto;
    display: block;
}

.adaptive-managed-services-hero-indicator {
    position: absolute;
    left: calc((100% - 1301px) / 2);
    bottom: 0;
    z-index: 2;
    width: 90px;
    height: 3px;
    background: linear-gradient(90deg, #18c4d6 0%, #004774 100%);
}


@media (max-width: 1399px) {
    .adaptive-managed-services-hero {
        min-height: 820px;
        padding-top: 140px;
    }

    .adaptive-managed-services-hero-container {
        max-width: 1140px;
        grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);
        gap: 50px;
    }

    .adaptive-managed-services-hero-content h1 {
        max-width: 650px;
        font-size: 64px;
    }

    .adaptive-managed-services-hero-content p {
        font-size: 22px;
    }

    .adaptive-managed-services-hero-indicator {
        left: calc((100% - 1140px) / 2);
    }
}

@media (max-width: 1199px) {
    .adaptive-managed-services-hero {
        min-height: auto;
        padding: 120px 20px 80px;
    }

    .adaptive-managed-services-hero-container {
        grid-template-columns: 1fr 0.86fr;
        gap: 36px;
    }

    .adaptive-managed-services-hero-content h1 {
        font-size: 52px;
        letter-spacing: 0;
    }

    .adaptive-managed-services-hero-content p {
        font-size: 20px;
    }

    .adaptive-managed-services-hero-indicator {
        left: 20px;
    }
}

@media (max-width: 991px) {
    .adaptive-managed-services-hero {
        padding: 96px 20px 70px;
    }

    .adaptive-managed-services-hero-container {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .adaptive-managed-services-hero-content {
        max-width: 720px;
    }

    .adaptive-managed-services-hero-content h1 {
        font-size: 48px;
    }

    .adaptive-managed-services-hero-media {
        max-width: 560px;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .adaptive-managed-services-hero {
        padding: 76px 18px 58px;
    }

    .adaptive-managed-services-hero-breadcrumb {
        margin-bottom: 26px;
        font-size: 14px;
    }

    .adaptive-managed-services-hero-content h1 {
        margin-bottom: 22px;
        font-size: 38px;
        line-height: 1.2;
    }

    .adaptive-managed-services-hero-content p {
        font-size: 18px;
    }

    .adaptive-managed-services-hero-btn {
        min-width: 140px;
        min-height: 46px;
        font-size: 15px;
    }

    .adaptive-managed-services-hero-indicator {
        left: 18px;
    }
}

@media (max-width: 575px) {
    .adaptive-managed-services-hero-content h1 {
        font-size: 34px;
    }

    .adaptive-managed-services-hero-content p {
        font-size: 16px;
    }
}

/* =========================================================
   ADAPTIVE MANAGED SERVICES HERO END
========================================================= */

/* =========================================================
   ADAPTIVE MANAGED SERVICES SAP MANAGED
========================================================= */
.adaptive-managed-services-sap-managed {
    position: relative;
    overflow: hidden;
    padding: 96px 20px 167px;
    background-color: #ffffff;
    background-image: url("../images/adaptive-managed-services/sap-managed-service.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.adaptive-managed-services-sap-managed-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.adaptive-managed-services-sap-managed-header {
    margin-bottom: 38px;
}

.adaptive-managed-services-sap-managed-header h2 {
    margin: 0 0 24px;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 800;
    color: #11181c;
}

.adaptive-managed-services-sap-managed-header p {
    max-width: 1270px;
    margin: 0;
    font-size: 15px;
    line-height: 1.85;
    font-weight: 500;
    color: #161616;
}

.adaptive-managed-services-sap-managed-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 372px;
    gap: 48px;
    align-items: center;
    padding: 46px 50px;
    background-color: white;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.03);
}

.adaptive-managed-services-sap-managed-card-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    font-weight: 500;
    color: #161616;
}

.adaptive-managed-services-sap-managed-card-content p+p {
    margin-top: 26px;
}

.adaptive-managed-services-sap-managed-card-image {
    width: 100%;
    max-width: 372px;
    justify-self: end;
}

.adaptive-managed-services-sap-managed-card-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

@media (max-width: 1399px) {
    .adaptive-managed-services-sap-managed-container {
        max-width: 1140px;
    }
}

@media (max-width: 1199px) {
    .adaptive-managed-services-sap-managed {
        padding: 84px 20px 48px;
    }

    .adaptive-managed-services-sap-managed-card {
        grid-template-columns: minmax(0, 1fr) 330px;
        gap: 34px;
        padding: 40px;
    }
}

@media (max-width: 991px) {
    .adaptive-managed-services-sap-managed {
        padding: 72px 20px 46px;
    }

    .adaptive-managed-services-sap-managed-header h2 {
        font-size: 32px;
    }

    .adaptive-managed-services-sap-managed-card {
        grid-template-columns: 1fr;
    }

    .adaptive-managed-services-sap-managed-card-image {
        justify-self: start;
        max-width: 420px;
    }
}

@media (max-width: 767px) {
    .adaptive-managed-services-sap-managed {
        padding: 58px 18px 42px;
    }

    .adaptive-managed-services-sap-managed-header h2 {
        font-size: 28px;
    }

    .adaptive-managed-services-sap-managed-header p,
    .adaptive-managed-services-sap-managed-card-content p {
        font-size: 15px;
        line-height: 1.75;
    }

    .adaptive-managed-services-sap-managed-card {
        padding: 28px 22px;
        border-radius: 16px;
    }
}

@media (max-width: 575px) {
    .adaptive-managed-services-sap-managed-header h2 {
        font-size: 25px;
    }
}

/* =========================================================
   ADAPTIVE MANAGED SERVICES SAP MANAGED END
========================================================= */

/* =========================================================
   ADAPTIVE MANAGED SERVICES DIFFERENTIATORS
========================================================= */

.adaptive-managed-services-differentiators {
    position: relative;
    /* overflow: hidden; */
    padding: 60px 20px 118px;
    background: linear-gradient(90deg,
            rgba(239, 142, 56, 0.24) 0%,
            rgba(239, 142, 56, 0.1) 30%,
            rgba(24, 196, 214, 0.1) 58%,
            rgba(16, 141, 199, 0.24) 100%);
}

.adaptive-managed-services-differentiators::before {
    display: none;
}

.adaptive-managed-services-differentiators-bg {
    display: none;
}

.adaptive-managed-services-differentiators-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.adaptive-managed-services-differentiators-cta {
    position: relative;
    min-height: 228px;
    margin: -197px 0 76px;
    padding: 54px 26px 48px 255px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
    background: #002437;
    border-radius: 10px;
    overflow: visible;
    z-index: 99999;
}



.adaptive-managed-services-differentiators-cta-tower {
    position: absolute;
    left: 2px;
    bottom: 0;
    z-index: 2;
    width: 204px;
    height: auto;
}

.adaptive-managed-services-differentiators-cta-text {
    max-width: 780px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 800;
}

.adaptive-managed-services-differentiators-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 138px;
    min-height: 45px;
    padding: 12px 24px;
    border-radius: 4px;
    background: #18c4d6;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
}

.adaptive-managed-services-differentiators-cta-btn:hover {
    background: #ffffff;
    color: #002437;
}

.adaptive-managed-services-differentiators-heading {
    position: relative;
    margin-bottom: 44px;
    padding-left: 30px;
}

.adaptive-managed-services-differentiators-heading::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: 132px;
    background: linear-gradient(179.99deg, #108DC7 0.02%, #EF8E38 100%);
}

.adaptive-managed-services-differentiators-heading h2 {
    margin: 0 0 24px;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 800;
    color: #11181c;
}

.adaptive-managed-services-differentiators-heading p {
    max-width: 920px;
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #161616;
    font-weight: 500;
}

.adaptive-managed-services-differentiators-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 188px 208px 244px;
    gap: 20px;
}

.adaptive-managed-services-differentiators-card {
    position: relative;
    min-height: 0;
    padding: 25px 22px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 14px;
}

.adaptive-managed-services-differentiators-card h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 22px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    color: #11181c;
}

.adaptive-managed-services-differentiators-card p {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 240px;
    font-size: 16px;
    line-height: 1.65;
    color: #161616;
    font-weight: 500;

}

.adaptive-managed-services-differentiators-card-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 98px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 42px;
}

.adaptive-managed-services-differentiators-card-icon i {
    font-size: 48px;
}

.adaptive-managed-services-differentiators-card-icon img {
    width: 71px;
    height: auto;
    display: block;
    margin-bottom: 21px;
    margin-left: 27px;
}






.adaptive-managed-services-differentiators-card-cost {
    padding-right: 126px;
}

.adaptive-managed-services-differentiators-card-cost .adaptive-managed-services-differentiators-card-icon {
    width: 122px;
    height: 100%;
    border-bottom-left-radius: 0;

    align-items: center;
}

.adaptive-managed-services-differentiators-card-cost .adaptive-managed-services-differentiators-card-icon img {
    width: 112px;
    margin: 0 12px 0 0;
    margin-bottom: 47px;
    margin-left: 21px;
}


.adaptive-managed-services-differentiators-card-seasoned {
    grid-column: 1;
    grid-row: 1 / span 2;
    padding-bottom: 0;
}

.adaptive-managed-services-differentiators-card-hourglass {
    grid-column: 2;
    grid-row: 2;
}

.adaptive-managed-services-differentiators-card:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
}

.adaptive-managed-services-differentiators-card:nth-child(4) {
    grid-column: 2;
    grid-row: 1;
}

.adaptive-managed-services-differentiators-card-clock {
    grid-column: 2;
    grid-row: 3;
}

.adaptive-managed-services-differentiators-card:nth-child(6) {
    grid-column: 3;
    grid-row: 1;
}

.adaptive-managed-services-differentiators-card:nth-child(7) {
    grid-column: 3;
    grid-row: 2;
}

.adaptive-managed-services-differentiators-card-final {
    grid-column: 3;
    grid-row: 3;
}

.adaptive-managed-services-differentiators-seasoned-visual {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 178px;
}

.adaptive-managed-services-differentiators-seasoned-visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.adaptive-managed-services-differentiators-seasoned-visual::after {
    display: none;
}

.adaptive-managed-services-differentiators-card-hourglass,
.adaptive-managed-services-differentiators-card-clock {
    padding-right: 128px;
}

.adaptive-managed-services-differentiators-card-clock {
    padding-right: 22px;
}

.adaptive-managed-services-differentiators-hourglass {
    position: absolute;
    right: 0;
    top: 0;
    width: 121px;
    height: 198px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    pointer-events: none;
}

.adaptive-managed-services-differentiators-hourglass img {
    width: 100%;
    height: auto;
    display: block;
}

.adaptive-managed-services-differentiators-clock {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    width: 208px;
    height: 254px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    pointer-events: none;
}

.adaptive-managed-services-differentiators-clock img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: right bottom;
}

.adaptive-managed-services-differentiators-clock::before,
.adaptive-managed-services-differentiators-clock::after {
    display: none;
}

.adaptive-managed-services-differentiators-card-final {
    background-image: url("../images/adaptive-managed-services/secure-sap-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #ffffff;
    box-shadow: inset 0 0 28px rgba(255, 255, 255, 0.26),
        0 10px 18px rgba(35, 62, 73, 0.18);
    overflow: hidden;
}

.adaptive-managed-services-differentiators-card-final p {
    position: relative;
    z-index: 2;
    max-width: 270px;
    color: #ffffff;
    font-weight: 600;
}

.adaptive-managed-services-differentiators-final-puzzle {
    position: absolute;
    right: 24px;
    bottom: 20px;
    z-index: 3;
    width: 132px;
    height: auto;
    display: block;
}

@media (max-width: 1199px) {
    .adaptive-managed-services-differentiators-container {
        max-width: 960px;
    }

    .adaptive-managed-services-differentiators-cta {
        padding-left: 220px;
    }

    .adaptive-managed-services-differentiators-cta-tower {
        width: 180px;
    }

    .adaptive-managed-services-differentiators-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
    }

    .adaptive-managed-services-differentiators-card,
    .adaptive-managed-services-differentiators-card-seasoned,
    .adaptive-managed-services-differentiators-card-hourglass,
    .adaptive-managed-services-differentiators-card-clock,
    .adaptive-managed-services-differentiators-card-final,
    .adaptive-managed-services-differentiators-card:nth-child(3),
    .adaptive-managed-services-differentiators-card:nth-child(4),
    .adaptive-managed-services-differentiators-card:nth-child(6),
    .adaptive-managed-services-differentiators-card:nth-child(7) {
        grid-column: auto;
        grid-row: auto;
        min-height: 188px;
    }

    .adaptive-managed-services-differentiators-card-seasoned {
        min-height: 416px;
    }
}

@media (max-width: 991px) {
    .adaptive-managed-services-differentiators {
        padding-top: 56px;
        padding-bottom: 90px;
    }

    .adaptive-managed-services-differentiators::before {
        top: 196px;
    }

    .adaptive-managed-services-differentiators-cta {
        min-height: 230px;
        padding: 132px 28px 32px;
        grid-template-columns: 1fr;
    }

    .adaptive-managed-services-differentiators-cta::before {
        left: 24px;
        top: -14px;
    }

    .adaptive-managed-services-differentiators-cta-tower {
        left: 24px;
        width: 150px;
    }

    .adaptive-managed-services-differentiators-cta-text {
        font-size: 22px;
    }

    .adaptive-managed-services-differentiators-heading h2 {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .adaptive-managed-services-differentiators {
        padding: 56px 18px 70px;
    }

    .adaptive-managed-services-differentiators-cta {
        margin-bottom: 58px;
    }

    .adaptive-managed-services-differentiators-heading {
        padding-left: 22px;
    }

    .adaptive-managed-services-differentiators-heading::before {
        height: 150px;
    }

    .adaptive-managed-services-differentiators-heading h2 {
        font-size: 28px;
    }

    .adaptive-managed-services-differentiators-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .adaptive-managed-services-differentiators-cta-text {
        font-size: 19px;
    }

    .adaptive-managed-services-differentiators-card {
        padding: 22px 20px;
    }
}

/* =========================================================
   ADAPTIVE MANAGED SERVICES DIFFERENTIATORS END
========================================================= */

/* =========================================================
   ADAPTIVE MANAGED SERVICES SUPPORT WORKLOAD
========================================================= */

.adaptive-managed-services-support-workload {
    position: relative;
    min-height: 385px;
    overflow: hidden;
    background: #07547c;
}

.adaptive-managed-services-support-workload-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.adaptive-managed-services-support-workload-bg img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.adaptive-managed-services-support-workload-satellite {
    position: absolute;
    left: -18px;
    top: 0;
    z-index: 2;
    width: 492px;
    height: auto;
    display: block;
}

.adaptive-managed-services-support-workload-container {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1160px;
    min-height: 385px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 72px 20px;
}

.adaptive-managed-services-support-workload-content {
    width: 100%;
    max-width: 620px;
    margin-right: 62px;
}

.adaptive-managed-services-support-workload-content h2 {
    margin: 0 0 28px;
    color: #ffffff;
    font-size: 40px;
    line-height: 1.22;
    font-weight: 800;
}

.adaptive-managed-services-support-workload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 232px;
    min-height: 46px;
    padding: 10px 15px;
    border-radius: 4px;
    background: #18c4d6;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
}

.adaptive-managed-services-support-workload-btn:hover {
    background: #ffffff;
    color: #07547c;
}

@media (max-width: 1199px) {
    .adaptive-managed-services-support-workload-satellite {
        width: 420px;
    }

    .adaptive-managed-services-support-workload-content {
        max-width: 560px;
        margin-right: 20px;
    }
}

@media (max-width: 991px) {
    .adaptive-managed-services-support-workload {
        min-height: 340px;
    }

    .adaptive-managed-services-support-workload-satellite {
        left: -80px;
        width: 360px;
    }

    .adaptive-managed-services-support-workload-container {
        min-height: 340px;
        padding: 58px 28px;
    }

    .adaptive-managed-services-support-workload-content {
        max-width: 500px;
        margin-right: 0;
    }

    .adaptive-managed-services-support-workload-content h2 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .adaptive-managed-services-support-workload {
        min-height: 430px;
    }

    .adaptive-managed-services-support-workload-satellite {
        left: -92px;
        top: -10px;
        width: 330px;
        opacity: 0.72;
    }

    .adaptive-managed-services-support-workload-container {
        min-height: 430px;
        justify-content: flex-start;
        align-items: flex-end;
        padding: 190px 22px 54px;
    }

    .adaptive-managed-services-support-workload-content h2 {
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    .adaptive-managed-services-support-workload-content h2 {
        font-size: 27px;
    }

    .adaptive-managed-services-support-workload-btn {
        min-width: 0;
        width: 100%;
    }
}

/* =========================================================
   ADAPTIVE MANAGED SERVICES SUPPORT WORKLOAD END
========================================================= */

/* =========================================================
   ADAPTIVE MANAGED SERVICES 1366PX PRIORITY
========================================================= */

@media (min-width: 1200px) and (max-width: 1366px) {
    .adaptive-managed-services-hero {
        min-height: 768px;
        padding: 126px 20px 76px;
    }

    .adaptive-managed-services-hero-container {
        max-width: 1140px;
        grid-template-columns: minmax(0, 1.04fr) minmax(390px, 0.96fr);
        gap: 46px;
    }

    .adaptive-managed-services-hero-breadcrumb {
        margin-bottom: 30px;
    }

    .adaptive-managed-services-hero-content h1 {
        max-width: 650px;
        font-size: 58px;
        line-height: 1.18;
    }

    .adaptive-managed-services-hero-content p {
        font-size: 21px;
    }

    .adaptive-managed-services-hero-media {
        max-width: 520px;
    }

    .adaptive-managed-services-hero-indicator {
        left: calc((100% - 1140px) / 2);
    }

    .adaptive-managed-services-sap-managed {
        padding: 82px 20px 145px;
    }

    .adaptive-managed-services-sap-managed-container {
        max-width: 1140px;
    }

    .adaptive-managed-services-sap-managed-header {
        margin-bottom: 34px;
    }

    .adaptive-managed-services-sap-managed-header h2 {
        font-size: 34px;
    }

    .adaptive-managed-services-sap-managed-card {
        grid-template-columns: minmax(0, 1fr) 350px;
        gap: 42px;
        padding: 42px 46px;
    }

    .adaptive-managed-services-differentiators {
        padding: 60px 20px 105px;
    }

    .adaptive-managed-services-differentiators-container {
        max-width: 1140px;
    }

    .adaptive-managed-services-differentiators-cta {
        min-height: 214px;
        margin: -182px 0 66px;
        padding: 48px 26px 42px 238px;
        gap: 28px;
    }

    .adaptive-managed-services-differentiators-cta-tower {
        width: 192px;
    }

    .adaptive-managed-services-differentiators-cta-text {
        max-width: 760px;
        font-size: 23px;
    }

    .adaptive-managed-services-differentiators-heading {
        margin-bottom: 38px;
    }

    .adaptive-managed-services-differentiators-heading h2 {
        font-size: 36px;
    }

    .adaptive-managed-services-differentiators-grid {
        gap: 18px;
    }

    .adaptive-managed-services-differentiators-card h3 {
        font-size: 23px;
    }

    .adaptive-managed-services-support-workload {
        min-height: 360px;
    }

    .adaptive-managed-services-support-workload-satellite {
        left: 0px;
        width: 350px;
    }

    .adaptive-managed-services-support-workload-container {
        max-width: 1140px;
        min-height: 360px;
        padding: 64px 20px;
    }

    .adaptive-managed-services-support-workload-content {
        max-width: 590px;
        margin-right: 32px;
    }

    .adaptive-managed-services-support-workload-content h2 {
        font-size: 38px;
    }
}

/* =========================================================
   ADAPTIVE MANAGED SERVICES 1366PX PRIORITY END
========================================================= */


/* =========================================================
   PERMITTING AND LICENSING HERO
========================================================= */

.permitting-and-licensing-hero {
    position: relative;
    min-height: 725px;
    padding: 150px 20px 120px;
    overflow: hidden;
}

.permitting-and-licensing-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.permitting-and-licensing-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.permitting-and-licensing-hero-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1295px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(470px, 0.96fr);
    gap: 58px;
    align-items: center;
}

.permitting-and-licensing-hero-content {
    padding-top: 30px;
}

.permitting-and-licensing-hero-content h1 {
    margin: 0 0 32px;
    color: #11181c;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: 0;
}

.permitting-and-licensing-hero-content p {
    max-width: 635px;
    margin: 0;
    color: #151a1d;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
}

.permitting-and-licensing-hero-visual {
    width: 100%;
    max-width: 591px;
    margin: 0 0 0 auto;
}

.permitting-and-licensing-hero-visual img {
    width: 100%;
    height: auto;
}

@media (max-width: 1399px) {
    .permitting-and-licensing-hero {
        min-height: 813px;
        padding-top: 150px;
    }

    .permitting-and-licensing-hero-container {
        max-width: 1198px;
        grid-template-columns: minmax(0, 1fr) minmax(450px, 0.95fr);
        gap: 54px;
    }

    .permitting-and-licensing-hero-content h1 {
        font-size: 54px;
    }
}

@media (max-width: 1199px) {
    .permitting-and-licensing-hero {
        min-height: auto;
        padding: 130px 20px 95px;
    }

    .permitting-and-licensing-hero-container {
        grid-template-columns: minmax(0, 1fr) minmax(390px, 0.92fr);
        gap: 38px;
    }

    .permitting-and-licensing-hero-content h1 {
        font-size: 48px;
    }

    .permitting-and-licensing-hero-content p {
        font-size: 17px;
        line-height: 1.75;
    }
}

@media (max-width: 991px) {
    .permitting-and-licensing-hero {
        padding: 120px 20px 78px;
    }

    .permitting-and-licensing-hero-container {
        max-width: 720px;
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .permitting-and-licensing-hero-content {
        padding-top: 0;
    }

    .permitting-and-licensing-hero-content h1 {
        margin-bottom: 24px;
        font-size: 44px;
        line-height: 1.22;
    }

    .permitting-and-licensing-hero-visual {
        max-width: 591px;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .permitting-and-licensing-hero {
        padding: 106px 18px 62px;
    }

    .permitting-and-licensing-hero-container {
        gap: 34px;
    }

    .permitting-and-licensing-hero-content h1 {
        font-size: 38px;
    }

    .permitting-and-licensing-hero-content p {
        font-size: 16px;
        line-height: 1.7;
    }
}

@media (max-width: 575px) {
    .permitting-and-licensing-hero {
        padding-top: 98px;
    }

    .permitting-and-licensing-hero-content h1 {
        font-size: 34px;
    }
}

/* =========================================================
   PERMITTING AND LICENSING HERO END
========================================================= */

/* =========================================================
   PERMITTING AND LICENSING FEATURES
========================================================= */

.permitting-and-licensing-features {
    position: relative;
    min-height: 960px;
    padding: 116px 20px 116px;
    overflow: hidden;
    background: #eeeeee;
}

.permitting-and-licensing-features-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.permitting-and-licensing-features-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.permitting-and-licensing-features-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1295px;
    margin: 0 auto;
}

.permitting-and-licensing-features-container h2 {
    margin: 0 0 28px;
    text-align: center;
    color: #11181c;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.25;
}

.permitting-and-licensing-features-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px 36px;
}

.permitting-and-licensing-features-card {
    min-height: 229px;
    padding: 24px 27px 24px;
    border: 1px solid rgba(0, 87, 135, 0.22);
    border-radius: 13px;
    background: #B9CEDB38;
}

.permitting-and-licensing-features-card-header {
    min-height: 85px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 87, 135, 0.2);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.permitting-and-licensing-features-card-header h3 {
    margin: 0;
    color: #00517f;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;
}

.permitting-and-licensing-features-card-header img {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    object-fit: contain;
}

.permitting-and-licensing-features-card p {
    margin: 0;
    color: #161616;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.62;
}

@media (max-width: 1199px) {
    .permitting-and-licensing-features {
        min-height: auto;
        padding: 96px 20px;
    }

    .permitting-and-licensing-features-container {
        max-width: 960px;
    }

    .permitting-and-licensing-features-container h2 {
        font-size: 36px;
    }

    .permitting-and-licensing-features-card {
        padding: 22px 18px;
    }

    .permitting-and-licensing-features-card-header h3 {
        font-size: 19px;
    }
}

@media (max-width: 991px) {
    .permitting-and-licensing-features {
        padding: 78px 20px;
    }

    .permitting-and-licensing-features-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .permitting-and-licensing-features-container h2 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .permitting-and-licensing-features {
        padding: 64px 18px;
    }

    .permitting-and-licensing-features-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .permitting-and-licensing-features-container h2 {
        margin-bottom: 24px;
        font-size: 30px;
    }

    .permitting-and-licensing-features-card {
        min-height: 0;
    }
}

@media (max-width: 575px) {
    .permitting-and-licensing-features-container h2 {
        font-size: 28px;
    }

    .permitting-and-licensing-features-card-header {
        min-height: 0;
    }

    .permitting-and-licensing-features-card-header h3 {
        font-size: 18px;
    }

    .permitting-and-licensing-features-card-header img {
        width: 42px;
        height: 42px;
    }

    .permitting-and-licensing-features-card p {
        font-size: 15px;
    }
}

/* =========================================================
   PERMITTING AND LICENSING FEATURES END
========================================================= */

/* =========================================================
   PERMITTING AND LICENSING DYNAMIC SOLUTIONS
========================================================= */
/* =========================================================
   PERMITTING AND LICENSING DYNAMIC SOLUTIONS
========================================================= */

.permitting-and-licensing-dynamic-solutions {
    position: relative;
    min-height: 700px;
    padding: 95px 20px 88px;
    overflow: hidden;
    background: #001d30;
}

.permitting-and-licensing-dynamic-solutions-container {
    width: 100%;
    max-width: 1280px;
    min-height: 517px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 406px;
    gap: 100px;
    align-items: center;
}

.permitting-and-licensing-dynamic-solutions-content h2 {
    margin: 0 0 28px;
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.26;
}

.permitting-and-licensing-dynamic-solutions-list {
    display: flex;
    flex-direction: column;
    gap: 29px;
}

.permitting-and-licensing-dynamic-solutions-item {

    min-height: 58px;
    width: 100%;
    max-width: 595px;
    padding: 20px 20px 20px 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 23px;
    background-color: #204354;
    -webkit-backdrop-filter: blur(10px);
    box-shadow: inset 0 5px 14px #ebf0f3, inset 0 -9px 9px rgba(0, 0, 0, 0.18);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    transition: all 0.3s ease;
}

.permitting-and-licensing-dynamic-solutions-item i {
    font-size: 18px;
    line-height: 1;
    color: #ffffff;
}

.accordion-header {
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
}

.accordion-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-out;
}

.custom-accordion-item.active .accordion-content {
    grid-template-rows: 1fr;
}

.accordion-content-inner {
    overflow: hidden;
    min-height: 0;
}

.accordion-content-inner>ul {
    margin-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    padding-top: 15px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.accordion-content-inner>ul>li {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    position: relative;
    padding-left: 16px;
    line-height: 1.4;
}

.accordion-content-inner>ul>li:last-child {
    margin-bottom: 0;
}

.accordion-content-inner>ul>li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
}

.permitting-and-licensing-dynamic-solutions-image {
    width: 100%;
    max-width: 406px;
    justify-self: end;
}

.permitting-and-licensing-dynamic-solutions-image img {
    width: 100%;
    height: auto;
    border-radius: 15px;
}

@media (max-width: 1199px) {
    .permitting-and-licensing-dynamic-solutions {
        min-height: auto;
        padding: 82px 20px;
    }

    .permitting-and-licensing-dynamic-solutions-container {
        max-width: 960px;
        grid-template-columns: minmax(0, 1fr) 370px;
        gap: 62px;
    }

    .permitting-and-licensing-dynamic-solutions-content h2 {
        font-size: 35px;
    }

    .permitting-and-licensing-dynamic-solutions-item {
        font-size: 19px;
    }
}

@media (max-width: 991px) {
    .permitting-and-licensing-dynamic-solutions-container {
        max-width: 720px;
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .permitting-and-licensing-dynamic-solutions-image {
        max-width: 448px;
        justify-self: start;
    }

    .permitting-and-licensing-dynamic-solutions-item {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .permitting-and-licensing-dynamic-solutions {
        padding: 66px 18px;
    }

    .permitting-and-licensing-dynamic-solutions-content h2 {
        font-size: 30px;
    }

    .permitting-and-licensing-dynamic-solutions-list {
        gap: 20px;
    }

    .permitting-and-licensing-dynamic-solutions-item {
        min-height: 54px;
        padding: 13px 20px;
        border-radius: 20px;
        font-size: 17px;
    }
}

@media (max-width: 575px) {
    .permitting-and-licensing-dynamic-solutions-content h2 {
        font-size: 28px;
    }

    .permitting-and-licensing-dynamic-solutions-item {
        font-size: 16px;
    }

    .accordion-header {
        align-items: flex-start;
    }

    .permitting-and-licensing-dynamic-solutions-item i {
        margin-top: 3px;
        font-size: 15px;
    }
}

/* =========================================================
   PERMITTING AND LICENSING DYNAMIC SOLUTIONS END
========================================================= */

/* =========================================================
   PERMITTING AND LICENSING DYNAMIC SOLUTIONS END
========================================================= */

/* =========================================================
   HIGHLY ADAPTABLE FORMS AND WORKFLOWS
   ========================================================= */

.permitting-and-licensing-adaptable-workflows {
    width: 100%;
    background: #f7f7f7;
    overflow: hidden;
}


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

.permitting-and-licensing-adaptable-workflows-container {
    width: 100%;
    max-width: 1280px;
    min-height: 698px;

    margin: 0 auto;
    padding: 60px 0;

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

    box-sizing: border-box;
}


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

.permitting-and-licensing-adaptable-workflows-content {
    width: 48%;

    padding-right: 30px;

    box-sizing: border-box;
}

.permitting-and-licensing-adaptable-workflows-content h2 {
    margin: 0 0 30px;

    color: #11181c;

    font-size: 35px;
    line-height: 1.28;
    font-weight: 700;

    letter-spacing: -1.2px;
}

.permitting-and-licensing-adaptable-workflows-content p {
    max-width: 650px;

    margin: 0 0 48px;

    color: #161616;

    font-size: 15px;
    line-height: 1.72;
    font-weight: 500;
}

.permitting-and-licensing-adaptable-workflows-link {
    position: relative;

    display: inline-block;

    color: #001d30;
    text-decoration: none;

    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;

    padding-bottom: 17px;
}

.permitting-and-licensing-adaptable-workflows-link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 133px;
    height: 3px;

    background: #19c5dc;
}


/* =========================================================
   RIGHT SLIDER AREA
   ========================================================= */

.permitting-and-licensing-adaptable-workflows-image {
    position: relative;

    width: 49%;
    max-width: 675px;

    /*
     * Left + right 22px = slider ke exact edges
     * Bottom 42px = pagination ke liye space
     */
    padding: 0 22px 42px;

    box-sizing: border-box;
}


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

.permitting-and-licensing-adaptable-workflows-slider {
    position: relative;

    width: 100%;

    aspect-ratio: 1.72 / 1;

    padding: 14px;

    background: #222222;

    border-radius: 24px;

    box-sizing: border-box;

    overflow: hidden;
}

.permitting-and-licensing-adaptable-workflows-slider .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.permitting-and-licensing-adaptable-workflows-slider .swiper-slide {
    width: 100%;
    height: 100%;

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

    overflow: hidden;

    border-radius: 15px;
}

.permitting-and-licensing-adaptable-workflows-slider .swiper-slide img {
    display: block;

    width: 100%;
    height: 320px;

    object-fit: cover;

    border-radius: 15px;
}


/* =========================================================
   LEFT / RIGHT ARROWS
   ========================================================= */

.permitting-and-licensing-adaptable-workflows-slider-prev,
.permitting-and-licensing-adaptable-workflows-slider-next {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 100;

    width: 52px;
    height: 52px;

    padding: 0;
    margin: 0;

    border: 0;
    border-radius: 50%;

    background: #e8e8e8;

    color: #002d46;

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

    cursor: pointer;

    appearance: none;

    transition: background 0.2s ease;
}

.permitting-and-licensing-adaptable-workflows-slider-prev {
    left: -3px;
}

.permitting-and-licensing-adaptable-workflows-slider-next {
    right: -3px;
}

.permitting-and-licensing-adaptable-workflows-slider-prev i,
.permitting-and-licensing-adaptable-workflows-slider-next i {
    font-size: 19px;
    line-height: 1;
}

.permitting-and-licensing-adaptable-workflows-slider-prev:hover,
.permitting-and-licensing-adaptable-workflows-slider-next:hover {
    background: #dddddd;
}


/* =========================================================
   PAGINATION
   IMPORTANT:
   Exact slider width ke according center hoga.
   
   Slider:
   left  = 22px
   right = 22px
   
   Pagination bhi:
   left  = 22px
   width = calc(100% - 44px)
   
   Isse pagination EXACT slider ke center mein aayega.
   ========================================================= */

.permitting-and-licensing-adaptable-workflows-pagination {
    position: absolute;

    /*
     * Parent ke left se exact slider edge
     */
    left: 22px;

    /*
     * Exact slider width
     */
    width: calc(100% - 44px) !important;

    /*
     * Slider ke neeche
     */
    bottom: 10px;

    height: 8px;

    z-index: 200;

    display: flex !important;

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

    gap: 3px;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;

    transform: none !important;

    white-space: nowrap;

    pointer-events: auto;
}


/* =========================================================
   NORMAL DOT
   ========================================================= */

.permitting-and-licensing-adaptable-workflows-pagination .swiper-pagination-bullet {
    display: block !important;

    width: 6px !important;
    height: 6px !important;

    min-width: 6px !important;
    max-width: 6px !important;

    min-height: 6px !important;
    max-height: 6px !important;

    flex: 0 0 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    border-radius: 50% !important;

    background: #bdd0dc !important;

    opacity: 1 !important;

    box-shadow: none !important;

    cursor: pointer;

    transition:
        width 0.25s ease,
        background 0.25s ease,
        border-radius 0.25s ease;
}


/* =========================================================
   ACTIVE DOT
   Screenshot style:
   
   ━ • • • •
   ========================================================= */

.permitting-and-licensing-adaptable-workflows-pagination .swiper-pagination-bullet-active {
    display: block !important;

    width: 10px !important;
    height: 5px !important;

    min-width: 10px !important;
    max-width: 10px !important;

    min-height: 5px !important;
    max-height: 5px !important;

    flex: 0 0 10px !important;

    margin: 0 !important;

    border-radius: 5px !important;

    background: #16445d !important;

    opacity: 1 !important;
}


/* =========================================================
   1366px
   CONTAINER = 1140px
   ========================================================= */

@media (min-width: 1200px) and (max-width: 1439px) {

    .permitting-and-licensing-adaptable-workflows-container {
        max-width: 1140px;

        min-height: 620px;
    }

    .permitting-and-licensing-adaptable-workflows-content {
        width: 49%;
    }

    .permitting-and-licensing-adaptable-workflows-content h2 {
        font-size: 40px;
    }

    .permitting-and-licensing-adaptable-workflows-content p {
        font-size: 17px;
        line-height: 1.7;
    }

    .permitting-and-licensing-adaptable-workflows-link {
        font-size: 22px;
    }

    .permitting-and-licensing-adaptable-workflows-image {
        width: 49%;
        max-width: 640px;
    }

    .permitting-and-licensing-adaptable-workflows-slider .swiper-slide img {
        display: block;

        width: 100%;
        height: 275px;

        object-fit: cover;

        border-radius: 15px;
    }

}


/* =========================================================
   1440px+
   CONTAINER = 1280px
   ========================================================= */

@media (min-width: 1440px) {

    .permitting-and-licensing-adaptable-workflows-container {
        max-width: 1280px;
    }
}


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

@media (max-width: 1199px) {

    .permitting-and-licensing-adaptable-workflows-container {
        max-width: 960px;

        min-height: auto;

        padding: 80px 20px;

        gap: 40px;
    }

    .permitting-and-licensing-adaptable-workflows-content {
        width: 50%;
    }

    .permitting-and-licensing-adaptable-workflows-content h2 {
        font-size: 36px;
    }

    .permitting-and-licensing-adaptable-workflows-content p {
        font-size: 17px;
    }

    .permitting-and-licensing-adaptable-workflows-image {
        width: 50%;
    }
}


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

@media (max-width: 767px) {

    .permitting-and-licensing-adaptable-workflows-container {
        display: block;

        padding: 60px 20px;
    }

    .permitting-and-licensing-adaptable-workflows-content {
        width: 100%;

        padding-right: 0;

        margin-bottom: 45px;
    }

    .permitting-and-licensing-adaptable-workflows-content h2 {
        font-size: 32px;
        line-height: 1.25;

        letter-spacing: -0.5px;

        margin-bottom: 22px;
    }

    .permitting-and-licensing-adaptable-workflows-content p {
        font-size: 16px;
        line-height: 1.65;

        margin-bottom: 35px;
    }

    .permitting-and-licensing-adaptable-workflows-link {
        font-size: 20px;
    }

    .permitting-and-licensing-adaptable-workflows-image {
        width: 100%;
        max-width: 100%;

        padding-left: 18px;
        padding-right: 18px;

        padding-bottom: 42px;
    }

    .permitting-and-licensing-adaptable-workflows-slider {
        padding: 9px;

        border-radius: 17px;
    }

    .permitting-and-licensing-adaptable-workflows-slider-prev,
    .permitting-and-licensing-adaptable-workflows-slider-next {
        width: 40px;
        height: 40px;
    }

    .permitting-and-licensing-adaptable-workflows-slider-prev {
        left: -2px;
    }

    .permitting-and-licensing-adaptable-workflows-slider-next {
        right: -2px;
    }

    .permitting-and-licensing-adaptable-workflows-slider-prev i,
    .permitting-and-licensing-adaptable-workflows-slider-next i {
        font-size: 15px;
    }

    /*
     * Mobile par slider ki horizontal padding 18px hai,
     * isliye pagination bhi same exact width use karega.
     */
    .permitting-and-licensing-adaptable-workflows-pagination {
        left: 18px;

        width: calc(100% - 36px) !important;

        bottom: 8px;
    }
}


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

@media (max-width: 480px) {

    .permitting-and-licensing-adaptable-workflows-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .permitting-and-licensing-adaptable-workflows-content h2 {
        font-size: 28px;
    }

    .permitting-and-licensing-adaptable-workflows-content p {
        font-size: 15px;
    }

    .permitting-and-licensing-adaptable-workflows-image {
        padding-left: 13px;
        padding-right: 13px;
    }

    .permitting-and-licensing-adaptable-workflows-pagination {
        left: 13px;

        width: calc(100% - 26px) !important;

        bottom: 7px;
    }
}

/* =========================================================
   PERMITTING AND LICENSING ADAPTABLE WORKFLOWS END
========================================================= */

/* =========================================================
   PERMITTING AND LICENSING POTENTIAL
========================================================= */

.permitting-and-licensing-potential {
    position: relative;
    padding: 86px 20px 92px;
    overflow: hidden;
    background: #ffffff;
}

.permitting-and-licensing-potential-container {
    width: 100%;
    max-width: 1295px;
    margin: 0 auto;
}

.permitting-and-licensing-potential-testimonial {
    position: relative;
    min-height: 292px;
    margin-bottom: 95px;
    padding: 42px 52px 38px;
    border-radius: 10px;
    background: #001d30;
    display: grid;
    grid-template-columns: 285px minmax(0, 1fr);
    gap: 39px;
    align-items: center;
    overflow: visible;
}

.permitting-and-licensing-potential-testimonial-corner {
    position: absolute;
    right: 15px;
    top: -50px;
    z-index: 2;
    width: 168px;
    height: auto;
    pointer-events: none;
}

.permitting-and-licensing-potential-testimonial-title {
    min-height: 212px;
    padding-right: 44px;
    border-right: 2px solid #18c4d6;
    display: flex;
    align-items: center;
}

.permitting-and-licensing-potential-testimonial-title h2 {
    margin: 0;
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.3;
}

.permitting-and-licensing-potential-testimonial-slider-wrap {
    position: relative;
    min-width: 0;
    padding: 0 48px;
}

.permitting-and-licensing-potential-testimonial-slider {
    width: 100%;
    overflow: hidden;
}

.permitting-and-licensing-potential-testimonial-slide {
    min-height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.permitting-and-licensing-potential-testimonial-quote {
    max-width: 600px;
    margin: 0 0 24px;
    color: #ffffff;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.5;
}

.permitting-and-licensing-potential-testimonial-author {
    display: flex;
    align-items: center;
    gap: 24px;
}

.permitting-and-licensing-potential-testimonial-author img {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    object-fit: contain;
    flex: 0 0 auto;
    box-shadow: 0 0 14px rgba(255, 255, 255, 0.22);
}

.permitting-and-licensing-potential-testimonial-author h3 {
    margin: 0 0 2px;
    color: #18c4d6;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.28;
}

.permitting-and-licensing-potential-testimonial-author span {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
}

.permitting-and-licensing-potential-testimonial-prev,
.permitting-and-licensing-potential-testimonial-next {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 30px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.82);
    font-size: 25px;
    line-height: 1;
    transform: translateY(-50%);
    cursor: pointer;
}

.permitting-and-licensing-potential-testimonial-prev {
    left: 0;
}

.permitting-and-licensing-potential-testimonial-next {
    right: 0;
}

.permitting-and-licensing-potential-testimonial-prev:hover,
.permitting-and-licensing-potential-testimonial-next:hover {
    color: #18c4d6;
}

/* =========================================================
   PERMITTING & LICENSING - ZIG ZAG
========================================================= */

.permitting-and-licensing-potential-zigzag {
    display: flex;
    flex-direction: column;

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

    margin: 0 auto;
    padding: 0;

    gap: 72px;
}


/* =========================================================
   ROW
   CONTENT WIDTH = IMAGE WIDTH
========================================================= */

.permitting-and-licensing-potential-zigzag-row,
.permitting-and-licensing-potential-zigzag-row-reverse {
    display: grid;

    /* Available width minus gap is divided equally */
    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 50px;

    width: 100%;
    margin: 0;
    padding: 0;

    align-items: start;
}


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

.permitting-and-licensing-potential-zigzag-content {
    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    align-self: start;
}


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

.permitting-and-licensing-potential-zigzag-content h2 {
    width: 100%;

    margin: 0 0 24px;
    padding: 0;

    color: #11181c;

    font-size: 35px;
    font-weight: 700;
    line-height: 1.22;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.permitting-and-licensing-potential-zigzag-content p {
    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    color: #161616;

    font-size: 15px;
    font-weight: 500;
    line-height: 1.62;
}


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

.permitting-and-licensing-potential-zigzag-image {
    width: 100%;
    min-width: 0;

    height: 420px;

    margin: 0;
    padding: 0;

    align-self: start;

    overflow: hidden;
}


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

.permitting-and-licensing-potential-zigzag-image img {
    display: block;

    width: 100%;
    height: 100%;

    max-width: 100%;

    margin: 0;
    padding: 0;

    object-fit: cover;

    border-radius: 16px;
}


/* =========================================================
   1400px+
   MAX WIDTH = 1280px
========================================================= */

@media (min-width: 1400px) {

    .permitting-and-licensing-potential-zigzag {
        width: 100%;
        max-width: 1280px;
    }

}


/* =========================================================
   1200px - 1399px
   MAX WIDTH = 1140px

   1366px => 1140px
========================================================= */

@media (min-width: 1200px) and (max-width: 1399px) {

    .permitting-and-licensing-potential-zigzag {
        width: 100%;
        max-width: 1140px;
    }

    .permitting-and-licensing-potential-zigzag-row,
    .permitting-and-licensing-potential-zigzag-row-reverse {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 50px;
    }

}


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

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

    .permitting-and-licensing-potential-zigzag {
        width: calc(100% - 50px);
        max-width: none;

        gap: 60px;
    }

    .permitting-and-licensing-potential-zigzag-row,
    .permitting-and-licensing-potential-zigzag-row-reverse {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 35px;
    }

    .permitting-and-licensing-potential-zigzag-content h2 {
        font-size: 30px;
    }

    .permitting-and-licensing-potential-zigzag-content p {
        font-size: 14px;
    }

    .permitting-and-licensing-potential-zigzag-image {
        height: 320px;
    }

}


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

@media (max-width: 767px) {

    .permitting-and-licensing-potential-zigzag {
        width: calc(100% - 30px);
        max-width: none;

        gap: 45px;
    }

    .permitting-and-licensing-potential-zigzag-row,
    .permitting-and-licensing-potential-zigzag-row-reverse {
        display: flex;
        flex-direction: column;

        width: 100%;

        gap: 25px;
    }

    .permitting-and-licensing-potential-zigzag-content {
        width: 100%;
    }

    .permitting-and-licensing-potential-zigzag-image {
        width: 100%;
        height: 280px;
    }

    .permitting-and-licensing-potential-zigzag-image img {
        width: 100%;
        height: 100%;
    }

    .permitting-and-licensing-potential-zigzag-content h2 {
        margin: 0 0 18px;

        font-size: 27px;
        line-height: 1.25;
    }

    .permitting-and-licensing-potential-zigzag-content p {
        font-size: 14px;
        line-height: 1.6;
    }

}


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

@media (max-width: 480px) {

    .permitting-and-licensing-potential-zigzag {
        width: calc(100% - 24px);

        gap: 40px;
    }

    .permitting-and-licensing-potential-zigzag-row,
    .permitting-and-licensing-potential-zigzag-row-reverse {
        gap: 20px;
    }

    .permitting-and-licensing-potential-zigzag-image {
        height: 240px;
    }

    .permitting-and-licensing-potential-zigzag-content h2 {
        font-size: 24px;
    }

    .permitting-and-licensing-potential-zigzag-content p {
        font-size: 14px;
    }

    .permitting-and-licensing-potential-zigzag-image img {
        border-radius: 12px;
    }

}

@media (max-width: 1199px) {
    .permitting-and-licensing-potential-container {
        max-width: 960px;
    }

    .permitting-and-licensing-potential-testimonial {
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 30px;
        padding: 40px 38px;
    }

    .permitting-and-licensing-potential-testimonial-title h2 {
        font-size: 31px;
    }

    .permitting-and-licensing-potential-zigzag-row,
    .permitting-and-licensing-potential-zigzag-row-reverse {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 0.88fr);
        gap: 44px;
    }
}

@media (max-width: 991px) {
    .permitting-and-licensing-potential {
        padding: 72px 20px 78px;
    }

    .permitting-and-licensing-potential-testimonial {
        margin-bottom: 72px;
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .permitting-and-licensing-potential-testimonial-title {
        min-height: auto;
        padding-right: 0;
        padding-bottom: 26px;
        border-right: 0;
        border-bottom: 2px solid #18c4d6;
    }

    .permitting-and-licensing-potential-testimonial-title h2 {
        font-size: 30px;
    }

    .permitting-and-licensing-potential-testimonial-slider-wrap {
        padding: 0 36px;
    }

    .permitting-and-licensing-potential-zigzag-row,
    .permitting-and-licensing-potential-zigzag-row-reverse {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .permitting-and-licensing-potential-zigzag-row-reverse .permitting-and-licensing-potential-zigzag-image {
        order: 2;
    }

    .permitting-and-licensing-potential-zigzag-row-reverse .permitting-and-licensing-potential-zigzag-content {
        order: 1;
    }

    .permitting-and-licensing-potential-zigzag-image {
        max-width: 520px;
    }
}

@media (max-width: 767px) {
    .permitting-and-licensing-potential {
        padding: 58px 18px 66px;
    }

    .permitting-and-licensing-potential-testimonial {
        padding: 34px 24px;
        margin-bottom: 58px;
    }

    .permitting-and-licensing-potential-testimonial-corner {
        right: -26px;
        top: -42px;
        width: 132px;
    }

    .permitting-and-licensing-potential-testimonial-slider-wrap {
        padding: 0 26px;
    }

    .permitting-and-licensing-potential-testimonial-quote {
        font-size: 15px;
    }

    .permitting-and-licensing-potential-testimonial-author {
        gap: 16px;
    }

    .permitting-and-licensing-potential-testimonial-author img {
        width: 70px;
        height: 70px;
    }

    .permitting-and-licensing-potential-testimonial-author h3 {
        font-size: 17px;
    }

    .permitting-and-licensing-potential-testimonial-author span {
        font-size: 14px;
    }

    .permitting-and-licensing-potential-zigzag {
        gap: 54px;
    }

    .permitting-and-licensing-potential-zigzag-content h2 {
        font-size: 28px;
    }

    .permitting-and-licensing-potential-zigzag-content p {
        font-size: 15px;
    }
}

@media (max-width: 575px) {

    .permitting-and-licensing-potential-testimonial-title h2,
    .permitting-and-licensing-potential-zigzag-content h2 {
        font-size: 26px;
    }

    .permitting-and-licensing-potential-testimonial-author {
        align-items: flex-start;
    }
}

/* =========================================================
   PERMITTING AND LICENSING POTENTIAL END
========================================================= */

/* =========================================================
   PERMITTING AND LICENSING DEMO REQUEST
========================================================= */

.permitting-and-licensing-demo-request {
    position: relative;
    min-height: 824px;
    padding: 40px 0px 40px 0px;
    overflow: hidden;
    background-color: #EBEBEB;
    border-top-left-radius: 48px;
}

.permitting-and-licensing-demo-request-container {
    width: 100%;
    max-width: 1295px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.7fr) minmax(610px, 1fr);
    gap: 30px;
    align-items: center;
}

.permitting-and-licensing-demo-request-heading {
    padding-top: 286px;
}

.permitting-and-licensing-demo-request-heading h2 {
    margin-bottom: 301px;
    color: #11181c;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.28;
    margin-left: 164px;
}


.permitting-and-licensing-demo-request-form-card {
    padding: 48px 28px 48px;
    background: #F0F1F3;
    box-shadow: inset -24px -24px 64px #B9CCD8;
    border-radius: 24px;
}

.permitting-and-licensing-demo-request-form {
    display: grid;
    gap: 19px;
}

.permitting-and-licensing-demo-request-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.permitting-and-licensing-demo-request-form input,
.permitting-and-licensing-demo-request-form textarea {
    width: 100%;
    min-height: 58px;
    padding: 15px 20px;
    border: 1px solid rgba(0, 29, 48, 0.12);
    border-radius: 9px;
    outline: none;
    background: rgba(234, 240, 244, 0.22);
    color: #001d30;
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
}

.permitting-and-licensing-demo-request-form textarea {
    min-height: 91px;
    resize: vertical;
}

.permitting-and-licensing-demo-request-form input::placeholder,
.permitting-and-licensing-demo-request-form textarea::placeholder {
    color: rgba(17, 24, 28, 0.32);
}

.permitting-and-licensing-demo-request-form input:focus,
.permitting-and-licensing-demo-request-form textarea:focus {
    border-color: rgba(24, 196, 214, 0.8);
    background: rgba(255, 255, 255, 0.35);
}

.permitting-and-licensing-demo-request-form p {
    margin: 4px 0 0;
    color: #161616;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.55;
}

.permitting-and-licensing-demo-request-form button {
    width: fit-content;
    min-width: 95px;
    min-height: 35px;
    padding: 9px 16px;
    border: 0;
    border-radius: 3px;
    background: #001d30;
    color: #ffffff;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.permitting-and-licensing-demo-request-form button:hover {
    background: #18c4d6;
}

@media (max-width: 1199px) {
    .permitting-and-licensing-demo-request {
        min-height: auto;
        padding: 94px 20px 82px;
    }

    .permitting-and-licensing-demo-request-container {
        max-width: 960px;
        grid-template-columns: minmax(0, 0.7fr) minmax(560px, 1fr);
        gap: 44px;
    }

    .permitting-and-licensing-demo-request-heading h2 {
        font-size: 34px;
    }
}

@media (max-width: 991px) {
    .permitting-and-licensing-demo-request-container {
        max-width: 720px;
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .permitting-and-licensing-demo-request-heading {
        padding-top: 0;
    }

    .permitting-and-licensing-demo-request-form-card {
        padding: 36px 24px;
    }
}

@media (max-width: 767px) {
    .permitting-and-licensing-demo-request {
        padding: 70px 18px;
        border-top-left-radius: 36px;
    }

    .permitting-and-licensing-demo-request-heading h2 {
        font-size: 30px;
    }

    .permitting-and-licensing-demo-request-form-row {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .permitting-and-licensing-demo-request-form {
        gap: 16px;
    }

    .permitting-and-licensing-demo-request-form input,
    .permitting-and-licensing-demo-request-form textarea {
        min-height: 54px;
        font-size: 16px;
    }

    .permitting-and-licensing-demo-request-form p {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .permitting-and-licensing-demo-request-heading h2 {
        font-size: 27px;
    }

    .permitting-and-licensing-demo-request-form-card {
        padding: 28px 18px;
        border-radius: 18px;
    }
}

/* =========================================================
   PERMITTING AND LICENSING DEMO REQUEST END
========================================================= */

/* =========================================================
   PERMITTING AND LICENSING 1366PX PRIORITY
========================================================= */

@media (min-width: 1200px) and (max-width: 1366px) {
    .permitting-and-licensing-hero {
        min-height: 640px;
        padding: 128px 20px 86px;
    }

    .permitting-and-licensing-hero-container {
        max-width: 1120px;
        grid-template-columns: minmax(0, 1fr) minmax(430px, 0.92fr);
        gap: 48px;
    }

    .permitting-and-licensing-hero-content h1 {
        margin-bottom: 24px;
        font-size: 50px;
        line-height: 1.22;
    }

    .permitting-and-licensing-hero-content p {
        max-width: 570px;
        font-size: 16px;
        line-height: 1.76;
    }

    .permitting-and-licensing-hero-visual {
        max-width: 540px;
    }

    .permitting-and-licensing-features {
        padding: 92px 20px;
    }

    .permitting-and-licensing-features-container {
        max-width: 1280px;
    }

    .permitting-and-licensing-features-container h2 {
        font-size: 36px;
    }

    .permitting-and-licensing-features-grid {
        gap: 20px;
    }

    .permitting-and-licensing-features-card {
        min-height: 220px;
        padding: 22px 18px;
    }

    .permitting-and-licensing-features-card-header h3 {
        font-size: 19px;
    }

    .permitting-and-licensing-features-card p {
        font-size: 15px;
    }

    .permitting-and-licensing-dynamic-solutions {
        min-height: 620px;
        padding: 84px 40px;
    }

    .permitting-and-licensing-dynamic-solutions-container {
        max-width: 1280px;
        min-height: 452px;
        grid-template-columns: minmax(0, 1fr) 385px;
        gap: 72px;
    }

    .permitting-and-licensing-dynamic-solutions-content h2 {
        font-size: 34px;
    }

    .permitting-and-licensing-dynamic-solutions-item {
        min-height: 54px;
        max-width: 500px;
        font-size: 18px;
    }

    .permitting-and-licensing-dynamic-solutions-image {
        max-width: 385px;
    }


    .permitting-and-licensing-potential {
        padding: 78px 20px 86px;
    }

    .permitting-and-licensing-potential-container {
        max-width: 1040px;
    }

    .permitting-and-licensing-potential-testimonial {
        min-height: 270px;
        margin-bottom: 82px;
        padding: 38px 44px;
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 34px;
    }

    .permitting-and-licensing-potential-testimonial-corner {
        right: -12px;
        top: -52px;
        width: 154px;
    }

    .permitting-and-licensing-potential-testimonial-title h2 {
        font-size: 31px;
    }

    .permitting-and-licensing-potential-testimonial-quote {
        font-size: 15px;
    }

    .permitting-and-licensing-potential-testimonial-author img {
        width: 76px;
        height: 76px;
    }

    .permitting-and-licensing-potential-testimonial-author h3 {
        font-size: 18px;
    }

    .permitting-and-licensing-potential-zigzag {
        gap: 68px;
    }

    .permitting-and-licensing-potential-zigzag-row {
        grid-template-columns: minmax(0, 1fr) 520px;
        gap: 58px;
    }

    .permitting-and-licensing-potential-zigzag-row-reverse {
        grid-template-columns: 480px minmax(0, 1fr);
        gap: 58px;
    }

    .permitting-and-licensing-potential-zigzag-content h2 {
        font-size: 31px;
    }

    .permitting-and-licensing-potential-zigzag-content p {
        font-size: 15px;
    }

    .permitting-and-licensing-demo-request {
        min-height: 760px;
        padding: 56px 20px;
    }

    .permitting-and-licensing-demo-request-container {
        max-width: 1120px;
        grid-template-columns: minmax(300px, 0.7fr) minmax(610px, 1fr);
        gap: 42px;
    }

    .permitting-and-licensing-demo-request-heading {
        padding-top: 250px;
    }

    .permitting-and-licensing-demo-request-heading h2 {
        margin: 0 0 250px 95px;
        font-size: 34px;
        line-height: 1.3;
    }

    .permitting-and-licensing-demo-request-form-card {
        padding: 42px 28px;
    }
}

@media (max-width: 767px) {

    .permitting-and-licensing-demo-request-heading {
        padding-top: 0 !important;
        text-align: center;
    }

    .permitting-and-licensing-demo-request-heading h2 {
        margin: 0 auto !important;
        margin-bottom: 25px !important;
        font-size: 26px;
        line-height: 1.3;
        text-align: center;
        display: block;
    }

    .permitting-and-licensing-demo-request-container {
        justify-items: center;
        text-align: center;
    }
}

/* =========================================================
   PERMITTING AND LICENSING 1366PX PRIORITY END
========================================================= */


/* ==========================================================================
   STRATEGIC PORTFOLIO MANAGEMENT - BANNER STYLES
   ========================================================================== */

/* start: strategic-portfolio-management-banner-section */
.strategic-portfolio-management-banner-section {
    position: relative;
    padding: 160px 0 85px 0;
    overflow: hidden;
}

.strategic-portfolio-management-bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.strategic-portfolio-management-bg-layer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.strategic-portfolio-management-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
}

.strategic-portfolio-management-banner-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.strategic-portfolio-management-banner-title {
    font-size: 40px;
    font-weight: 600;
    color: #11181c;
    line-height: 1.2;
}

.strategic-portfolio-management-banner-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}

/* ==========================================================================
   STRATEGIC PORTFOLIO MANAGEMENT BANNER RESPONSIVE
   ========================================================================== */

/* Desktop Large (1366px) */
@media (max-width: 1366px) {

    .strategic-portfolio-management-container {
        max-width: 1180px !important;
        padding: 0 15px;
    }

    .strategic-portfolio-management-banner-section {
        padding: 120px 0;
    }

    .strategic-portfolio-management-banner-wrapper {
        gap: 60px;
    }

    .strategic-portfolio-management-banner-title {
        font-size: 32px;
        line-height: 1.3;
    }
}

/* Laptop */
@media (max-width: 1199px) {

    .strategic-portfolio-management-container {
        max-width: 960px;
    }

    .strategic-portfolio-management-banner-section {
        padding: 100px 0;
    }

    .strategic-portfolio-management-banner-wrapper {
        gap: 40px;
    }

    .strategic-portfolio-management-banner-title {
        font-size: 28px;
        line-height: 1.3;
    }
}

/* Tablet */
@media (max-width: 991px) {

    .strategic-portfolio-management-banner-section {
        padding: 80px 0;
    }

    .strategic-portfolio-management-banner-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }

    .strategic-portfolio-management-banner-content {
        order: 2;
    }

    .strategic-portfolio-management-banner-image {
        order: 1;
    }

    .strategic-portfolio-management-banner-image img {
        max-width: 80%;
        margin: 0 auto;
    }

    .strategic-portfolio-management-banner-title {
        font-size: 32px;
        line-height: 1.3;
        max-width: 700px;
        margin: 0 auto;
    }
}

/* Mobile Large */
@media (max-width: 767px) {

    .strategic-portfolio-management-banner-section {
        padding: 60px 0;
    }

    .strategic-portfolio-management-container {
        padding: 0 20px;
    }

    .strategic-portfolio-management-banner-wrapper {
        gap: 30px;
    }

    .strategic-portfolio-management-banner-title {
        font-size: 26px;
        line-height: 1.4;
    }

    .strategic-portfolio-management-banner-image img {
        width: 100%;
        max-width: 100%;
    }
}

/* Mobile */
@media (max-width: 575px) {

    .strategic-portfolio-management-banner-section {
        padding: 50px 0;
    }

    .strategic-portfolio-management-container {
        padding: 0 15px;
    }

    .strategic-portfolio-management-banner-title {
        font-size: 22px;
        line-height: 1.4;
    }

    .strategic-portfolio-management-banner-wrapper {
        gap: 25px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .strategic-portfolio-management-banner-section {
        padding: 40px 0;
    }

    .strategic-portfolio-management-banner-title {
        font-size: 20px;
        line-height: 1.4;
    }

    .strategic-portfolio-management-banner-image img {
        border-radius: 8px;
        padding-top: 70px;
    }
}

/* end: strategic-portfolio-management-banner-section */

/* ==========================================================================
   STRATEGIC PORTFOLIO MANAGEMENT - CARDS SECTION
   ========================================================================== */

/* start: strategic-portfolio-management-cards-section */
.strategic-portfolio-management-cards-section {
    background-color: #001d30;
    padding: 80px 0;
}

.strategic-portfolio-management-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
}

.strategic-portfolio-management-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.strategic-portfolio-management-card {
    background: #F3F7FA;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
}

.strategic-portfolio-management-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

.strategic-portfolio-management-title-wrapper {
    flex-grow: 1;
}

.strategic-portfolio-management-card-header h3 {
    font-size: 20px;
    font-weight: 700;
    color: #004774;
    line-height: 1.3;
    margin: 0;
}

.strategic-portfolio-management-card-header img {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.strategic-portfolio-management-underline {
    width: 100%;
    height: 1px;
    background: #B9CEDB;
    margin-bottom: 25px;
}

.strategic-portfolio-management-card p {
    font-size: 15px;
    line-height: 1.7;
    color: #161616;
    margin: 0;
    font-weight: 500;
}


/* ==========================================================================
   STRATEGIC PORTFOLIO MANAGEMENT - CARDS RESPONSIVE
   ========================================================================== */

/* 1366px */
@media (max-width: 1366px) {

    .strategic-portfolio-management-container {
        max-width: 1180px;
    }

    .strategic-portfolio-management-cards-grid {
        gap: 30px;
    }

    .strategic-portfolio-management-card {
        padding: 35px;
    }

    .strategic-portfolio-management-card-header h3 {
        font-size: 18px;
        line-height: 1.35;
    }

    .strategic-portfolio-management-card p {
        font-size: 14px;
        line-height: 1.7;
    }
}

/* Laptop */
@media (max-width: 1199px) {

    .strategic-portfolio-management-container {
        max-width: 960px;
    }

    .strategic-portfolio-management-cards-grid {
        gap: 25px;
    }

    .strategic-portfolio-management-card {
        padding: 30px;
    }

    .strategic-portfolio-management-card-header h3 {
        font-size: 17px;
    }

    .strategic-portfolio-management-card p {
        font-size: 14px;
    }
}

/* Tablet */
@media (max-width: 991px) {

    .strategic-portfolio-management-cards-section {
        padding: 70px 0;
    }

    .strategic-portfolio-management-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .strategic-portfolio-management-card {
        padding: 25px;
        border-radius: 16px;
    }

    .strategic-portfolio-management-card-header {
        gap: 15px;
        margin-bottom: 15px;
    }

    .strategic-portfolio-management-card-header img {
        width: 42px;
        height: 42px;
    }

    .strategic-portfolio-management-card-header h3 {
        font-size: 16px;
        line-height: 1.4;
    }

    .strategic-portfolio-management-card p {
        font-size: 14px;
        line-height: 1.7;
    }
}

/* Mobile Large */
@media (max-width: 767px) {

    .strategic-portfolio-management-cards-section {
        padding: 60px 0;
    }

    .strategic-portfolio-management-cards-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .strategic-portfolio-management-card {
        padding: 25px 20px;
    }

    .strategic-portfolio-management-card-header h3 {
        font-size: 18px;
    }

    .strategic-portfolio-management-card p {
        font-size: 14px;
        line-height: 1.8;
    }
}

/* Mobile */
@media (max-width: 575px) {

    .strategic-portfolio-management-cards-section {
        padding: 50px 0;
    }

    .strategic-portfolio-management-card {
        padding: 20px 18px;
        border-radius: 14px;
    }

    .strategic-portfolio-management-card-header {
        gap: 12px;
    }

    .strategic-portfolio-management-card-header img {
        width: 38px;
        height: 38px;
    }

    .strategic-portfolio-management-card-header h3 {
        font-size: 17px;
        line-height: 1.4;
    }

    .strategic-portfolio-management-card p {
        font-size: 13px;
        line-height: 1.7;
    }

    .strategic-portfolio-management-underline {
        margin-bottom: 18px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .strategic-portfolio-management-card {
        padding: 18px 15px;
    }

    .strategic-portfolio-management-card-header {
        align-items: flex-start;
    }

    .strategic-portfolio-management-card-header h3 {
        font-size: 16px;
    }

    .strategic-portfolio-management-card p {
        font-size: 13px;
    }
}

/* end: strategic-portfolio-management-cards-section */
/* ==========================================================================
   STRATEGIC PORTFOLIO MANAGEMENT - VALUE SECTION
   ========================================================================== */

.strategic-portfolio-management-value-wrapper {
    background-color: #B9CEDB;
    padding: 60px;
    border-radius: 20px;
    position: relative;
    margin-top: 120px;
}

/* Image L-Shape */
.strategic-portfolio-management-l-shape {
    position: absolute;
    top: -47px;
    right: 30px;
    width: 160px;
    height: auto;
}

.strategic-portfolio-management-value-header {
    text-align: center;
    margin-bottom: 50px;
    color: #11181c;
}

.strategic-portfolio-management-value-header h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
}

.strategic-portfolio-management-header-sub {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 20px;
}

.strategic-portfolio-management-value-header p {
    color: #161616;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
}

/* White box container */
.strategic-portfolio-management-white-box {
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
}

/* Grid layout with dividers */
.strategic-portfolio-management-value-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: #B9CEDB;
    gap: 1px;
}

.strategic-portfolio-management-grid-item {
    background: #ffffff;
    padding: 30px;
}

.strategic-portfolio-management-grid-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.strategic-portfolio-management-grid-item h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    color: #11181c;
}


/* ==========================================================================
   VALUE SECTION RESPONSIVE
   ========================================================================== */

/* 1366px */
@media (max-width: 1366px) {

    .strategic-portfolio-management-value-wrapper {
        padding: 50px;
        margin-top: 100px;
    }

    .strategic-portfolio-management-l-shape {
        width: 140px;
        top: -40px;
    }

    .strategic-portfolio-management-value-header h2 {
        font-size: 32px;
    }

    .strategic-portfolio-management-header-sub {
        font-size: 16px;
    }

    .strategic-portfolio-management-grid-item h3 {
        font-size: 18px;
    }
}

/* Tablet */
@media (max-width: 991px) {

    .strategic-portfolio-management-value-wrapper {
        padding: 35px;
        margin-top: 80px;
    }

    .strategic-portfolio-management-value-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .strategic-portfolio-management-value-header h2 {
        font-size: 28px;
    }

    .strategic-portfolio-management-grid-item {
        padding: 20px;
    }
}

/* Mobile */
@media (max-width: 767px) {

    .strategic-portfolio-management-value-wrapper {
        padding: 30px 20px;
        margin-top: 60px;
    }

    .strategic-portfolio-management-l-shape {
        width: 90px;
        top: -20px;
        right: 15px;
    }

    .strategic-portfolio-management-value-header {
        margin-bottom: 25px;
    }

    .strategic-portfolio-management-value-header h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    .strategic-portfolio-management-header-sub {
        font-size: 14px;
        line-height: 1.5;
    }

    .strategic-portfolio-management-value-header p {
        font-size: 14px;
        line-height: 1.7;
    }

    /* IMPORTANT */
    .strategic-portfolio-management-value-grid {
        grid-template-columns: 1fr;
    }

    .strategic-portfolio-management-grid-item {
        padding: 20px;
    }

    .strategic-portfolio-management-grid-item img {
        width: 100%;
        display: block;
    }

    .strategic-portfolio-management-grid-item h3 {
        font-size: 18px;
        margin-top: 15px;
    }
}

/* Small Mobile */
@media (max-width: 575px) {

    .strategic-portfolio-management-value-wrapper {
        padding: 25px 15px;
    }

    .strategic-portfolio-management-value-header h2 {
        font-size: 22px;
    }

    .strategic-portfolio-management-header-sub {
        font-size: 13px;
    }

    .strategic-portfolio-management-value-header p {
        font-size: 13px;
    }

    .strategic-portfolio-management-grid-item {
        padding: 15px;
    }

    .strategic-portfolio-management-grid-item h3 {
        font-size: 16px;
        margin-top: 12px;
    }
}

/* Extra Small Mobile */
@media (max-width: 480px) {

    .strategic-portfolio-management-value-grid {
        grid-template-columns: 1fr;
    }

    .strategic-portfolio-management-grid-item {
        padding: 15px;
    }

    .strategic-portfolio-management-grid-item img {
        width: 100%;
    }

    .strategic-portfolio-management-grid-item h3 {
        font-size: 15px;
        line-height: 1.4;
    }
}

/* ==========================================================================
   STRATEGIC PORTFOLIO MANAGEMENT - EXPERT TEAM SECTION
   ========================================================================== */

.strategic-portfolio-management-expert-section {
    padding: 80px 0;
    background-color: #ffffff;
}

.strategic-portfolio-management-expert-header {
    text-align: left;
    margin-bottom: 40px;
}

.strategic-portfolio-management-expert-header h2 {
    font-size: 35px;
    font-weight: 800;
    color: #11181c;
    margin-bottom: 10px;
}

.strategic-portfolio-management-expert-header p {
    font-size: 15px;
    color: #161616;
    font-weight: 500;
}

.strategic-portfolio-management-expert-card {
    background-color: #001d30;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 0px 40px 0 40px;
    overflow: hidden;
}

.strategic-portfolio-management-expert-content {
    flex: 1;
    color: #ffffff;
    padding-right: 40px;
}

.strategic-portfolio-management-expert-content h3 {
    font-size: 27px;
    margin-bottom: 20px;
    line-height: 1.3;
}

.strategic-portfolio-management-expert-content p {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
}

.strategic-portfolio-management-expert-image {
    flex-shrink: 0;
    width: 305px;
}

.strategic-portfolio-management-expert-image img {
    width: 80%;
    height: auto;
    display: block;
}


/* ==========================================================================
   STRATEGIC PORTFOLIO MANAGEMENT - EXPERT SECTION RESPONSIVE
   ========================================================================== */

/* 1366px */
@media (max-width: 1366px) {

    .strategic-portfolio-management-expert-section {
        padding: 70px 0;
    }

    .strategic-portfolio-management-expert-header h2 {
        font-size: 32px;
    }

    .strategic-portfolio-management-expert-header p {
        font-size: 14px;
    }

    .strategic-portfolio-management-expert-card {
        padding: 35px 35px 0;
    }

    .strategic-portfolio-management-expert-content {
        padding-right: 30px;
    }

    .strategic-portfolio-management-expert-content h3 {
        font-size: 24px;
    }

    .strategic-portfolio-management-expert-content p {
        font-size: 14px;
    }

    .strategic-portfolio-management-expert-image {
        width: 360px;
    }
}

/* Laptop */
@media (max-width: 1199px) {

    .strategic-portfolio-management-expert-card {
        padding: 30px 30px 0;
    }

    .strategic-portfolio-management-expert-image {
        width: 320px;
    }

    .strategic-portfolio-management-expert-header h2 {
        font-size: 28px;
    }

    .strategic-portfolio-management-expert-content h3 {
        font-size: 22px;
    }
}

/* Tablet */
@media (max-width: 991px) {

    .strategic-portfolio-management-expert-section {
        padding: 60px 0;
    }

    .strategic-portfolio-management-expert-header {
        margin-bottom: 30px;
    }

    .strategic-portfolio-management-expert-header h2 {
        font-size: 26px;
        line-height: 1.3;
    }

    .strategic-portfolio-management-expert-card {
        flex-direction: column;
        padding: 35px 30px 0;
        text-align: center;
    }

    .strategic-portfolio-management-expert-content {
        padding-right: 0;
        margin-bottom: 30px;
    }

    .strategic-portfolio-management-expert-content h3 {
        font-size: 22px;
        line-height: 1.4;
    }

    .strategic-portfolio-management-expert-image {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
    }
}

/* Mobile Large */
@media (max-width: 767px) {

    .strategic-portfolio-management-expert-section {
        padding: 50px 0;
    }

    .strategic-portfolio-management-expert-header {
        text-align: center;
    }

    .strategic-portfolio-management-expert-header h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    .strategic-portfolio-management-expert-header p {
        font-size: 14px;
        line-height: 1.6;
    }

    .strategic-portfolio-management-expert-card {
        padding: 25px 20px 0;
        border-radius: 16px;
    }

    .strategic-portfolio-management-expert-content {
        margin-bottom: 20px;
    }

    .strategic-portfolio-management-expert-content h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .strategic-portfolio-management-expert-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .strategic-portfolio-management-expert-image {
        max-width: 100%;
    }
}

/* Mobile */
@media (max-width: 575px) {

    .strategic-portfolio-management-expert-header h2 {
        font-size: 22px;
    }

    .strategic-portfolio-management-expert-header p {
        font-size: 13px;
    }

    .strategic-portfolio-management-expert-card {
        padding: 20px 15px 0;
        border-radius: 14px;
    }

    .strategic-portfolio-management-expert-content h3 {
        font-size: 18px;
        line-height: 1.4;
    }

    .strategic-portfolio-management-expert-content p {
        font-size: 13px;
        line-height: 1.7;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .strategic-portfolio-management-expert-section {
        padding: 40px 0;
    }

    .strategic-portfolio-management-expert-header h2 {
        font-size: 20px;
    }

    .strategic-portfolio-management-expert-content h3 {
        font-size: 17px;
    }

    .strategic-portfolio-management-expert-content p {
        font-size: 13px;
    }
}


/* =========================================================
   SAP STAFFING HERO
========================================================= */

.sap-staffing-hero {
    position: relative;
    min-height: 760px;
    padding: 145px 20px 86px;
    overflow: hidden;
    background: #f3f7fa;
}

.sap-staffing-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.sap-staffing-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.sap-staffing-hero-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(455px, 0.88fr);
    gap: 70px;
    align-items: center;
    padding-top: 70px;
}

.sap-staffing-hero-breadcrumb {
    margin-bottom: 36px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    color: #161616;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
}

.sap-staffing-hero-breadcrumb i,
.sap-staffing-hero-breadcrumb a {
    color: #18c4d6;
}

.sap-staffing-hero-breadcrumb i {
    font-size: 11px;
}

.sap-staffing-hero-breadcrumb a {
    font-weight: 800;
}

.sap-staffing-hero-content h1 {
    max-width: 660px;
    margin: 0 0 28px;
    color: #11181c;
    font-size: 64px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -1px;
}

.sap-staffing-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 121px;
    min-height: 38px;
    padding: 10px 22px;
    border-radius: 3px;
    background: #18c4d6;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

.sap-staffing-hero-btn:hover {
    background: #001d30;
    color: #ffffff;
}

.sap-staffing-hero-visual {
    width: 100%;
    max-width: 491px;
    justify-self: end;
}

.sap-staffing-hero-visual img {
    width: 100%;
    height: auto;
}

.sap-staffing-hero-indicator {
    position: absolute;
    left: calc((100% - 1135px) / 2);
    bottom: 0;
    z-index: 2;
    width: 85px;
    height: 3px;
    left: 115px;
    background: linear-gradient(90deg, #8ff3fb 0%, #42dceb 35%, #18c4d6 70%, #0a8ea0 100%);
}

/* =========================================================
   SAP STAFFING HERO RESPONSIVE
   ========================================================= */

@media (max-width: 1366px) {

    .sap-staffing-hero {
        min-height: 650px;
        padding: 120px 20px 70px;
    }

    .sap-staffing-hero-container {
        max-width: 1140px !important;
        gap: 50px;
        grid-template-columns: minmax(0, 1fr) minmax(400px, .85fr);
    }

    .sap-staffing-hero-breadcrumb {
        margin-bottom: 25px;
        font-size: 13px;
    }

    .sap-staffing-hero-content h1 {
        max-width: 560px;
        font-size: 52px;
        line-height: 1.2;
        margin-bottom: 25px;
    }

    .sap-staffing-hero-btn {
        min-width: 115px;
        min-height: 38px;
        font-size: 13px;
        padding: 10px 20px;
    }

    .sap-staffing-hero-visual {
        max-width: 430px;
    }

    .sap-staffing-hero-indicator {
        left: 28px;
        width: 75px;
    }
}

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

@media (max-width: 991px) {

    .sap-staffing-hero {
        min-height: auto;
        padding: 120px 20px 60px;
    }

    .sap-staffing-hero-container {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }

    .sap-staffing-hero-content {
        order: 2;
    }

    .sap-staffing-hero-visual {
        order: 1;
        max-width: 500px;
        margin: 0 auto;
        justify-self: center;
    }

    .sap-staffing-hero-breadcrumb {
        justify-content: center;
        margin-bottom: 20px;
    }

    .sap-staffing-hero-content h1 {
        max-width: 100%;
        font-size: 42px;
    }

    .sap-staffing-hero-indicator {
        display: none;
    }
}

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

@media (max-width: 767px) {

    .sap-staffing-hero {
        padding: 100px 15px 50px;
    }

    .sap-staffing-hero-container {
        gap: 30px;
    }

    .sap-staffing-hero-breadcrumb {
        gap: 6px;
        font-size: 12px;
    }

    .sap-staffing-hero-breadcrumb i {
        font-size: 9px;
    }

    .sap-staffing-hero-content h1 {
        font-size: 32px;
        line-height: 1.25;
        margin-bottom: 20px;
    }

    .sap-staffing-hero-btn {
        width: 100%;
        max-width: 220px;
    }

    .sap-staffing-hero-visual {
        max-width: 380px;
    }
}

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

@media (max-width: 575px) {

    .sap-staffing-hero {
        padding: 90px 15px 40px;
    }

    .sap-staffing-hero-content h1 {
        font-size: 26px;
        line-height: 1.3;
    }

    .sap-staffing-hero-breadcrumb {
        font-size: 11px;
    }

    .sap-staffing-hero-btn {
        max-width: 200px;
        font-size: 12px;
    }

    .sap-staffing-hero-visual {
        max-width: 300px;
    }
}

/* =========================================================
   SAP STAFFING HERO END
========================================================= */

/* =========================================================
   SAP STAFFING SERVICES
========================================================= */

.sap-staffing-services {
    position: relative;
    min-height: 360px;
    padding: 50px 0px 50px;
    overflow: hidden;
    background: #ffffff;
    max-width: 1360px;
}

.sap-staffing-services-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.sap-staffing-services-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sap-staffing-services-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
}

.sap-staffing-services-container h2 {
    margin: 0 0 24px;
    color: #11181c;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.24;
}

.sap-staffing-services-container p {
    max-width: 1130px;
    margin: 0;
    color: #161616;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.72;
}

.sap-staffing-services-container p+p {
    margin-top: 36px;
}

/* =========================================================
   1366px
========================================================= */

@media (max-width: 1366px) {

    .sap-staffing-services {
        min-height: auto;
        padding: 70px 0;
    }

    .sap-staffing-services-container {
        max-width: 1190px;
        padding: 0 20px;
    }

    .sap-staffing-services-container h2 {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 1.2;
    }

    .sap-staffing-services-container p {
        font-size: 15px;
        line-height: 1.7;
    }

    .sap-staffing-services-container p+p {
        margin-top: 28px;
    }
}

/* =========================================================
   991px
========================================================= */

@media (max-width: 991px) {

    .sap-staffing-services {
        padding: 60px 0;
    }

    .sap-staffing-services-container {
        padding: 0 25px;
    }

    .sap-staffing-services-container h2 {
        font-size: 34px;
        margin-bottom: 18px;
    }

    .sap-staffing-services-container p {
        font-size: 15px;
        line-height: 1.8;
    }

    .sap-staffing-services-container p+p {
        margin-top: 24px;
    }
}

/* =========================================================
   767px
========================================================= */

@media (max-width: 767px) {

    .sap-staffing-services {
        padding: 50px 0;
    }

    .sap-staffing-services-container {
        padding: 0 20px;
    }

    .sap-staffing-services-container h2 {
        font-size: 30px;
        line-height: 1.3;
        margin-bottom: 16px;
    }

    .sap-staffing-services-container p {
        font-size: 14px;
        line-height: 1.8;
    }

    .sap-staffing-services-container p+p {
        margin-top: 20px;
    }
}

/* =========================================================
   575px
========================================================= */

@media (max-width: 575px) {

    .sap-staffing-services {
        padding: 40px 0;
    }

    .sap-staffing-services-container {
        padding: 0 15px;
    }

    .sap-staffing-services-container h2 {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 14px;
    }

    .sap-staffing-services-container p {
        font-size: 14px;
        line-height: 1.7;
    }

    .sap-staffing-services-container p+p {
        margin-top: 18px;
    }
}



/* =========================================================
   SAP STAFFING SERVICES END
========================================================= */

/* =========================================================
   SAP STAFFING BENEFITS
========================================================= */

.sap-staffing-benefits {
    position: relative;
    padding: 86px 20px 124px;
    overflow: hidden;
    background: #eaf5f8;
}

.sap-staffing-benefits-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.sap-staffing-benefits-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sap-staffing-benefits-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1295px;
    margin: 0 auto;
}

.sap-staffing-benefits-heading {
    position: relative;
    margin-bottom: 36px;
    padding-left: 38px;
}

.sap-staffing-benefits-heading::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 114px;
    background: linear-gradient(180deg, #0a9bd3 0%, #f28a29 100%);
}

.sap-staffing-benefits-heading h2 {
    margin: 0 0 30px;
    color: #11181c;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.22;
}

.sap-staffing-benefits-heading p {
    margin: 0;
    color: #161616;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.55;
}

.sap-staffing-benefits-grid {
    display: grid;
    grid-template-columns: minmax(360px, 373px) minmax(0, 1fr);
    gap: 20px;
    align-items: stretch;
}

.sap-staffing-benefits-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.sap-staffing-benefits-top-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.sap-staffing-benefits-bottom-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.sap-staffing-benefit-card {
    position: relative;
    overflow: hidden;
    min-height: 264px;
    border-radius: 16px;
    background: #ffffff;
    color: #171d21;
}

.sap-staffing-benefit-card h3 {
    margin: 0 0 26px;
    color: #11181c;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
}

.sap-staffing-benefit-card p {
    margin: 0;
    color: #161616;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.55;
}

.sap-staffing-benefit-card-featured {
    display: block;
    min-height: 440px;
    max-width: 373px;

}

.sap-staffing-benefit-copy {
    position: relative;
    z-index: 2;
    padding: 20px 90px 20px 20px;
}

.sap-staffing-benefit-card-featured .sap-staffing-benefit-copy {
    min-height: 215px;
    padding-bottom: 24px;
}

.sap-staffing-benefit-image {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 275px;
}

.sap-staffing-benefit-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sap-staffing-benefit-card-with-art {
    min-height: 225px;
}

.sap-staffing-benefit-card-with-art .sap-staffing-benefit-copy {
    max-width: 310px;
    padding-right: 18px;
}

.sap-staffing-benefit-art {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 105px;
    min-height: 118px;
}




.sap-staffing-benefit-art img {
    display: block;
    position: relative;
    z-index: 3;
    height: auto;
    opacity: 1;
    visibility: visible;
}

.sap-staffing-benefit-art-pink img {
    width: 100px;
    margin-bottom: 36px;
    margin-left: 29px;

}

.sap-staffing-benefit-art-cream img {
    width: 165px;
    max-width: none;
    transform: translate(-30px, 0px);
}

.sap-staffing-benefit-card-small {
    padding: 24px 26px 28px;
    min-height: 195px;
}

.sap-staffing-benefit-card-small h3 {
    margin-bottom: 30px;
}

/* =========================================================
   SAP STAFFING BENEFITS RESPONSIVE
   ========================================================= */

@media (max-width: 1366px) {

    .sap-staffing-benefits {
        padding: 70px 20px 90px;
    }

    .sap-staffing-benefits-container {
        max-width: 1140px !important;
    }

    .sap-staffing-benefits-heading {
        margin-bottom: 30px;
        padding-left: 30px;
    }

    .sap-staffing-benefits-heading::before {
        height: 95px;
    }

    .sap-staffing-benefits-heading h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .sap-staffing-benefits-heading p {
        font-size: 14px;
    }

    .sap-staffing-benefits-grid {
        grid-template-columns: 340px 1fr;
        gap: 18px;
    }

    .sap-staffing-benefits-right,
    .sap-staffing-benefits-top-row,
    .sap-staffing-benefits-bottom-row {
        gap: 18px;
    }

    .sap-staffing-benefit-card {
        min-height: 220px;
    }

    .sap-staffing-benefit-card h3 {
        font-size: 16px;
        margin-bottom: 18px;
    }

    .sap-staffing-benefit-card p {
        font-size: 14px;
    }

    .sap-staffing-benefit-card-featured {
        min-height: 390px;
        max-width: 340px;
    }

    .sap-staffing-benefit-image {
        height: 230px;
    }

    .sap-staffing-benefit-copy {
        padding: 18px;
    }

    .sap-staffing-benefit-card-with-art {
        min-height: 200px;
    }

    .sap-staffing-benefit-art {
        width: 90px;
        min-height: 95px;
    }

    .sap-staffing-benefit-art-pink img {
        width: 60px;
        margin-bottom: 32px;
        margin-left: 30px;
    }

    .sap-staffing-benefit-art-cream img {
        width: 130px;
        transform: translate(-20px, 0);
    }

    .sap-staffing-benefit-card-small {
        min-height: 170px;
        padding: 20px;
    }

    .sap-staffing-benefit-card-small h3 {
        margin-bottom: 20px;
    }
}

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

@media (max-width: 991px) {

    .sap-staffing-benefits {
        padding: 60px 20px;
    }

    .sap-staffing-benefits-heading {
        padding-left: 25px;
    }

    .sap-staffing-benefits-heading h2 {
        font-size: 26px;
    }

    .sap-staffing-benefits-grid {
        grid-template-columns: 1fr;
    }

    .sap-staffing-benefit-card-featured {
        max-width: 100%;
        min-height: 420px;
    }

    .sap-staffing-benefits-top-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .sap-staffing-benefits-bottom-row {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

@media (max-width: 767px) {

    .sap-staffing-benefits {
        padding: 50px 15px;
    }

    .sap-staffing-benefits-heading {
        padding-left: 20px;
        margin-bottom: 25px;
    }

    .sap-staffing-benefits-heading::before {
        width: 3px;
        height: 80px;
    }

    .sap-staffing-benefits-heading h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .sap-staffing-benefits-heading p {
        font-size: 13px;
    }

    .sap-staffing-benefits-top-row,
    .sap-staffing-benefits-bottom-row {
        grid-template-columns: 1fr;
    }

    .sap-staffing-benefit-card-featured {
        min-height: auto;
    }

    .sap-staffing-benefit-image {
        position: relative;
        height: 220px;
    }

    .sap-staffing-benefit-copy {
        padding: 18px;
    }

    .sap-staffing-benefit-card,
    .sap-staffing-benefit-card-with-art,
    .sap-staffing-benefit-card-small {
        min-height: auto;
    }

    .sap-staffing-benefit-card-small {
        padding: 18px;
    }
}

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

@media (max-width: 575px) {

    .sap-staffing-benefits-heading h2 {
        font-size: 22px;
        line-height: 1.3;
    }

    .sap-staffing-benefits-heading p,
    .sap-staffing-benefit-card p {
        font-size: 13px;
    }

    .sap-staffing-benefit-card h3 {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .sap-staffing-benefit-image {
        height: 180px;
    }

    .sap-staffing-benefit-art {
        width: 75px;
        min-height: 75px;
    }

    .sap-staffing-benefit-art-pink img {
        width: 50px;
        margin: 10px;
    }

    .sap-staffing-benefit-art-cream img {
        width: 100px;
        transform: translate(-10px, 0);
    }
}


/* =========================================================
   SAP STAFFING BENEFITS END
========================================================= */

/* =========================================================
   SAP STAFFING OFFERINGS
========================================================= */

.sap-staffing-offerings {
    position: relative;
    min-height: 535px;
    padding: 104px 20px 92px;
    overflow: hidden;
    background: #f3f7fa;
}

.sap-staffing-offerings-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.sap-staffing-offerings-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.sap-staffing-offerings-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.sap-staffing-offerings-content {
    position: relative;
    z-index: 3;
    width: min(100%, 900px);
}

.sap-staffing-offerings-content h2 {
    margin: 0 0 52px;
    color: #11181c;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.4px;
}

.sap-staffing-offerings-grid {
    display: grid;
    grid-template-columns: minmax(0, 390px) minmax(0, 400px);
    /* gap: 54px; */
}

.sap-staffing-offerings-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.sap-staffing-offerings-list li {
    position: relative;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    color: #161616;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.18;
}

.sap-staffing-offering-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-top: 1px;
}

.sap-staffing-offering-icon svg {
    width: 100%;
    height: 100%;
}

.sap-staffing-offering-icon+span {
    min-width: 0;
    padding-top: 1px;
}

.sap-staffing-offerings-visual {
    position: absolute;
    right: -15px;
    top: -16px;
    z-index: 2;
    width: 195px;
    pointer-events: none;
}

.sap-staffing-offerings-visual img {
    width: 100%;
    height: auto;
}

/* =========================================================
   SAP STAFFING OFFERINGS RESPONSIVE
   ========================================================= */

@media (max-width: 1366px) {

    .sap-staffing-offerings {
        min-height: auto;
        padding: 80px 20px 70px;
    }

    .sap-staffing-offerings-container {
        max-width: 1140px !important;
    }

    .sap-staffing-offerings-content {
        width: min(100%, 820px);
    }

    .sap-staffing-offerings-content h2 {
        font-size: 30px;
        margin-bottom: 40px;
    }

    .sap-staffing-offerings-grid {
        grid-template-columns: minmax(0, 360px) minmax(0, 360px);
        gap: 30px;
    }

    .sap-staffing-offerings-list {
        gap: 22px;
    }

    .sap-staffing-offerings-list li {
        font-size: 18px;
        grid-template-columns: 42px 1fr;
    }

    .sap-staffing-offering-icon {
        width: 36px;
        height: 36px;
    }

    .sap-staffing-offerings-visual {
        width: 170px;
        right: 0;
        top: 0;
    }
}

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

@media (max-width: 991px) {

    .sap-staffing-offerings {
        padding: 60px 20px;
    }

    .sap-staffing-offerings-content {
        width: 100%;
    }

    .sap-staffing-offerings-content h2 {
        font-size: 26px;
        margin-bottom: 30px;
        text-align: center;
    }

    .sap-staffing-offerings-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .sap-staffing-offerings-visual {
        width: 140px;
        opacity: .7;
    }

    .sap-staffing-offerings-list li {
        font-size: 16px;
    }
}

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

@media (max-width: 767px) {

    .sap-staffing-offerings {
        padding: 50px 15px;
    }

    .sap-staffing-offerings-content h2 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 25px;
    }

    .sap-staffing-offerings-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sap-staffing-offerings-list {
        gap: 18px;
    }

    .sap-staffing-offerings-list li {
        font-size: 15px;
        line-height: 1.5;
        grid-template-columns: 34px 1fr;
    }

    .sap-staffing-offering-icon {
        width: 30px;
        height: 30px;
    }

    .sap-staffing-offerings-visual {
        display: none;
    }
}

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

@media (max-width: 575px) {

    .sap-staffing-offerings-content h2 {
        font-size: 22px;
        line-height: 1.3;
    }

    .sap-staffing-offerings-list li {
        font-size: 14px;
    }

    .sap-staffing-offering-icon {
        width: 28px;
        height: 28px;
    }
}

/* =========================================================
   SAP STAFFING OFFERINGS END
========================================================= */

/* =========================================================
   SAP STAFFING TAILORED SERVICES
========================================================= */

.sap-staffing-tailored {
    position: relative;
    padding: 94px 20px 98px;
    overflow: hidden;
    background: #ffffff;
}

.sap-staffing-tailored-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.sap-staffing-tailored-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.sap-staffing-tailored-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1295px;
    margin: 0 auto;
}

.sap-staffing-tailored h2 {
    max-width: 1060px;
    margin: 0 0 44px;
    color: #11181c;
    font-size: 50px;
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -0.5px;
}

.sap-staffing-tailored-list {
    display: flex;
    flex-direction: column;
    gap: 38px;
}

.sap-staffing-tailored-item {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 19px;
    align-items: start;
}

.sap-staffing-tailored-icon {
    width: 72px;
    height: 72px;
}

.sap-staffing-tailored-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sap-staffing-tailored-copy h3 {
    margin: 2px 0 12px;
    color: #11181c;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
}

.sap-staffing-tailored-rule {
    display: block;
    width: 57px;
    height: 2px;
    margin: 0 0 18px;
    background: #18aeca;
}

.sap-staffing-tailored-copy p {
    margin: 0;
    color: #161616;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.9;
}

.sap-staffing-tailored-flow {
    width: min(100%, 1295px);
    margin: 40px auto 0;
}

.sap-staffing-tailored-flow img {
    width: 100%;
    height: auto;
}



/* =========================================================
   SAP STAFFING TAILORED SERVICES RESPONSIVE
   ========================================================= */

@media (max-width: 1366px) {

    .sap-staffing-tailored {
        padding: 75px 0px 80px;
    }

    .sap-staffing-tailored-container {
        max-width: 1140px !important;
    }

    .sap-staffing-tailored h2 {
        max-width: 900px;
        font-size: 40px;
        margin-bottom: 35px;
        line-height: 1.25;
    }

    .sap-staffing-tailored-list {
        gap: 30px;
    }

    .sap-staffing-tailored-item {
        grid-template-columns: 60px 1fr;
        gap: 18px;
    }

    .sap-staffing-tailored-icon {
        width: 60px;
        height: 60px;
    }

    .sap-staffing-tailored-copy h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .sap-staffing-tailored-copy p {
        font-size: 14px;
        line-height: 1.8;
    }

    .sap-staffing-tailored-rule {
        width: 50px;
        margin-bottom: 15px;
    }

    .sap-staffing-tailored-flow {
        margin-top: 35px;
    }
}

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

@media (max-width: 991px) {

    .sap-staffing-tailored {
        padding: 60px 20px;
    }

    .sap-staffing-tailored h2 {
        font-size: 32px;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .sap-staffing-tailored-list {
        gap: 25px;
    }

    .sap-staffing-tailored-item {
        grid-template-columns: 55px 1fr;
    }

    .sap-staffing-tailored-icon {
        width: 55px;
        height: 55px;
    }

    .sap-staffing-tailored-copy h3 {
        font-size: 17px;
    }

    .sap-staffing-tailored-copy p {
        font-size: 14px;
        line-height: 1.7;
    }

    .sap-staffing-tailored-flow {
        margin-top: 30px;
    }
}

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

@media (max-width: 767px) {

    .sap-staffing-tailored {
        padding: 50px 15px;
    }

    .sap-staffing-tailored h2 {
        font-size: 24px;
        line-height: 1.35;
        margin-bottom: 25px;
        text-align: center;
    }

    .sap-staffing-tailored-list {
        gap: 22px;
    }

    .sap-staffing-tailored-item {
        grid-template-columns: 1fr;
        gap: 15px;
        text-align: center;
    }

    .sap-staffing-tailored-icon {
        margin: 0 auto;
        width: 50px;
        height: 50px;
    }

    .sap-staffing-tailored-rule {
        margin: 0 auto 15px;
    }

    .sap-staffing-tailored-copy h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .sap-staffing-tailored-copy p {
        font-size: 13px;
        line-height: 1.8;
    }

    .sap-staffing-tailored-flow {
        margin-top: 25px;
        overflow-x: auto;
    }
}

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

@media (max-width: 575px) {

    .sap-staffing-tailored h2 {
        font-size: 22px;
    }

    .sap-staffing-tailored-icon {
        width: 45px;
        height: 45px;
    }

    .sap-staffing-tailored-copy h3 {
        font-size: 15px;
    }

    .sap-staffing-tailored-copy p {
        font-size: 13px;
        line-height: 1.7;
    }

    .sap-staffing-tailored-flow {
        margin-top: 20px;
    }
}

/* =========================================================
   SAP STAFFING TAILORED SERVICES END
========================================================= */

/* =========================================================
   SAP STAFFING CTA
========================================================= */

.sap-staffing-cta {
    position: relative;
    min-height: 510px;
    padding: 35px 20px 35px;
    overflow: hidden;
    background-color: var(--e-global-color-accent, #000000);
}

.sap-staffing-cta-bg {
    position: absolute;
    top: 0;
    right: 560px;
    bottom: 0;
    z-index: 1;
    min-width: 430px;
    pointer-events: none;
}

.sap-staffing-cta-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0.72) 100%);
}

.sap-staffing-cta-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sap-staffing-cta-container {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(300px, 430px) minmax(0, 575px);
    gap: 270px;
    align-items: center;
    width: 100%;
    max-width: 1295px;
    margin: 0 auto;
}

.sap-staffing-cta-content h2 {
    max-width: 430px;
    margin: 0 0 42px;
    color: #ffffff;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 2.8px;
}

.sap-staffing-cta-content p {
    max-width: 340px;
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.55;
}

.sap-staffing-cta-form-wrap {
    width: 100%;
    padding: 35px 36px 50px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(2px);
}

.sap-staffing-cta-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sap-staffing-cta-form input,
.sap-staffing-cta-form textarea {
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.92);
    color: #11181c;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 500;
    outline: none;
}

.sap-staffing-cta-form input {
    min-height: 52px;
    padding: 0 20px;
}

.sap-staffing-cta-form textarea {
    min-height: 99px;
    padding: 17px 20px;
    resize: vertical;
}

.sap-staffing-cta-form input::placeholder,
.sap-staffing-cta-form textarea::placeholder {
    color: #b8b8b8;
    opacity: 1;
}

.sap-staffing-cta-form button {
    align-self: flex-start;
    min-width: 88px;
    min-height: 42px;
    border: 0;
    border-radius: 5px;
    background: #18c4d6;
    color: #ffffff;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: 0.3s ease;
}

.sap-staffing-cta-form button:hover {
    background: #004774;
}

/* =========================================================
   SAP STAFFING CTA RESPONSIVE
   ========================================================= */

@media (max-width: 1366px) {

    .sap-staffing-cta {
        min-height: 450px;
        padding: 30px 20px;
    }

    .sap-staffing-cta-container {
        max-width: 1180px !important;
        grid-template-columns: minmax(280px, 380px) minmax(0, 540px);
        gap: 180px;
    }

    .sap-staffing-cta-bg {
        right: 460px;
        min-width: 360px;
    }

    .sap-staffing-cta-content h2 {
        font-size: 30px;
        max-width: 380px;
        margin-bottom: 30px;
        letter-spacing: 2px;
    }

    .sap-staffing-cta-content p {
        font-size: 14px;
        max-width: 300px;
    }

    .sap-staffing-cta-form-wrap {
        padding: 30px;
    }

    .sap-staffing-cta-form {
        gap: 18px;
    }

    .sap-staffing-cta-form input {
        min-height: 48px;
        font-size: 14px;
    }

    .sap-staffing-cta-form textarea {
        min-height: 90px;
        font-size: 14px;
    }
}

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

@media (max-width: 991px) {

    .sap-staffing-cta {
        min-height: auto;
        padding: 60px 20px;
    }

    .sap-staffing-cta-bg {
        right: 0;
        min-width: 100%;
        opacity: 0.3;
    }

    .sap-staffing-cta-container {
        grid-template-columns: 1fr;
        gap: 40px;
        max-width: 700px;
    }

    .sap-staffing-cta-content {
        text-align: center;
    }

    .sap-staffing-cta-content h2 {
        max-width: 100%;
        font-size: 28px;
        margin: 0 auto 20px;
    }

    .sap-staffing-cta-content p {
        max-width: 100%;
        margin: 0 auto;
    }

    .sap-staffing-cta-form-wrap {
        padding: 28px;
    }
}

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

@media (max-width: 767px) {

    .sap-staffing-cta {
        padding: 50px 15px;
    }

    .sap-staffing-cta-container {
        gap: 30px;
    }

    .sap-staffing-cta-content h2 {
        font-size: 24px;
        line-height: 1.4;
        letter-spacing: 1px;
    }

    .sap-staffing-cta-content p {
        font-size: 14px;
    }

    .sap-staffing-cta-form-wrap {
        padding: 20px;
        border-radius: 10px;
    }

    .sap-staffing-cta-form {
        gap: 16px;
    }

    .sap-staffing-cta-form input {
        min-height: 46px;
        padding: 0 15px;
        font-size: 14px;
    }

    .sap-staffing-cta-form textarea {
        min-height: 90px;
        padding: 15px;
        font-size: 14px;
    }

    .sap-staffing-cta-form button {
        width: 100%;
        min-height: 46px;
        justify-content: center;
        text-align: center;
    }
}

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

@media (max-width: 575px) {

    .sap-staffing-cta {
        padding: 40px 12px;
    }

    .sap-staffing-cta-content h2 {
        font-size: 22px;
    }

    .sap-staffing-cta-content p {
        font-size: 13px;
    }

    .sap-staffing-cta-form-wrap {
        padding: 18px;
    }

    .sap-staffing-cta-form input,
    .sap-staffing-cta-form textarea {
        font-size: 13px;
    }

    .sap-staffing-cta-form button {
        font-size: 13px;
    }
}


/* =========================================================
   SAP STAFFING CTA END
========================================================= */


/* =========================================================
   GRANTS MANAGEMENT SYSTEM PAGE
========================================================= */

.grants-management-hero {
    position: relative;
    min-height: 705px;
    padding: 150px 20px 110px;
    overflow: hidden;
    background: #eef5f8;
}

.grants-management-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.grants-management-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.grants-management-hero-container {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(620px, 1fr) minmax(520px, 1fr);
    gap: 100px;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    min-height: 445px;
    margin: 0 auto;
}

.grants-management-hero-content {
    padding: 70px 50px 70px 10px;
}

.grants-management-hero-content h1 {
    max-width: 440px;
    margin: 0 0 30px;
    color: #11181c;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -0.3px;
}

.grants-management-hero-content p {
    margin: 0;
    color: #161616;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.grants-management-hero-visual {
    width: 100%;
    max-width: 669px;
    justify-self: end;
}

.grants-management-hero-visual img {
    /* width: 100%; */
    height: auto;
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .grants-management-hero {
        min-height: 620px;
        padding: 126px 20px 90px;
    }

    .grants-management-hero-container {
        max-width: 1040px;
        grid-template-columns: minmax(330px, 0.74fr) minmax(480px, 1fr);
        gap: 54px;
        min-height: 400px;
    }

    .grants-management-hero-content {
        padding-top: 56px;
    }

    .grants-management-hero-content h1 {
        max-width: 465px;
        font-size: 41px;
    }

    .grants-management-hero-content p {
        font-size: 19px;
    }

    .grants-management-hero-visual {
        max-width: 560px;
    }
}

@media (max-width: 1199px) {
    .grants-management-hero {
        min-height: auto;
        padding: 110px 20px 86px;
    }

    .grants-management-hero-container {
        max-width: 960px;
        grid-template-columns: minmax(310px, 0.8fr) minmax(420px, 1fr);
        gap: 42px;
        min-height: auto;
    }

    .grants-management-hero-content {
        padding-top: 26px;
    }

    .grants-management-hero-content h1 {
        font-size: 38px;
    }

    .grants-management-hero-content p {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .grants-management-hero-container {
        max-width: 720px;
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .grants-management-hero-content {
        padding-top: 0;
    }

    .grants-management-hero-visual {
        max-width: 620px;
        justify-self: start;
    }
}

@media (max-width: 767px) {
    .grants-management-hero {
        padding: 88px 18px 68px;
    }

    .grants-management-hero-content h1 {
        margin-bottom: 18px;
        font-size: 33px;
    }

    .grants-management-hero-content p {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .grants-management-hero-content h1 {
        font-size: 30px;
    }
}

/* =========================================================
   GRANTS MANAGEMENT STREAMLINE
========================================================= */

.grants-management-streamline {
    padding: 60px 10px 80px 10px;
    background-color: #001d30;
}

.grants-management-streamline-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.grants-management-streamline-heading {
    max-width: 1280px;
    margin: 0 auto 56px;
    text-align: center;
}

.grants-management-streamline-heading h2 {
    max-width: 760px;
    margin: 0 auto 28px;
    color: #ffffff;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.28;
    letter-spacing: 0;
}

.grants-management-streamline-heading p {
    margin: 60;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.52;
}

.grants-management-streamline-grid {
    display: grid;
    grid-template-columns: repeat(3, 418px);
    gap: 18px 18px;
}

.grants-management-streamline-card {
    min-height: 247px;
    padding: 27px 53px 28px 53px;
    border-radius: 22px;
    background: #B9CEDBE5;
}

.grants-management-streamline-card-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px;
    gap: 20px;
    align-items: start;
    margin-bottom: 26px;
}

.grants-management-streamline-card h3 {
    margin: 0;
    color: #004774;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.26;
}

.grants-management-streamline-card p {
    margin: 0;
    color: #161616;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
}

.grants-management-streamline-icon {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-end;
    width: 56px;
    height: 50px;
}

.grants-management-streamline-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .grants-management-streamline {
        padding: 82px 20px 102px;
    }

    .grants-management-streamline-container {
        max-width: 1040px;
    }

    .grants-management-streamline-heading {
        margin-bottom: 48px;
    }

    .grants-management-streamline-heading h2 {
        max-width: 720px;
        font-size: 39px;
    }

    .grants-management-streamline-heading p {
        font-size: 17px;
    }

    .grants-management-streamline-grid {
        gap: 22px;
    }

    .grants-management-streamline-card {
        min-height: 250px;
        padding: 24px 22px 26px;
        border-radius: 20px;
    }

    .grants-management-streamline-card-head {
        grid-template-columns: minmax(0, 1fr) 52px;
        gap: 14px;
        margin-bottom: 24px;
    }

    .grants-management-streamline-card h3 {
        font-size: 22px;
    }

    .grants-management-streamline-card p {
        font-size: 18px;
    }

    .grants-management-streamline-icon {
        width: 52px;
        height: 51px;
    }
}

@media (max-width: 1199px) {
    .grants-management-streamline {
        padding: 74px 20px 88px;
    }

    .grants-management-streamline-container {
        max-width: 960px;
    }

    .grants-management-streamline-heading h2 {
        font-size: 36px;
    }

    .grants-management-streamline-heading p {
        font-size: 17px;
    }

    .grants-management-streamline-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .grants-management-streamline {
        padding: 58px 18px 68px;
    }

    .grants-management-streamline-heading {
        margin-bottom: 36px;
    }

    .grants-management-streamline-heading h2 {
        margin-bottom: 18px;
        font-size: 29px;
    }

    .grants-management-streamline-heading p {
        font-size: 15px;
    }

    .grants-management-streamline-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .grants-management-streamline-card {
        min-height: auto;
        padding: 24px;
    }

    .grants-management-streamline-card h3 {
        font-size: 21px;
    }

    .grants-management-streamline-card p {
        font-size: 17px;
    }
}

/* =========================================================
   GRANTS MANAGEMENT LIFECYCLE
========================================================= */

.grants-management-lifecycle {
    padding: 92px 20px 94px;
    background: #ffffff;
    overflow: hidden;
}

.grants-management-lifecycle-container {
    width: 100%;
    max-width: 1296px;
    margin: 0 auto;
}

.grants-management-lifecycle-top {
    display: grid;
    grid-template-columns: minmax(0, 580px) minmax(0, 1fr);
    align-items: center;
    gap: 40px;
    margin-bottom: 100px;
    overflow: visible;
}

.grants-management-lifecycle-content {
    width: 100%;
    max-width: 580px;
    min-width: 0;
}

.grants-management-lifecycle-heading {
    margin-bottom: 50px;
}

.grants-management-lifecycle-heading h2 {
    width: 100%;
    max-width: 530px;
    margin: 0 0 24px;
    color: #11181c;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: 0;
}

.grants-management-lifecycle-heading p {
    width: 100%;
    max-width: 550px;
    margin: 0;
    color: #161616;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.62;
}

.grants-management-lifecycle-list {
    display: grid;
    gap: 20px;
}

.grants-management-lifecycle-item {
    width: 100%;
    box-sizing: border-box;
    background-color: #B9CEDB33;
    padding: 30px 20px;
    border-radius: 24px;
}

.grants-management-lifecycle-item h3 {
    margin: 0 0 12px;
    color: #001d30;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
}

.grants-management-lifecycle-item p {
    margin: 0;
    color: #252b2f;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.55;
}


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

.grants-management-lifecycle-visual {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    align-self: center;
    justify-self: stretch;
    overflow: visible;
    margin: 0;
}

.grants-management-lifecycle-slider-wrapper {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 0 35px;
    box-sizing: border-box;
    overflow: visible;
}

.grants-management-lifecycle-slider {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.grants-management-lifecycle-slider .swiper-slide {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grants-management-lifecycle-slider img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    max-height: 340px;
}


/* =========================================================
   ARROWS
========================================================= */

.grants-management-lifecycle-slider-prev,
.grants-management-lifecycle-slider-next {
    position: absolute;
    top: 50%;
    z-index: 20;

    width: 60px;
    height: 60px;

    padding: 0;
    margin: 0;

    border: 0;
    border-radius: 50%;

    background: #e6e9ed;
    color: #000;

    font-size: 24px;

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

    transform: translateY(-50%);
    cursor: pointer;

    flex-shrink: 0;
}

.grants-management-lifecycle-slider-prev {
    left: 0;
}

.grants-management-lifecycle-slider-next {
    right: 0;
}

.grants-management-lifecycle-slider-prev:hover,
.grants-management-lifecycle-slider-next:hover {
    color: #fff;
    background: #18c4d6;
}


/* =========================================================
   PAGINATION
========================================================= */

.grants-management-lifecycle-slider-wrapper .swiper-pagination.swiper-pagination-horizontal {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    bottom: auto !important;

    width: 100% !important;

    margin-top: 25px !important;

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

    gap: 8px;

    z-index: 20;
}

.grants-management-lifecycle-slider-wrapper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;

    margin: 0 !important;

    background: #cdd3d8;

    border-radius: 50%;
    opacity: 1;

    transition: all 0.3s ease;
}

.grants-management-lifecycle-slider-wrapper .swiper-pagination-bullet-active {
    width: 16px;

    background: #001d30;

    border-radius: 10px;
}


/* =========================================================
   1200px - 1366px
========================================================= */

@media (min-width: 1200px) and (max-width: 1366px) {

    .grants-management-lifecycle-container {
        max-width: 1140px;
        width: 100%;
        margin: 0 auto;
    }

    .grants-management-lifecycle-top {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 30px;
    }

    .grants-management-lifecycle-heading h2 {
        font-size: 34px;
    }

    .grants-management-lifecycle-slider-wrapper {
        max-width: 460px;
    }

    .grants-management-lifecycle-slider img {
        max-height: 320px;
    }
}


/* =========================================================
   992px - 1199px
========================================================= */

@media (min-width: 992px) and (max-width: 1199px) {

    .grants-management-lifecycle {
        padding: 75px 20px 80px;
    }

    .grants-management-lifecycle-container {
        max-width: 960px;
    }

    .grants-management-lifecycle-top {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 30px;
        margin-bottom: 80px;
    }

    .grants-management-lifecycle-heading {
        margin-bottom: 35px;
    }

    .grants-management-lifecycle-heading h2 {
        font-size: 32px;
    }

    .grants-management-lifecycle-heading p {
        font-size: 15px;
    }

    .grants-management-lifecycle-slider-wrapper {
        max-width: 430px;
    }

    .grants-management-lifecycle-slider img {
        max-height: 300px;
    }

    .grants-management-lifecycle-slider-prev,
    .grants-management-lifecycle-slider-next {
        width: 52px;
        height: 52px;
        font-size: 20px;
    }
}


/* =========================================================
   768px - 991px
========================================================= */

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

    .grants-management-lifecycle {
        padding: 65px 20px 70px;
    }

    .grants-management-lifecycle-container {
        max-width: 720px;
    }

    .grants-management-lifecycle-top {
        grid-template-columns: 1fr;
        gap: 50px;
        margin-bottom: 70px;
    }

    .grants-management-lifecycle-content {
        max-width: 100%;
    }

    .grants-management-lifecycle-heading {
        margin-bottom: 35px;
    }

    .grants-management-lifecycle-heading h2 {
        max-width: 100%;
        font-size: 32px;
    }

    .grants-management-lifecycle-heading p {
        max-width: 100%;
    }

    .grants-management-lifecycle-visual {
        max-width: 600px;
        margin: 0 auto;
    }

    .grants-management-lifecycle-slider-wrapper {
        max-width: 520px;
    }

    .grants-management-lifecycle-slider img {
        max-height: 320px;
    }
}


/* =========================================================
   576px - 767px
========================================================= */

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

    .grants-management-lifecycle {
        padding: 55px 20px 60px;
    }

    .grants-management-lifecycle-container {
        max-width: 540px;
    }

    .grants-management-lifecycle-top {
        grid-template-columns: 1fr;
        gap: 45px;
        margin-bottom: 60px;
    }

    .grants-management-lifecycle-content {
        max-width: 100%;
    }

    .grants-management-lifecycle-heading {
        margin-bottom: 30px;
    }

    .grants-management-lifecycle-heading h2 {
        max-width: 100%;
        font-size: 30px;
    }

    .grants-management-lifecycle-heading p {
        max-width: 100%;
        font-size: 15px;
    }

    .grants-management-lifecycle-item {
        padding: 25px 20px;
        border-radius: 20px;
    }

    .grants-management-lifecycle-visual {
        max-width: 100%;
    }

    .grants-management-lifecycle-slider-wrapper {
        max-width: 500px;
    }

    .grants-management-lifecycle-slider img {
        max-height: 300px;
    }

    .grants-management-lifecycle-slider-prev,
    .grants-management-lifecycle-slider-next {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }
}


/* =========================================================
   MAX 575px
========================================================= */

@media (max-width: 575px) {

    .grants-management-lifecycle {
        padding: 45px 15px 50px;
    }

    .grants-management-lifecycle-container {
        width: 100%;
        max-width: 100%;
    }

    .grants-management-lifecycle-top {
        grid-template-columns: 1fr;
        gap: 40px;
        margin-bottom: 50px;
    }

    .grants-management-lifecycle-heading {
        margin-bottom: 25px;
    }

    .grants-management-lifecycle-heading h2 {
        max-width: 100%;
        font-size: 26px;
        line-height: 1.2;
        margin-bottom: 16px;
    }

    .grants-management-lifecycle-heading p {
        max-width: 100%;
        font-size: 15px;
    }

    .grants-management-lifecycle-list {
        gap: 14px;
    }

    .grants-management-lifecycle-item {
        padding: 22px 18px;
        border-radius: 18px;
    }

    .grants-management-lifecycle-item h3 {
        font-size: 18px;
    }

    .grants-management-lifecycle-item p {
        font-size: 14px;
    }

    .grants-management-lifecycle-slider-wrapper {
        max-width: 100%;
        padding: 0 28px;
    }

    .grants-management-lifecycle-slider img {
        max-height: 250px;
    }

    .grants-management-lifecycle-slider-prev,
    .grants-management-lifecycle-slider-next {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }

    .grants-management-lifecycle-slider-prev {
        left: 0;
    }

    .grants-management-lifecycle-slider-next {
        right: 0;
    }

    .grants-management-lifecycle-slider-wrapper .swiper-pagination.swiper-pagination-horizontal {
        margin-top: 18px !important;
    }
}

.grants-management-finance-panel {
    position: relative;
    padding: 80px 10px 80px 10px;
    border-radius: 44px;
    background: #c2d8e6;
}

.grants-management-finance-corner {
    position: absolute;
    top: -26px;
    right: 92px;
    width: 112px;
    height: auto;
    pointer-events: none;
}

.grants-management-finance-heading {
    max-width: 820px;
    margin: 0 auto 54px;
    text-align: center;
}

.grants-management-finance-heading h2 {
    margin: 0 0 24px;
    color: #11181c;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.22;
}

.grants-management-finance-heading p {
    margin: 0;
    color: #161616;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.55;
}

.grants-management-finance-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.grants-management-finance-card {
    overflow: hidden;
    background-color: #F3F7FA;
    padding: 10px 10px 20px 10px;
    border-radius: 16px 16px 16px 16px;
}

.grants-management-finance-card>img {
    width: 100%;
    aspect-ratio: 1.62 / 1;
    border-radius: 8px;
    object-fit: cover;
}

.grants-management-finance-card-body {
    padding: 17px 17px 18px;
}

.grants-management-finance-card h3 {
    margin: 0 0 22px;
    color: #001d30;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4;
}

.grants-management-finance-card p {
    margin: 0;
    color: #161616;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.55;
}

@media (min-width: 1200px) and (max-width: 1366px) {

    .grants-management-finance-panel {
        padding: 90px 16px 78px;
        border-radius: 42px;
    }

    .grants-management-finance-corner {
        right: 78px;
        width: 100px;
    }

    .grants-management-finance-heading h2 {
        font-size: 32px;
    }

    .grants-management-finance-card h3 {
        font-size: 20px;
    }
}

@media (max-width: 1199px) {


    .grants-management-finance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
}

@media (max-width: 767px) {

    .grants-management-lifecycle-item h3,
    .grants-management-finance-card h3 {
        font-size: 20px;
    }

    .grants-management-finance-panel {
        padding: 72px 14px 34px;
        border-radius: 30px;
    }

    .grants-management-finance-corner {
        top: -18px;
        right: 40px;
        width: 78px;
    }

    .grants-management-finance-heading {
        margin-bottom: 34px;
    }

    .grants-management-finance-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   GRANTS MANAGEMENT COMPLIANCE
========================================================= */

.grants-management-compliance {
    padding: 96px 20px 130px;
    background: linear-gradient(to bottom, #001d30 0%, #001d30 86%, #ffffff 86%, #ffffff 100%);
    overflow: hidden;
}

.grants-management-compliance-container {
    width: 100%;
    max-width: 1296px;
    margin: 0 auto;
}

.grants-management-compliance-heading {
    max-width: 1150px;
    margin: 0 auto 72px;
    text-align: center;
}

.grants-management-compliance-heading h2 {
    margin: 0 0 28px;
    color: #ffffff;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
}

.grants-management-compliance-heading p {
    max-width: 1280px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.55;
}

.grants-management-compliance-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

.grants-management-compliance-card {
    position: relative;
    min-height: 290px;
    padding: 30px 26px 42px;
    border-radius: 28px 28px 8px 8px;
    color: #ffffff;
    overflow: visible;
}

.grants-management-compliance-card-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: fill;
    pointer-events: none;
}

.grants-management-compliance-icon {
    position: absolute;
    top: 28px;
    right: 26px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 11px;
    border-radius: 12px;
    background-color: #CAD4DB80;
    color: #ffffff;
    fill: #ffffff;
    font-size: 26px;
    line-height: 1;
}

.grants-management-compliance-icon img {
    width: 35px;
    height: 35px;
    max-width: none;
}

.grants-management-compliance-card h3 {
    position: relative;
    z-index: 1;
    max-width: 230px;
    margin: 0 70px 28px 0;
    color: #ffffff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4;
}

.grants-management-compliance-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .grants-management-compliance {
        padding-top: 88px;
    }

    .grants-management-compliance-container {
        max-width: 1040px;
    }

    .grants-management-compliance-heading {
        margin-bottom: 62px;
    }

    .grants-management-compliance-heading h2 {
        font-size: 38px;
    }

    .grants-management-compliance-heading p {
        font-size: 18px;
    }

    .grants-management-compliance-grid {
        gap: 20px;
    }

    .grants-management-compliance-card {
        min-height: 300px;
        padding: 26px 20px 38px;
        border-radius: 24px 24px 8px 8px;
    }

    .grants-management-compliance-icon {
        top: 24px;
        right: 20px;
    }

    .grants-management-compliance-card h3 {
        margin-right: 58px;
        font-size: 23px;
    }

    .grants-management-compliance-card p {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    .grants-management-compliance {
        padding-top: 76px;
        background: #001d30;
    }

    .grants-management-compliance-container {
        max-width: 960px;
    }

    .grants-management-compliance-heading h2 {
        font-size: 36px;
    }

    .grants-management-compliance-heading p {
        font-size: 18px;
    }

    .grants-management-compliance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-bottom: 76px;
    }
}

@media (max-width: 767px) {
    .grants-management-compliance {
        padding: 58px 18px;
    }

    .grants-management-compliance-heading {
        margin-bottom: 38px;
    }

    .grants-management-compliance-heading h2 {
        margin-bottom: 18px;
        font-size: 29px;
    }

    .grants-management-compliance-heading p {
        font-size: 15px;
    }

    .grants-management-compliance-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding-bottom: 0;
    }

    .grants-management-compliance-card {
        min-height: auto;
        padding: 26px 22px 36px;
        border-radius: 22px;
    }

    .grants-management-compliance-icon {
        top: 22px;
        right: 22px;
    }

    .grants-management-compliance-card h3 {
        margin-right: 62px;
        font-size: 23px;
    }

    .grants-management-compliance-card p {
        font-size: 17px;
    }
}

/* =========================================================
   GRANTS MANAGEMENT PASS THROUGH FUNDING
========================================================= */

.grants-management-pass-through {
    padding: 0px 20px 112px;
    background: #ffffff;
}

.grants-management-pass-through-container {
    display: grid;
    grid-template-columns: minmax(420px, 590px) minmax(380px, 520px);
    gap: 60px;
    align-items: center;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.grants-management-pass-through-heading {
    margin-bottom: 50px;
}

.grants-management-pass-through-heading h2 {
    max-width: 560px;
    margin: 0 0 28px;
    color: #11181c;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: 0;
}

.grants-management-pass-through-heading p {
    max-width: 590px;
    margin: 0;
    color: #161616;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.55;
}

.grants-management-pass-through-list {
    display: grid;
    gap: 24px;
}

.grants-management-pass-through-item {
    background-color: #B9CEDB33;
    padding: 30px 20px 30px 20px;
    border-radius: 24px 24px 24px 24px;
    height: 150px;
}

.grants-management-pass-through-item h3 {
    margin: 0 0 16px;
    color: #001d30;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
}

.grants-management-pass-through-item p {
    margin: 0;
    color: #161616;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
}

.grants-management-pass-through-image {
    width: 100%;
    align-self: center;
    padding-top: 110px;
}

.grants-management-pass-through-image img {
    width: 100%;
    border-radius: 16px;
    object-fit: cover;

}

@media (min-width: 1200px) and (max-width: 1366px) {
    .grants-management-pass-through {
        padding: 140px 20px 96px;
    }

    .grants-management-pass-through-container {
        max-width: 1040px;
        grid-template-columns: minmax(410px, 560px) minmax(360px, 430px);
        gap: 64px;
    }

    .grants-management-pass-through-heading h2 {
        font-size: 39px;
    }

    .grants-management-pass-through-heading p {
        font-size: 18px;
    }

    .grants-management-pass-through-item {
        padding: 28px 24px;
    }

    .grants-management-pass-through-item h3 {
        font-size: 22px;
    }

    .grants-management-pass-through-item p {
        font-size: 17px;
    }

    .grants-management-pass-through-image {
        padding-top: 96px;
    }
}

@media (max-width: 1199px) {
    .grants-management-pass-through {
        padding: 88px 20px;
    }

    .grants-management-pass-through-container {
        max-width: 960px;
        grid-template-columns: 1fr;
        gap: 52px;
    }

    .grants-management-pass-through-image {
        max-width: 620px;
        padding-top: 0;
        justify-self: center;
    }
}

@media (max-width: 767px) {
    .grants-management-pass-through {
        padding: 64px 18px;
    }

    .grants-management-pass-through-heading {
        margin-bottom: 36px;
    }

    .grants-management-pass-through-heading h2 {
        margin-bottom: 18px;
        font-size: 30px;
    }

    .grants-management-pass-through-heading p,
    .grants-management-pass-through-item p {
        font-size: 15px;
    }

    .grants-management-pass-through-list {
        gap: 18px;
    }

    .grants-management-pass-through-item {
        padding: 22px;
        border-radius: 18px;
    }

    .grants-management-pass-through-item h3 {
        font-size: 20px;
    }
}

/* =========================================================
   GRANTS MANAGEMENT DEMO REQUEST
========================================================= */

.grants-management-demo-request {
    position: relative;
    padding: 80px 10px 80px 40px;
    overflow: hidden;
    background-color: transparent;
    background-image: linear-gradient(230deg, #FEFEFE7A 27%, #DDDDDD7A 55%);
    border-top-left-radius: 48px;
}

.grants-management-demo-request-container {
    display: grid;
    grid-template-columns: minmax(320px, 0.72fr) minmax(620px, 1fr);
    gap: 42px;
    align-items: center;
    width: 100%;
    max-width: 1295px;
    margin: 0 auto;
}

.grants-management-demo-request-heading {
    padding-top: 260px;
}

.grants-management-demo-request-heading h2 {
    max-width: 450px;
    margin: 0 0 300px 120px;
    color: #11181c;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.28;
    letter-spacing: 0;
}

.grants-management-demo-request-form-card {
    padding: 48px 28px 48px;
    border-radius: 24px;
    background: rgba(234, 240, 244, 0.1);
    box-shadow: inset -24px -24px 64px #B9CCD8;
}

.grants-management-demo-request-form {
    display: grid;
    gap: 19px;
}

.grants-management-demo-request-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.grants-management-demo-request-form input,
.grants-management-demo-request-form textarea {
    width: 100%;
    min-height: 58px;
    padding: 15px 20px;
    border: 1px solid rgba(0, 29, 48, 0.12);
    border-radius: 9px;
    outline: none;
    background: rgba(234, 240, 244, 0.22);
    color: #001d30;
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
    box-shadow: inset 0 0 13px rgba(0, 29, 48, 0.12);
}

.grants-management-demo-request-form textarea {
    min-height: 184px;
    resize: vertical;
}

.grants-management-demo-request-form input::placeholder,
.grants-management-demo-request-form textarea::placeholder {
    color: rgba(17, 24, 28, 0.38);
}

.grants-management-demo-request-form input:focus,
.grants-management-demo-request-form textarea:focus {
    border-color: rgba(24, 196, 214, 0.8);
    background: rgba(255, 255, 255, 0.35);
}

.grants-management-demo-request-form p {
    margin: 4px 0 20px;
    color: #001d30;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
}

.grants-management-demo-request-form button {
    width: fit-content;
    min-width: 95px;
    min-height: 35px;
    padding: 9px 16px;
    border: 0;
    border-radius: 3px;
    background: #001d30;
    color: #ffffff;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: 0.3s ease;
}

.grants-management-demo-request-form button:hover {
    background: #18c4d6;
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .grants-management-demo-request-container {
        max-width: 1040px;
        grid-template-columns: minmax(270px, 0.68fr) minmax(560px, 1fr);
        gap: 36px;
    }

    .grants-management-demo-request-heading h2 {
        margin-left: 44px;
        font-size: 34px;
    }
}

@media (max-width: 1199px) {
    .grants-management-demo-request {
        padding: 72px 20px;
    }

    .grants-management-demo-request-container {
        max-width: 960px;
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .grants-management-demo-request-heading {
        padding-top: 0;
    }

    .grants-management-demo-request-heading h2 {
        max-width: 620px;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .grants-management-demo-request {
        padding: 58px 18px;
        border-top-left-radius: 32px;
    }

    .grants-management-demo-request-heading h2 {
        font-size: 30px;
    }

    .grants-management-demo-request-form-card {
        padding: 26px 18px 30px;
        border-radius: 20px;
    }

    .grants-management-demo-request-form-row {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .grants-management-demo-request-form {
        gap: 16px;
    }

    .grants-management-demo-request-form input,
    .grants-management-demo-request-form textarea {
        min-height: 52px;
        font-size: 15px;
    }

    .grants-management-demo-request-form textarea {
        min-height: 140px;
    }

    .grants-management-demo-request-form p {
        font-size: 14px;
    }
}

/* =========================================================
   GRANTS MANAGEMENT 1366 PRIORITY RESPONSIVE
========================================================= */

@media (min-width: 1200px) and (max-width: 1366px) {

    /* Hero section */
    .grants-management-hero {
        min-height: 610px;
        padding: 120px 20px 84px;
    }

    .grants-management-hero-container {
        max-width: 1140px;
        grid-template-columns: minmax(320px, 0.75fr) minmax(460px, 1fr);
        gap: 52px;
    }

    .grants-management-hero-content h1 {
        max-width: 430px;
        font-size: 36px;
    }

    .grants-management-hero-content p {
        font-size: 16px;
    }

    .grants-management-hero-visual {
        max-width: 545px;
    }



    .grants-management-streamline-container {
        max-width: 1140px;
    }

    .grants-management-streamline-heading {
        margin-bottom: 44px;
        max-width: 1140px;
    }

    .grants-management-streamline-heading h2 {
        max-width: 700px;
        font-size: 34px;
    }

    .grants-management-streamline-heading p {
        font-size: 16px;
    }

    .grants-management-streamline-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
        margin-left: 0;
    }

    .grants-management-streamline-card {
        min-height: 238px;
        padding: 24px 22px;
    }

    .grants-management-streamline-card h3 {
        font-size: 20px;
    }

    .grants-management-streamline-card p {
        font-size: 16px;
    }

    /* Lifecycle and finance section */
    .grants-management-lifecycle {
        padding: 76px 20px 82px;
    }

    .grants-management-lifecycle-container {
        max-width: 1140px;
    }

    .grants-management-lifecycle-top {
        grid-template-columns: minmax(410px, 500px) minmax(380px, 1fr);
        gap: 54px;
        margin-bottom: 78px;
    }

    .grants-management-lifecycle-heading {
        margin-bottom: 38px;
    }

    .grants-management-lifecycle-heading h2 {
        font-size: 34px;
    }

    .grants-management-lifecycle-heading p {
        font-size: 16px;
    }

    .grants-management-lifecycle-list {
        gap: 18px;
    }

    .grants-management-lifecycle-item {
        padding: 24px 24px;
        border-radius: 20px;
    }

    .grants-management-lifecycle-item h3 {
        font-size: 20px;
    }

    .grants-management-lifecycle-item p {
        font-size: 16px;
    }

    .grants-management-lifecycle-visual {
        padding-top: 110px;
        margin-bottom: 120px;
    }

    .grants-management-lifecycle-slider {
        width: 720px;
    }

    .grants-management-lifecycle-slider .swiper-slide {
        width: 470px;
    }

    .grants-management-finance-panel {
        padding: 78px 16px 68px;
        border-radius: 38px;
    }

    .grants-management-finance-corner {
        right: 70px;
        width: 92px;
    }

    .grants-management-finance-heading {
        margin-bottom: 42px;
    }

    .grants-management-finance-heading h2 {
        font-size: 32px;
    }

    .grants-management-finance-heading p {
        font-size: 15px;
    }

    .grants-management-finance-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }

    .grants-management-finance-card h3 {
        font-size: 19px;
    }

    .grants-management-finance-card p {
        font-size: 15px;
    }

    /* Compliance section */
    .grants-management-compliance {
        padding: 78px 20px 135px;
        background: linear-gradient(to bottom, #001d30 0%, #001d30 84%, #ffffff 84%, #ffffff 100%);
    }

    .grants-management-compliance-container {
        max-width: 1140px;
    }

    .grants-management-compliance-heading {
        margin-bottom: 54px;
    }

    .grants-management-compliance-heading h2 {
        font-size: 36px;
    }

    .grants-management-compliance-heading p {
        max-width: 940px;
        font-size: 17px;
    }

    .grants-management-compliance-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }

    .grants-management-compliance-card {
        min-height: 270px;
        padding: 24px 20px 34px;
    }

    .grants-management-compliance-icon {
        top: 22px;
        right: 18px;
        font-size: 24px;
        padding: 10px;
    }

    .grants-management-compliance-card h3 {
        margin-right: 52px;
        margin-bottom: 24px;
        font-size: 20px;
    }

    .grants-management-compliance-card p {
        font-size: 15px;
    }

    /* Pass-through funding section */
    .grants-management-pass-through {
        padding: 0px 20px 88px;
    }

    .grants-management-pass-through-container {
        max-width: 1040px;
        grid-template-columns: minmax(410px, 540px) minmax(360px, 430px);
        gap: 58px;
    }

    .grants-management-pass-through-heading {
        margin-bottom: 40px;
    }

    .grants-management-pass-through-heading h2 {
        font-size: 34px;
    }

    .grants-management-pass-through-heading p {
        font-size: 16px;
    }

    .grants-management-pass-through-list {
        gap: 20px;
    }

    .grants-management-pass-through-item {
        padding: 24px 24px;
        height: 150px;
    }

    .grants-management-pass-through-item h3 {
        font-size: 20px;
    }

    .grants-management-pass-through-item p {
        font-size: 16px;
    }

    .grants-management-pass-through-image {
        padding-top: 92px;
    }

    /* Demo request section */
    .grants-management-demo-request {
        padding: 72px 20px 72px 20px;
    }

    .grants-management-demo-request-container {
        max-width: 1040px;
        grid-template-columns: minmax(280px, 0.68fr) minmax(560px, 1fr);
        gap: 36px;
    }

    .grants-management-demo-request-heading {
        padding-top: 230px;
    }

    .grants-management-demo-request-heading h2 {
        max-width: 360px;
        margin: 0 0 260px 26px;
        font-size: 34px;
    }

    .grants-management-demo-request-form-card {
        padding: 44px 28px;
    }

    .grants-management-demo-request-form input,
    .grants-management-demo-request-form textarea {
        min-height: 54px;
        font-size: 16px;
    }

    .grants-management-demo-request-form textarea {
        min-height: 165px;
    }

    .grants-management-demo-request-form p {
        font-size: 15px;
    }
}

/* =========================================================
   GRANTS MANAGEMENT SYSTEM PAGE END
========================================================= */

/* ==========================================================================
   PROJECT PORTFOLIO MANAGEMENT (PPM) - BANNER STYLES
   ========================================================================== */

.ppm-banner-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

.ppm-banner-container {
    max-width: 1280px;
    margin: 0 auto;
}

/* Background Image Layer (HTML base) */
.ppm-banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.ppm-banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ppm-banner-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 140px;
    align-items: center;
}

/* Content Styling */
.ppm-breadcrumb {
    font-size: 14px;
    font-weight: 700;
    color: #161616;
    margin-bottom: 15px;
}

.ppm-breadcrumb span {
    color: #18c4d6;
}

.ppm-title {
    font-size: 50px;
    font-weight: 800;
    color: #11181c;
    line-height: 1.2;
    margin-bottom: 20px;
}

.ppm-description {
    font-size: 15px;
    color: #161616;
    line-height: 1.8;
    margin-bottom: 30px;
    font-weight: 500;
}

/* Buttons */
.ppm-btn-group {
    display: flex;
    gap: 15px;
}

.ppm-btn-primary,
.ppm-btn-secondary {
    padding: 12px 25px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

.ppm-btn-primary {
    background: #149dab;
    color: #fff;
}

.ppm-btn-secondary {
    background: #008c99;
    color: #fff;
}

/* Right Content Image */
.ppm-image-area img {
    width: 100%;
    border-radius: 20px;
}

.ppm-works-subheading-image-wrapper {
    margin-bottom: 10px;
    /* Matches the original h3 spacing exactly */
    width: 100%;
    max-width: 320px;
    /* You can adjust this to match the exact size of your image text */
}

.ppm-works-full-image {
    display: block;
    width: 100%;
    height: auto;
}

/* Responsive */
@media (max-width: 992px) {
    .ppm-banner-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .ppm-btn-group {
        justify-content: center;
    }
}


/* ==========================================
   1366px Laptop
========================================== */
@media (max-width: 1366px) {

    .ppm-banner-container {
        max-width: 1140px;
        padding: 0 20px;
    }

    .ppm-banner-wrapper {
        gap: 60px;
    }

    .ppm-title {
        font-size: 44px;
    }

    .ppm-description {
        font-size: 15px;
    }

    .ppm-image-area img {
        max-width: 100%;
    }
}

/* ==========================================
   Tablet
========================================== */
@media (max-width: 991px) {

    .ppm-banner-section {
        padding: 80px 0;
    }

    .ppm-banner-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }

    .ppm-content-area {
        max-width: 700px;
        margin: 0 auto;
    }

    .ppm-title {
        font-size: 38px;
    }

    .ppm-description {
        font-size: 15px;
    }

    .ppm-btn-group {
        justify-content: center;
    }

    .ppm-image-area {
        text-align: center;
    }

    .ppm-image-area img {
        max-width: 550px;
        width: 100%;
    }
}

/* ==========================================
   Mobile
========================================== */
@media (max-width: 767px) {

    .ppm-banner-section {
        padding: 60px 0;
    }

    .ppm-banner-container {
        padding: 0 15px;
    }

    .ppm-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .ppm-breadcrumb {
        font-size: 13px;
    }

    .ppm-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .ppm-btn-group {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .ppm-btn-primary,
    .ppm-btn-secondary {
        width: 100%;
        max-width: 280px;
        justify-content: center;
    }

    .ppm-image-area img {
        max-width: 100%;
        border-radius: 12px;
    }
}

/* ==========================================================================
   PROJECT PORTFOLIO MANAGEMENT (PPM) - GRADIENT LINE
   ========================================================================== */

.ppm-gradient-line {
    position: absolute;
    bottom: 0;
    left: 120px;
    /* Adjust according to your container padding */
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #18c4d6, #004774);
    z-index: 2;
}




/* ==========================================================================
   CONSULTING SECTION - "CAPTURE_5.JPG" AS IT IS
   ========================================================================== */
.ppm-consulting-section {
    background-color: #dce5ec;
    position: relative;
    overflow: hidden;
}



.ppm-consulting-container {
    max-width: 1280px;
    margin: 0 auto;
}

.ppm-consulting-wrapper {
    display: grid;
    grid-template-columns: 7fr 3fr;
    gap: 30px;
    align-items: center;
}

.ppm-consulting-header {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.ppm-consulting-titles h2 {
    color: #11181c;
    font-size: 36px;
    font-weight: 800;
}

.ppm-consulting-left-line {
    width: 6px;
    background: linear-gradient(179.2deg, #108DC7 0.69%, #EF8E38 109.53%);
    border-radius: 4px;
}

.ppm-main-title {
    font-size: 36px;
    margin-bottom: 20px;
    color: #11181c;
    line-height: 1.2;
    font-weight: 800;
}

.ppm-consulting-desc {
    color: #161616;
    font-size: 15px;
    font-weight: 600;
}

.ppm-consulting-highlight span {
    color: #161616;
    font-size: 15px;
    font-weight: 800;
}

.ppm-consulting-highlight p {
    color: #161616;
    font-size: 15px;
    font-weight: 600;
}




.ppm-visual-wrapper {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}

/* Right Edge Image */
.ppm-blue-line-img {
    position: absolute;
    right: -70px;
    top: -133px;
    width: 65px;
    height: 120%;
    z-index: 1;
}

/* Gear Image Overlap */
.ppm-gears-img {
    position: relative;
    z-index: 2;
    margin-right: -150px;
    max-width: 146%;
    top: 50px;
}

/* Responsive */
@media (max-width: 992px) {
    .ppm-consulting-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .ppm-consulting-header {
        justify-content: center;
    }

    .ppm-visual-wrapper {
        justify-content: center;
        margin-top: 50px;
    }
}

/* ==========================================
   1366px Laptop
========================================== */
@media (max-width: 1366px) {

    .ppm-consulting-titles h2,
    .ppm-main-title {
        font-size: 32px;
    }

    .ppm-consulting-container {
        max-width: 1140px;
        margin: 0 auto;
    }

    .ppm-consulting-wrapper {
        gap: 30px;
    }

    .ppm-blue-line-img {
        right: -50px;
        top: -90px;
        height: 115%;
    }

    .ppm-gears-img {
        max-width: 130%;
        margin-right: -100px;
    }
}

/* ==========================================
   Tablet
========================================== */
@media (max-width: 991px) {

    .ppm-consulting-section {
        padding: 70px 0;
    }

    .ppm-consulting-wrapper {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 40px;
    }

    .ppm-consulting-header {
        justify-content: center;
    }

    .ppm-consulting-left-line {
        min-height: 80px;
    }

    .ppm-consulting-titles h2 {
        font-size: 30px;
    }

    .ppm-main-title {
        font-size: 32px;
    }

    .ppm-visual-wrapper {
        justify-content: center;
        margin-top: 20px;
    }

    .ppm-blue-line-img {
        display: none;
    }

    .ppm-gears-img {
        max-width: 70%;
        margin-right: 0;
        top: 0;
    }
}

/* ==========================================
   Mobile
========================================== */
@media (max-width: 767px) {

    .ppm-consulting-section {
        padding: 60px 0;
    }

    .ppm-consulting-container {
        padding: 0 15px;
    }

    .ppm-consulting-header {
        gap: 10px;
        align-items: flex-start;
        text-align: left;
    }

    .ppm-consulting-left-line {
        width: 5px;
        min-height: 100px;
    }

    .ppm-consulting-titles h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    .ppm-main-title {
        font-size: 28px;
        text-align: left;
    }

    .ppm-consulting-desc,
    .ppm-consulting-highlight p,
    .ppm-consulting-highlight span {
        font-size: 14px;
        line-height: 1.8;
        text-align: left;
    }

    .ppm-gears-img {
        max-width: 100%;
        margin-right: 0;
        top: 0;
    }
}

/* ==========================================================================
   PPM WORKS SECTION - ADJUSTABLE STYLES
   ========================================================================== */

/* Section Main Container */
.ppm-works-section {
    background-color: #001d30;
    color: #ffffff;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.ppm-works-section-container {
    max-width: 1280px;
    margin: 0 auto;

}

/* Header Section (Left Image + Right Text) */
.ppm-works-header {
    display: flex;
    gap: 50px;
    align-items: center;
    margin-bottom: 60px;
    max-width: 1080px;
}

.ppm-works-img {
    width: 700px;
    height: auto;
    border-radius: 8px;
}

/* Typography Controls */
.ppm-works-heading {
    font-size: 36px;
    margin-bottom: 20px;
    color: #ffffff;
    font-weight: 700;
}

.ppm-works-paragraph {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    opacity: 0.9;
    font-weight: 500;
}

.ppm-works-subheading {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;

}

.ppm-works-highlight {
    background: linear-gradient(179.2deg, #108DC7 0.69%, #EF8E38 109.53%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    margin-top: 10px;
}

.ppm-experts-block {
    margin: 40px 0;
    max-width: 1080px;
}

.ppm-experts-main-title {
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 700;
}

.ppm-experts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

/* Individual Grid Item (Adjustable Border) */
.ppm-expert-card {
    padding-left: 40px;
    border-left: 1px solid #18c4d6;
    font-size: 16px;
    line-height: 1.5;
}

/* Lighthouse Image (Absolute Positioned) */
.ppm-lighthouse-container {
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 200px;
    z-index: 1;
}

.ppm-lighthouse-img {
    width: 100%;
    height: 600px;
}

/* Footer Text */
.ppm-works-footer {
    font-size: 18px;
    font-weight: 500;
    margin-top: 30px;
}

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

@media (max-width: 992px) {
    .ppm-works-header {
        flex-direction: column;
        text-align: center;
    }

    .ppm-experts-grid {
        grid-template-columns: 1fr 1fr;
    }
}


/* ==========================================
   1366px Laptop
========================================== */
@media (max-width: 1366px) {

    .ppm-works-section-container {
        max-width: 1140px;
        margin: 0 auto;

    }

    .ppm-experts-block {
        margin: 40px 0;
        max-width: 1020px;
    }

    .ppm-works-header {
        gap: 60px;
        max-width: 1140px;
    }

    .ppm-works-img {
        max-width: 250px;
    }

    .ppm-works-heading {
        font-size: 32px;
    }

    .ppm-experts-grid {
        gap: 25px;
    }

    .ppm-lighthouse-container {
        width: 160px;
    }

    .ppm-lighthouse-img {
        height: 500px;
    }

    .ppm-works-footer {
        font-size: 15px;
    }
}

/* ==========================================
   Tablet
========================================== */
@media (max-width: 991px) {

    .ppm-works-section {
        padding: 80px 0;
    }

    .ppm-works-header {
        flex-direction: column;
        text-align: center;
        gap: 30px;
        margin-bottom: 50px;
    }

    .ppm-works-img {
        width: 100%;
        max-width: 650px;
    }

    .ppm-works-heading {
        font-size: 30px;
    }

    .ppm-works-subheading {
        font-size: 18px;
    }

    .ppm-experts-main-title {
        text-align: center;
    }

    .ppm-experts-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .ppm-lighthouse-container {
        display: none;
    }

    .ppm-works-footer {
        text-align: center;
    }
}

/* ==========================================
   Mobile
========================================== */
@media (max-width: 767px) {

    .ppm-works-section {
        padding: 60px 0;
    }

    .ppm-works-section-container {
        padding: 0 15px;
    }

    .ppm-works-header {
        text-align: left;
        gap: 25px;
        margin-bottom: 40px;
    }

    .ppm-works-heading {
        font-size: 26px;
        line-height: 1.3;
    }

    .ppm-works-paragraph {
        font-size: 14px;
        line-height: 1.8;
    }

    .ppm-works-subheading {
        font-size: 18px;
        line-height: 1.5;
    }

    .ppm-experts-main-title {
        font-size: 18px;
        text-align: left;
    }

    .ppm-experts-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .ppm-expert-card {
        padding-left: 20px;
        font-size: 15px;
    }

    .ppm-works-footer {
        font-size: 16px;
        line-height: 1.7;
        text-align: left;
    }

    .ppm-lighthouse-container {
        display: none;
    }
}

/* ==========================================================================
   PMO SECTION - FULLY ADJUSTABLE & SPACED
   ========================================================================== */

/* ==========================================================================
   PMO SECTION - OVERLAP ADJUSTMENTS
   ========================================================================== */

.ppm-pmo-section {
    position: relative;
    color: #ffffff;
    overflow: visible;

    padding-top: 100px;

    padding-bottom: 50px;
}

.ppm-pmo-visual {
    flex: 0 0 350px;
    margin-top: -150px;

    z-index: 2;
    /* Taaki ye sabse upar dikhe */
    position: relative;
}

.ppm-pmo-visual img {
    width: 100%;
    height: auto;
}

/* Baaki styles waisi hi rahengi */
.ppm-pmo-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

.ppm-pmo-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.ppm-pmo-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.ppm-pmo-wrapper {
    display: flex;
    align-items: center;
    gap: 80px;
}

.ppm-pmo-content {
    flex: 1;
}

.ppm-pmo-heading {
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 20px;
    font-weight: 700;
}

.ppm-pmo-subtext {
    font-size: 20px;
    margin-bottom: 30px;
    opacity: 0.9;
    font-weight: 700;
}

.ppm-pmo-btn {
    display: inline-block;
    padding: 10px 25px;
    background-color: #18c4d6;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
}

/* Responsive Overlap Fix */
@media (max-width: 992px) {
    .ppm-pmo-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }

    .ppm-pmo-visual {
        margin-top: -50px;
        flex: 0 0 250px;
    }
}

/* ==========================================
   1366px Laptop
========================================== */
@media (max-width: 1366px) {

    .ppm-pmo-wrapper {
        gap: 50px;
        max-width: 1040px;
    }

    .ppm-pmo-visual {
        flex: 0 0 300px;
        margin-top: -180px;
    }

    .ppm-pmo-heading {
        font-size: 32px;
    }

    .ppm-pmo-subtext {
        font-size: 18px;
    }
}

/* ==========================================
   Tablet
========================================== */
@media (max-width: 991px) {

    .ppm-pmo-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .ppm-pmo-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    .ppm-pmo-visual {
        flex: unset;
        width: 280px;
        margin-top: -60px;
    }

    .ppm-pmo-heading {
        font-size: 30px;
        line-height: 1.4;
    }

    .ppm-pmo-subtext {
        font-size: 18px;
        margin-bottom: 25px;
    }
}

/* ==========================================
   Mobile
========================================== */
@media (max-width: 767px) {

    .ppm-pmo-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .ppm-pmo-container {
        padding: 0 15px;
    }

    .ppm-pmo-wrapper {
        gap: 20px;
    }

    .ppm-pmo-visual {
        width: 220px;
        margin-top: -40px;
    }

    .ppm-pmo-heading {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 15px;
    }

    .ppm-pmo-subtext {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .ppm-pmo-btn {
        width: 100%;
        max-width: 220px;
        text-align: center;
        padding: 12px 20px;
    }
}

/* ==========================================================================
   HOW WE CAN HELP - SECTION (With Proper Margin/Container)
   ========================================================================== */

.ppm-help-section {
    padding: 80px 0;
    background-color: #f8fafc;
}


.ppm-help-container {
    max-width: 1280px;
    margin: 0 auto;

}

.ppm-section-title {
    font-size: 62px;
    font-weight: 800;
    margin-bottom: 60px;
    color: #11181c;
}

.ppm-help-grid {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.ppm-help-card {
    display: flex;
    gap: 25px;
    align-items: flex-start;
}

.ppm-help-content {
    max-width: 1080px;
}

/* Icon Box */
.ppm-icon-box {
    width: 70px;
    height: 70px;
    background-color: #e0f2f7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Content Styling */
.ppm-help-subtitle {
    font-size: 20px;
    margin-bottom: 8px;
    color: #161616;
    font-weight: 800;
}

.ppm-underline {
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, #18c4d6, #004774);
    margin: 15px 0;
}

.ppm-help-desc {
    font-size: 16px;
    line-height: 1.6;
    color: #161616;
    font-weight: 500;
    max-width: 1080px;
    /* Text ko bahut zyada failne se rokne ke liye */
}

/* Responsive */
@media (max-width: 768px) {
    .ppm-help-card {
        flex-direction: column;
        text-align: center;
    }

    .ppm-help-card .ppm-icon-box {
        margin: 0 auto;
    }

    .ppm-section-title {
        text-align: center;
    }
}

/* ==========================================
   1366px Laptop
========================================== */
@media (max-width: 1366px) {

    .ppm-help-container {
        max-width: 1140px;
        margin: 0 auto;

    }

    .ppm-section-title {
        font-size: 54px;
        margin-bottom: 50px;
    }

    .ppm-help-content {
        max-width: 100%;
    }

    .ppm-help-desc {
        max-width: 100%;
    }
}

/* ==========================================
   Tablet
========================================== */
@media (max-width: 991px) {

    .ppm-help-section {
        padding: 70px 0;
    }

    .ppm-section-title {
        font-size: 42px;
        text-align: center;
        margin-bottom: 40px;
    }

    .ppm-help-grid {
        gap: 40px;
    }

    .ppm-help-card {
        gap: 20px;
    }

    .ppm-help-subtitle {
        font-size: 18px;
    }

    .ppm-help-desc {
        font-size: 15px;
    }

    .ppm-icon-box {
        width: 65px;
        height: 65px;
    }
}

/* ==========================================
   Mobile
========================================== */
@media (max-width: 767px) {

    .ppm-help-section {
        padding: 60px 0;
    }

    .ppm-help-container {
        padding: 0 15px;
    }

    .ppm-section-title {
        font-size: 32px;
        line-height: 1.2;
        text-align: center;
        margin-bottom: 35px;
    }

    .ppm-help-grid {
        gap: 35px;
    }

    .ppm-help-card {
        flex-direction: column;
        text-align: center;
        align-items: center;
        gap: 15px;
    }

    .ppm-icon-box {
        width: 60px;
        height: 60px;
        margin: 0 auto;
    }

    .ppm-icon-box svg {
        width: 28px;
        height: 28px;
    }

    .ppm-help-content {
        max-width: 100%;
    }

    .ppm-help-subtitle {
        font-size: 18px;
        line-height: 1.4;
    }

    .ppm-underline {
        margin: 12px auto;
    }

    .ppm-help-desc {
        font-size: 14px;
        line-height: 1.8;
        max-width: 100%;
    }
}


/* ==========================================================================
   CTA SECTION - BLACK BG & TOP BORDER
   ========================================================================== */

.ppm-cta-section {
    background-color: #111111;
    /* Solid Black Background */
    color: #ffffff;
    position: relative;
    z-index: 1;
}

/* Top Border Line */
.ppm-cta-border-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    /* Thickness of border */
    background-color: #18c4d6;
    /* Cyan border */
}

.ppm-cta-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.ppm-cta-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

/* Content Styles */
.ppm-cta-content {
    flex: 1;
}

.ppm-cta-heading {
    font-size: 36px;
    margin-bottom: 25px;
    font-weight: 800;
}

.ppm-cta-desc {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 30px;
    opacity: 0.9;
    font-weight: 800;
}

.ppm-cta-subtext {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.ppm-cta-btn {
    display: inline-block;
    padding: 10px 25px;
    background-color: #18c4d6;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 700;
}

/* Overlap Visual */
.ppm-cta-visual {
    flex: 0 0 330px;
    margin-top: -46px;
    /* Adjust overlap here */
    z-index: 2;
}

.ppm-cta-visual img {
    width: 100%;
    height: auto;
}

/* Responsive */
@media (max-width: 992px) {
    .ppm-cta-wrapper {
        flex-direction: column-reverse;
        text-align: center;
    }

    .ppm-cta-visual {
        margin-top: 0;
        width: 300px;
        margin-bottom: 30px;
    }
}

/* ==========================================
   1366px Laptop
========================================== */
@media (max-width: 1366px) {
    .ppm-cta-container {
        max-width: 1140px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .ppm-cta-wrapper {
        gap: 30px;
    }

    .ppm-cta-heading {
        font-size: 32px;
    }

    .ppm-cta-desc,
    .ppm-cta-subtext {
        font-size: 18px;
    }

    .ppm-cta-visual {
        flex: 0 0 280px;
        margin-top: -35px;
    }
}

/* ==========================================
   Tablet
========================================== */
@media (max-width: 991px) {

    .ppm-cta-section {
        padding: 60px 0;
    }

    .ppm-cta-wrapper {
        flex-direction: column-reverse;
        text-align: center;
        gap: 30px;
    }

    .ppm-cta-heading {
        font-size: 30px;
    }

    .ppm-cta-desc {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .ppm-cta-subtext {
        font-size: 17px;
    }

    .ppm-cta-visual {
        flex: unset;
        width: 280px;
        margin-top: 0;
    }
}

/* ==========================================
   Mobile
========================================== */
@media (max-width: 767px) {

    .ppm-cta-section {
        padding: 50px 0;
    }

    .ppm-cta-container {
        padding: 0 15px;
    }

    .ppm-cta-heading {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 15px;
    }

    .ppm-cta-desc {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 20px;
    }

    .ppm-cta-subtext {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .ppm-cta-btn {
        width: 100%;
        max-width: 220px;
        text-align: center;
        padding: 12px 20px;
    }

    .ppm-cta-visual {
        width: 220px;
        margin-bottom: 15px;
    }
}


/* =========================================================
   MS TEAMS AND SAP CONNECTOR PAGE START
========================================================= */
/* =========================================================
   MS TEAMS AND SAP CONNECTOR PAGE START
========================================================= */

.teams-sap-hero {
    position: relative;
    overflow: hidden;
    min-height: 700px;
    padding: 140px 0 70px;
    background: #ffffff;
}

.teams-sap-hero::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 496px;
    background: #eef4f8 url("../images/ms-teams-and-sap-connector/Group-1000004927-3.webp") center top / cover no-repeat;
    pointer-events: none;
}

.teams-sap-hero-container {
    position: relative;
    z-index: 1;
    width: min(1295px, calc(100% - 48px));
    margin: 0 auto;
}

.teams-sap-hero-image {
    width: min(1176px, calc(100% - 224px));
    margin-left: auto;
    border-radius: 24px;
    overflow: hidden;

}

.teams-sap-hero-image img {
    display: block;
    width: 100%;
    height: 508px;
    object-fit: cover;
}

.teams-sap-hero-card {
    position: absolute;
    left: 35px;
    top: 34px;
    width: min(513px, 48vw);
    min-height: 400px;
    padding: 30px 30px 30px 30px;
    border-radius: 36px;
    background: linear-gradient(90deg, rgba(110, 110, 110, 0.94) 0%, rgba(10, 39, 46, 0.94) 100%);
    color: #ffffff;
    overflow: visible;
    font-weight: 600;
}

.teams-sap-hero-breadcrumb {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 36px;
    font-size: 14px;
    font-weight: 700;
}

.teams-sap-hero-breadcrumb i {
    color: #15c7d8;
    font-size: 14px;
}

.teams-sap-hero-breadcrumb span:last-child {
    color: #15c7d8;
}

.teams-sap-hero-card h1 {
    position: relative;
    z-index: 2;
    max-width: 520px;
    margin: 0;
    color: #ffffff;
    font-size: 64px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: 1px;
}

.teams-sap-hero-logo {
    position: absolute;
    z-index: 5;
    right: -22px;
    top: 174px;
    width: 95px;
    max-width: none;
}


@media (max-width: 1200px) {
    .teams-sap-hero-container {
        max-width: 1140px;
    }
}

@media (max-width: 1200px) {
    .teams-sap-hero-card h1 {
        font-size: 62px;
    }

    .teams-sap-hero-card {
        width: min(570px, 52vw);
    }
}

@media (max-width: 991px) {
    .teams-sap-hero {
        min-height: auto;
        padding: 126px 0 54px;
    }

    .teams-sap-hero::before {
        height: 470px;
    }

    .teams-sap-hero-container {
        width: min(100% - 32px, 760px);
    }

    .teams-sap-hero-image {
        width: 100%;
    }

    .teams-sap-hero-image img {
        height: 430px;
    }

    .teams-sap-hero-card {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        min-height: auto;
        margin-top: -180px;
        padding: 34px 28px 42px;
        border-radius: 24px;
    }

    .teams-sap-hero-card h1 {
        font-size: 52px;
        line-height: 1.18;
    }

    .teams-sap-hero-logo {
        right: 18px;
        top: 126px;
        width: 86px;
    }
}

@media (max-width: 575px) {
    .teams-sap-hero {
        padding: 108px 0 42px;
    }

    .teams-sap-hero::before {
        height: 380px;
    }

    .teams-sap-hero-image {
        border-radius: 18px;
    }

    .teams-sap-hero-image img {
        height: 330px;
    }

    .teams-sap-hero-card {
        margin-top: -118px;
        padding: 26px 22px 30px;
        border-radius: 20px;
    }

    .teams-sap-hero-breadcrumb {
        flex-wrap: wrap;
        margin-bottom: 24px;
        font-size: 14px;
    }

    .teams-sap-hero-card h1 {
        max-width: 300px;
        font-size: 40px;
    }

    .teams-sap-hero-logo {
        right: 10px;
        top: 116px;
        width: 78px;
    }
}

.teams-sap-intro {
    position: relative;
    overflow: hidden;
    margin-top: -4px;
    padding-top: 104px;
    background: #ffffff;
}

.teams-sap-intro-bg {
    position: absolute;
    inset: 0 0 auto;
    height: 680px;
    background: url("../images/ms-teams-and-sap-connector/Group-1000004468-2.png") center top / cover no-repeat;
    opacity: 0.78;
    pointer-events: none;
}

.teams-sap-intro-container {
    position: relative;
    z-index: 2;
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.teams-sap-intro-top {
    display: grid;
    grid-template-columns: minmax(420px, 560px) minmax(460px, 586px);
    align-items: start;
    gap: 74px;
    margin-bottom: 46px;
}

.teams-sap-intro-copy h2 {
    margin: 0 0 28px;
    color: #11181c;
    font-size: 35px;
    line-height: 1.23;
    font-weight: 700;
    letter-spacing: 0;
}

.teams-sap-intro-copy p {
    margin: 0;
    color: #161616;
    font-size: 15px;
    line-height: 1.66;
    font-weight: 500;
}

.teams-sap-intro-copy p+p {
    margin-top: 28px;
}

.teams-sap-video-card {
    position: relative;
    margin-top: 2px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.teams-sap-video-card img {
    display: block;
    width: 100%;
    height: auto;
}

.teams-sap-cookie-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 386px;
    max-width: 66%;
    padding: 17px 22px;
    transform: translate(-25%, -16%);
    background: rgba(0, 0, 0, 0.72);
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 1.45;
}

.teams-sap-feature-panel {
    position: relative;
    z-index: 3;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border-radius: 20px;
    background: #EFF1F3;
    box-shadow: 0 15px 24px rgba(0, 48, 74, 0.16);
    backdrop-filter: blur(8px);
}

.teams-sap-feature-card {
    min-height: 286px;
    padding: 34px 30px 34px;
    border-right: 1px solid rgba(2, 31, 48, 0.08);
}

.teams-sap-feature-card:last-child {
    border-right: 0;
}

.teams-sap-feature-card img {
    display: block;
    width: 64px;
    height: 64px;
    margin-bottom: 26px;
}

.teams-sap-feature-card h3 {
    max-width: 210px;
    margin: 0 0 10px;
    color: #11181c;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
}

.teams-sap-feature-card p {
    max-width: 230px;
    margin: 0;
    color: #161616;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 500;
}

.teams-sap-app-band {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    min-height: 455px;
    margin-top: -80px;
    padding: 150px 0px 80px 0px;
    background-color: #001c30;
    background-image: url("../images/ms-teams-and-sap-connector/Group-1000004606-1.webp");
    background-position: bottom right;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.teams-sap-app-container {
    display: grid;
    grid-template-columns: minmax(420px, 560px) minmax(360px, 1fr);
    align-items: start;
    gap: 86px;
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.teams-sap-app-info h3 {
    margin: 0 0 26px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.teams-sap-app-info h3 span {
    color: #15c7d8;
}

.teams-sap-app-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 52px;
}

.teams-sap-app-meta p {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.4;
}

.teams-sap-app-meta strong {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.4;
}

.teams-sap-app-action {
    position: relative;
    padding-left: 54px;
}

.teams-sap-app-action::before {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    width: 1px;
    height: 112px;
    background: rgba(255, 255, 255, 0.18);
}
.teams-sap-app-action > a:first-child {
    display: block;
    padding: 0;
    min-height: auto;
    background: transparent !important;
    border-radius: 0;
}

.teams-sap-app-action > a:first-child img {
    display: block;
    width: 228px;
    max-width: 100%;
    margin-bottom: 22px;
}

.teams-sap-app-action > a:last-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 22px;
    border-radius: 4px;
    background: #149dab;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}


.teams-sap-app-action a:hover {
    color: #ffffff;
    background: #11a5b5;
}

@media (max-width: 1100px) {
    .teams-sap-intro-top {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .teams-sap-video-card {
        max-width: 640px;
    }

    .teams-sap-feature-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .teams-sap-feature-card:nth-child(2) {
        border-right: 0;
    }

    .teams-sap-feature-card:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(2, 31, 48, 0.08);
    }
}

@media (max-width: 767px) {
    .teams-sap-intro {
        padding-top: 64px;
    }

    .teams-sap-intro-container,
    .teams-sap-app-container {
        width: min(100% - 30px, 1200px);
    }

    .teams-sap-intro-copy h2 {
        font-size: 32px;
    }

    .teams-sap-intro-copy p,
    .teams-sap-feature-card p,
    .teams-sap-app-meta p,
    .teams-sap-app-meta strong {
        font-size: 16px;
    }

    .teams-sap-cookie-overlay {
        width: 300px;
        max-width: 76%;
        font-size: 13px;
        transform: translate(-26%, -10%);
    }

    .teams-sap-feature-panel {
        grid-template-columns: 1fr;
    }

    .teams-sap-feature-card,
    .teams-sap-feature-card:nth-child(2) {
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid rgba(2, 31, 48, 0.08);
    }

    .teams-sap-feature-card:last-child {
        border-bottom: 0;
    }

    .teams-sap-app-band {
        margin-top: -54px;
        padding: 126px 0 52px;
    }

    .teams-sap-app-container {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .teams-sap-app-meta {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .teams-sap-app-action {
        padding-left: 0;
    }

    .teams-sap-app-action::before {
        display: none;
    }
}

.teams-sap-features {
    position: relative;
    z-index: 2;
    overflow: visible;
    padding: 104px 0 0;
    background: #ffffff url("../images/ms-teams-and-sap-connector/Group-1000004607-1.webp") center top / cover no-repeat;
}

.teams-sap-features-container {
    width: min(1295px, calc(100% - 48px));
    margin: 0 auto;
}

.teams-sap-features-heading {
    margin-bottom: 42px;
}

.teams-sap-features-heading h2 {
    margin: 0 0 28px;
    color: #11181c;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
}

.teams-sap-features-heading p {
    margin: 0;
    color: #161616;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
}

.teams-sap-feature-tabs {
    display: grid;
    grid-template-columns: 330px 277px 399px;
    gap: 18px;
    margin-bottom: 35px;
    padding-left: 18px;
}

.teams-sap-feature-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 94px;
    padding: 0 22px 0 22px;
    border: 0;
    border-radius: 18px;
    background: #ffffff;
    color: #111820;
    box-shadow: 0px 10px 10px 1px #9dafc46b;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
}

.teams-sap-feature-tab.active {
    background: #004774;
    color: #ffffff;
    font-weight: 500;
}

.teams-sap-feature-tab img {
    display: block;
    width: 43px;
    height: 51px;
    object-fit: contain;
    flex: 0 0 auto;
}

.teams-sap-feature-tab.active img {
    display: block;
    filter: brightness(0) invert(1);
}

.teams-sap-features-grid {
    display: grid;
    grid-template-columns: minmax(420px, 560px) minmax(430px, 1fr);
    align-items: start;
    gap: 88px;
    padding-left: 24px;
}

.teams-sap-features-copy {
    position: relative;
}

.teams-sap-features-copy h3 {
    max-width: 520px;
    margin: 0 0 28px;
    color: #11181c;
    font-size: 35px;
    line-height: 1.22;
    font-weight: 800;
}

.teams-sap-features-copy p {
    max-width: 580px;
    margin: 0;
    color: #161616;
    font-size: 15px;
    line-height: 1.72;
    font-weight: 500;
}

.teams-sap-features-copy p+p {
    margin-top: 34px;
}

.teams-sap-meeting-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    margin-top: 48px;
    padding: 0 28px;
    border-radius: 4px;
    background: #18c4d6;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.teams-sap-meeting-btn:hover {
    color: #ffffff;
    background: #0fa7b7;
}

.teams-sap-meeting-btn i {
    font-size: 14px;
}

.teams-sap-features-app-badge {
    display: block;
    width: 66px;
    margin: 30px 0 0 290px;
}

.teams-sap-features-visual {
    display: flex;
    justify-content: center;
    padding-top: 3px;
}

.teams-sap-features-visual img {
    position: relative;
    z-index: 3;
    display: block;
    width: min(455px, 100%);
    height: auto;
    transform: translateY(70px);
}

@media (max-width: 1100px) {

    .teams-sap-feature-tabs,
    .teams-sap-features-grid {
        grid-template-columns: 1fr;
        padding-left: 0;
    }

    .teams-sap-feature-tabs {
        gap: 14px;
    }

    .teams-sap-features-visual {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .teams-sap-features {
        padding: 64px 0 76px;
    }

    .teams-sap-features-container {
        width: min(100% - 30px, 1200px);
    }

    .teams-sap-features-heading h2,
    .teams-sap-features-copy h3 {
        font-size: 32px;
    }

    .teams-sap-features-heading p,
    .teams-sap-features-copy p {
        font-size: 16px;
    }

    .teams-sap-feature-tab {
        min-height: 66px;
        padding: 0 18px;
        font-size: 16px;
    }

    .teams-sap-feature-tab i {
        font-size: 28px;
    }

    .teams-sap-features-app-badge {
        margin-left: 0;
    }
}

.teams-sap-pricing {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 228px 0 126px;
    background: #f4f8fb url("../images/ms-teams-and-sap-connector/Group-1000004847-1.png") center top / cover no-repeat;
}

.teams-sap-pricing-container {
    width: min(1295px, calc(100% - 40px));
    margin: 0 auto;
}

.teams-sap-pricing-heading {
    margin-bottom: 30px;
}

.teams-sap-pricing-heading h2 {
    margin: 0 0 26px;
    color: #11181c;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
}

.teams-sap-pricing-heading p {
    margin: 0;
    color: #161616;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 500;
}

.teams-sap-pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(373px, 1fr));
    gap: 26px;
}

.teams-sap-pricing-card {
    overflow: hidden;
    min-height: 373px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0px 0px 28px 0px rgba(157.00000000000003, 175.00000000000006, 196.00000000000003, 0.4196078431372549);
}

.teams-sap-pricing-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    min-height: 112px;
    padding: 26px 24px 20px 24px;
}

.teams-sap-pricing-free .teams-sap-pricing-card-head {
    background: #e7fbfd;
}

.teams-sap-pricing-standard .teams-sap-pricing-card-head {
    background: #f1eafd;
}

.teams-sap-pricing-custom .teams-sap-pricing-card-head {
    background: #fff0f2;
}

.teams-sap-pricing-card-head h3 {
    margin: 0 0 14px;
    color: #11181c;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

.teams-sap-pricing-card-head p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    color: #11181c;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
}

.teams-sap-pricing-card-head strong {
    font-size: 14px;
    font-weight: 600;
}

.teams-sap-pricing-card-head p i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #7e55ff;
}

.teams-sap-pricing-card-head>span {
    flex: 0 0 auto;
    width: 41px;
    height: 41px;
    border-radius: 50%;
}

.teams-sap-pricing-free .teams-sap-pricing-card-head>span {
    background: #bff4fb;
}

.teams-sap-pricing-standard .teams-sap-pricing-card-head>span {
    background: #d8c5ff;
}

.teams-sap-pricing-custom .teams-sap-pricing-card-head>span {
    background: #ffd1dc;
}

.teams-sap-pricing-card-body {
    padding: 29px 24px 30px;
}

.teams-sap-pricing-card-body>p {
    margin: 0 0 12px;
    color: #161616;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 500;
}

.teams-sap-pricing-card-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.teams-sap-pricing-card-body li {
    padding: 11px 0;
    border-top: 1px dashed rgba(0, 0, 0, 0.36);
    color: #161616;
    font-size: 15px;
    line-height: 1.36;
    font-weight: 500;
}

@media (max-width: 1366px) {
    .teams-sap-pricing-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 26px;
    }
}

@media (max-width: 1100px) {
    .teams-sap-pricing-grid {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 767px) {
    .teams-sap-pricing {
        padding: 72px 0;
    }

    .teams-sap-pricing-container {
        width: min(100% - 30px, 1200px);
    }

    .teams-sap-pricing-heading h2 {
        font-size: 32px;
    }

    .teams-sap-pricing-heading p,
    .teams-sap-pricing-card-body li {
        font-size: 16px;
    }

    .teams-sap-pricing-card-body>p {
        font-size: 18px;
    }
}

.teams-sap-contact-cta {
    position: relative;
    overflow: hidden;
    min-height: 476px;
    padding: 42px 0 38px;
    background: #000000 url("../images/ms-teams-and-sap-connector/modern-building-with-sky-background-1-1.webp") center center / cover no-repeat;
}

.teams-sap-contact-container {
    display: grid;
    grid-template-columns: minmax(380px, 570px) minmax(560px, 1fr);
    align-items: center;
    gap: 62px;
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.teams-sap-contact-copy h2 {
    max-width: 560px;
    margin: 0;

    font-size: 35px;

    font-weight: 800;
    line-height: 1.5em;
    color: #ffffff;
}

.teams-sap-contact-form-wrap {
    position: relative;
    min-height: 396px;
}

.teams-sap-contact-form-wrap::before {
    content: "";
    position: absolute;
    right: -152px;
    top: 36px;
    width: 519px;
    height: 430px;
    background: url("../images/ms-teams-and-sap-connector/space-shuttle-flying-clouds-1.webp") center / contain no-repeat;
    pointer-events: none;
}

.teams-sap-contact-form {
    position: relative;
    z-index: 2;
    width: min(560px, 100%);
    margin-left: auto;
    padding: 34px 30px 38px;
    border-radius: 14px;
    background: rgba(217, 217, 217, 0.86);
    backdrop-filter: blur(2px);
}

.teams-sap-contact-form h3 {
    max-width: 500px;
    margin: 0 0 26px;
    color: #000000;
    font-size: 27px;
    line-height: 1.26;
    font-weight: 700;
}

.teams-sap-contact-form input,
.teams-sap-contact-form textarea {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    color: #202020;
    font-family: inherit;
    font-size: 16px;
    outline: none;
}

.teams-sap-contact-form input {
    min-height: 50px;
    padding: 0 18px;
}

.teams-sap-contact-form textarea {
    min-height: 98px;
    padding: 16px 18px;
    resize: vertical;
}

.teams-sap-contact-form input::placeholder,
.teams-sap-contact-form textarea::placeholder {
    color: #b5b7bd;
}

.teams-sap-contact-form button {
    min-width: 88px;
    min-height: 42px;
    border: 0;
    border-radius: 5px;
    background: #16b8c9;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .teams-sap-contact-container {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .teams-sap-contact-form {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .teams-sap-contact-cta {
        padding: 58px 0;
    }

    .teams-sap-contact-container {
        width: min(100% - 30px, 1200px);
    }

    .teams-sap-contact-copy h2,
    .teams-sap-contact-form h3 {
        font-size: 30px;
    }

    .teams-sap-contact-form {
        padding: 28px 20px;
    }

    .teams-sap-contact-form-wrap::before {
        right: -210px;
        opacity: 0.72;
    }
}

.teams-sap-blogs {
    padding: 86px 0 112px;
    background: #ffffff;
}

.teams-sap-blogs-container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.teams-sap-blogs h2 {
    margin: 0 0 48px;
    color: #111820;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
}

.teams-sap-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
}

.teams-sap-blog-card {
    overflow: hidden;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14);
}

.teams-sap-blog-image {
    position: relative;
    overflow: hidden;
    height: 194px;
}

.teams-sap-blog-image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 82px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 86%);
    pointer-events: none;
}

.teams-sap-blog-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.teams-sap-blog-card-body {
    padding: 18px 28px 0px;
}

.teams-sap-blog-card-body span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin-bottom: 22px;
    padding: 0 18px;
    border-radius: 999px;
    background: #f0f5f9;
    color: #00517d;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
}

.teams-sap-blog-card-body h3 {
    min-height: 85px;
    /* margin: 0 0 18px; */
    color: #000000;
    font-size: 20px;
    line-height: 1.28;
    font-weight: 700;
    margin-left: 20px;
}

.teams-sap-blog-card-body p {
    margin-left: 20px;
    color: #8a8d93;
    font-size: 15px;
    line-height: 1.4;
}

@media (max-width: 1100px) {
    .teams-sap-blog-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .teams-sap-blogs {
        padding: 64px 0 76px;
    }

    .teams-sap-blogs-container {
        width: min(100% - 30px, 1200px);
    }

    .teams-sap-blogs h2 {
        font-size: 32px;
    }

    .teams-sap-blog-card-body h3 {
        min-height: auto;
        font-size: 22px;
    }
}

@media (max-width: 1366px) {




    .teams-sap-hero-container,
    .teams-sap-intro-container,
    .teams-sap-app-container,
    .teams-sap-features-container,
    .teams-sap-pricing-container,
    .teams-sap-contact-container,
    .teams-sap-blogs-container {
        max-width: 1140px !important;
        width: 100% !important;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

}



/* =========================================================
   MS TEAMS AND SAP CONNECTOR PAGE END
========================================================= */
/* =========================================================
   MS TEAMS AND SAP CONNECTOR PAGE END
========================================================= */

/* =========================================================
   ORGFUSION PAGE START
========================================================= */

.orgfusion-hero {
    position: relative;
    overflow: visible;
    min-height: 552px;
    padding: 98px 0 0;
    background: transparent;
    z-index: 2;
}

.orgfusion-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 455px;
    object-fit: cover;
    object-position: center top;
    pointer-events: none;
}

.orgfusion-hero-container {
    position: relative;
    z-index: 1;
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
}

.orgfusion-hero-image {
    width: min(1280px, calc(100% - 260px));
    margin-left: auto;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 32px 46px rgba(0, 29, 48, 0.22);
}

.orgfusion-hero-image img {
    display: block;
    width: 100%;
    height: 454px;
    object-fit: cover;
}

.orgfusion-hero-card {
    position: absolute;
    left: 96px;
    top: 30px;
    width: min(436px, 44vw);
    min-height: 396px;
    padding: 35px;
    border-radius: 32px;
    background: linear-gradient(105deg, #7a7d7d 0%, #252b2a 45%, #111515 100%);
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    overflow: visible;
}

.orgfusion-hero-breadcrumb {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 34px;
    font-size: 15px;
    font-weight: 700;
}

.orgfusion-hero-breadcrumb i,
.orgfusion-hero-breadcrumb span:last-child,
.orgfusion-hero-card h1 span {
    color: #16c3d5;
}

.orgfusion-hero-breadcrumb i {
    font-size: 13px;
}

.orgfusion-hero-card h1 {
    position: relative;
    z-index: 2;
    margin: 0 0 28px;
    color: #ffffff;
    font-size: 64px;
    line-height: 0.95;
    font-weight: 800;
    letter-spacing: 0;
}

.orgfusion-hero-card p {
    position: relative;
    z-index: 2;
    max-width: 430px;
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 500;
}

.orgfusion-hero-card .orgfusion-hero-lead {
    max-width: 480px;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 1.75;
    font-weight: 800;
}

.orgfusion-hero-logo {
    position: absolute;
    z-index: 5;
    right: -25px;
    top: 156px;
    width: 95px;
    max-width: none;
}

@media (max-width: 1200px) {
    .orgfusion-hero-card h1 {
        font-size: 62px;
    }

    .orgfusion-hero-card {
        width: min(520px, 52vw);
    }
}

@media (max-width: 991px) {
    .orgfusion-hero {
        min-height: auto;
        padding: 118px 0 54px;
    }

    .orgfusion-hero-bg {
        height: 470px;
    }

    .orgfusion-hero-container {
        width: min(100% - 32px, 760px);
    }

    .orgfusion-hero-image {
        width: 100%;
    }

    .orgfusion-hero-image img {
        height: 420px;
    }

    .orgfusion-hero-card {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        min-height: auto;
        margin-top: -170px;
        padding: 34px 28px 42px;
        border-radius: 24px;
    }

    .orgfusion-hero-card h1 {
        font-size: 54px;
    }

    .orgfusion-hero-logo {
        right: 16px;
        top: 140px;
        width: 88px;
    }
}

@media (max-width: 575px) {
    .orgfusion-hero {
        padding: 108px 0 42px;
    }

    .orgfusion-hero-bg {
        height: 380px;
    }

    .orgfusion-hero-image {
        border-radius: 18px;
    }

    .orgfusion-hero-image img {
        height: 320px;
    }

    .orgfusion-hero-card {
        margin-top: -116px;
        padding: 26px 22px 30px;
        border-radius: 20px;
    }

    .orgfusion-hero-breadcrumb {
        flex-wrap: wrap;
        margin-bottom: 24px;
        font-size: 14px;
    }

    .orgfusion-hero-card h1 {
        font-size: 42px;
    }

    .orgfusion-hero-card p,
    .orgfusion-hero-card .orgfusion-hero-lead {
        font-size: 16px;
        margin-top: 70px;

    }

    .orgfusion-hero-logo {
        right: 10px;
        top: 104px;
        width: 72px;
    }
}

.orgfusion-pricing-bracket::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 2%;
    right: 2%;
    height: 3px;
    background: linear-gradient(90deg, #108dc7 0%, #ef8e38 100%);
    border-radius: 2px;
}

.orgfusion-ma {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: -98px;
    min-height: 460px;
    padding: 175px 0 92px;
    background: #ffffff;
}

.orgfusion-ma-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    pointer-events: none;
}

.orgfusion-ma-container {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(420px, 580px) minmax(520px, 1fr);
    align-items: start;
    gap: 20px;
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
}

.orgfusion-ma-copy h2 {
    margin: 0 0 28px;
    color: #11181c;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
}

.orgfusion-ma-copy p {
    max-width: 610px;
    margin: 0;
    color: #161616;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 500;
}

.orgfusion-ma-video {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.orgfusion-ma-video img {
    display: block;
    width: 100%;
    height: auto;
}

.orgfusion-ma-cookie {
    position: absolute;
    left: 239px;
    top: 42%;
    width: 386px;
    max-width: 58%;
    padding: 13px;
    transform: translate(-21%, -8%);
    border: 2px solid #000000;
    background: rgba(0, 0, 0, 0.48);
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 1100px) {
    .orgfusion-ma-container {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .orgfusion-ma-video {
        max-width: 640px;
    }
}

@media (max-width: 767px) {
    .orgfusion-ma {
        margin-top: -24px;
        padding: 88px 0 64px;
    }

    .orgfusion-ma-container {
        width: min(100% - 30px, 1200px);
    }

    .orgfusion-ma-copy h2 {
        font-size: 26px;
    }

    .orgfusion-ma-copy p {
        font-size: 17px;
    }

    .orgfusion-ma-cookie {
        width: 300px;
        max-width: 74%;
        font-size: 13px;
        transform: translate(-24%, -8%);
    }
}

.orgfusion-why {
    padding: 104px 0 112px;
    background: #F3F7FA;
}

.orgfusion-why-container {
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
}

.orgfusion-why h2 {
    /* margin: 0 0 42px; */
    color: #11181c;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
    margin-left: 9px;
}

.orgfusion-why-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 46px 26px;
}

.orgfusion-why-card {
    min-height: 382px;
    padding: 30px 30px 30px 30px;
    margin: 20px 10px 20px 10px;
    border-radius: 4px;
    background: #ffffff;
    text-align: center;
}

.orgfusion-why-card img {
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto 32px;
}

.orgfusion-why-card h3 {
    margin: 0 0 20px;
    color: #11181c;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
}

.orgfusion-why-card p,
.orgfusion-why-card li {
    margin: 0;
    color: #161616;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 500;
}

.orgfusion-why-card ul {
    margin: 10px 0 0;
    padding: 0;
    list-style-position: inside;
}

.orgfusion-why-card li {
    list-style-type: disc;
}

@media (max-width: 1100px) {
    .orgfusion-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .orgfusion-why {
        padding: 70px 0;
    }

    .orgfusion-why-container {
        width: min(100% - 30px, 1200px);
    }

    .orgfusion-why h2 {
        font-size: 32px;
    }

    .orgfusion-why-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .orgfusion-why-card {
        min-height: auto;
        padding: 32px 24px;
    }

    .orgfusion-why-card h3 {
        font-size: 24px;
    }

    .orgfusion-why-card p,
    .orgfusion-why-card li {
        font-size: 17px;
    }
}

.orgfusion-key {
    position: relative;
    overflow: hidden;
    background: #151818;
}

.orgfusion-key-top {
    min-height: 646px;
    padding: 112px 0 0;
    background: radial-gradient(circle at 35% 30%, rgba(0, 95, 130, 0.28), transparent 34%),
        linear-gradient(90deg, #131818 0%, #17223a 52%, #151515 100%);
}

.orgfusion-key-container,
.orgfusion-key-card-wrap,
.orgfusion-key-app-container {
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
}

.orgfusion-key h2 {
    margin: 0 0 54px;
    color: #ffffff;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 800;
}

.orgfusion-key-diagram {
    display: block;
    width: min(1140px, 100%);
    margin: 0 auto;
}

.orgfusion-key-card-wrap {
    position: relative;
    z-index: 3;
    margin-top: -126px;
}

.orgfusion-key-card {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 34px;
    min-height: 258px;
    padding: 34px 32px 36px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 0 32px rgba(255, 255, 255, 0.32);
    margin-top: 55px;
}

.orgfusion-key-card article img {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 0 26px;
}

.orgfusion-key-card article h3 {
    margin: 0 0 8px;
    color: #11181c;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
}

.orgfusion-key-card article p {
    margin: 0;
    color: #161616;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 500;
}

.orgfusion-key-app-band {
    position: relative;
    z-index: 1;
    min-height: 326px;
    margin-top: -64px;
    padding: 146px 0 62px;
    background-color: #001c30;
    background-image: url("../images/orgfusion/Group-1000004606-1.webp");
    background-position: bottom right;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.orgfusion-key-app-container {
    display: grid;
    grid-template-columns: minmax(420px, 560px) minmax(360px, 1fr);
    /* gap: 86px; */
}

.orgfusion-key-app-info h3 {
    margin: 0 0 28px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.orgfusion-key-app-info h3 span {
    color: #15c7d8;
}

.orgfusion-key-app-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 52px;
}

.orgfusion-key-app-meta p {
    margin: 0 0 8px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.4;
}

.orgfusion-key-app-meta strong {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.4;
}

.orgfusion-key-app-action {
    position: relative;
    padding-left: 54px;
}

.orgfusion-key-app-action::before {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    width: 1px;
    height: 150px;
    background: rgba(255, 255, 255, 0.18);
}

/* Image Anchor - NO background */
.orgfusion-key-app-action .orgfusion-app-image-link {
    display: block;
    width: fit-content;
    padding: 0;
    margin: 0;
    min-height: auto;
    background: transparent !important;
    border-radius: 0;
    color: inherit;
    text-decoration: none;
}

/* Image */
.orgfusion-key-app-action .orgfusion-app-image-link img {
    display: block;
    width: 242px;
    max-width: 100%;
    margin-bottom: 22px;
    background: transparent !important;
}

/* Button */
.orgfusion-key-app-action .orgfusion-app-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 22px;
    border-radius: 4px;
    background: #16b8c9;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}
@media (max-width: 1100px) {
    .orgfusion-key-card {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .orgfusion-key-app-container {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .orgfusion-key-app-action {
        padding-left: 0;
    }

    .orgfusion-key-app-action::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .orgfusion-key-top {
        min-height: 440px;
        padding: 70px 0 0;
    }

    .orgfusion-key-container,
    .orgfusion-key-card-wrap,
    .orgfusion-key-app-container {
        width: min(100% - 30px, 1200px);
    }

    .orgfusion-key h2 {
        font-size: 32px;
        margin-bottom: 34px;
    }

    .orgfusion-key-card-wrap {
        margin-top: -70px;
    }

    .orgfusion-key-card {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .orgfusion-key-app-band {
        margin-top: -44px;
        padding: 116px 0 52px;
    }

    .orgfusion-key-app-meta {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.orgfusion-pricing {
    position: relative;
    overflow: hidden;
    min-height: 720px;
    padding: 120px 0 240px;
    background-color: #eef4f8;
    background-image: url("../images/orgfusion/Group-1000004852.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.orgfusion-pricing-container {
    width: min(1280px, calc(100% - 80px));
    margin: 0 auto;
}



.orgfusion-pricing-heading {
    margin: 0 0 48px;
    padding-left: 10px;
}

.orgfusion-pricing-heading h2 {
    margin: 0 0 20px;
    color: #11181c;
    font-size: 35px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: 0;
}

.orgfusion-pricing-heading p {
    margin: 0;
    color: #161616;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 500;
}

.orgfusion-pricing-groups {
    display: grid;
    grid-template-columns: minmax(0, 1000px) 58px 360px;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.orgfusion-pricing-group-design {
    max-width: 264px;
    width: 100%;
}

.orgfusion-pricing-group>h3 {
    margin: 0 0 14px;
    color: #11181c;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 800;
    text-align: center;
}

.orgfusion-pricing-bracket {
    position: relative;
    height: 20px;
    margin: 0 0 36px;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #18c4d6;
    border-radius: 3px 3px 3px 3px;
}

.orgfusion-pricing-card-row {
    display: grid;
    grid-template-columns: repeat(3, 292px);
    /* gap: 26px; */
}

.orgfusion-price-card {
    --widgets-spacing: 20px 20px;
    --widgets-spacing-row: 20px;
    --widgets-spacing-column: 20px;
    position: relative;
    overflow: hidden;
    /* min-height: 515px; */
    max-width: 273px;

    padding: 26px 26px 30px;
    border: 1px solid rgba(10, 31, 48, 0.1);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 248, 247, 0.82) 0%, #ffffff 60%);
    box-shadow: 0 2px 0 rgba(8, 19, 29, 0.04);
}

.orgfusion-price-dot {
    position: absolute;
    top: 26px;
    right: 16px;
    width: 40px;
    height: 40px;
    z-index: 1;
    object-fit: contain;
}

.orgfusion-price-silver {
    background: linear-gradient(180deg, rgba(246, 246, 245, 0.88) 0%, #ffffff 62%);
}

.orgfusion-price-gold {
    background: linear-gradient(180deg, rgba(255, 247, 244, 0.9) 0%, #ffffff 62%);
}

.orgfusion-price-badge {
    position: relative;
    z-index: 1;
    display: inline-flex;
    max-width: calc(100% - -168px);
    min-height: 48px;
    align-items: center;
    padding: 0 12px;
    border-radius: 14px;
    background: #ffffff;
    color: #004774;
    font-size: 15px;
    line-height: 1.15;
    font-weight: 700;

}

.orgfusion-price-card h4 {
    position: relative;
    z-index: 1;
    margin: 28px 0 10px;
    color: #11181c;
    font-size: 35px !important;
    line-height: 1.16;
    font-weight: 800;
    letter-spacing: 0;
}

.orgfusion-price-card .orgfusion-price {
    margin: 0 0 44px;
    color: #11181c;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 800;
}

.orgfusion-price-card ul {
    margin: 0;
    padding: 0;
}

.orgfusion-price-card li {
    padding: 10px 0;
    border-bottom: 1px dashed rgba(25, 29, 34, 0.35);
    color: #2a2a2d;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 500;
}

.orgfusion-price-card li:first-child {
    padding-top: 0;
}

.orgfusion-price-card li:last-child {
    border-bottom: 0;
}

.orgfusion-pricing-plus {
    align-self: center;
    color: #00558b;
    font-size: 46px;
    line-height: 1;
    font-weight: 800;
    text-align: center;
}

.orgfusion-design-card {
    display: flex;
    width: 100%;
    max-width: 264px;
    min-height: 430px;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    background: #ffffff;
}

.orgfusion-design-card-top {

    padding: 28px 26px;
    border-radius: 22px 22px 0 0;
    background: #eee7fb;
}

.orgfusion-design-card h4 {
    margin: 0 0 16px;
    font-size: 35px;
    line-height: 1.25;
}

.orgfusion-design-card .orgfusion-price {
    margin: 0 0 24px;
}

.orgfusion-design-card strong {
    display: block;
    color: #161616;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 800;
}

.orgfusion-price-note {
    margin: 0;
    padding: 0 24px 18px;
    color: #161616;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
    text-align: right;
}

@media (min-width: 992px) and (max-width: 1366px) {

    .orgfusion-hero-container,
    .orgfusion-ma-container,
    .orgfusion-why-container,
    .orgfusion-key-container,
    .orgfusion-key-card-wrap,
    .orgfusion-key-app-container {
        max-width: 1140px;
    }

    .orgfusion-hero-image {
        max-width: 1140px;
    }
}


@media (max-width: 1366px) {
    .orgfusion-pricing-groups {
        grid-template-columns: 1fr 30px 264px;
        gap: 24px;
        justify-content: start;
    }

    .orgfusion-pricing-card-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .orgfusion-price-card {
        max-width: 100%;
    }
}

@media (max-width: 1200px) {
    .orgfusion-pricing-groups {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .orgfusion-pricing-plus {
        align-self: auto;
    }

    .orgfusion-pricing-group-design {
        width: min(420px, 100%);
        margin: 0 auto;
    }
}

@media (max-width: 900px) {
    .orgfusion-pricing-card-row {
        grid-template-columns: 1fr;
    }

    .orgfusion-price-card {
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .orgfusion-pricing {
        padding: 72px 0 78px;
    }

    .orgfusion-pricing-container {
        width: min(100% - 30px, 1280px);
    }

    .orgfusion-pricing-heading {
        padding-left: 0;
    }

    .orgfusion-pricing-heading h2 {
        font-size: 32px;
    }

    .orgfusion-pricing-heading p,
    .orgfusion-price-card li {
        font-size: 17px;
    }

    .orgfusion-pricing-group>h3 {
        font-size: 23px;
    }

    .orgfusion-price-card h4,
    .orgfusion-design-card h4 {
        font-size: 34px;
    }

    .orgfusion-price-badge {
        font-size: 16px;
    }
}

.orgfusion-contact-cta {
    position: relative;
    overflow: visible;
    min-height: 612px;
    padding: 20px 0px 20px 0px;
    background: #000000;
}

.orgfusion-contact-container {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(360px, 560px) minmax(560px, 1fr);
    align-items: center;
    gap: 90px;
    width: min(1280px, calc(100% - 80px));
    min-height: 488px;
    margin: 0 auto;
}

.orgfusion-contact-copy h2 {
    max-width: 560px;
    margin: 0;
    color: #ffffff;
    font-size: 35px;
    line-height: 1.42;
    font-weight: 700;
    letter-spacing: 0;
}

.orgfusion-contact-form-wrap {
    position: relative;
    min-height: 488px;
}

.orgfusion-contact-bg {
    position: absolute;
    right: -127px;
    top: -41px;
    height: min(625px, 82vw);
    object-fit: cover;
    object-position: center right;
    pointer-events: none
}

.orgfusion-contact-form {
    position: relative;
    right: 82px;
    top: 57px;
    z-index: 1;
    width: min(100%, 712px);
    min-height: 417px;
    margin: 0 0 0 auto;
    padding: 30px;
    border-radius: 14px;
    background-image: url(../images/orgfusion/Rectangle-23959-1.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    max-width: 570px;

}

.orgfusion-contact-form h3 {
    max-width: 580px;
    margin: 0 0 26px;
    color: #161b22;
    font-size: 27px;
    line-height: 1.22;
    font-weight: 800;
    letter-spacing: 0;
}

.orgfusion-contact-form input,
.orgfusion-contact-form textarea {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.94);
    color: #161b22;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 500;
    outline: none;
}

.orgfusion-contact-form input {
    height: 50px;
    margin-bottom: 26px;
    padding: 5px 15px;
}

.orgfusion-contact-form textarea {
    min-height: 5rem;
    margin-bottom: 30px;
    padding: 16px 20px;
    resize: vertical;
}

.orgfusion-contact-form input::placeholder,
.orgfusion-contact-form textarea::placeholder {
    color: #b8bbc0;
}

.orgfusion-contact-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    min-height: 43px;
    border: 0;
    border-radius: 7px;
    background: #18c4d6;
    color: #ffffff;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
}

/* =========================
   Large Laptop
========================= */
@media (max-width: 1366px) {
    .orgfusion-contact-container {
        max-width: 1140px;
        width: calc(100% - 48px);
        gap: 40px;
    }

    .orgfusion-contact-form {
        right: 0;
        max-width: 520px;
    }

    .orgfusion-contact-bg {
        right: -50px;
    }
}

/* =========================
   Laptop
========================= */
@media (max-width: 1199px) {
    .orgfusion-contact-cta {
        min-height: auto;
        padding: 60px 0;
    }

    .orgfusion-contact-container {
        grid-template-columns: minmax(300px, 420px) 1fr;
        gap: 30px;
        min-height: auto;
        width: calc(100% - 40px);
    }

    .orgfusion-contact-copy h2 {
        font-size: 32px;
    }

    .orgfusion-contact-form {
        right: 0;
        top: 0;
        max-width: 500px;
    }

    .orgfusion-contact-bg {
        right: -20px;
        top: 0;
        height: 500px;
    }
}

/* =========================
   Tablet
========================= */
@media (max-width: 991px) {
    .orgfusion-contact-cta {
        min-height: auto;
        padding: 70px 0;
    }

    .orgfusion-contact-container {
        grid-template-columns: 1fr;
        gap: 40px;
        width: calc(100% - 40px);
        text-align: center;
    }

    .orgfusion-contact-copy {
        order: 1;
    }

    .orgfusion-contact-form-wrap {
        order: 2;
        min-height: auto;
    }

    .orgfusion-contact-copy h2 {
        max-width: 100%;
        font-size: 30px;
    }

    .orgfusion-contact-bg {
        display: none;
    }

    .orgfusion-contact-form {
        position: static;
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
    }
}

/* =========================
   Mobile Large
========================= */
@media (max-width: 767px) {
    .orgfusion-contact-cta {
        padding: 60px 0;
    }

    .orgfusion-contact-container {
        width: calc(100% - 30px);
        gap: 30px;
    }

    .orgfusion-contact-copy h2 {
        font-size: 28px;
        line-height: 1.35;
    }

    .orgfusion-contact-form {
        padding: 25px 20px;
    }

    .orgfusion-contact-form h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .orgfusion-contact-form input {
        height: 48px;
        margin-bottom: 16px;
    }

    .orgfusion-contact-form textarea {
        margin-bottom: 20px;
    }
}

/* =========================
   Mobile
========================= */
@media (max-width: 575px) {
    .orgfusion-contact-cta {
        padding: 50px 0;
    }

    .orgfusion-contact-container {
        width: calc(100% - 24px);
    }

    .orgfusion-contact-copy h2 {
        font-size: 24px;
    }

    .orgfusion-contact-form {
        padding: 20px 15px;
        border-radius: 12px;
    }

    .orgfusion-contact-form h3 {
        font-size: 20px;
        line-height: 1.4;
    }

    .orgfusion-contact-form input,
    .orgfusion-contact-form textarea {
        font-size: 14px;
    }

    .orgfusion-contact-form button {
        width: 100%;
        min-height: 48px;
    }
}

/* =========================
   Small Mobile
========================= */
@media (max-width: 400px) {
    .orgfusion-contact-copy h2 {
        font-size: 22px;
    }

    .orgfusion-contact-form h3 {
        font-size: 18px;
    }

    .orgfusion-contact-form {
        padding: 18px 12px;
    }
}

.orgfusion-blogs {
    padding: 86px 0 112px;
    background: #ffffff;
}

.orgfusion-blogs-container {
    width: min(1280px, calc(100% - 80px));
    margin: 0 auto;
}

.orgfusion-blogs h2 {
    margin: 0 0 48px;
    color: #111820;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 800;
}

.orgfusion-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
}

.orgfusion-blog-card {
    overflow: hidden;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14);
}

.orgfusion-blog-image {
    position: relative;
    overflow: hidden;
    height: 194px;
}

.orgfusion-blog-image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 82px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 86%);
    pointer-events: none;
}

.orgfusion-blog-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.orgfusion-blog-card-body {
    padding: 18px 28px 22px;
}

.orgfusion-blog-card-body span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin-bottom: 22px;
    padding: 0 18px;
    border-radius: 999px;
    background: #f0f5f9;
    color: #00517d;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}

.orgfusion-blog-card-body h3 {
    min-height: 85px;
    margin: 0 0 18px 12px;
    color: #000000;
    font-size: 20px;
    line-height: 1.28;
    font-weight: 800;
}

.orgfusion-blog-card-body p {
    margin: 0 0 0 12px;
    color: #8a8d93;
    font-size: 15px;
    line-height: 1.4;
}

@media (min-width: 992px) and (max-width: 1366px) {
    .orgfusion-blogs-container {
        width: min(1140px, calc(100% - 48px));
    }
}

@media (max-width: 1100px) {
    .orgfusion-blog-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .orgfusion-blogs {
        padding: 64px 0 76px;
    }

    .orgfusion-blogs-container {
        width: min(100% - 30px, 1280px);
    }

    .orgfusion-blogs h2 {
        font-size: 32px;
    }

    .orgfusion-blog-card-body h3 {
        min-height: auto;
        font-size: 22px;
    }
}

/* =========================================================
   ORGFUSION PAGE END
========================================================= */


/* =========================================================
   OFFERAUTOMATE PAGE START
========================================================= */

.offerautomate-hero {
    position: relative;
    overflow: visible;
    min-height: 676px;
    padding: 112px 0 0;
    background: #ffffff;
}

.offerautomate-hero-bg {
    position: absolute;
    inset: 0 0 auto;
    width: 100%;
    height: 432px;
    object-fit: cover;
    object-position: center top;
    pointer-events: none;
}

.offerautomate-hero-container {
    position: relative;
    z-index: 1;
    width: min(1280px, calc(100% - 48px));
    /* margin: 0 auto; */
}

.offerautomate-hero-image {
    width: min(1223px, calc(100% - 72px));
    margin: 0 0 0 auto;
    overflow: hidden;
    border-radius: 24px;
    margin-left: 156px;

}

.offerautomate-hero-image img {
    display: block;
    width: 100%;
    height: 507px;

}

.offerautomate-hero-card {
    position: absolute;
    left: 0;
    top: 150px;
    left: 80px;
    width: min(520px, 52vw);
    min-height: 190px;
    padding: 30px 30px 30px 30px;
    border-radius: 26px;
    background: linear-gradient(100deg, rgba(68, 67, 71, 0.96) 0%, rgba(47, 35, 31, 0.96) 100%);
    color: #ffffff;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.offerautomate-hero-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 34px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
}

.offerautomate-hero-breadcrumb i,
.offerautomate-hero-breadcrumb span:last-child {
    color: #18c4d6;
}

.offerautomate-hero-card h1 {
    margin: 0;
    color: #18c4d6;
    font-size: 36px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1;
}

.offerautomate-hero-logo {
    position: absolute;
    right: -22px;
    top: 70px;
    width: 78px;
    max-width: none;
}

/* ==========================================
   OFFERAUTOMATE HERO RESPONSIVE
========================================== */

/* 1366px */
@media (max-width: 1366px) {
    .offerautomate-hero-container {
        max-width: 1140px;
        width: calc(100% - 48px);
        margin: 0 auto;
    }

    .offerautomate-hero-image {
        width: calc(100% - 80px);
        margin-left: 80px;
    }

    .offerautomate-hero-card {
        left: 40px;
    }
}

/* Laptop */
@media (max-width: 1199px) {
    .offerautomate-hero {
        min-height: auto;
        padding: 110px 0 60px;
    }

    .offerautomate-hero-image {
        width: calc(100% - 40px);
        margin-left: 40px;
    }

    .offerautomate-hero-image img {
        height: auto;
    }

    .offerautomate-hero-card {
        left: 30px;
        top: 120px;
        width: 450px;
    }

    .offerautomate-hero-card h1 {
        font-size: 32px;
    }
}

/* Tablet */
@media (max-width: 991px) {
    .offerautomate-hero {
        padding: 120px 0 60px;
        min-height: auto;
    }

    .offerautomate-hero-bg {
        height: 320px;
    }

    .offerautomate-hero-container {
        width: calc(100% - 40px);
        display: flex;
        flex-direction: column;
    }

    .offerautomate-hero-card {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
        order: 1;
    }

    .offerautomate-hero-image {
        width: 100%;
        margin-left: 0;
        border-radius: 20px;
        order: 2;
    }

    .offerautomate-hero-image img {
        height: auto;
    }

    .offerautomate-hero-logo {
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
}

/* Mobile Large */
@media (max-width: 767px) {
    .offerautomate-hero {
        padding: 110px 0 50px;
        /* Header se gap */
    }

    .offerautomate-hero-container {
        width: calc(100% - 30px);
    }

    .offerautomate-hero-card {
        padding: 24px 20px;
        border-radius: 18px;
        min-height: auto;
        margin-bottom: 24px;
    }

    .offerautomate-hero-breadcrumb {
        gap: 8px;
        margin-bottom: 16px;
        font-size: 13px;
        flex-wrap: wrap;
    }

    .offerautomate-hero-card h1 {
        font-size: 28px;
        line-height: 1.2;
    }

    .offerautomate-hero-logo {
        width: 60px;
        right: 15px;
    }

    .offerautomate-hero-image img {
        width: 100%;
        height: auto;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .offerautomate-hero {
        padding: 120px 0 40px;
        /* Extra space for mobile header */
    }

    .offerautomate-hero-container {
        width: calc(100% - 24px);
    }

    .offerautomate-hero-bg {
        height: 240px;
    }

    .offerautomate-hero-card {
        padding: 20px 15px;
        border-radius: 16px;
    }

    .offerautomate-hero-card h1 {
        font-size: 24px;
    }

    .offerautomate-hero-logo {
        width: 50px;
        right: 12px;
    }
}

/* Small Mobile */
@media (max-width: 400px) {
    .offerautomate-hero {
        padding: 130px 0 35px;
        /* Header overlap fix */
    }

    .offerautomate-hero-card h1 {
        font-size: 22px;
    }

    .offerautomate-hero-breadcrumb {
        font-size: 12px;
    }

    .offerautomate-hero-logo {
        width: 42px;
    }
}

.offerautomate-intro {
    position: relative;
    top: -134px;
    overflow: hidden;
    min-height: 410px;
    padding: 100px 0px 0px 0px;
    background: #ffffff;
}

.offerautomate-intro-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    pointer-events: none;
}

.offerautomate-intro-container {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(420px, 570px) minmax(520px, 1fr);
    align-items: center;
    gap: 110px;
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
    margin-top: 20px;

}

.offerautomate-intro-line {
    width: 135px;
    height: 2px;
    margin: 0 0 40px;
    background: #18c4d6;
}

.offerautomate-intro-copy h2 {
    margin: 0 0 26px;
    color: #11181c;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0;
}

.offerautomate-intro-copy p {
    margin: 0;
    color: #161616;
    font-size: 15px;
    line-height: 1.72;
    font-weight: 500;
}

.offerautomate-intro-video {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);
    max-width: 595px;
}

.offerautomate-intro-video img {
    display: block;
    width: 100%;
    height: auto;
}

.offerautomate-intro-cookie {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 366px;
    max-width: 70%;
    padding: 14px 18px;
    transform: translate(-50%, -50%);
    border: 2px solid #000000;
    background: rgba(0, 0, 0, 0.58);
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    line-height: 1.55;
}

.offerautomate-features {
    padding: 80px 0px 80px 0px;
    background: #F3F7FA;
}

.offerautomate-features-container {
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
}

.offerautomate-features h2 {
    margin: 0 0 50px;
    color: #11181c;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0;
    margin-left: 11px;
}


.offerautomate-features-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

}

.offerautomate-feature-card {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 38px;
    min-height: 228px;
    padding: 20px 20px 20px 20px;
    border-radius: 24px 24px 24px 24px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(0, 29, 48, 0.08);
    margin: 10px 10px 10px 10px;
}

.offerautomate-feature-card img {
    display: block;
    width: 82px;
    height: 82px;
    object-fit: contain;
}

.offerautomate-feature-card h3 {
    margin: 0 0 16px;
    color: #11181c;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
}

.offerautomate-feature-card p {
    margin: 0;
    color: #161616;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
}

.offerautomate-efficiency {
    position: relative;
    overflow: hidden;
    min-height: 690px;
    padding: 80px 0px 80px 0px;
    background: #12161b;
}

.offerautomate-efficiency-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

.offerautomate-efficiency-container {
    position: relative;
    z-index: 1;
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
}

.offerautomate-efficiency-heading {
    max-width: 760px;
    margin-bottom: 46px;
}

.offerautomate-efficiency-heading h2 {
    margin: 0 0 34px;
    background: linear-gradient(97.02deg, #18C4D6 13.8%, #004774 119.89%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    font-size: 50px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: 0;
}


.offerautomate-efficiency-heading p {
    margin: 0;
    color: #fdfdfd;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 800;
}

.offerautomate-efficiency-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 54px 92px;
    max-width: 1140px;
}

.offerautomate-efficiency-item {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    gap: 38px;
    align-items: start;
}

.offerautomate-efficiency-item img {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: contain;
}

.offerautomate-efficiency-item h3 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
}

.offerautomate-efficiency-item span {
    display: block;
    width: 56px;
    height: 3px;
    margin: 0 0 20px;
    background: linear-gradient(97.02deg, #18C4D6 13.8%, #004774 119.89%);
}

.offerautomate-efficiency-item p {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 500;
}

.offerautomate-about {
    position: relative;
    overflow: hidden;
    min-height: 445px;
    padding: 92px 0 86px;
    background: #e9f3f5;
}

.offerautomate-about-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

.offerautomate-about-container {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 770px) minmax(360px, 1fr);
    align-items: center;
    width: min(1280px, calc(100% - 48px));
    min-height: 270px;
    margin: 0 auto;
}

.offerautomate-about-copy {
    max-width: 760px;
}

.offerautomate-about-copy h2 {
    margin: 0 0 26px;
    color: #11181c;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0;
}

.offerautomate-about-copy p {
    margin: 0;
    color: #161616;
    font-size: 15px;
    line-height: 1.62;
    font-weight: 500;
}

.offerautomate-about-visual {
    position: absolute;
    right: -124px;
    bottom: -134px;
    width: min(443px, 44vw);
    max-width: none;
}

.offerautomate-app-band {
    position: relative;
    overflow: hidden;
    min-height: 326px;
    padding: 112px 0 62px;
    background-color: #001c30;
    background-image: url("../images/offerautomate/Group-1000004606-1.webp");
    background-position: bottom right;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.offerautomate-app-container {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(420px, 560px) minmax(360px, 1fr);
    align-items: start;
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
}

.offerautomate-app-info h3 {
    margin: 0 0 32px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
}

.offerautomate-app-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 62px;
}

.offerautomate-app-meta p {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
}

.offerautomate-app-meta strong {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 800;
}

.offerautomate-app-action {
    position: relative;
    padding-left: 54px;
}

.offerautomate-app-action::before {
    content: "";
    position: absolute;
    left: 0;
    top: -12px;
    width: 1px;
    height: 154px;
    background: rgba(255, 255, 255, 0.18);
}

.offerautomate-app-action img {
    display: block;
    width: 242px;
    max-width: 100%;
    margin-bottom: 24px;
}

.offerautomate-app-action a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 41px;
    padding: 0 20px;
    border-radius: 4px;
    background: #18c4d6;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
}

.offerautomate-preview {
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding: 108px 0 0;
    background: #ffffff;
}

.offerautomate-preview-container {
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
    text-align: center;
}

.offerautomate-preview-container img {
    position: relative;
    z-index: 2;
    width: min(1080px, 100%);
    margin: 0 auto -40px;
}

.offerautomate-sales-cta {
    position: relative;
    z-index: 2;
    overflow: visible;
    min-height: 612px;
    padding: 20px 0;
    background: #000000;
}

.offerautomate-sales-container {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(360px, 560px) minmax(560px, 1fr);
    align-items: center;
    gap: 90px;
    width: min(1280px, calc(100% - 48px));
    min-height: 488px;
    margin: 0 auto;
}

.offerautomate-sales-copy h2 {
    max-width: 560px;
    margin: 0;
    color: #ffffff;
    font-size: 35px;
    line-height: 1.42;
    font-weight: 700;
    letter-spacing: 0;
}

.offerautomate-sales-form-wrap {
    position: relative;
    min-height: 488px;
}

.offerautomate-sales-bg {
    position: absolute;
    right: -127px;
    top: -45px;
    height: min(625px, 82vw);
    object-fit: cover;
    object-position: center right;
    pointer-events: none;
}

.offerautomate-sales-form {
    position: relative;
    right: 82px;
    top: 57px;
    z-index: 1;
    width: min(100%, 712px);
    max-width: 570px;
    min-height: 417px;
    margin: 0 0 0 auto;
    padding: 30px;
    border-radius: 14px;
    background-image: url("../images/orgfusion/Rectangle-23959-1.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.offerautomate-sales-form h3 {
    max-width: 580px;
    margin: 0 0 26px;
    color: #161b22;
    font-size: 27px;
    line-height: 1.22;
    font-weight: 800;
    letter-spacing: 0;
}

.offerautomate-sales-form input,
.offerautomate-sales-form textarea {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.94);
    color: #161b22;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 500;
    outline: none;
}

.offerautomate-sales-form input {
    height: 50px;
    margin-bottom: 26px;
    padding: 5px 15px;
}

.offerautomate-sales-form textarea {
    min-height: 5rem;
    margin-bottom: 30px;
    padding: 16px 20px;
    resize: vertical;
}

.offerautomate-sales-form input::placeholder,
.offerautomate-sales-form textarea::placeholder {
    color: #b8bbc0;
}

.offerautomate-sales-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    min-height: 43px;
    border: 0;
    border-radius: 7px;
    background: #18c4d6;
    color: #ffffff;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
}

.offerautomate-blogs {
    padding: 86px 0 112px;
    background: #ffffff;
}

.offerautomate-blogs-container {
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
}

.offerautomate-blogs h2 {
    margin: 0 0 48px;
    color: #111820;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 800;
}

.offerautomate-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
}

.offerautomate-blog-card {
    overflow: hidden;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14);
}

.offerautomate-blog-image {
    position: relative;
    overflow: hidden;
    height: 194px;
}

.offerautomate-blog-image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 82px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 86%);
    pointer-events: none;
}

.offerautomate-blog-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.offerautomate-blog-card-body {
    padding: 18px 28px 22px;
}

.offerautomate-blog-card-body span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin-bottom: 22px;
    padding: 0 18px;
    border-radius: 999px;
    background: #f0f5f9;
    color: #00517d;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}

.offerautomate-blog-card-body h3 {
    min-height: 85px;
    margin: 0 0 18px 12px;
    color: #000000;
    font-size: 20px;
    line-height: 1.28;
    font-weight: 800;
}

.offerautomate-blog-card-body p {
    margin: 0 0 0 12px;
    color: #8a8d93;
    font-size: 15px;
    line-height: 1.4;
}

@media (min-width: 992px) and (max-width: 1366px) {

    .offerautomate-hero-container,
    .offerautomate-intro-container,
    .offerautomate-features-container,
    .offerautomate-efficiency-container,
    .offerautomate-about-container,
    .offerautomate-app-container,
    .offerautomate-preview-container,
    .offerautomate-sales-container,
    .offerautomate-blogs-container {
        width: min(1140px, calc(100% - 48px));
    }

    .offerautomate-hero-image {
        width: min(930px, calc(100% - 72px));
    }

    .offerautomate-intro-container {
        gap: 76px;
    }
}

@media (max-width: 1100px) {


    .offerautomate-intro-container {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .offerautomate-intro-video {
        max-width: 640px;
    }

    .offerautomate-features-grid {
        grid-template-columns: 1fr;
    }

    .offerautomate-efficiency-heading h2 {
        font-size: 50px;
    }

    .offerautomate-efficiency-grid {
        gap: 48px 64px;
    }

    .offerautomate-about-visual {
        right: -110px;
        width: min(500px, 43vw);
    }

    .offerautomate-app-container {
        grid-template-columns: minmax(420px, 560px) minmax(340px, 1fr);
    }

    .offerautomate-sales-container {
        grid-template-columns: minmax(320px, 520px) minmax(540px, 1fr);
        gap: 70px;
    }
}

@media (max-width: 1100px) {
    .offerautomate-blog-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {




    .offerautomate-hero-container,
    .offerautomate-intro-container,
    .offerautomate-features-container,
    .offerautomate-efficiency-container,
    .offerautomate-about-container,
    .offerautomate-app-container,
    .offerautomate-preview-container,
    .offerautomate-sales-container,
    .offerautomate-blogs-container {
        width: min(100% - 30px, 1280px);
    }

    .offerautomate-hero-image {
        width: 100%;
        border-radius: 18px;
    }

    .offerautomate-hero-image img {
        height: 330px;
    }

    .offerautomate-hero-card {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        min-height: auto;
        padding: 28px 22px 34px;
        border-radius: 20px;
    }

    .offerautomate-hero-card h1 {
        font-size: 40px;
    }

    .offerautomate-hero-logo {
        right: 14px;
        top: 14px;
        width: 62px;
    }

    .offerautomate-intro {
        padding: 70px 0 78px;
    }

    .offerautomate-intro-line {
        margin-bottom: 28px;
    }

    .offerautomate-intro-copy h2 {
        font-size: 32px;
    }

    .offerautomate-intro-copy p {
        font-size: 17px;
    }

    .offerautomate-intro-cookie {
        width: 300px;
        max-width: 78%;
        font-size: 13px;
    }

    .offerautomate-features {
        padding: 70px 0;
    }

    .offerautomate-features h2 {
        font-size: 32px;
    }

    .offerautomate-feature-card {
        grid-template-columns: 1fr;
        gap: 24px;
        min-height: auto;
        padding: 30px 24px;
    }

    .offerautomate-feature-card h3 {
        font-size: 23px;
    }

    .offerautomate-feature-card p {
        font-size: 17px;
    }

    .offerautomate-efficiency {
        padding: 74px 0 80px;
    }

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

    .offerautomate-efficiency-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .offerautomate-efficiency-item {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .offerautomate-efficiency-item h3 {
        font-size: 23px;
    }

    .offerautomate-efficiency-item p {
        font-size: 17px;
    }

    .offerautomate-about {
        min-height: auto;
        padding: 70px 0 0;
    }

    .offerautomate-about-container {
        display: block;
        min-height: auto;
    }

    .offerautomate-about-copy h2 {
        font-size: 32px;
    }

    .offerautomate-about-copy p {
        font-size: 17px;
    }

    .offerautomate-about-visual {
        position: relative;
        right: auto;
        bottom: auto;
        width: min(520px, 115%);
        margin: 30px -15px 0 auto;
    }

    .offerautomate-app-band {
        padding: 74px 0 54px;
    }

    .offerautomate-app-container {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .offerautomate-app-meta {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .offerautomate-app-action {
        padding-left: 0;
    }

    .offerautomate-app-action::before {
        display: none;
    }

    .offerautomate-app-info h3 {
        font-size: 22px;
    }

    .offerautomate-preview {
        padding: 70px 0 0;
    }

    .offerautomate-preview-container img {
        margin-bottom: -46px;
    }

    .offerautomate-sales-cta {
        padding: 68px 0;
    }

    .offerautomate-sales-container {
        grid-template-columns: 1fr;
        gap: 42px;
        min-height: auto;
    }

    .offerautomate-sales-copy h2,
    .offerautomate-sales-form h3 {
        font-size: 30px;
    }

    .offerautomate-sales-bg {
        right: -130px;
        width: 560px;
    }

    .offerautomate-sales-form {
        right: auto;
        top: auto;
        min-height: auto;
        margin: 0;
        padding: 28px 22px 32px;
    }

    .offerautomate-sales-form input,
    .offerautomate-sales-form textarea {
        font-size: 16px;
    }

    .offerautomate-blogs {
        padding: 64px 0 76px;
    }

    .offerautomate-blogs h2 {
        font-size: 32px;
    }

    .offerautomate-blog-card-body h3 {
        min-height: auto;
        font-size: 22px;
    }
}

/* =========================================================
   OFFERAUTOMATE PAGE END
========================================================= */

/* =========================================================
   SMARTHIRE HERO SECTION
========================================================= */

.smarthire-hero {
    position: relative;
    padding: 100px 0 0;
    min-height: 400px;
    overflow: visible;
    margin-bottom: 150px;
}

/* Background */
.smarthire-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.smarthire-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Container */
.smarthire-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 1366px Screen */
@media (max-width: 1366px) {
    .smarthire-container {
        max-width: 1140px;
    }
}

/* Wrapper */
.smarthire-hero-wrapper {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* Main Image */
.smarthire-hero-main-img {
    position: relative;
    z-index: 1;
    width: 90%;
    max-width: 100%;
    margin-left: auto;
    top: 100px;
    border-radius: 24px;
    display: block;
}

/* Content Card */
.smarthire-hero-card {
    position: absolute;
    left: -2%;
    top: 65%;
    transform: translateY(-50%);
    z-index: 3;

    width: 450px;
    padding: 50px;

    background: rgba(17, 17, 17, 0.6);
    backdrop-filter: blur(10px);

    border-radius: 24px;
    color: #ffffff;

    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}

/* Breadcrumb */
.smarthire-breadcrumb {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #18c4d6;
}

.smarthire-breadcrumb a {
    color: #ffffff;
    text-decoration: none;
}

.smarthire-breadcrumb span {
    margin: 0 8px;
    color: #ffffff;
}

/* Heading */
.smarthire-hero-card h1 {
    margin: 0 0 20px;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.2;
    color: #18c4d6;
}

/* Description */
.smarthire-hero-card p {
    margin: 0;
    font-size: 35px;
    line-height: 1.4;
    font-weight: 700;
    color: #ffffff;
}

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

/* Large Laptop */
@media (max-width: 1199px) {

    .smarthire-hero-card {
        width: 400px;
        padding: 40px;
    }

    .smarthire-hero-card h1 {
        font-size: 35px;
    }

    .smarthire-hero-card p {
        font-size: 22px;
    }

    .smarthire-hero-main-img {
        width: 88%;
    }
}

/* Tablet */
@media (max-width: 991px) {

    .smarthire-hero {
        padding: 80px 0 40px;
        margin-bottom: 0;
    }

    .smarthire-hero-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .smarthire-hero-card {
        position: relative;
        left: 0;
        top: 0;
        transform: none;

        width: 100%;
        max-width: 100%;
        padding: 35px;
        order: 1;
    }

    .smarthire-hero-main-img {
        width: 100%;
        top: 0;
        order: 2;
    }
}

/* Mobile */
@media (max-width: 767px) {

    .smarthire-hero {
        padding: 60px 0 30px;
    }

    .smarthire-container {
        padding: 0 15px;
    }

    .smarthire-hero-card {
        padding: 25px;
        border-radius: 20px;
    }

    .smarthire-hero-card h1 {
        font-size: 34px;
    }

    .smarthire-hero-card p {
        font-size: 18px;
    }

    .smarthire-breadcrumb {
        font-size: 13px;
    }
}

/* Small Mobile */
@media (max-width: 575px) {

    .smarthire-hero-card {
        padding: 20px;
        margin-top: 40px;
    }

    .smarthire-hero-card h1 {
        font-size: 28px;
    }

    .smarthire-hero-card p {
        font-size: 16px;
        line-height: 1.5;
    }
}


/* =========================================================
   ABOUT SECTION STYLES
========================================================= */
/* Section Padding */
.smarthire-about {
    padding: 40px 0;
    background: #ffffff;
}

/* Flexbox wrapper to align content and image side by side */
.smarthire-about-wrapper {
    display: flex;
    align-items: center;
    gap: 60px;
}

/* --- Left Side: Text Styling --- */
.smarthire-about-content {
    flex: 1;
}

.smarthire-about-content h2 {
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #11181c;
    font-weight: 700;
}

.smarthire-about-content p {
    font-size: 15px;
    line-height: 1.8;
    color: #161616;
    font-weight: 500;
}

/* --- Right Side: Image/Video Wrapper --- */
.smarthire-video-wrapper {
    flex: 1;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.smarthire-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* --- Marketing Cookie Overlay (Clickable) --- */
.smarthire-cookie-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background: rgba(0, 0, 0, 0.7);
    padding: 20px 0px;
    border-radius: 6px;

    color: #ffffff;
    z-index: 2;
    text-align: center;
    width: auto;
    max-width: 85%;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.1);

    /* Added for anchor tag */
    display: block;
    text-decoration: none;
}

.smarthire-cookie-overlay:hover,
.smarthire-cookie-overlay:focus {
    color: #ffffff;
    text-decoration: none;
}

.smarthire-cookie-overlay p {
    font-size: 15px;
    margin: 0;
    line-height: 1.5;
    font-weight: 500;
    color: #ffffff;
}

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

/* Large Tablet */
@media (max-width: 991px) {

    .smarthire-about {
        padding: 80px 0;
    }

    .smarthire-about-wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .smarthire-about-content,
    .smarthire-video-wrapper {
        width: 100%;
        flex: 0 0 100%;
    }

    .smarthire-about-content h2 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .smarthire-about-content p {
        font-size: 15px;
    }
}

/* Mobile */
@media (max-width: 767px) {

    .smarthire-about {
        padding: 60px 0;
    }

    .smarthire-about-wrapper {
        gap: 30px;
    }

    .smarthire-about-content h2 {
        font-size: 28px;
        line-height: 1.3;
    }

    .smarthire-about-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .smarthire-video-wrapper {
        border-radius: 12px;
    }

    .smarthire-cookie-overlay {
        width: 90%;
        max-width: 90%;
        padding: 16px;
    }

    .smarthire-cookie-overlay p {
        font-size: 13px;
        line-height: 1.4;
    }
}

/* Small Mobile */
@media (max-width: 575px) {

    .smarthire-about {
        padding: 50px 0;
    }

    .smarthire-about-content h2 {
        font-size: 24px;
        margin-bottom: 12px;
    }

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

    .smarthire-cookie-overlay {
        padding: 14px;
    }

    .smarthire-cookie-overlay p {
        font-size: 12px;
    }
}

/* =========================================================
   ABOUT SECTION END
========================================================= */
/* =========================================================
   WHY SMARTHIRE SECTION
========================================================= */

.smarthire-features {
    position: relative;
    padding: 60px 0;
    top: 70px;
    background: #f3f7fa;
}

/* Section Title */
.smarthire-section-title {
    margin-bottom: 40px;
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    color: #11181c;
}

/* Features Grid */
.smarthire-features-grid {
    display: flex;
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/* Single Feature Card */
.smarthire-feature-card {
    flex: 1;
    padding: 40px;
    border-right: 1px solid #e5e5e5;
}

.smarthire-feature-card:last-child {
    border-right: none;
}

/* Icon */
.smarthire-feature-card img {
    width: 60px;
    height: auto;
    display: block;
    margin-bottom: 25px;
}

/* Card Heading */
.smarthire-feature-card h3 {
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #11181c;
}

/* Card Description */
.smarthire-feature-card p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
    color: #161616;
}

/* =========================================================
   HOW IT WORKS SECTION
========================================================= */

.smarthire-how-it-works {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    margin-top: -60px;

    background: #001f3f;
    color: #ffffff;
}

/* Main Heading */
.smarthire-hiw-title {
    margin: 0 0 60px;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
}

/* Steps Grid */
.smarthire-steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    max-width: 1000px;
    position: relative;
    z-index: 2;
}

/* Single Step */
.smarthire-step {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

/* Step Icon */
.smarthire-step img {
    width: 45px;
    height: auto;
    flex-shrink: 0;
}

/* Text Wrapper */
.smarthire-step-text {
    width: 100%;
}

/* Step Heading */
.smarthire-step-text h3 {
    margin: 0 0 12px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    color: #ffffff;
    position: relative;
}

/* Decorative Line */
.smarthire-step-text h3::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    margin-top: 10px;
    background: linear-gradient(90deg,
            #18c4d6,
            #ffffff);
}

/* Step Description */
.smarthire-step-text p {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.85);
}

/* Decorative Bottom Image */
.smarthire-bottom-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 400px;
    max-width: 100%;
    z-index: 1;
}

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

@media (max-width: 991px) {

    .smarthire-features {
        padding: 70px 0;
    }

    .smarthire-features-grid {
        flex-wrap: wrap;
    }

    .smarthire-feature-card {
        flex: 0 0 50%;
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

    .smarthire-feature-card:nth-child(2n) {
        border-right: none;
    }

    .smarthire-feature-card:nth-last-child(-n+2) {
        border-bottom: none;
    }

    .smarthire-section-title,
    .smarthire-hiw-title {
        font-size: 36px;
    }

    .smarthire-how-it-works {
        padding: 80px 0;
        margin-top: 0;
    }

    .smarthire-steps-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .smarthire-bottom-img {
        width: 250px;
        opacity: 0.25;
    }
}

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

@media (max-width: 767px) {

    .smarthire-features {
        padding: 60px 0;
    }

    .smarthire-section-title,
    .smarthire-hiw-title {
        font-size: 30px;
        text-align: center;
    }

    .smarthire-features-grid {
        flex-direction: column;
    }

    .smarthire-feature-card {
        border-right: none;
        border-bottom: 1px solid #e5e5e5;
        padding: 30px;
    }

    .smarthire-feature-card:last-child {
        border-bottom: none;
    }

    .smarthire-feature-card img {
        width: 55px;
    }

    .smarthire-feature-card h3 {
        font-size: 20px;
    }

    .smarthire-feature-card p {
        font-size: 14px;
    }

    .smarthire-how-it-works {
        padding: 70px 0;
    }

    .smarthire-step {
        gap: 15px;
    }

    .smarthire-step img {
        width: 40px;
    }

    .smarthire-step-text h3 {
        font-size: 20px;
    }

    .smarthire-step-text p {
        font-size: 14px;
        line-height: 1.7;
    }

    .smarthire-bottom-img {
        width: 180px;
        opacity: 0.2;
    }
}

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

@media (max-width: 575px) {

    .smarthire-section-title,
    .smarthire-hiw-title {
        font-size: 26px;
    }

    .smarthire-feature-card {
        padding: 25px;
    }

    .smarthire-feature-card h3,
    .smarthire-step-text h3 {
        font-size: 18px;
    }

    .smarthire-feature-card p,
    .smarthire-step-text p {
        font-size: 13px;
    }

    .smarthire-bottom-img {
        display: none;
    }
}

/* =========================================================
   HOW IT WORKS SECTION START
========================================================= */

/* Section */
.smarthire-how-it-works {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    margin-top: -60px;
    background: #001f3f;
    color: #ffffff;
}

/* Title */
.smarthire-hiw-title {

    font-size: 50px;
    font-weight: 900;
    line-height: 1.2;
    background: linear-gradient(97.02deg, #18C4D6 13.8%, #004774 119.89%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Steps Grid */
.smarthire-steps-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    max-width: 1000px;
}

/* Single Step */
.smarthire-step {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

/* Step Icon */
.smarthire-step img {
    width: 80px;
    height: auto;
    flex-shrink: 0;
}

/* Text Wrapper */
.smarthire-step-text {
    width: 100%;
}

/* Heading */
.smarthire-step-text h3 {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #ffffff;
    position: relative;
}

/* Gradient Line */
.smarthire-step-text h3::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    margin-top: 10px;
    background: linear-gradient(90deg,
            #18c4d6,
            #ffffff);
}

/* Description */
.smarthire-step-text p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    color: #ffffff
}

/* Decorative Image */
.smarthire-bottom-img {
    position: absolute;
    right: -120px;
    bottom: -100px;
    width: 400px;
    max-width: 100%;
    z-index: 1;
}

/* =========================================================
   HOW IT WORKS - TABLET
========================================================= */

@media (max-width: 1366px) {
    .smarthire-bottom-img {
        position: absolute;
        right: -40px;
        bottom: -100px;
        width: 284px;
        max-width: 100%;
        z-index: 1;
    }
}

@media (max-width: 991px) {

    .smarthire-how-it-works {
        padding: 80px 0;
        margin-top: 0;
    }

    .smarthire-hiw-title {
        font-size: 36px;
        margin-bottom: 50px;
    }

    .smarthire-steps-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .smarthire-bottom-img {
        width: 250px;
        opacity: 0.25;
    }
}

/* =========================================================
   HOW IT WORKS - MOBILE
========================================================= */

@media (max-width: 767px) {

    .smarthire-how-it-works {
        padding: 70px 0;
    }

    .smarthire-hiw-title {
        font-size: 30px;
        text-align: center;
        margin-bottom: 40px;
    }

    .smarthire-step {
        gap: 15px;
    }

    .smarthire-step img {
        width: 40px;
    }

    .smarthire-step-text h3 {
        font-size: 20px;
    }

    .smarthire-step-text p {
        font-size: 14px;
        line-height: 1.7;
    }

    .smarthire-bottom-img {
        width: 180px;
        opacity: 0.2;
    }
}

/* =========================================================
   HOW IT WORKS - SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

    .smarthire-hiw-title {
        font-size: 26px;
    }

    .smarthire-step-text h3 {
        font-size: 18px;
    }

    .smarthire-step-text p {
        font-size: 13px;
    }

    .smarthire-bottom-img {
        display: none;
    }
}

/* =========================================================
   HOW IT WORKS SECTION END
========================================================= */
/* ==========================================================================
   SEAMLESS SAP INTEGRATION SECTION START
   ========================================================================== */

/* Section */
.smarthire-sap-integration {
    padding: 80px 0;
    background: #fcfcfc;
}

/* Section Title */
.smarthire-sap-title {
    margin: 0 0 10px;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    color: #11181c;
}

/* Section Subtitle */
.smarthire-sap-subtitle {
    margin: 0 0 50px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: #161616;
}

/* Grid */
.smarthire-sap-grid {
    display: flex;
    align-items: stretch;
    border-left: 1px solid #18C4D680;
}

/* Column */
.smarthire-sap-col {
    flex: 1;
    padding: 0 30px;
    border-right: 1px solid #18C4D680;
}

.smarthire-sap-col:last-child {
    border-right: none;
}

/* Column Icon */
.smarthire-sap-col img {
    width: 50px;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

/* Column Heading */
.smarthire-sap-col h3 {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #004774;
}

/* Column Description */
.smarthire-sap-col p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
    color: #004774;
}

/* ==========================================================================
   SAP STORE COLUMN
   ========================================================================== */

.sap-store-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Store Text */
.store-text {
    margin-bottom: 15px !important;
    font-size: 16px;
    font-weight: 600 !important;
    color: #001f3f !important;
}

/* SAP Badge */
.sap-badge {
    width: 200px !important;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px !important;
}

/* Button */
.sap-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    background: #00879e;
    color: #ffffff;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    transition: all 0.3s ease;
}

.sap-btn:hover {
    background: #006a7d;
    color: #ffffff;
}

/* ==========================================================================
   SEAMLESS SAP INTEGRATION - TABLET
   ========================================================================== */

@media (max-width: 991px) {

    .smarthire-sap-integration {
        padding: 70px 0;
    }

    .smarthire-sap-title {
        font-size: 36px;
    }

    .smarthire-sap-subtitle {
        font-size: 17px;
        margin-bottom: 40px;
    }

    .smarthire-sap-grid {
        flex-wrap: wrap;
        border-left: none;
    }

    .smarthire-sap-col {
        flex: 0 0 50%;
        padding: 25px;
        border-right: 1px solid #d1d1d1;
        border-bottom: 1px solid #d1d1d1;
    }

    .smarthire-sap-col:nth-child(2n) {
        border-right: none;
    }

    .smarthire-sap-col:nth-last-child(-n+2) {
        border-bottom: none;
    }
}

/* ==========================================================================
   SEAMLESS SAP INTEGRATION - MOBILE
   ========================================================================== */

@media (max-width: 767px) {

    .smarthire-sap-integration {
        padding: 60px 0;
    }

    .smarthire-sap-title {
        font-size: 30px;
    }

    .smarthire-sap-subtitle {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .smarthire-sap-grid {
        flex-direction: column;
        border-left: none;
        gap: 0;
    }

    .smarthire-sap-col {
        flex: 100%;
        padding: 30px 0;
        border-right: none;
        border-bottom: 1px solid #d1d1d1;
    }

    .smarthire-sap-col:last-child {
        border-bottom: none;
    }

    .smarthire-sap-col img {
        width: 45px;
        margin-bottom: 18px;
    }

    .smarthire-sap-col h3 {
        font-size: 18px;
    }

    .smarthire-sap-col p {
        font-size: 14px;
    }

    .sap-badge {
        width: 180px !important;
    }

    .sap-btn {
        width: 100%;
        text-align: center;
    }
}

/* ==========================================================================
   SEAMLESS SAP INTEGRATION - SMALL MOBILE
   ========================================================================== */

@media (max-width: 575px) {

    .smarthire-sap-title {
        font-size: 26px;
    }

    .smarthire-sap-subtitle {
        font-size: 15px;
    }

    .smarthire-sap-col {
        padding: 25px 0;
    }

    .smarthire-sap-col img {
        width: 40px;
    }

    .smarthire-sap-col h3 {
        font-size: 17px;
    }

    .smarthire-sap-col p {
        font-size: 13px;
        line-height: 1.7;
    }

    .store-text {
        font-size: 14px !important;
    }

    .sap-badge {
        width: 160px !important;
    }

    .sap-btn {
        font-size: 13px;
        padding: 11px 18px;
    }
}

/* ==========================================================================
   SEAMLESS SAP INTEGRATION SECTION END
   ========================================================================== */

/* ==========================================================================
   CTA SECTION START
   ========================================================================== */

/* Section */
.smarthire-cta {
    position: relative;
    overflow: hidden;
    background-image: url("../images/smarthire/Rectangle-23944.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Wrapper */
.smarthire-cta-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Content Area */
.smarthire-cta-content {
    flex: 1;
    color: #ffffff;
}

/* Heading */
.smarthire-cta-content h2 {
    margin: 0 0 20px;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    /* Desktop single line */
}

/* Description */
.smarthire-cta-content p {
    margin: 0 0 30px;
    font-size: 20px;
    line-height: 1.6;
}

/* Button */
.smarthire-cta-btn {
    display: inline-block;
    padding: 10px 25px;
    background: #18c4d6;
    color: #ffffff;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
    transition: all 0.3s ease;
}

.smarthire-cta-btn:hover {
    color: #ffffff;
}

/* Image Area */
.smarthire-cta-image {
    flex: 0 0 40%;
    text-align: right;
}

/* Image */
.smarthire-cta-image img {
    width: 100%;
    max-width: 350px;
    display: block;
    margin-left: 286px;
}

/* ==========================================================================
   CTA SECTION - TABLET
   ========================================================================== */

@media (max-width: 1366px) {

    .smarthire-cta-image img {
        width: 100%;
        max-width: 250px;
        display: block;
        margin-left: 247px;
    }

    .smarthire-cta-content h2 {
        font-size: 30px;

    }

    .smarthire-cta-content p {

        font-size: 16px;

    }
}

@media (max-width: 1199px) {

    .smarthire-cta-content h2 {
        font-size: 32px;
        white-space: normal;
    }

    .smarthire-cta-image img {
        max-width: 300px;
        margin-left: auto;
    }
}

@media (max-width: 991px) {

    .smarthire-cta {
        padding: 70px 0;
    }

    .smarthire-cta-wrapper {
        gap: 40px;
    }

    .smarthire-cta-content h2 {
        font-size: 28px;
    }

    .smarthire-cta-content p {
        font-size: 18px;
    }

    .smarthire-cta-image {
        flex: 0 0 35%;
    }

    .smarthire-cta-image img {
        max-width: 260px;
        margin-left: auto;
    }
}

/* ==========================================================================
   CTA SECTION - MOBILE
   ========================================================================== */

@media (max-width: 767px) {

    .smarthire-cta {
        padding: 60px 0;
    }

    .smarthire-cta-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .smarthire-cta-content {
        order: 2;
    }

    .smarthire-cta-image {
        order: 1;
        text-align: center;
    }

    .smarthire-cta-content h2 {
        font-size: 26px;
        white-space: normal;
    }

    .smarthire-cta-content p {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .smarthire-cta-image img {
        display: none;
    }
}

/* ==========================================================================
   CTA SECTION - SMALL MOBILE
   ========================================================================== */

@media (max-width: 575px) {

    .smarthire-cta {
        padding: 50px 0;
    }

    .smarthire-cta-content h2 {
        font-size: 22px;
    }

    .smarthire-cta-content p {
        font-size: 15px;
    }

    .smarthire-cta-btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    .smarthire-cta-image img {
        display: none;
    }
}

/* ==========================================================================
   CTA SECTION END
   ========================================================================== */