/* === Misra Global LLC Brand Palette === */
:root {
    --bs-primary: #1a4a9e;
    --bs-primary-rgb: 26, 74, 158;
    --brand-silver: #b0beca;
    --brand-navy: #0d1e4a;
    --brand-blue: #1a4a9e;
    --brand-steel: #6a9ed8;
}

/* --- Modern Navbar Styles --- */
.navbar {

    padding: 0.7rem 0;
}
.navbar .navbar-nav .nav-item {
    margin: 0 12px;
    position: relative;
    transition: transform 0.2s, box-shadow 0.2s;
}
.navbar .navbar-nav .nav-link {
    color: #0d1e4a;
    font-weight: 700;
    font-size: 1.08rem;
    letter-spacing: 0.5px;
   padding: 4px 10px !important;
    border-radius: 22px;
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
    position: relative;
    z-index: 1;
}
.navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-item:hover > .nav-link {
    background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
    color: #fff !important;
    box-shadow: 0 4px 18px rgba(26,113,184,0.13);
    transform: translateY(-2px) scale(1.04);
}
.navbar .navbar-nav .nav-item::after {
    content: '';
    display: block;
    margin: 0 auto;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
    border-radius: 2px;
    transition: width 0.3s;
}
.navbar .navbar-nav .nav-item:hover::after, .navbar .navbar-nav .nav-link.active ~ .navbar .navbar-nav .nav-item::after {
    width: 60%;
}
.navbar .navbar-nav .dropdown-menu {
    border-radius: 18px;
    box-shadow: 0 8px 32px rgba(26,113,184,0.10);
    border: none;
    margin-top: 8px;
    background: #fff;
    min-width: 200px;
    padding: 10px 0;
}
.navbar .navbar-nav .dropdown-item {
    color: #0d1e4a;
    font-weight: 600;
    border-radius: 12px;
    padding: 10px 22px;
    transition: background 0.2s, color 0.2s;
}
.navbar .navbar-nav .dropdown-item:hover, .navbar .navbar-nav .dropdown-item:focus {
    background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
    color: #fff;
}
@media (max-width: 992px) {
    .navbar .navbar-nav .nav-item {
        margin: 0 0 8px 0;
    }
    .navbar .navbar-nav .nav-link {
        padding: 10px 16px !important;
        font-size: 1rem;
    }
}
/* --- Optimized Training Program Section --- */
.training-program-section {
    background: #f0f7ff;
    background: radial-gradient(circle at top right, #ffffff, #e6f2ff);
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}

/* Background Animated Blobs */
.training-program-section::before, .training-program-section::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    z-index: 0;
    opacity: 0.4;
}

.training-program-section::before {
    width: 400px; height: 400px;
    background: #1a4a9e;
    top: -100px; left: -100px;
}

.training-program-section::after {
    width: 300px; height: 300px;
    background: #0d1e4a;
    bottom: -50px; right: -50px;
}

.training-program-container {
    display: flex;
    align-items: stretch; /* This makes both columns equal height */
    justify-content: center;
    gap: 60px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    z-index: 1;
}

/* --- Content Side --- */
.training-program-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    padding: 40px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}

.training-program-badge {
    display: inline-block;
    background: #1a4a9e;
    color: white;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.training-program-title {
    font-size: 2.8rem;
    line-height: 1.2;
    font-weight: 800;
    color: #0d1e4a;
    margin-bottom: 20px;
}

.training-program-desc {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #444;
    margin-bottom: 30px;
}

.training-program-highlights {
    list-style: none;
    padding: 0;
    margin-bottom: 35px;
}

.training-program-highlights li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-weight: 600;
    color: #0d1e4a;
}

.training-program-highlights i {
    color: #1a4a9e;
    background: white;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 15px;
    box-shadow: 0 4px 10px rgba(26,74,158,0.2);
}

/* --- Image Side --- */
.training-program-image-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.image-glass-card {
    position: relative;
    padding: 15px;
    background: rgba(255,255,255,0.4);
    backdrop-filter: blur(5px);
    border-radius: 30px;

    /* box-shadow: 0 30px 60px rgba(0,0,0,0.1); */
    animation: floatAnim 6s ease-in-out infinite;
}

.image-glass-card img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    display: block;
}

.floating-badge {
    position: absolute;
    bottom: 30px;
    right: -20px;
    background: #0d1e4a;
    color: white;
    padding: 15px 25px;
    border-radius: 15px;
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* --- Buttons --- */
.training-program-cta-group {
    display: flex;
    gap: 15px;
}

.training-program-cta {
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
    display: flex;
    align-items: center;
    gap: 10px;
}

.enroll {
    background: #1a4a9e;
    color: white;
    box-shadow: 0 10px 20px rgba(26,74,158,0.3);
}

.enroll:hover {
    background: #0d3a82;
    transform: translateY(-3px);
}

.download {
    border: 2px solid #1a4a9e;
    color: #1a4a9e;
}

.download:hover {
    background: #1a4a9e;
    color: white;
}

/* Animations */
@keyframes floatAnim {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

/* Responsive */
@media (max-width: 992px) {
    .training-program-container {
        flex-direction: column;
        text-align: center;
    }
    .training-program-highlights li {
        justify-content: center;
    }
    .training-program-cta-group {
        justify-content: center;
    }
    .training-program-title {
        font-size: 2rem;
    }
}
/* Body and Global Styling */
body {
    font-family: 'Lato', sans-serif !important;
    font-weight: 400;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700;
}

p, span, a, li {
    font-family: 'Lato', sans-serif !important;
}

/*** Spinner Start ***/
#spinner {
    background: white !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
    z-index: 99999;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#spinner.show {
    transition: opacity 0.5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

#spinner.hide {
    animation: spinnerFadeOut 0.5s ease-out forwards;
}

/* Spinner Logo Animation */
.spinner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.spinner-logo {
    width: 200px;
    height: 200px;
    object-fit: contain;
    animation: logoMagic 2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    filter: drop-shadow(0 0 0 transparent);
    position: relative;
}

.spinner-logo::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    animation: logoShine 2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes logoMagic {
    0% {
        opacity: 0;
        filter: blur(10px) brightness(1.5);
        transform: scale(0.1) rotateZ(-45deg) translateY(50px);
    }
    25% {
        filter: blur(5px) brightness(1.2);
        transform: scale(0.6) rotateZ(-15deg);
    }
    50% {
        opacity: 1;
        filter: blur(1px) brightness(1) drop-shadow(0 0 30px rgba(26, 74, 158, 0.8));
        transform: scale(1.15) rotateZ(5deg);
    }
    75% {
        filter: blur(0px) drop-shadow(0 0 20px rgba(26, 113, 184, 0.6));
        transform: scale(0.95) rotateZ(-2deg);
    }
    100% {
        opacity: 1;
        filter: blur(0px) drop-shadow(0 0 10px rgba(26, 113, 184, 0.3));
        transform: scale(1) rotateZ(0deg);
    }
}

@keyframes logoShine {
    0% {
        left: -100%;
    }
    50% {
        left: 100%;
    }
    100% {
        left: 100%;
    }
}

#spinner .spinner-border {
    display: none;
}

@keyframes spinnerFadeOut {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}



/*** Button Start ***/
.btn {
    font-weight: 600;
    transition: .5s;
}

.btn-square {
    width: 32px;
    height: 32px;
}

.btn-sm-square {
    width: 34px;
    height: 34px;
}

.btn-md-square {
    width: 44px;
    height: 44px;
}

.btn-lg-square {
    width: 56px;
    height: 56px;
}

/* Carousel Button Styling */
.header-carousel .carousel-caption .btn {
    background: linear-gradient(135deg, #ffffff, #f5f5f5) !important;
    color: var(--bs-primary) !important;
    font-weight: 700 !important;
    border: none !important;
    padding: 12px 28px !important;
    border-radius: 50px !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 102, 204, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Shining effect for carousel buttons */
.header-carousel .carousel-caption .btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.5s ease;
    z-index: -1;
}

.header-carousel .carousel-caption .btn:hover {
    background: linear-gradient(135deg, #ffffff, #e8e8e8) !important;
    color: #0056b3 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0, 102, 204, 0.5) !important;
}

.header-carousel .carousel-caption .btn:hover::before {
    left: 100%;
}

.btn-xl-square {
    width: 66px;
    height: 66px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square,
.btn-xl-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.btn.btn-primary {
    color: var(--bs-white);
    border: none;
}

.btn.btn-primary:hover {
    background: var(--bs-dark);
    color: var(--bs-white);
}

.btn.btn-light {
    color: var(--bs-primary);
    border: none;
}

.btn.btn-light:hover {
    color: var(--bs-white);
    background: var(--bs-dark);
}

.btn.btn-dark {
    color: var(--bs-white);
    border: none;
}

.btn.btn-dark:hover {
    color: var(--bs-primary);
    background: var(--bs-light);
}


/*** Topbar Start ***/ 
.topbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    vertical-align: middle;
    margin-left: 8px;
    color: var(--bs-primary);
}

.topbar .dropdown .dropdown-menu a:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
}

.topbar .dropdown .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    background: var(--bs-light);
    padding-top: 10px;
    border: 0;
    transition: .5s;
    opacity: 1;
}
/*** Topbar End ***/


/*** Navbar Start ***/
.nav-bar {
    background: var(--bs-white);
    transition: 1s;
}

.navbar-light .navbar-brand img {
    max-height: 65px;
    transition: .5s;
}

.nav-bar .navbar-light .navbar-brand img {
    max-height: 65px;
}

.navbar .navbar-nav .nav-item .nav-link {
    padding: 0;
    position: relative;
    transition: color 0.3s ease;
    color: #333;
}

.navbar .navbar-nav .nav-item {
    display: flex;
    align-items: center;
    padding: 15px;
    position: relative;
}

/* Animated underline effect for nav links */
.navbar .navbar-nav .nav-item .nav-link::after {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -8px;
    left: 0;
    background: linear-gradient(90deg, #1a4a9e, #0d1e4a);
    transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 102, 204, 0.3);
}

/* Active state - permanent underline */
.navbar-light .navbar-nav .nav-item.active .nav-link {
    color: var(--bs-primary);
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-item.active .nav-link::after {
    width: 100%;
}

/* Hover state - animated underline */
.navbar-light .navbar-nav .nav-item:hover .nav-link {
    color: var(--bs-primary);
}

.navbar-light .navbar-nav .nav-item:hover .nav-link::after {
    width: 100%;
}

@media (max-width: 991px) {
    .navbar {
        padding: 20px 0;
    }

    .navbar .navbar-nav .nav-link {
        padding: 0;
    }

    .navbar .navbar-nav .nav-item {
        display: flex;
        padding: 20px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .navbar .navbar-nav .nav-btn {
        display: flex;
        justify-content: start;
    }

    .navbar .navbar-nav {
        width: 100%;
        display: flex;
        margin-top: 20px;
        padding-bottom: 20px;
        background: var(--bs-light);
        border-radius: 10px;
    }

    .navbar.navbar-expand-lg .navbar-toggler {
        padding: 8px 15px;
        border: 1px solid var(--bs-primary);
        color: var(--bs-primary);
    }
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    vertical-align: middle;
    margin-left: 8px;
}

.dropdown .dropdown-menu .dropdown-item:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
}

@media (min-width: 992px) {
    .navbar {
        padding: 10px 0;
    }

    .navbar .nav-btn {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .navbar .navbar-nav {
        /* width: 100%; */
        display: flex;
        justify-content: center;
        align-items: center;
        /* background: var(--bs-light); */
        border-radius: 10px;
    }

    .navbar .navbar-nav .nav-btn {
        width: 100%;
        display: flex;
        margin-left: auto;
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        border-radius: 10px;
        transition: .5s;
        opacity: 0;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transform: rotateX(0deg);
        visibility: visible;
        margin-top: 20px;
        background: var(--bs-light);
        transition: .5s;
        opacity: 1;
    }
}
/*** Navbar End ***/

/*** Free Consultation Nav Button ***/
.nav-hiring-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    background: #1a4a9e;
    color: white !important;
    border-radius: 50px;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none !important;
    letter-spacing: 0.3px;
    white-space: nowrap;
    z-index: 1;
    transition: background 0.25s ease, transform 0.2s ease;
}

.nav-hiring-btn::before,
.nav-hiring-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50px;
    background: #1a4a9e;
    z-index: -1;
    animation: nav-wave 2.2s ease-out infinite;
}

.nav-hiring-btn::after {
    animation-delay: 1.1s;
}

@keyframes nav-wave {
    0%   { transform: scale(1);   opacity: 0.65; }
    100% { transform: scale(1.55); opacity: 0;   }
}

.nav-hiring-btn:hover {
    background: #0d3a82;
    color: white !important;
    transform: translateY(-1px);
}

.nav-hiring-btn:hover::before,
.nav-hiring-btn:hover::after {
    background: #0d3a82;
}

/*** Back to Top ***/
.back-to-top {
    position: fixed !important;
    bottom: 30px;
    right: 30px;
    width: 46px;
    height: 46px;
    display: none;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1a4a9e, #0d1e4a) !important;
    border: none !important;
    box-shadow: 0 6px 20px rgba(26,113,184,0.4);
    z-index: 9999;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.back-to-top:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(26,113,184,0.55);
}

/*** About Section ***/
.about-image-container {
    position: relative;
}

.about-image-container img {
    max-width: 100%;
    height: auto;
    max-height: 700px;
    object-fit: contain;
    display: block;
    width: 100%;
}

/* Responsive design */
@media (max-width: 768px) {
    .about-image-container img {
        max-height: 500px;
    }
}

@media (max-width: 576px) {
    .about-image-container img {
        max-height: 350px;
    }
}
/*** About Section End ***/

/*** Carousel Hero Header Start ***/
.header-carousel .header-carousel-item {
    height: 700px;
    position: relative;
    overflow: hidden;
}

.tsparticles-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#tsparticles-1,
#tsparticles-2,
#tsparticles-3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.2), rgba(0, 0, 0, 0.2));
    z-index: 1.5;
    animation: overlayShift 8s ease-in-out infinite;
}

@keyframes overlayShift {
    0%, 100% {
        background: linear-gradient(135deg, rgba(0, 102, 204, 0.4), rgba(0, 0, 0, 0.3));
    }
    50% {
        background: linear-gradient(45deg, rgba(0, 150, 255, 0.3), rgba(0, 0, 0, 0.4));
    }
}

.header-carousel .owl-nav .owl-prev,
.header-carousel .owl-nav .owl-next {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background: var(--bs-light);
    color: var(--bs-primary);
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    z-index: 10;
    cursor: pointer;
}

.header-carousel .owl-nav .owl-prev {
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 30px;
}

.header-carousel .owl-nav .owl-next {
    bottom: 30px;
    right: 50%;
    transform: translateX(-50%);
    margin-right: 30px;
}

.header-carousel .owl-nav .owl-prev:hover,
.header-carousel .owl-nav .owl-next:hover {
    box-shadow: 0 0 20px rgba(0, 102, 204, 0.6), inset 0 0 100px 0 rgba(255, 255, 255, 0.1);
    color: var(--bs-white);
    transform: scale(1.15);
    background: var(--bs-primary);
}

.header-carousel .header-carousel-item .carousel-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 2;
}

/* Carousel Title and Subtitle Animations */
.carousel-title {
    font-weight: 800;
    text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.7);
    letter-spacing: -1px;
    animation: titleBlurReveal 1s cubic-bezier(0.34, 1.56, 0.64, 1);
    line-height: 1.2;
}

.carousel-subtitle {
    font-weight: 500;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
    animation: subtitleBlurReveal 1.2s ease-out 0.3s both;
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.25rem;
}

.carousel-bg-1 .carousel-caption .container {
    animation: containerBlurIn 1s ease-out;
}

.carousel-bg-2 .carousel-caption .container {
    animation: containerBlurIn 1s ease-out;
}

.carousel-bg-3 .carousel-caption .container {
    animation: containerBlurIn 1s ease-out;
}

/* Blur Out Animation - for slide transitions */
.owl-item.active .carousel-title {
    animation: titleBlurReveal 1s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.owl-item.active .carousel-subtitle {
    animation: subtitleBlurReveal 1.2s ease-out 0.3s both;
}

/* Button Animation */
.carousel-caption .btn {
    animation: buttonPop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.6s both;
}

@keyframes titleBlurReveal {
    0% {
        opacity: 0;
        filter: blur(20px);
        transform: translateY(-40px) scaleY(0.8);
    }
    50% {
        filter: blur(10px);
    }
    100% {
        opacity: 1;
        filter: blur(0px);
        transform: translateY(0) scaleY(1);
    }
}

@keyframes subtitleBlurReveal {
    0% {
        opacity: 0;
        filter: blur(15px);
        transform: translateY(20px);
    }
    50% {
        filter: blur(8px);
    }
    100% {
        opacity: 1;
        filter: blur(0px);
        transform: translateY(0);
    }
}

@keyframes containerBlurIn {
    from {
        opacity: 0;
        filter: blur(10px);
    }
    to {
        opacity: 1;
        filter: blur(0px);
    }
}

@keyframes buttonPop {
    0% {
        opacity: 0;
        filter: blur(10px);
        transform: scale(0.8) translateY(20px);
    }
    60% {
        transform: scale(1.05);
        opacity: 1;
    }
    100% {
        opacity: 1;
        filter: blur(0px);
        transform: scale(1) translateY(0);
    }
}

/* Fade transition for slide changes */
.owl-carousel .owl-item.active {
    animation: slideBlurTransition 0.6s ease-in-out;
}

@keyframes slideBlurTransition {
    0% {
        filter: blur(0px);
    }
    50% {
        filter: blur(3px);
    }
    100% {
        filter: blur(0px);
    }
}

/* Text content wrapper */
.text-sm-center,
.text-md-end {
    animation: textContentFadeIn 0.8s ease-out 0.2s both;
}

@keyframes textContentFadeIn {
    from {
        opacity: 0;
        filter: blur(8px);
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        filter: blur(0px);
        transform: translateY(0);
    }
}

@media (max-width: 991px) {
    .header-carousel .header-carousel-item .carousel-caption {
        padding-top: 45px;
    }

    .header-carousel .header-carousel-item {
        height: 1300px;
    }
}

@media (max-width: 767px) {
    .header-carousel .header-carousel-item {
        height: 950px;
    }

    .header-carousel .owl-nav .owl-prev {
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: -45px;
    }

    .header-carousel .owl-nav .owl-next {
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 45px;
    }

    .carousel-title {
        font-size: 2rem;
    }

    .carousel-subtitle {
        font-size: 1rem;
    }
}

/* Carousel Background Images */
.carousel-bg-1 {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../img/banner1.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    animation: bgBlurIn 1s ease-out;
}

.carousel-bg-1:hover {
    background-attachment: scroll;
}

.carousel-bg-2 {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../img/banner2.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    animation: bgBlurIn 1s ease-out;
}

.carousel-bg-2:hover {
    background-attachment: scroll;
}

.carousel-bg-3 {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../img/banner3.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    animation: bgBlurIn 1s ease-out;
}

.carousel-bg-3:hover {
    background-attachment: scroll;
}

@keyframes bgBlurIn {
    0% {
        filter: blur(15px) brightness(0.8);
        transform: scale(1.05);
    }
    50% {
        filter: blur(8px) brightness(0.9);
    }
    100% {
        filter: blur(0px) brightness(1);
        transform: scale(1);
    }
}
/*** Carousel Hero Header End ***/


/*** Single Page Hero Header Start ***/
.bg-breadcrumb {
    position: relative;
    overflow: hidden;
    background: linear-gradient(rgba(1, 94, 201, 0.247), rgba(0, 0, 0, 0.2)), url(../img/bg-breadcrumb.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0 60px 0;
    transition: 0.5s;
}

.bg-breadcrumb .breadcrumb {
    position: relative;
}

.bg-breadcrumb .breadcrumb .breadcrumb-item a {
    color: var(--bs-white);
}
/*** Single Page Hero Header End ***/


/*** Service Start ***/
.service .service-item {
    border-radius: 10px;
}
.service .service-item .service-img {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.service .service-item .service-img img {
    transition: 0.5s;
}

.service .service-item:hover .service-img img {
    transform: scale(1.1);
}

.service .service-item .service-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: rgba(1, 95, 201, .2);
    transition: 0.5s;
    z-index: 1;
}

.service .service-item:hover .service-img::after {
    height: 100%;
}

.service .service-item .service-img .service-icon {
    position: absolute;
    width: 70px;
    bottom: 0;
    right: 25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: var(--bs-light);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    z-index: 9;
}

.service .service-item .service-img .service-icon i {
    color: var(--bs-primary);
    transition: 0.5s;
}

.service .service-item:hover .service-img .service-icon i {
    transform: rotateX(360deg);
    color: var(--bs-white);
}

.service .service-item:hover .service-img .service-icon {
    bottom: 0;
    color: var(--bs-white);
    background: var(--bs-primary);
}

.service .service-content {
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: var(--bs-light);
}

.service .service-item .service-content .service-content-inner {
    position: relative;
    z-index: 9;
}

.service .service-item .service-content .service-content-inner .h4,
.service .service-item .service-content .service-content-inner p {
    transition: 0.5s;
}

.service .service-item:hover .service-content .service-content-inner .h4,
.service .service-item:hover .service-content .service-content-inner p {
    color: var(--bs-white);
}

.service .service-item:hover .service-content .service-content-inner .btn.btn-primary {
    color: var(--bs-primary);
    background: var(--bs-white);
}

.service .service-item:hover .service-content .service-content-inner .btn.btn-primary:hover {
    color: var(--bs-white);
    background: var(--bs-dark);
}

.service .service-item:hover .service-content .service-content-inner .h4:hover {
    color: var(--bs-dark);
}

.service .service-item .service-content::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: var(--bs-primary);
    transition: 0.5s;
    z-index: 1;
}

.service .service-item:hover .service-content::after {
    height: 100%;
}
/*** Service End ***/


/*** Blog Start ***/
.blog .blog-item {
    border-radius: 10px;
    transition: 0.5s;
}

.blog .blog-item:hover {
    box-shadow: 0 0 45px rgba(0, 0, 0, .1);
}

.blog .blog-item:hover .blog-content {
    background: var(--bs-light);
}

.blog .blog-item .blog-img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    overflow: hidden;
}

.blog .blog-item .blog-img img {
    transition: 0.5s;
}

.blog .blog-item:hover .blog-img img {
    transform: scale(1.2);
}

.blog .blog-item .blog-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: rgba(1, 95, 201, .2);
    transition: 0.5s;
    z-index: 1;
}

.blog .blog-item:hover .blog-img::after {
    height: 100%;
}

.blog .blog-item .blog-img .blog-categiry {
    position: absolute;
    bottom: 0;
    right: 0;
    border-top-left-radius: 10px;
    display: inline-flex;
    color: var(--bs-white);
    background: var(--bs-primary);
    z-index: 9;
}

.blog .blog-item .blog-content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: var(--bs-white);
}

.blog .blog-item .blog-content a.btn {
    color: var(--bs-dark);
}

.blog .blog-item:hover .blog-content a.btn:hover {
    color: var(--bs-primary);
}
/*** Blog End ***/


/*** Team Start ***/
.team .team-item .team-img {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
} 

.team .team-item .team-img img {
    transition: 0.5s;
}

.team .team-item:hover .team-img img {
    transform: scale(1.1);
}

.team .team-item .team-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: 0.5s;
}

.team .team-item:hover .team-img::after {
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
}

.team .team-item .team-img .team-icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    margin-bottom: -100%;
    transition: 0.5s;
    z-index: 9;
}

.team .team-item:hover .team-img .team-icon {
    margin-bottom: 0;
}

.team .team-item .team-title {
    color: var(--bs-white);
    background: var(--bs-primary);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: 0.5s;
}

.team .team-item .team-title h4 {
    color: var(--bs-white);
}

.team .team-item:hover .team-title {
    background: var(--bs-dark);
}
/*** Team End ***/


/*** Footer Start ***/
.footer {
    background: linear-gradient(160deg, #0d1e4a 0%, #162050 100%);
}

.footer .footer-item {
    display: flex;
    flex-direction: column;
}

.footer .footer-item a {
    line-height: 35px;
    color: var(--bs-body);
    transition: 0.5s;
}

.footer .footer-item p {
    line-height: 35px;
}

.footer .footer-item a:hover {
    color: var(--bs-primary);
}

.footer .footer-item .footer-btn a,
.footer .footer-item .footer-btn a i {
    transition: 0.5s;
}

.footer .footer-item .footer-btn a:hover {
    background: var(--bs-white);
}

.footer .footer-item .footer-btn a:hover i {
    color: var(--bs-primary);
}


.footer .footer-item .footer-instagram {
    position: relative;
    overflow: hidden;
}

.footer .footer-item .footer-instagram img {
    transition: 0.5s;
}

.footer .footer-item .footer-instagram:hover img {
    transform: scale(1.2);
}

.footer .footer-item .footer-instagram .footer-search-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    opacity: 0;
}

.footer .footer-item .footer-instagram:hover .footer-search-icon {
    opacity: 1;
    background: rgba(0, 0, 0, .6);
}

.footer .footer-item .footer-btn a {
    background: var(--bs-light);
    color: var(--bs-primary);
}

.footer .footer-item .footer-btn a:hover {
    background: var(--bs-primary);
}

.footer .footer-item .footer-btn a:hover i {
    color: var(--bs-white);
}
/*** Footer End ***/


/*** copyright Start ***/
.copyright {
    background: #111a3e;
    border-top: 3px solid #1a4a9e;
    margin: 0 !important;
    padding: 1.5rem 0 !important;
    margin-top: auto !important;
}
/*** copyright end ***/

html {
    margin: 0 !important;
    padding: 0 !important;
}

* {
    box-sizing: border-box !important;
}








 /* Technologies start */


        .software-slider-container {
            position: relative;
            z-index: 1;
        }

        .software-slider-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 3rem 0;
        }

        .software-slider-header {
            text-align: center;
            margin-bottom: 0.8rem;
            padding-top: 1rem;
        }

        .software-slider-header h1 {
            font-size: 2.25rem;
            font-weight: bold;
            margin-bottom: 0.5rem;
            text-shadow: 0 2px 20px rgba(24, 42, 99, 0.15);
        }

        .software-slider-header .software-slider-title-red {
            color: #182a63;
            background: linear-gradient(135deg, #182a63 0%, #1b2d5c 50%, #21c0c0 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 900;
        }



        .software-slider-header h2 {
            font-size: 2.25rem;
            font-weight: bold;
            color: #1f2937;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }

        .software-slider-tabs-container {
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            gap: 0.75rem;
            margin-bottom: 2rem;
            overflow-x: auto;
            padding: 0.5rem 0;
        }

        .software-slider-tab-button {
            padding: 0.6rem 1.2rem;
            font-size: 0.9rem;
            font-weight: 600;
            background: rgba(255, 255, 255, 0.8);
            border: 2px solid #e5e7eb;
            border-radius: 0.5rem;
            color: #6b7280;
            cursor: pointer;
            transition: all 0.3s;
            backdrop-filter: blur(10px);
            position: relative;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            white-space: nowrap;
        }

        .software-slider-tab-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(220, 38, 38, 0.1), transparent);
            transition: left 0.5s;
        }

        .software-slider-tab-button:hover::before {
            left: 100%;
        }

        .software-slider-tab-button:hover {
            color: #1f2937;
            border-color: rgba(220, 38, 38, 0.3);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(220, 38, 38, 0.15);
            background: #ffffff;
        }

        .software-slider-tab-button.active {
            color: #fff;
            background: linear-gradient(135deg, #1b2d5c, #21c0c0);
            border-color: #1b2d5c;
            box-shadow: 0 6px 20px rgba(27, 45, 92, 0.3);
            transform: translateY(-2px);
        }

        .software-slider-content-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(20px);
            border-radius: 2rem;
            box-shadow: 
                0 20px 60px rgba(0, 0, 0, 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 1);
            padding: 2.5rem 2rem;
            overflow: hidden;
            border: 1px solid rgba(27, 45, 92, 0.1);
            position: relative;
            margin: 0.5rem 0;
        }

        .software-slider-content-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(220, 38, 38, 0.05), transparent);
            animation: shimmer 3s infinite;
        }

        @keyframes shimmer {
            0% { left: -100%; }
            100% { left: 200%; }
        }

        .software-slider {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4rem;
            flex-wrap: wrap;
        }

        .software-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-width: 120px;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0;
            animation: slideIn 0.6s ease-out forwards;
            position: relative;
        }

        .software-item::before {
            content: '';
            position: absolute;
            inset: -10px;
            border-radius: 1.5rem;
            background: linear-gradient(135deg, #dc2626, #3b82f6, #8b5cf6);
            opacity: 0;
            filter: blur(20px);
            transition: opacity 0.4s;
            z-index: -1;
        }

        .software-item:hover::before {
            opacity: 0.6;
        }

        .software-item:hover {
            transform: scale(1.15) translateY(-10px);
        }

        .software-icon {
            width: 96px;
            height: 96px;
            border-radius: 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3rem;
            margin-bottom: 1rem;
            box-shadow: 
                0 10px 30px rgba(0, 0, 0, 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.5);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }

        .software-icon::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.4), transparent);
            transform: rotate(45deg);
            transition: all 0.5s;
        }

        .software-item:hover .software-icon {
            transform: rotate(12deg) scale(1.1);
            box-shadow: 
                0 20px 40px rgba(0, 0, 0, 0.15),
                inset 0 1px 0 rgba(255, 255, 255, 0.7);
        }

        .software-item:hover .software-icon::after {
            left: 100%;
            top: 100%;
        }

        .software-name {
            color: #374151;
            font-weight: 600;
            text-align: center;
            font-size: 0.875rem;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: all 0.3s;
        }

        .software-item:hover .software-name {
            color: #1f2937;
            transform: scale(1.1);
            text-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
        }

        .software-slider-cta-section {
            text-align: center;
            margin-top: 2rem;
            padding-bottom: 1.5rem;
        }

        .software-slider-cta-text {
            color: #4b5563;
            font-size: 1.125rem;
            margin-bottom: 1.5rem;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        }

        .software-slider-cta-button {
            background: linear-gradient(135deg, #1b2d5c 0%, #21c0c0 100%);
            color: white;
            padding: 0.9rem 2.2rem;
            border-radius: 9999px;
            font-weight: 600;
            font-size: 1rem;
            border: none;
            cursor: pointer;
            box-shadow: 
                0 10px 30px rgba(27, 45, 92, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
        }

        .software-slider-cta-button::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.2);
            transform: translate(-50%, -50%);
            transition: width 0.6s, height 0.6s;
        }

        .software-slider-cta-button:hover::before {
            width: 300px;
            height: 300px;
        }

        .software-slider-cta-button:hover {
            transform: translateY(-3px) scale(1.05);
            box-shadow: 
                0 20px 40px rgba(27, 45, 92, 0.5),
                inset 0 1px 0 rgba(255, 255, 255, 0.3);
        }

        .software-slider-cta-button:active {
            transform: translateY(-1px) scale(1.02);
        }

        .hidden {
            display: none;
        }

        /* Color classes */
        .bg-yellow-400 { background-color: #fbbf24; }
        .bg-blue-400 { background-color: #60a5fa; }
        .bg-green-400 { background-color: #4ade80; }
        .bg-blue-600 { background-color: #2563eb; }
        .bg-orange-500 { background-color: #f97316; }
        .bg-blue-500 { background-color: #3b82f6; }
        .bg-green-600 { background-color: #16a34a; }
        .bg-red-600 { background-color: #dc2626; }
        .bg-purple-600 { background-color: #9333ea; }
        .bg-red-500 { background-color: #ef4444; }
        .bg-purple-700 { background-color: #7e22ce; }
        .bg-green-500 { background-color: #22c55e; }
        .bg-orange-600 { background-color: #ea580c; }
        .bg-pink-500 { background-color: #ec4899; }
        .bg-cyan-600 { background-color: #0891b2; }
        .bg-yellow-500 { background-color: #eab308; }
        .bg-black { background-color: #000000; }
        .bg-green-700 { background-color: #15803d; }
        .bg-blue-700 { background-color: #1d4ed8; }
        .bg-red-700 { background-color: #b91c1c; }

        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(30px) scale(0.9);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        @media (max-width: 768px) {
            .software-slider-header h1 { font-size: 2rem; }
            .software-slider-header h2 { font-size: 1.5rem; }
            .software-slider { gap: 2rem; }
        }





 /* Technologies end  */






 /* why choose us start */

.container-fluid {
            width: 100%;
            padding: 0 60px;
        }

        .whychooseus-section {
            background: linear-gradient(135deg, #e7e7e7 0%, #ffffff 50%, #e7e7e7 100%);
            padding: 60px 0;
            position: relative;
            overflow: hidden;
        }

        /* Decorative Background Elements */
        .whychooseus-section::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -10%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(25, 45, 104, 0.03) 0%, transparent 70%);
            border-radius: 50%;
            z-index: 0;
        }

        .whychooseus-section::after {
            content: '';
            position: absolute;
            bottom: -30%;
            left: -5%;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(24, 106, 156, 0.04) 0%, transparent 70%);
            border-radius: 50%;
            z-index: 0;
        }

        .whychooseus {
            display: flex;
            align-items: center;
            gap: 80px;
            max-width: 1600px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        /* Content */
        .whychooseus-content {
            flex: 1;
            padding-right: 60px;
        }

        .whychooseus-subtitle {
            font-size: 14px;
            font-weight: 700;
            background: linear-gradient(135deg, #0d1e4a, #1a4a9e);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 20px;
            display: inline-block;
            position: relative;
        }

        .whychooseus-subtitle::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 60px;
            height: 3px;
            background: linear-gradient(90deg, #0d1e4a, #1a4a9e);
            border-radius: 2px;
        }

        .whychooseus-title {
            font-size: 52px;
            font-weight: 900;
            color: #1a1a2e;
            margin-bottom: 15px;
            line-height: 1.2;
        }

        .whychooseus-title span {
            background: linear-gradient(135deg, #192d68, #186a9c);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .whychooseus-description {
            font-size: 18px;
            color: #4a5568;
            margin-bottom: 20px;
        }

        .whychooseus-features {
            list-style: none;
            margin-bottom: 50px;
            padding: 0;
        }

        .whychooseus-features li {
            font-size: 16px;
            color: #4a5568;
            margin-bottom: 15px;
            padding-left: 45px;
            position: relative;
            transition: all 0.3s ease;
        }

        .whychooseus-features li:hover {
            color: #192d68;
            transform: translateX(5px);
        }

        .whychooseus-features li::before {
            content: "✓";
            position: absolute;
            left: 0;
            width: 32px;
            height: 32px;
            background: linear-gradient(135deg, #192d68, #186a9c);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            font-weight: bold;
            top: -2px;
            box-shadow: 0 4px 15px rgba(25, 45, 104, 0.25);
        }

        /* CTA Button Styling */
        .whychooseus-cta {
            display: inline-block;
            padding: 20px 50px;
            background: linear-gradient(135deg, #192d68, #186a9c);
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-size: 18px;
            font-weight: 700;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(25, 45, 104, 0.3);
        }

        .whychooseus-cta::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            transition: left 0.5s ease;
        }

        .whychooseus-cta:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 35px rgba(25, 45, 104, 0.4);
        }

        .whychooseus-cta:hover::before {
            left: 100%;
        }

        /* --- NEW SECTION: INDUSTRIES HEADERS & CARDS --- */
        .whychooseus-stats-wrapper {
             flex: 0 0 650px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
        }

        .who-we-work-with-header {
            grid-column: span 2;
            margin-bottom: 10px;
        }

        .stats-upper-subtitle {
            font-size: 14px;
            font-weight: 700;
            color: #186a9c;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 8px;
            display: block;
        }

        .stats-upper-title {
            font-size: 32px;
            font-weight: 800;
            color: #1a1a2e;
            margin-bottom: 5px;
            line-height: 1.2;
        }

        .stats-upper-subheading {
            font-size: 18px;
            color: #4a5568;
            font-weight: 600;
            margin-bottom: 10px;
        }

        /* Stats Cards (Now Industry Cards) */
        .whychooseus-stat-card {
            background: linear-gradient(135deg, #192d68, #186a9c);
            border-radius: 20px;
            padding: 35px 20px;
            text-align: center;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(25, 45, 104, 0.2);
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height: 180px;
        }

        .whychooseus-stat-card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .whychooseus-stat-card:hover::before {
            opacity: 1;
        }

        .whychooseus-stat-card:hover {
            transform: translateY(-10px) scale(1.05);
            box-shadow: 0 20px 50px rgba(25, 45, 104, 0.35);
        }

        .whychooseus-stat-icon {
            width: 55px;
            height: 55px;
            margin: 0 auto 15px;
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            transition: all 0.4s ease;
        }

        .whychooseus-stat-label {
            font-size: 16px;
            color: #ffffff;
            font-weight: 700;
            letter-spacing: 0.5px;
            line-height: 1.4;
        }

        /* Animations */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .whychooseus-stat-card {
            animation: fadeInUp 0.7s ease forwards;
            opacity: 0;
        }

        /* Alternating green cards for brand variety */
        .whychooseus-stats-wrapper .whychooseus-stat-card:nth-child(3),
        .whychooseus-stats-wrapper .whychooseus-stat-card:nth-child(5) {
            background: linear-gradient(135deg, #0d3a82, #1a4a9e);
            box-shadow: 0 10px 30px rgba(26, 74, 158, 0.2);
        }

        .whychooseus-stats-wrapper .whychooseus-stat-card:nth-child(3):hover,
        .whychooseus-stats-wrapper .whychooseus-stat-card:nth-child(5):hover {
            box-shadow: 0 20px 50px rgba(26, 74, 158, 0.35);
        }

        /* RESPONSIVE */
        @media (max-width: 1200px) {
            .container-fluid { padding: 0 40px; }
            .whychooseus { gap: 40px; }
            .whychooseus-title { font-size: 42px; }
        }

        @media (max-width: 968px) {
            .whychooseus { flex-direction: column; gap: 50px; }
            .whychooseus-content { padding-right: 0; text-align: center; }
            .whychooseus-features li { text-align: left; }
            .whychooseus-stats-wrapper { flex: 1; width: 100%; grid-template-columns: repeat(2, 1fr); }
            .who-we-work-with-header { text-align: center; }
        }

        @media (max-width: 640px) {
            .whychooseus-title { font-size: 32px; }
            .whychooseus-stats-wrapper { grid-template-columns: 1fr; }
            .who-we-work-with-header { grid-column: span 1; }
        }
/* 
why choose us end */




/* faq */
.faq-section {
    
            max-width: 1400px;
            margin: 0 auto;
            padding: 50px 20px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
        }

        /* Left Side - Single Image */
        .faq-image-side {
            background: linear-gradient(135deg, #6a9ed8 0%, #1867ac 50%, #172d67 100%);
            border-radius: 24px;
            overflow: hidden;
            position: relative;
            min-height: 600px;
            box-shadow: 0 20px 60px rgba(23, 45, 103, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .faq-image-side::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
            animation: pulse 8s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% { transform: scale(1); opacity: 0.5; }
            50% { transform: scale(1.1); opacity: 0.3; }
        }

        .faq-image-placeholder {
            position: relative;
            z-index: 2;
            font-size: 8rem;
            color: rgba(255,255,255,0.3);
        }

        /* Right Side - FAQ */
        .faq-content-side {
            /* background: white; */
            padding: 60px 50px;
            border-radius: 24px;
            /* box-shadow: 0 20px 60px rgba(23, 45, 103, 0.1); */
        }

        .faq-header {
            margin-bottom: 40px;
        }

        .faq-header h2 {
            background: linear-gradient(135deg, #6a9ed8 0%, #1867ac 50%, #172d67 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 12px;
        }

        .faq-header p {
            color: #666;
            font-size: 1.1rem;
        }

        .faq-item {
            margin-bottom: 15px;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(31, 176, 179, 0.08);
            transition: all 0.3s ease;
        }

        .faq-item:hover {
            box-shadow: 0 8px 25px rgba(24, 103, 172, 0.2);
            transform: translateY(-2px);
        }

        .faq-question {
            background: linear-gradient(135deg, #6a9ed8 0%, #1867ac 50%, #172d67 100%);
            color: white;
            padding: 8px 24px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        
            font-size: 1.1rem;
            transition: all 0.3s ease;
        }

        .faq-question:hover {
            filter: brightness(1.1);
        }

        .faq-icon {
            font-size: 1.5rem;
            transition: transform 0.3s ease;
        }

        .faq-item.active .faq-icon {
            transform: rotate(45deg);
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.4s ease;
            background: #f8f9fa;
        }

        .faq-item.active .faq-answer {
            max-height: 300px;
            padding: 20px 24px;
        }

        .faq-answer p {
            color: #444;
            line-height: 1.7;
            font-size: 1rem;
        }

        @media (max-width: 968px) {
            .faq-section {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .faq-image-side {
                min-height: 400px;
            }

            .faq-content-side {
                padding: 40px 30px;
            }

            .faq-header h2 {
                font-size: 2rem;
            }
        }
  
/* faq */


/* inqury */
 .inquiry-banner {
    background:
        linear-gradient(
            135deg,
            rgba(10, 10, 15, 0) 0%,
            rgba(26, 26, 46, 0) 50%,
            rgba(13, 17, 23, 0) 100%
        ),
        url("../img/contactbg.jpg"); /* your image path */

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    width: 100%;
    padding: 50px;
    position: relative;
    overflow: hidden;

    border-top: 1px solid rgba(26, 74, 158, 0.2);
    border-bottom: 1px solid rgba(26, 74, 158, 0.2);
}
        .inquiry-banner::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background:
                radial-gradient(circle at 20% 50%, rgba(26, 74, 158, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 80% 50%, rgba(26, 113, 184, 0.15) 0%, transparent 50%);
            animation: rotate 20s linear infinite;
        }

        @keyframes rotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .inquiry-banner::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(26, 74, 158, 0.1), transparent);
            animation: slide 3s ease-in-out infinite;
        }

        @keyframes slide {
            0% { left: -100%; }
            100% { left: 200%; }
        }

        .inquiry-content {
            max-width: 1400px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
            text-align: center;
        }

        .inquiry-logo {
            font-size: 3rem;
            font-weight: 900;
            background: linear-gradient(135deg, #0d1e4a 0%, #1a4a9e 50%, #1a4a9e 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            letter-spacing: 3px;
            filter: drop-shadow(0 0 25px rgba(26, 74, 158, 0.4));
            margin-bottom: 8px;
            animation: glow 3s ease-in-out infinite;
        }

        @keyframes glow {
            0%, 100% { filter: drop-shadow(0 0 25px rgba(26, 74, 158, 0.6)); }
            50% { filter: drop-shadow(0 0 35px rgba(26, 74, 158, 0.9)); }
        }

        .inquiry-tagline {
            font-size: 1.6rem;
            color: #000000;
            font-weight: 400;
            margin-bottom: 10px;
            letter-spacing: 1px;
        }

        .inquiry-contact-btn {
            padding: 16px 45px;
             background: linear-gradient(135deg, rgb(0 126 255) 0%, rgb(1 73 121) 100%);
            border: none;
            border-radius: 35px;
            color: #ffffff;
            font-size: 1.1rem;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 2px;
            box-shadow:
                0 5px 20px rgba(26, 74, 158, 0.4),
                inset 0 -3px 8px rgba(0, 0, 0, 0.2);
            position: relative;
            overflow: hidden;
        }

        .inquiry-contact-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
            transition: left 0.5s;
        }

        .inquiry-contact-btn:hover::before {
            left: 100%;
        }

        .inquiry-contact-btn:hover {
            transform: translateY(-4px) scale(1.05);
            box-shadow:
                0 10px 30px rgba(26, 74, 158, 0.6),
                inset 0 -3px 8px rgba(0, 0, 0, 0.2);
        }

        .inquiry-contact-btn:active {
            transform: translateY(-2px) scale(1.03);
        }

        .inquiry-particles {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

        .inquiry-particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: #1a4a9e;
            border-radius: 50%;
            box-shadow: 0 0 10px #1a4a9e;
            animation: float 6s infinite ease-in-out;
        }

        .inquiry-particle:nth-child(1) { left: 15%; top: 20%; animation-delay: 0s; }
        .inquiry-particle:nth-child(2) { left: 35%; top: 60%; animation-delay: 1s; }
        .inquiry-particle:nth-child(3) { left: 50%; top: 40%; animation-delay: 2s; }
        .inquiry-particle:nth-child(4) { left: 65%; top: 70%; animation-delay: 3s; }
        .inquiry-particle:nth-child(5) { left: 85%; top: 30%; animation-delay: 4s; }

        @keyframes float {
            0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }
            50% { transform: translateY(-20px) scale(1.5); opacity: 0.8; }
        }

        @media (max-width: 768px) {
            .inquiry-banner {
                padding: 40px 20px;
            }

            .inquiry-logo {
                font-size: 2rem;
            }

            .inquiry-tagline {
                font-size: 1.2rem;
            }

            .inquiry-contact-btn {
                padding: 14px 35px;
                font-size: 1rem;
            }
        }
/* inqury */



          .servicesour {
             background-image: url("../img/servicebg.jpg");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            color: #333333;
            padding: 60px 30px;
            min-height: auto;
        }

        .servicesour__container {
            max-width: 1300px;
            margin: 0 auto;
        }

        .servicesour__header {
            margin-bottom: 50px;
        }

        .servicesour__tag {
            color: #1a4a9e;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }

        .servicesour__tag::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 60px;
            height: 3px;
            background: #1a4a9e;
        }

        .servicesour__title-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
            margin-bottom: 15px;
        }

        .servicesour__title {
            font-size: clamp(32px, 4vw, 52px);
            font-weight: 700;
            line-height: 1.2;
            max-width: 900px;
            color: #040b24;
        }

        .servicesour__cta {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            padding: 18px 38px;
            background: linear-gradient(135deg, #0d1e4a 0%, #1a4a9e 100%);
            color: white;
            border: 2px solid transparent;
            border-radius: 50px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            white-space: nowrap;
            box-shadow: 0 4px 12px rgba(28, 40, 100, 0.3);
        }

        .servicesour__cta:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(28, 40, 100, 0.4);
        }

        .servicesour__arrow {
            width: 22px;
            height: 22px;
            border: 2px solid white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            transition: all 0.3s ease;
        }

        .servicesour__description {
            font-size: 17px;
            color: #5c5c5c;
            line-height: 1.7;
            max-width: 1000px;
        }

        .servicesour__grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 30px;
        }

        .servicesour__card {
            position: relative;
            border-radius: 20px;
            padding: 28px 26px 24px;
            overflow: hidden;
            transition: all 0.35s ease;
            display: flex;
            flex-direction: column;
            background: #fff;
            border: 1px solid #e4eaf2;
            box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
        }

        .servicesour__card--blue {
            background: linear-gradient(160deg, #ffffff 60%, #eef5ff 100%);
            border-top: 4px solid #1a4a9e;
        }

        .servicesour__card--dark {
            background: linear-gradient(160deg, #ffffff 60%, #eef3fa 100%);
            border-top: 4px solid #1a4a9e;
        }

        .servicesour__card:hover {
            transform: translateY(-6px);
            box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
        }

        /* ── Card top: title + icon, no flex:1 so it never stretches ── */
        .servicesour__card-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 14px;
            margin-bottom: 10px;
        }

        .servicesour__card-title {
            font-size: 20px;
            font-weight: 700;
            color: #0d1e4a;
            line-height: 1.3;
            margin: 0;
            flex: 1;
        }

        /* Description grows to push button to bottom */
        .servicesour__card-text {
            font-size: 14.5px;
            color: #5a6070;
            line-height: 1.7;
            flex: 1;
            margin: 0 0 20px 0;
        }

        /* ── Icon Box ── */
        .servicesour__icon-box {
            width: 48px;
            height: 48px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            font-size: 1.25rem;
            color: white;
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
                        box-shadow 0.35s ease;
            position: relative;
            overflow: hidden;
        }

        .servicesour__icon-box::after {
            content: '';
            position: absolute;
            top: -60%;
            left: -80%;
            width: 50%;
            height: 220%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.28), transparent);
            transform: skewX(-20deg);
            transition: left 0.5s ease;
        }

        .servicesour__card:hover .servicesour__icon-box::after {
            left: 160%;
        }

        .servicesour__card:hover .servicesour__icon-box {
            transform: rotate(-7deg) scale(1.1);
        }

        .servicesour__card--blue .servicesour__icon-box {
            background: linear-gradient(135deg, #0d1e4a 0%, #1a4a9e 100%);
            box-shadow: 0 6px 18px rgba(26, 113, 184, 0.38);
        }

        .servicesour__card--blue:hover .servicesour__icon-box {
            box-shadow: 0 10px 28px rgba(26, 113, 184, 0.55);
        }

        .servicesour__card--dark .servicesour__icon-box {
            background: linear-gradient(135deg, #0d3a82 0%, #1a4a9e 100%);
            box-shadow: 0 6px 18px rgba(26, 74, 158, 0.38);
        }

        .servicesour__card--dark:hover .servicesour__icon-box {
            box-shadow: 0 10px 28px rgba(26, 74, 158, 0.55);
        }

        /* ── Read More Button - color-matched per variant ── */
        .servicesour__read-more {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 9px 20px;
            border-radius: 50px;
            font-size: 13.5px;
            font-weight: 600;
            cursor: pointer;
            text-decoration: none;
            transition: all 0.3s ease;
            align-self: flex-start;
            margin-top: auto;
        }

        .servicesour__card--blue .servicesour__read-more {
            color: #1a4a9e;
            border: 2px solid #1a4a9e;
            background: transparent;
        }

        .servicesour__card--blue .servicesour__read-more:hover {
            background: linear-gradient(135deg, #0d1e4a, #1a4a9e);
            color: #fff;
            border-color: transparent;
            transform: translateX(3px);
        }

        .servicesour__card--dark .servicesour__read-more {
            color: #0d3a82;
            border: 2px solid #1a4a9e;
            background: transparent;
        }

        .servicesour__card--dark .servicesour__read-more:hover {
            background: linear-gradient(135deg, #0d3a82, #1a4a9e);
            color: #fff;
            border-color: transparent;
            transform: translateX(3px);
        }

        .servicesour__read-more-arrow {
            font-size: 15px;
            transition: transform 0.3s ease;
        }

        .servicesour__read-more:hover .servicesour__read-more-arrow {
            transform: translateX(4px);
        }

        .animate-pulse {
            animation: pulse 2s ease-in-out infinite;
        }

        .animate-slide {
            animation: slideUp 1.5s ease-in-out infinite;
        }

        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-12px); }
        }

        @keyframes pulse {
            0%, 100% { opacity: 0.6; transform: scale(1); }
            50% { opacity: 1; transform: scale(1.1); }
        }

        @keyframes slideUp {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-5px); }
        }

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

        @media (max-width: 768px) {
            .servicesour {
                padding: 40px 20px;
            }

            .servicesour__grid {
                grid-template-columns: 1fr;
            }

            .servicesour__card {
                padding: 24px;
                min-height: auto;
            }

            .servicesour__card-top {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }

            .servicesour__card-content {
                text-align: center;
            }

            .servicesour__illustration {
                width: 100px;
                height: 100px;
                opacity: 0.7;
            }

            .servicesour__title-wrapper {
                flex-direction: column;
                align-items: flex-start;
            }

            .servicesour__card-title {
                font-size: 22px;
            }

            .servicesour__read-more {
                align-self: center;
            }
        }







         /* Header Styles */
        .site-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            padding: 2rem 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            text-align: center;
        }

        .site-header-title {
            font-size: 2.5rem;
            font-weight: bold;
            color: white;
            margin: 0;
        }

        /* Contact Section Styles */
        .contact-section-wrapper {
            background: linear-gradient(to bottom, #f8f9fa 0%, #e9ecef 100%);
            padding: 5rem 0;
        }

        .contact-main-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }

        .contact-title-area {
            text-align: center;
            margin-bottom: 4rem;
        }

        .contact-subtitle {
            color: #667eea;
            font-weight: 600;
            font-size: 1.2rem;
            margin-bottom: 1rem;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .contact-main-title {
            font-size: 3.5rem;
            font-weight: bold;
            color: #2d3748;
            margin-bottom: 1.5rem;
            line-height: 1.2;
        }

        .contact-content-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
            margin-bottom: 4rem;
        }

        .contact-image-container {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .contact-image-wrapper img {
            width: 100%;
            max-width: 500px;
            height: auto;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }

        .contact-form-container {
            background: white;
            padding: 2.5rem;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }

        .form-input-group {
            margin-bottom: 1.5rem;
        }

        .form-input-field {
            width: 100%;
            padding: 1rem;
            border: 2px solid #e2e8f0;
            border-radius: 10px;
            font-size: 1rem;
            transition: border-color 0.3s;
        }

        .form-input-field:focus {
            outline: none;
            border-color: #667eea;
        }

        .form-textarea-field {
            width: 100%;
            padding: 1rem;
            border: 2px solid #e2e8f0;
            border-radius: 10px;
            font-size: 1rem;
            resize: vertical;
            min-height: 150px;
            transition: border-color 0.3s;
        }

        .form-textarea-field:focus {
            outline: none;
            border-color: #667eea;
        }

        .form-submit-button {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 1rem 2rem;
            border: none;
            border-radius: 10px;
            font-size: 1.1rem;
            font-weight: 600;
            width: 100%;
            cursor: pointer;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .form-submit-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
        }

        .contact-info-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2rem;
            margin-bottom: 3rem;
        }

        .contact-info-card {
            background: white;
            padding: 2rem;
            border-radius: 15px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: transform 0.3s;
        }

        .contact-info-card:hover {
            transform: translateY(-5px);
        }

        .contact-info-icon {
            color: #667eea;
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }

        .contact-info-title {
            font-size: 1.2rem;
            font-weight: 600;
            color: #2d3748;
            margin-bottom: 0.5rem;
        }

        .contact-info-text {
            color: #718096;
            margin: 0;
        }

        .map-container {
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }

        .map-frame {
            width: 100%;
            height: 450px;
            border: none;
        }

        /* Footer Styles */
        .site-footer {
            background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
            color: white;
            padding: 3rem 0 1rem;
        }

        .footer-content {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 3rem;
            margin-bottom: 2rem;
        }

        .footer-section-title {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 1rem;
        }

        .footer-text {
            color: rgba(255,255,255,0.8);
            line-height: 1.8;
        }

        .footer-links {
            list-style: none;
            padding: 0;
        }

        .footer-links li {
            margin-bottom: 0.5rem;
        }

        .footer-links a {
            color: rgba(255,255,255,0.8);
            text-decoration: none;
            transition: color 0.3s;
        }

        .footer-links a:hover {
            color: white;
        }

        .footer-bottom {
            text-align: center;
            padding-top: 2rem;
            border-top: 1px solid rgba(255,255,255,0.1);
            color: rgba(255,255,255,0.7);
        }

        @media (max-width: 992px) {
            .contact-content-grid {
                grid-template-columns: 1fr;
            }

            .contact-main-title {
                font-size: 2.5rem;
            }

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

            .footer-content {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 576px) {
            .contact-info-grid {
                grid-template-columns: 1fr;
            }

            .contact-main-title {
                font-size: 2rem;
            }
        }



        /* crasouel start */


      
       /* Vibrant Gradient Backgrounds */
        .carousel-bg-vibrant-1 {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 25%, #7e22ce 75%, #a855f7 100%);
            position: relative;
            min-height: 100vh;
        }

        .carousel-bg-vibrant-2 {
            background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #a855f7 100%);
            position: relative;
            min-height: 100vh;
        }

        .carousel-bg-vibrant-3 {
            background: linear-gradient(135deg, #0ea5e9 0%, #6366f1 50%, #8b5cf6 100%);
            position: relative;
            min-height: 100vh;
        }

        /* Particles container */
        .tsparticles-container {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 0;
        }

        .header-carousel-item {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
        }

        .carousel-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.15);
            z-index: 1;
        }

        .carousel-caption {
            position: relative;
            z-index: 2;
            width: 100%;
            padding: 80px 0;
        }

        .carousel-title {
            font-weight: 700;
            text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
            line-height: 1.2;
        }

        .carousel-subtitle {
            color: rgba(255, 255, 255, 0.95);
            text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
            font-weight: 300;
        }

        .btn-dark {
            background: rgba(0, 0, 0, 0.7);
            border: 2px solid rgba(255, 255, 255, 0.3);
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
        }

        .btn-dark:hover {
            background: rgba(0, 0, 0, 0.9);
            border-color: rgba(255, 255, 255, 0.6);
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }

        .illustration-svg {
            max-width: 120%;
            height: auto;
            filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2));
        }

        .owl-carousel .owl-nav {
            display: none;
        }

        .owl-carousel .owl-dots {
            position: absolute;
            bottom: 30px;
            width: 100%;
            text-align: center;
            z-index: 10;
        }

        .owl-carousel .owl-dot {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 0 5px;
            background: rgba(255, 255, 255, 0.4) !important;
            border-radius: 50%;
            transition: all 0.3s ease;
        }

        .owl-carousel .owl-dot.active {
            background: white !important;
            width: 30px;
            border-radius: 10px;
        }

        @media (max-width: 768px) {
            .carousel-title {
                font-size: 2.5rem !important;
            }
            
            .carousel-subtitle {
                font-size: 1rem !important;
            }
        }
        /* end */



    /* about us start */

        .about-us-background-blur {
            position: fixed;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.03) 0%, transparent 50%),
                        radial-gradient(circle at 80% 80%, rgba(168, 85, 247, 0.03) 0%, transparent 50%);
            z-index: -1;
            animation: rotate 30s linear infinite;
        }

        @keyframes rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /* What We Do Section - Light Gray Gradient Background */
        .expertise-section-wrapper {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f8f9fa 100%);
            padding: 100px 40px;
            min-height: 100vh;
            position: relative;
            overflow: hidden;
        }

        .expertise-section-wrapper::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 20% 30%, rgba(99, 102, 241, 0.04) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(168, 85, 247, 0.04) 0%, transparent 50%);
        }

        .expertise-content-wrapper {
            max-width: 1400px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        .about-us-section-header {
            text-align: center;
            margin-bottom: 60px;
            animation: fadeInUp 1s ease;
        }

        .about-us-section-label {
            font-size: 0.85rem;
            font-weight: 600;
            color: #6366f1;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 12px;
        }

        .about-us-section-title {
            font-size: 2.8rem;
            font-weight: 800;
            color: #1a1a1a;
            margin-bottom: 18px;
            letter-spacing: -1px;
        }

        .about-us-section-description {
            font-size: 1.05rem;
            color: #666;
            max-width: 700px;
            margin: 0 auto;
        }

        .about-us-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
            gap: 30px;
            animation: fadeInUp 1s ease 0.2s both;
        }

        .about-us-card {
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 20px;
            padding: 40px 35px;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
        }

        .about-us-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 50px rgba(99, 102, 241, 0.12);
            border-color: #6366f1;
        }

        .about-us-icon {
            width: 70px;
            height: 70px;
              background: linear-gradient(135deg, #0d1e4a 0%, #1a4a9e 100%);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 25px;
            box-shadow: 0 8px 20px rgba(99, 102, 241, 0.25);
            transition: all 0.4s ease;
        }

        .about-us-card:hover .about-us-icon {
            transform: rotate(5deg) scale(1.08);
        }

        .about-us-card h3 {
            font-size: 1.5rem;
            color: #1a1a1a;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .about-us-card p {
            color: #666;
            font-size: 0.95rem;
            line-height: 1.7;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(40px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .expertise-section-wrapper {
                padding: 60px 20px;
            }

            .about-us-content {
                grid-template-columns: 1fr;
            }

            .about-us-section-title {
                font-size: 2.2rem;
            }
        }

        /* about us end */



        /* career start */      
        
          .trainingprogram {
            width: 100%;
        }

    .hero-section {
    position: relative;
    padding: 140px 20px;
    text-align: center;
    overflow: hidden;
    color: #fff;

    /* Image + gradient together */
    background:
        linear-gradient(
            rgba(0, 0, 0, 0.6),
            rgba(0, 0, 0, 0.6)
        ),
        linear-gradient(
            135deg,
            rgba(102, 126, 234, 0.7) 0%,
            rgba(118, 75, 162, 0.7) 100%
        ),
        url("../img/career.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');
            opacity: 0.3;
        }

        .hero-content {
            position: relative;
            z-index: 1;
            max-width: 800px;
            margin: 0 auto;
        }

        .hero-content h1 {
            font-size: 3.5em;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
            color: #ffffff;
        }

        .hero-content p {
            font-size: 1.3em;
            opacity: 0.95;
            line-height: 1.6;
            color: #ffffff;
        }

        .content-section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 60px 20px;
            background: #ffffff;
        }

        .section-title {
            text-align: center;
            font-size: 2.5em;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #667eea, #764ba2);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .section-subtitle {
            text-align: center;
            font-size: 1.1em;
            color: #666;
            margin-bottom: 50px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        .training-card {
            background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
            border-radius: 20px;
            padding: 40px;
            margin-bottom: 60px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.1);
            border: 1px solid #e0e0e0;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .training-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 50px rgba(102, 126, 234, 0.2);
        }

        .training-card h2 {
            font-size: 2em;
            margin-bottom: 15px;
            color: #667eea;
        }

        .training-card p {
            line-height: 1.8;
            color: #555;
            margin-bottom: 20px;
        }

        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-top: 30px;
        }

        .feature-item {
            background: rgba(102, 126, 234, 0.05);
            padding: 20px;
            border-radius: 10px;
            border-left: 4px solid #667eea;
        }

        .feature-item h4 {
            margin-bottom: 10px;
            color: #667eea;
        }

        .feature-item p {
            color: #666;
        }

        .positions-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }

        .position-card {
            background: #ffffff;
            border-radius: 15px;
            padding: 30px;
            border: 1px solid #e0e0e0;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
        }

        .position-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, #667eea, #764ba2);
        }

        .position-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.25);
            border-color: #667eea;
        }

        .position-badge {
            display: inline-block;
            background: #667eea;
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.85em;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .position-card h3 {
            font-size: 1.6em;
            margin-bottom: 15px;
            color: #333;
        }

        .position-card > p {
            color: #666;
        }

        .position-details {
            margin: 20px 0;
        }

        .detail-item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            color: #555;
        }

        .detail-item::before {
            content: '✓';
            display: inline-block;
            width: 20px;
            height: 20px;
            background: #667eea;
            border-radius: 50%;
            text-align: center;
            line-height: 20px;
            margin-right: 10px;
            font-size: 0.8em;
            flex-shrink: 0;
            color: #ffffff;
        }

        .apply-btn {
            display: inline-block;
            background: linear-gradient(135deg, #667eea, #764ba2);
            color: white;
            padding: 12px 30px;
            border-radius: 25px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            margin-top: 15px;
        }

        .apply-btn:hover {
            transform: scale(1.05);
            box-shadow: 0 5px 20px rgba(102, 126, 234, 0.5);
        }

        .openings-count {
            position: absolute;
            top: 20px;
            right: 20px;
            background: rgba(102, 126, 234, 0.1);
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 0.9em;
            color: #667eea;
            font-weight: 600;
        }

        @media (max-width: 768px) {
            .hero-content h1 {
                font-size: 2.5em;
            }

            .section-title {
                font-size: 2em;
            }

            .positions-grid {
                grid-template-columns: 1fr;
            }
        }
        
        /* career end */














/* About - Who We Are top section */
.about-item-content {
    border-top: 4px solid #1a4a9e;
    position: relative;
}

.about-item-content h1 {
    background: linear-gradient(90deg, #0d1e4a 0%, #1a4a9e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Section Background with Gray Gradient */
.corporate-identity-section {
  padding: 80px 10%;
  background-image: linear-gradient(rgba(28,40,100,0.55), rgba(26,113,184,0.50)), url(../img/about-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.identity-container {
  max-width: 1300px;
  margin: 0 auto;
}

/* Flexbox for the "One Row" Layout */
.identity-row {
  display: flex;
  gap: 30px;
  flex-wrap: wrap; /* Allows stacking on small screens */
}

.identity-column {
  flex: 1;
  min-width: 320px;
}

/* Card Design */
.identity-card {
  background: #ffffff;
  padding: 40px;
  height: 100%;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.identity-column:first-child .identity-card {
  border-top: 4px solid #1a4a9e;
}

.identity-column:last-child .identity-card {
  border-top: 4px solid #1a4a9e;
}

.identity-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.12);
}

/* The Requested Heading Gradient */
.gradient-heading {
  display: inline-block;
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 25px;
  background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Content Styling */
.vision-lead {
  font-size: 1.15rem;
  line-height: 1.8;
  color: #444;
}

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

.mission-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}

.icon-check {
  width: 10px;
  height: 10px;
  background: #1a4a9e;
  border-radius: 50%;
  margin-top: 8px;
  margin-right: 15px;
  flex-shrink: 0;
}

.mission-list p {
  margin: 0;
  font-size: 1.05rem;
  color: #555;
  line-height: 1.5;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .corporate-identity-section { padding: 40px 20px; }
  .identity-row { flex-direction: column; }
}





  .service-banner {
        position: relative;
    padding: 162px 37px 200px;
    text-align: center;
    overflow: hidden;

    background: 
        linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
        url("../img/banner1.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        }

        .service-banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');
            opacity: 0.3;
        }

        .banner-content {
            position: relative;
            z-index: 1;
            max-width: 800px;
            margin: 0 auto;
        }

        .service-banner h1 {
            font-size: 3.5rem;
            color: #fff;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
        }

        .banner-subtitle {
            font-size: 1.3rem;
            color: rgba(255,255,255,0.95);
            max-width: 600px;
            margin: 0 auto;
        }

        .service-content-wrapper {
            background: #f8f9fa;
            padding: 80px 20px;
        }

        .service-content {
            max-width: 1300px;
            margin: 0 auto;
        }

        .section-heading {
            font-size: 2.5rem;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 30px;
            font-weight: 700;
            text-align: center;
        }

        .intro-text {
            font-size: 1.15rem;
            color: #555;
            margin-bottom: 40px;
            text-align: center;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

        .feature-card {
            background: white;
            padding: 40px 30px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-top: 4px solid transparent;
            background-image: linear-gradient(white, white), linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            background-origin: border-box;
            background-clip: padding-box, border-box;
        }

        .feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 30px rgba(26,113,184,0.2);
        }

        .feature-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            font-size: 1.8rem;
        }

        .feature-title {
            font-size: 1.4rem;
            color: #0d1e4a;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .feature-description {
            color: #666;
            line-height: 1.7;
            font-size: 1rem;
        }

        .cta-section {
            text-align: center;
            margin-top: 60px;
            padding: 50px 20px;
            background-image: url(../img/mailbg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
            border-radius: 12px;
            color: white;
        }

        .cta-section h3 {
            color: #ffffff;
            font-size: 2rem;
            margin-bottom: 20px;
        }

        .cta-button {
            display: inline-block;
            padding: 15px 40px;
            background: white;
            color: #1a4a9e;
            text-decoration: none;
            border-radius: 30px;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }

        .cta-button:hover {
            transform: scale(1.05);
            box-shadow: 0 6px 20px rgba(0,0,0,0.3);
        }

        @media (max-width: 768px) {
            .service-banner h1 {
                font-size: 2.5rem;
            }

            .banner-subtitle {
                font-size: 1.1rem;
            }

            .section-heading {
                font-size: 2rem;
            }

            .features-grid {
                grid-template-columns: 1fr;
            }
        }















         .app-hero-banner {
        position: relative;
    padding: 162px 37px 200px;
    text-align: center;
    overflow: hidden;

    background: 
        linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
        url("../img/banner2.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        }

        .app-hero-banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');
            opacity: 0.3;
        }

        .hero-inner {
            position: relative;
            z-index: 1;
            max-width: 800px;
            margin: 0 auto;
        }

        .app-hero-banner h1 {
            font-size: 3.5rem;
            color: #fff;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
        }

        .hero-tagline {
            font-size: 1.3rem;
            color: rgba(255,255,255,0.95);
            max-width: 600px;
            margin: 0 auto;
        }

        .app-main-section {
            background: #f8f9fa;
            padding: 80px 20px;
        }

        .app-container {
            max-width: 1300px;
            margin: 0 auto;
        }

        .app-title {
            font-size: 2.5rem;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 30px;
            font-weight: 700;
            text-align: center;
        }

        .app-description {
            font-size: 1.15rem;
            color: #555;
            margin-bottom: 40px;
            text-align: center;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }

        .app-features-wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

        .app-feature-box {
            background: white;
            padding: 40px 30px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-top: 4px solid transparent;
            background-image: linear-gradient(white, white), linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            background-origin: border-box;
            background-clip: padding-box, border-box;
        }

        .app-feature-box:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 30px rgba(26,113,184,0.2);
        }

        .app-icon-circle {
            width: 60px;
            height: 60px;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            font-size: 1.8rem;
        }

        .app-feature-heading {
            font-size: 1.4rem;
            color: #0d1e4a;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .app-feature-text {
            color: #666;
            line-height: 1.7;
            font-size: 1rem;
        }

        .app-cta-block {
            text-align: center;
            margin-top: 60px;
            padding: 50px 20px;
      background-image: url(../img/mailbg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 12px;

            border-radius: 12px;
            color: white;
        }

        .app-cta-block h3 {
            color: #ffffff;
            font-size: 2rem;
            margin-bottom: 20px;
        }

        .app-action-btn {
            display: inline-block;
            padding: 15px 40px;
            background: white;
            color: #1a4a9e;
            text-decoration: none;
            border-radius: 30px;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }

        .app-action-btn:hover {
            transform: scale(1.05);
            box-shadow: 0 6px 20px rgba(0,0,0,0.3);
        }

        @media (max-width: 768px) {
            .app-hero-banner h1 {
                font-size: 2.5rem;
            }

            .hero-tagline {
                font-size: 1.1rem;
            }

            .app-title {
                font-size: 2rem;
            }

            .app-features-wrapper {
                grid-template-columns: 1fr;
            }
        }











       .marketing-top-banner {
    position: relative;
    padding: 162px 37px 200px;
    text-align: center;
    overflow: hidden;

    background: 
        linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
        url("../img/banner3.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

        .marketing-top-banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');
            opacity: 0.3;
        }

        .banner-inner-content {
            position: relative;
            z-index: 1;
            max-width: 800px;
            margin: 0 auto;
        }

        .marketing-top-banner h1 {
            font-size: 3.5rem;
            color: #fff;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
        }

        .banner-subtitle-text {
            font-size: 1.3rem;
            color: rgba(255,255,255,0.95);
            max-width: 600px;
            margin: 0 auto;
        }

        .marketing-content-area {
            background: #f8f9fa;
            padding: 80px 20px;
        }

        .marketing-wrapper {
            max-width: 1300px;
            margin: 0 auto;
        }

        .marketing-main-title {
            font-size: 2.5rem;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 30px;
            font-weight: 700;
            text-align: center;
        }

        .marketing-intro-text {
            font-size: 1.15rem;
            color: #555;
            margin-bottom: 40px;
            text-align: center;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }

        .marketing-services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

        .marketing-service-card {
            background: white;
            padding: 40px 30px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-top: 4px solid transparent;
            background-image: linear-gradient(white, white), linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            background-origin: border-box;
            background-clip: padding-box, border-box;
            text-align: center;
        }

        .marketing-service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 30px rgba(26,113,184,0.2);
        }

        .marketing-icon-wrapper {
            width: 60px;
            height: 60px;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            font-size: 1.8rem;
        }

        .marketing-service-name {
            font-size: 1.4rem;
            color: #0d1e4a;
            margin-bottom: 0;
            font-weight: 600;
        }

        .marketing-cta-section {
            text-align: center;
            margin-top: 60px;
            padding: 50px 20px;
           background-image: url(../img/mailbg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
            border-radius: 12px;
            color: white;
        }

        .marketing-cta-section h3 {
            color: #ffffff;
            font-size: 2rem;
            margin-bottom: 20px;
        }

        .marketing-cta-link {
            display: inline-block;
            padding: 15px 40px;
            background: white;
            color: #1a4a9e;
            text-decoration: none;
            border-radius: 30px;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }

        .marketing-cta-link:hover {
            transform: scale(1.05);
            box-shadow: 0 6px 20px rgba(0,0,0,0.3);
        }

        @media (max-width: 768px) {
            .marketing-top-banner h1 {
                font-size: 2.5rem;
            }

            .banner-subtitle-text {
                font-size: 1.1rem;
            }

            .marketing-main-title {
                font-size: 2rem;
            }

            .marketing-services-grid {
                grid-template-columns: 1fr;
            }
        }



















        
        .seo-header-section {
                position: relative;
    padding: 162px 37px 200px;
    text-align: center;
    overflow: hidden;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/SEO.jpg);
        background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .seo-header-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');
            opacity: 0.3;
        }

        .seo-header-inner {
            position: relative;
            z-index: 1;
            max-width: 800px;
            margin: 0 auto;
        }

        .seo-header-section h1 {
            font-size: 3.5rem;
            color: #fff;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
        }

        .seo-header-description {
            font-size: 1.3rem;
            color: rgba(255,255,255,0.95);
            max-width: 600px;
            margin: 0 auto;
        }

        .seo-body-section {
            background: #f8f9fa;
            padding: 80px 20px;
        }

        .seo-content-container {
            max-width: 1300px;
            margin: 0 auto;
        }

        .seo-page-heading {
            font-size: 2.5rem;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 30px;
            font-weight: 700;
            text-align: center;
        }

        .seo-paragraph {
            font-size: 1.15rem;
            color: #555;
            margin-bottom: 40px;
            text-align: center;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }

        .seo-offerings-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

        .seo-offering-item {
            background: white;
            padding: 40px 30px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-top: 4px solid transparent;
            background-image: linear-gradient(white, white), linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            background-origin: border-box;
            background-clip: padding-box, border-box;
        }

        .seo-offering-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 30px rgba(26,113,184,0.2);
        }

        .seo-icon-container {
            width: 60px;
            height: 60px;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            font-size: 1.8rem;
        }

        .seo-offering-title {
            font-size: 1.4rem;
            color: #0d1e4a;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .seo-offering-detail {
            color: #666;
            line-height: 1.7;
            font-size: 1rem;
        }

        .seo-action-area {
            text-align: center;
            margin-top: 60px;
            padding: 50px 20px;
             text-align: center;
    margin-top: 60px;
    padding: 50px 20px;
    background-image: url(../img/mailbg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
            border-radius: 12px;
            color: white;
        }

        .seo-action-area h3 {
            color: #ffffff;
            font-size: 2rem;
            margin-bottom: 20px;
        }

        .seo-contact-button {
            display: inline-block;
            padding: 15px 40px;
            background: white;
            color: #1a4a9e;
            text-decoration: none;
            border-radius: 30px;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }

        .seo-contact-button:hover {
            transform: scale(1.05);
            box-shadow: 0 6px 20px rgba(0,0,0,0.3);
        }

        @media (max-width: 768px) {
            .seo-header-section h1 {
                font-size: 2.5rem;
            }

            .seo-header-description {
                font-size: 1.1rem;
            }

            .seo-page-heading {
                font-size: 2rem;
            }

            .seo-offerings-grid {
                grid-template-columns: 1fr;
            }
        }









         .custom-banner-area {
         background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/Customdevelopment.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
         padding: 162px 37px 200px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .custom-banner-area::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');
            opacity: 0.3;
        }

        .custom-banner-wrap {
            position: relative;
            z-index: 1;
            max-width: 800px;
            margin: 0 auto;
        }

        .custom-banner-area h1 {
            font-size: 3.5rem;
            color: #fff;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
        }

        .custom-banner-text {
            font-size: 1.3rem;
            color: rgba(255,255,255,0.95);
            max-width: 600px;
            margin: 0 auto;
        }

        .custom-content-section {
            background: #f8f9fa;
            padding: 80px 20px;
        }

        .custom-content-box {
            max-width: 1300px;
            margin: 0 auto;
        }

        .custom-headline {
            font-size: 2.5rem;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 30px;
            font-weight: 700;
            text-align: center;
        }

        .custom-info-text {
            font-size: 1.15rem;
            color: #555;
            margin-bottom: 40px;
            text-align: center;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }

        .custom-solutions-layout {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

        .custom-solution-block {
            background: white;
            padding: 40px 30px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-top: 4px solid transparent;
            background-image: linear-gradient(white, white), linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            background-origin: border-box;
            background-clip: padding-box, border-box;
        }

        .custom-solution-block:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 30px rgba(26,113,184,0.2);
        }

        .custom-icon-holder {
            width: 60px;
            height: 60px;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            font-size: 1.8rem;
        }

        .custom-solution-label {
            font-size: 1.4rem;
            color: #0d1e4a;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .custom-solution-info {
            color: #666;
            line-height: 1.7;
            font-size: 1rem;
        }

        .custom-cta-zone {
            text-align: center;
            margin-top: 60px;
            padding: 50px 20px;
               padding: 50px 20px;
    background-image: url(../img/mailbg.jpg);
    background-size: cover;
    background-position: center center;
            border-radius: 12px;
            color: white;
        }

        .custom-cta-zone h3 {
            color: #fff;
            font-size: 2rem;
            margin-bottom: 20px;
        }

        .custom-cta-btn {
            display: inline-block;
            padding: 15px 40px;
            background: white;
            color: #1a4a9e;
            text-decoration: none;
            border-radius: 30px;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }

        .custom-cta-btn:hover {
            transform: scale(1.05);
            box-shadow: 0 6px 20px rgba(0,0,0,0.3);
        }

        @media (max-width: 768px) {
            .custom-banner-area h1 {
                font-size: 2.5rem;
            }

            .custom-banner-text {
                font-size: 1.1rem;
            }

            .custom-headline {
                font-size: 2rem;
            }

            .custom-solutions-layout {
                grid-template-columns: 1fr;
            }
        }












 /* Hero Section with Training Background */
        .training-hero-banner {
           background: linear-gradient(135deg, rgba(28,40,100,0.88) 0%, rgba(26,113,184,0.82) 100%), url(../img/training.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
            color: white;
            padding: 120px 20px 100px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .training-hero-banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),
                              radial-gradient(circle at 80% 80%, rgba(255,255,255,0.1) 0%, transparent 50%);
        }

        .training-hero-content-wrapper {
            position: relative;
            z-index: 1;
            max-width: 900px;
            margin: 0 auto;
        }

        .industry-recognition-badge {
            display: inline-block;
            background: #1a4a9e;
            padding: 8px 20px;
            border-radius: 50px;
            font-size: 0.9rem;
            font-weight: 600;
            margin-bottom: 20px;
            color: white;
            border: none;
            box-shadow: 0 4px 14px rgba(26,74,158,0.35);
        }

        .primary-hero-title {
            color:white;
            font-size: 3.8rem;
            font-weight: 600;
            margin-bottom: 20px;
            letter-spacing: -1px;
        }

        .hero-subtitle-description {
            font-size: 1.3rem;
            margin-bottom: 15px;
            font-weight: 400;
            opacity: 0.95;
        }

        .hero-detailed-intro {
            font-size: 1.1rem;
            max-width: 750px;
            margin: 0 auto 35px;
            line-height: 1.8;
            opacity: 0.9;
        }

        .program-duration-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: white;
            color: #0d1e4a;
            padding: 15px 35px;
            border-radius: 50px;
            font-size: 1.1rem;
            font-weight: 700;
            box-shadow: 0 10px 40px rgba(0,0,0,0.15);
            border-left: 4px solid #1a4a9e;
        }
        .program-duration-badge i {
            color: #1a4a9e;
        }

        .standard-content-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .full-width-content-container {
            width: 100%;
            padding: 0;
        }

        .main-content-section {
              width: 1400px;
            max-width: 1500px;
            padding: 80px 20px;
        }

        .centered-section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .large-section-heading {
            font-size: 2.8rem;
            color: #1a202c;
            margin-bottom: 15px;
            font-weight: 600;
            letter-spacing: -0.5px;
        }

        .section-subtitle-text {
            font-size: 1.2rem;
            color: #718096;
            max-width: 700px;
            margin: 0 auto;
        }

        .feature-cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

        .individual-feature-card {
            background: #ffffff;
            padding: 40px;
            border-radius: 16px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.06);
            transition: all 0.3s ease;
            border: 1px solid #e2e8f0;
            position: relative;
        }

        .individual-feature-card:nth-child(odd) {
            border-top: 3px solid #1a4a9e;
        }

        .individual-feature-card:nth-child(even) {
            border-top: 3px solid #1a4a9e;
        }

        .individual-feature-card:hover {
            transform: translateY(-8px);
        }

        .individual-feature-card:nth-child(odd):hover {
            box-shadow: 0 12px 40px rgba(26,113,184,0.15);
            border-color: #1a4a9e;
        }

        .individual-feature-card:nth-child(even):hover {
            box-shadow: 0 12px 40px rgba(26,74,158,0.15);
            border-color: #1a4a9e;
        }

        .individual-feature-card:nth-child(even) .feature-icon-container {
            background: linear-gradient(135deg, #0d3a82 0%, #1a4a9e 100%);
            box-shadow: 0 8px 20px rgba(26,74,158,0.3);
        }

        .feature-icon-container {
            width: 70px;
            height: 70px;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 25px;
            box-shadow: 0 8px 20px rgba(26, 113, 184, 0.3);
        }

        .feature-icon-container i {
            font-size: 1.8rem;
            color: white;
        }

        .feature-title-text {
            font-size: 1.4rem;
            color: #1a202c;
            margin-bottom: 12px;
            font-weight: 700;
        }

        .feature-description-paragraph {
            color: #718096;
            line-height: 1.7;
            font-size: 1.05rem;
        }

        /* Full Width Training Programs Section */
        .full-width-programs-section {
      background-image: url(../img/contactbg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
            width: 100%;
            padding: 80px 0;
        }

        .programs-inner-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .training-programs-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

        .program-card-item {
            background: white;
            padding: 40px 30px;
            border-radius: 16px;
            text-align: center;
            border: 2px solid #e2e8f0;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .program-card-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            transform: scaleX(1);
        }

        .program-card-item:nth-child(odd)::before {
            background: linear-gradient(90deg, #1a4a9e, #0d1e4a);
        }

        .program-card-item:nth-child(even)::before {
            background: linear-gradient(90deg, #0d3a82, #1a4a9e);
        }

        .program-card-item:hover {
            transform: translateY(-5px);
        }

        .program-card-item:nth-child(odd):hover {
            border-color: #1a4a9e;
            box-shadow: 0 10px 30px rgba(26,113,184,0.18);
        }

        .program-card-item:nth-child(even):hover {
            border-color: #1a4a9e;
            box-shadow: 0 10px 30px rgba(26,74,158,0.18);
        }

        .program-icon-holder {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            border: 3px solid;
            transition: all 0.3s ease;
        }

        .program-card-item:nth-child(odd) .program-icon-holder {
            background: linear-gradient(135deg, #eef5ff, #d8ecff);
            border-color: #1a4a9e;
        }

        .program-card-item:nth-child(even) .program-icon-holder {
            background: linear-gradient(135deg, #eef3fa, #dcffb8);
            border-color: #1a4a9e;
        }

        .program-card-item:hover .program-icon-holder {
            transform: scale(1.08);
        }

        .program-card-item:nth-child(odd):hover .program-icon-holder {
            background: linear-gradient(135deg, #0d1e4a, #1a4a9e);
            border-color: #1a4a9e;
        }

        .program-card-item:nth-child(even):hover .program-icon-holder {
            background: linear-gradient(135deg, #0d3a82, #1a4a9e);
            border-color: #1a4a9e;
        }

        .program-icon-holder i {
            font-size: 2rem;
            transition: color 0.3s ease;
        }

        .program-card-item:nth-child(odd) .program-icon-holder i {
            color: #1a4a9e;
        }

        .program-card-item:nth-child(even) .program-icon-holder i {
            color: #0d3a82;
        }

        .program-card-item:hover .program-icon-holder i {
            color: white;
        }

        .program-title-heading {
            font-size: 1.3rem;
            font-weight: 700;
            color: #1a202c;
        }

        .eligibility-section-wrapper {
            background: white;
        }

        .eligibility-list-container {
            list-style: none;
            max-width: 800px;
            margin: 0 auto;
        }

        .eligibility-item-row {
            background: white;
            padding: 30px 35px;
            margin-bottom: 20px;
            border-radius: 12px;
            font-size: 1.15rem;
            color: #2d3748;
            box-shadow: 0 4px 15px rgba(0,0,0,0.06);
            border: 2px solid #e2e8f0;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .eligibility-item-row:hover {
            transform: translateX(10px);
            border-color: #1a4a9e;
            box-shadow: 0 6px 25px rgba(26, 113, 184, 0.15);
        }

        .eligibility-icon-badge {
            width: 50px;
            height: 50px;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .eligibility-icon-badge i {
            color: white;
            font-size: 1.3rem;
        }

        .certification-highlight-section {
            margin-bottom: 40px;
            background: linear-gradient(135deg, #0d1e4a 0%, #1a4a9e 100%);
            color: white;
            position: relative;
            overflow: hidden;
        }

        .certification-highlight-section::before {
            content: '';
            position: absolute;
            top: -80px;
            right: -80px;
            width: 320px;
            height: 320px;
            border-radius: 50%;
            background: rgba(26,74,158,0.12);
            pointer-events: none;
        }

        .certification-highlight-section::after {
            content: '';
            position: absolute;
            bottom: -60px;
            left: -60px;
            width: 240px;
            height: 240px;
            border-radius: 50%;
            background: rgba(255,255,255,0.06);
            pointer-events: none;
        }

        .certification-highlight-section .large-section-heading {
            color: white;
        }

        .certification-highlight-section .section-subtitle-text {
            color: rgba(255,255,255,0.82);
        }

        .certificate-info-card {
            background: rgba(255,255,255,0.1);
            padding: 50px;
            border-radius: 20px;
            backdrop-filter: blur(10px);
            border: 2px solid rgba(255,255,255,0.2);
            max-width: 700px;
            margin: 30px auto;
            text-align: center;
            position: relative;
            z-index: 1;
        }

        .certificate-icon-circle {
            width: 100px;
            height: 100px;
            background: #1a4a9e;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            box-shadow: 0 10px 30px rgba(26,74,158,0.4);
        }

        .certificate-icon-circle i {
            font-size: 3rem;
            color: white;
            background: none;
            -webkit-text-fill-color: white;
        }

        .certificate-description-text {
            color: rgba(255,255,255,0.92);
            font-size: 1.2rem;
            line-height: 1.9;
        }

        .call-to-action-section {
            background-image: linear-gradient(rgba(28,40,100,0.84), rgba(26,113,184,0.80)), url(../img/traininglast.png);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 100px 20px;
            text-align: center;
        }

        .cta-primary-heading {
            font-size: 3rem;
            margin-bottom: 15px;
            font-weight: 600;
            color: white;
        }

        .cta-secondary-text {
            font-size: 1.3rem;
            color: rgba(255,255,255,0.85);
            margin-bottom: 35px;
        }

        .primary-cta-button {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d3a82 100%);
            color: white;
            padding: 18px 45px;
            border-radius: 50px;
            font-size: 1.2rem;
            font-weight: 700;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 10px 30px rgba(26,74,158,0.35);
        }

        .primary-cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(26,74,158,0.5);
            background: linear-gradient(90deg, #0d3a82 0%, #0d1e4a 100%);
            color: white;
        }

        @media (max-width: 768px) {
            .primary-hero-title {
                font-size: 2.5rem;
            }

            .main-content-section {
                padding: 50px 20px;
            }

            .large-section-heading {
                font-size: 2rem;
            }

            .feature-cards-grid,
            .training-programs-grid {
                grid-template-columns: 1fr;
            }

            .full-width-programs-section {
                padding: 50px 0;
            }
        }









             .career {
                   padding: 60px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .career-header {
            text-align: center;
            margin-bottom: 60px;
            animation: fadeInDown 0.8s ease;
        }

        .career-header h1 {
            font-size: 3.5em;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 20px;
            font-weight: 700;
        }

        .career-header p {
            font-size: 1.3em;
            color: #555;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.6;
        }

        .career-intro {
            background: white;
            padding: 50px;
            border-radius: 15px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.08);
            margin-bottom: 60px;
            animation: fadeInUp 0.8s ease 0.2s both;
        }

        .career-intro h2 {
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-size: 2.2em;
            margin-bottom: 20px;
        }

        .career-intro p {
            color: #666;
            font-size: 1.1em;
            line-height: 1.8;
            margin-bottom: 15px;
        }

        .benefits-section {
            margin-bottom: 60px;
        }

        .benefits-section h2 {
            text-align: center;
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-size: 2.5em;
            margin-bottom: 50px;
            animation: fadeInUp 0.8s ease 0.4s both;
        }

        .benefits-grid {
            display: grid;
    grid-template-columns: repeat(3, minmax(280px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
    justify-content: center;   /* centers items when fewer than 3 */
        }

        @media (max-width: 992px) {
    .grid-container {
        grid-template-columns: repeat(2, minmax(280px, 1fr));
    }
}

@media (max-width: 576px) {
    .grid-container {
        grid-template-columns: repeat(1, minmax(280px, 1fr));
    }
}
        .benefit-card {
            background: white;
            padding: 35px;
            border-radius: 15px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            animation: fadeInUp 0.8s ease both;
        }

        .benefit-card:nth-child(1) { animation-delay: 0.5s; }
        .benefit-card:nth-child(2) { animation-delay: 0.6s; }
        .benefit-card:nth-child(3) { animation-delay: 0.7s; }
        .benefit-card:nth-child(4) { animation-delay: 0.8s; }
        .benefit-card:nth-child(5) { animation-delay: 0.9s; }

        .benefit-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 45px rgba(26, 113, 184, 0.2);
        }

        .benefit-icon {
            font-size: 3em;
            margin-bottom: 20px;
            display: block;
        }

        .benefit-card h3 {
            background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-size: 1.5em;
            margin-bottom: 15px;
        }

        .benefit-card p {
            color: #666;
            line-height: 1.6;
            font-size: 1.05em;
        }

        .application-form {
           background: linear-gradient(90deg, #1a4a9e 0%, #0d1e4a 100%);
            padding: 50px;
            border-radius: 15px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.08);
            animation: fadeInUp 0.8s ease 1s both;
        }

        .application-form h2 {
                background: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-size: 2.2em;
            margin-bottom: 30px;
            text-align: center;
        }

        .form-group {
            margin-bottom: 25px;
        }

        .form-group label {
            display: block;
color: rgb(255 255 255);
            font-weight: 600;
            margin-bottom: 8px;
            font-size: 1.05em;
        }

        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 15px;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
            font-size: 1em;
            transition: all 0.3s ease;
            font-family: inherit;
        }

        .form-group input:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: #1a4a9e;
            box-shadow: 0 0 0 3px rgba(26, 113, 184, 0.1);
        }

        .form-group textarea {
            resize: vertical;
            min-height: 120px;
        }

        .file-upload {
            position: relative;
            overflow: hidden;
            display: inline-block;
            width: 100%;
        }

        .file-upload input[type="file"] {
            position: absolute;
            left: -9999px;
        }

        .file-upload label {
            display: block;
            padding: 15px;
           background: #002867;
            border: 2px dashed #1a4a9e;
            border-radius: 8px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .file-upload label:hover {
            background: #e8f4fc;
            border-color: #0d1e4a;
        }

        .submit2-btn {
        background: linear-gradient(90deg, #dbe8f1 0%, #d4d7e7 100%);
    color: #0d1e4a;
            padding: 18px 50px;
            border: none;
            border-radius: 8px;
            font-size: 1.2em;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 100%;
            margin-top: 20px;
        }

        .submit2-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(26, 113, 184, 0.3);
        }

        .recaptcha-note {
            text-align: center;
            color: #999;
            font-size: 0.9em;
            margin-top: 15px;
        }

        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .career-header h1 {
                font-size: 2.5em;
            }

            .career-intro,
            .application-form {
                padding: 30px 20px;
            }

            .benefits-grid {
                grid-template-columns: 1fr;
            }
        }


/* ================================================
   Contact Page  (contactus.aspx)
   ================================================ */

/* Hero banner */
.ct-hero {
    background: linear-gradient(135deg, #0d1e4a 0%, #1a4a9e 100%);
    padding: 72px 0 60px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.ct-hero-bg-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    opacity: 0.18;
}

.ct-hero-blob1 {
    width: 420px; height: 420px;
    background: #1a4a9e;
    top: -160px; right: -80px;
}

.ct-hero-blob2 {
    width: 300px; height: 300px;
    background: #b0beca;
    bottom: -120px; left: -60px;
}

.ct-badge {
    display: inline-block;
    background: #1a4a9e;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 5px 18px;
    border-radius: 50px;
    margin-bottom: 18px;
}

.ct-hero-title {
    font-size: 3rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 16px;
    line-height: 1.2;
}

.ct-hero-sub {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.82);
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.75;
}

/* Body wrapper */
.ct-body {
    background: #f5f7fc;
    padding: 72px 0 64px;
}

/* Two-column layout */
.ct-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: center;
    margin-bottom: 64px;
}

.ct-image {
    width: 100%;
    max-width: 460px;
    display: block;
    margin: 0 auto;
    border-radius: 16px;
}

/* Form card */
.ct-form-card {
    background: #fff;
    border-radius: 20px;
    padding: 38px 34px 32px;
    box-shadow: 0 8px 36px rgba(28, 40, 100, 0.1);
    border-top: 4px solid #1a4a9e;
}

.ct-form-card-header {
    margin-bottom: 26px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eef0f6;
}

.ct-form-title {
    font-size: 21px;
    font-weight: 700;
    color: #0d1e4a;
    margin: 0 0 4px;
}

.ct-form-subtitle {
    font-size: 13.5px;
    color: #7a849a;
    margin: 0;
}

/* Input fields */
.ct-field {
    position: relative;
}

.ct-field-icon {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    color: #1a4a9e;
    font-size: 13px;
    pointer-events: none;
    z-index: 2;
}

.ct-input {
    width: 100%;
    padding: 12px 14px 12px 40px;
    border: 1.5px solid #dde4f0;
    border-radius: 10px;
    font-size: 14px;
    color: #2d3748;
    background: #f9fbff;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    outline: none;
    font-family: inherit;
    display: block;
}

.ct-input:focus {
    border-color: #1a4a9e;
    box-shadow: 0 0 0 3px rgba(26, 113, 184, 0.13);
    background: #fff;
}

.ct-textarea {
    min-height: 130px;
    resize: vertical;
    padding-top: 12px;
    padding-left: 14px;
}

.ct-select {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    padding-right: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231a71b8' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
}

/* Submit button */
.ct-submit-btn {
    width: 100%;
    padding: 14px 20px;
    background: linear-gradient(135deg, #0d1e4a 0%, #1a4a9e 100%);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 22px rgba(26, 113, 184, 0.38);
    display: block;
}

.ct-submit-btn:hover {
    background: linear-gradient(135deg, #0d3a82 0%, #1a4a9e 100%);
    box-shadow: 0 8px 26px rgba(26, 74, 158, 0.42);
    transform: translateY(-2px);
    color: #fff;
}

/* Info cards row */
.ct-info-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.ct-info-card {
    background: #fff;
    border-radius: 16px;
    padding: 30px 22px 26px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-bottom: 3px solid transparent;
}

.ct-info-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.11);
}

.ct-info-blue  { border-bottom-color: #1a4a9e; }
.ct-info-green { border-bottom-color: #1a4a9e;  }

.ct-info-icon-box {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    color: #fff;
    margin: 0 auto 16px;
    transition: transform 0.35s ease;
}

.ct-info-card:hover .ct-info-icon-box {
    transform: rotate(-6deg) scale(1.1);
}

.ct-info-blue .ct-info-icon-box {
    background: linear-gradient(135deg, #0d1e4a, #1a4a9e);
    box-shadow: 0 6px 16px rgba(26, 113, 184, 0.32);
}

.ct-info-green .ct-info-icon-box {
    background: linear-gradient(135deg, #0d3a82, #1a4a9e);
    box-shadow: 0 6px 16px rgba(26, 74, 158, 0.32);
}

.ct-info-label {
    font-size: 15px;
    font-weight: 700;
    color: #0d1e4a;
    margin-bottom: 6px;
}

.ct-info-text {
    font-size: 13.5px;
    color: #6b7280;
    margin: 0;
    line-height: 1.65;
}

/* Responsive - Contact Page */
@media (max-width: 992px) {
    .ct-grid {
        grid-template-columns: 1fr;
        gap: 28px;
        margin-bottom: 40px;
    }
    .ct-image-col { display: none; }
    .ct-info-row { grid-template-columns: repeat(2, 1fr); }
    .ct-hero-title { font-size: 2.2rem; }
    .ct-body { padding: 50px 0 52px; }
}

@media (max-width: 768px) {
    .ct-hero-title { font-size: 1.9rem; }
    .ct-hero-sub { font-size: 0.96rem; }
    .ct-body { padding: 40px 0 44px; }
    .ct-info-row { gap: 16px; }
}

@media (max-width: 576px) {
    .ct-hero { padding: 44px 0 36px; overflow: hidden; }
    .ct-hero-title { font-size: 1.6rem; }
    .ct-hero-sub { font-size: 0.9rem; }
    .ct-badge { font-size: 10px; padding: 4px 14px; }
    .ct-body { padding: 28px 0 36px; overflow-x: hidden; }
    .ct-grid { margin-bottom: 28px; }
    .ct-form-card { padding: 20px 16px 18px; }
    .ct-form-title { font-size: 18px; }
    .ct-form-subtitle { font-size: 12.5px; }
    .ct-info-row { grid-template-columns: 1fr; gap: 14px; }
    .ct-info-card { padding: 22px 18px 18px; }
    .ct-submit-btn { font-size: 14px; padding: 13px 16px; }
}

@media (max-width: 420px) {
    .ct-hero-title { font-size: 1.4rem; }
    .ct-hero-sub { font-size: 0.86rem; }
    .ct-form-card { padding: 16px 12px 16px; }
    .ct-input { font-size: 13px; padding: 11px 12px 11px 36px; }
    .ct-field-icon { left: 11px; font-size: 12px; }
    .ct-info-card { padding: 18px 14px 16px; }
    .ct-info-icon-box { width: 46px; height: 46px; font-size: 1.1rem; }
}


/* ================================================
   Free Consultation Page  (consultation.aspx)
   ================================================ */

.fcons-hero {
    background: linear-gradient(135deg, #0d1e4a 0%, #1a4a9e 100%);
    padding: 90px 0 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
    color: white;
}

.fcons-hero-blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.13;
}

.fcons-blob1 {
    width: 420px; height: 420px;
    background: #1a4a9e;
    top: -160px; right: -100px;
}

.fcons-blob2 {
    width: 280px; height: 280px;
    background: #b0beca;
    bottom: -100px; left: -60px;
}

.fcons-badge {
    display: inline-block;
    background: #1a4a9e;
    color: white;
    padding: 7px 20px;
    border-radius: 50px;
    font-size: 0.88rem;
    font-weight: 700;
    margin-bottom: 20px;
    box-shadow: 0 4px 14px rgba(26,74,158,0.4);
    letter-spacing: 0.3px;
}

.fcons-hero-title {
    font-size: 3.2rem;
    font-weight: 700;
    margin-bottom: 18px;
    letter-spacing: -0.5px;
    color: white;
}

.fcons-hero-sub {
    font-size: 1.15rem;
    opacity: 0.88;
    max-width: 680px;
    margin: 0 auto;
    line-height: 1.7;
}

.fcons-body {
    background: #f4f7fc;
    padding: 70px 0 80px;
}

.fcons-grid {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 36px;
    align-items: start;
}

/* Left: value card */
.fcons-value-card {
    background: white;
    border-radius: 20px;
    padding: 38px 34px;
    box-shadow: 0 6px 28px rgba(0,0,0,0.07);
    border-top: 4px solid #1a4a9e;
    position: sticky;
    top: 30px;
}

.fcons-value-title {
    font-size: 1.45rem;
    font-weight: 700;
    color: #0d1e4a;
    margin-bottom: 10px;
}

.fcons-value-sub {
    font-size: 1rem;
    color: #718096;
    margin-bottom: 28px;
    line-height: 1.6;
}

.fcons-benefit-list {
    list-style: none;
    padding: 0;
    margin: 0 0 28px 0;
}

.fcons-benefit-list li {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 22px;
}

.fcons-benefit-list li:last-child { margin-bottom: 0; }

.fcons-benefit-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.1rem;
    color: white;
}

.fcons-icon-blue  { background: linear-gradient(135deg, #0d1e4a, #1a4a9e); }
.fcons-icon-green { background: linear-gradient(135deg, #0d3a82, #1a4a9e); }

.fcons-benefit-list li strong {
    display: block;
    font-size: 1rem;
    color: #1a202c;
    margin-bottom: 2px;
}

.fcons-benefit-list li p {
    font-size: 0.9rem;
    color: #718096;
    margin: 0;
    line-height: 1.5;
}

.fcons-trust-strip {
    border-top: 1px solid #e8eef7;
    padding-top: 20px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.fcons-trust-item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.86rem;
    font-weight: 600;
    color: #4a5568;
}

.fcons-trust-item i { color: #1a4a9e; font-size: 0.95rem; }

/* Right: form card */
.fcons-form-card {
    background: white;
    border-radius: 20px;
    padding: 38px 36px;
    box-shadow: 0 6px 28px rgba(0,0,0,0.07);
    border-top: 4px solid #1a4a9e;
}

.fcons-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 14px;
    border-radius: 50px;
    margin-bottom: 16px;
}

.fcons-label-blue  { background: #eef5ff; color: #1a4a9e; }
.fcons-label-green { background: #eef3fa; color: #0d3a82; }

/* Fields */
.fcons-field { position: relative; }

.fcons-field-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #a0aec0;
    font-size: 0.9rem;
    z-index: 1;
    pointer-events: none;
}

.fcons-input {
    width: 100%;
    padding: 12px 14px 12px 38px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.95rem;
    color: #2d3748;
    background: #fafbfc;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
    box-sizing: border-box;
    display: block;
}

.fcons-input:focus {
    border-color: #1a4a9e;
    box-shadow: 0 0 0 3px rgba(26,113,184,0.1);
    background: white;
}

.fcons-select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23718096' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
}

.fcons-textarea {
    padding: 12px 14px;
    resize: vertical;
    min-height: 100px;
}

/* Divider */
.fcons-divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 24px 0 20px;
}

.fcons-divider::before,
.fcons-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e2e8f0;
}

.fcons-divider-text {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0d1e4a;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 7px;
}

.fcons-divider-text i { color: #1a4a9e; }

/* Time pills */
.fcons-time-label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 10px;
}

.fcons-time-pills {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.fcons-pill {
    flex: 1;
    min-width: 90px;
    cursor: pointer;
}

.fcons-pill input[type="radio"] { display: none; }

.fcons-pill span {
    display: block;
    text-align: center;
    padding: 12px 10px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #718096;
    background: #fafbfc;
    transition: all 0.2s ease;
    line-height: 1.4;
}

.fcons-pill span i {
    display: block;
    font-size: 1.2rem;
    margin-bottom: 4px;
}

.fcons-pill span small {
    font-weight: 400;
    font-size: 0.75rem;
    opacity: 0.8;
}

.fcons-pill input[type="radio"]:checked + span {
    border-color: #1a4a9e;
    background: linear-gradient(135deg, #eef5ff, #dceeff);
    color: #1a4a9e;
    box-shadow: 0 4px 12px rgba(26,113,184,0.15);
}

/* Submit button */
.fcons-submit-btn {
    display: block;
    width: 100%;
    padding: 16px;
    margin-top: 10px;
    background: linear-gradient(135deg, #0d1e4a 0%, #1a4a9e 50%, #1a4a9e 100%);
    background-size: 200% auto;
    color: white;
    font-size: 1.05rem;
    font-weight: 700;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background-position 0.4s ease, transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 24px rgba(26,113,184,0.28);
    letter-spacing: 0.3px;
}

.fcons-submit-btn:hover {
    background-position: right center;
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(26,74,158,0.35);
    color: white;
}

/* Responsive */
@media (max-width: 992px) {
    .fcons-grid { grid-template-columns: 1fr; }
    .fcons-value-card { position: static; }
}

@media (max-width: 576px) {
    .fcons-hero-title { font-size: 2.2rem; }
    .fcons-form-card, .fcons-value-card { padding: 28px 22px; }
    .fcons-time-pills { gap: 8px; }
}

/* ── Consultation Validation Modal ── */
.cval-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(28,40,100,0.55);
    backdrop-filter: blur(4px);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.cval-overlay.cval-visible {
    display: flex;
}

.cval-box {
    background: #ffffff;
    border-radius: 20px;
    width: 100%;
    max-width: 440px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(28,40,100,0.25);
    animation: cval-slide-in 0.28s cubic-bezier(0.34,1.56,0.64,1) both;
}

@keyframes cval-slide-in {
    from { transform: translateY(-24px) scale(0.96); opacity: 0; }
    to   { transform: translateY(0)     scale(1);    opacity: 1; }
}

.cval-header {
    background: linear-gradient(135deg, #0d1e4a 0%, #1a4a9e 100%);
    padding: 22px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.cval-icon-wrap {
    width: 46px;
    height: 46px;
    background: rgba(255,255,255,0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cval-icon-wrap i {
    font-size: 1.3rem;
    color: #ffd166;
}

.cval-title {
    color: white;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 2px;
}

.cval-subtitle {
    color: rgba(255,255,255,0.75);
    font-size: 0.82rem;
    margin: 0;
}

.cval-close {
    margin-left: auto;
    background: rgba(255,255,255,0.15);
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.2s;
}

.cval-close:hover { background: rgba(255,255,255,0.28); }

.cval-list {
    list-style: none;
    margin: 0;
    padding: 20px 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cval-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.92rem;
    color: #2d3748;
    background: #f7faff;
    padding: 10px 14px;
    border-radius: 9px;
    border-left: 3px solid #1a4a9e;
}

.cval-list li i {
    color: #1a4a9e;
    font-size: 0.7rem;
    flex-shrink: 0;
}

.cval-btn {
    display: block;
    width: calc(100% - 48px);
    margin: 4px 24px 22px;
    padding: 13px;
    background: linear-gradient(135deg, #1a4a9e, #0d3a82);
    color: white;
    font-size: 0.95rem;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.cval-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.cval-btn-error {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
}

/* Success / Error header variants */
.cval-header-green {
    background: linear-gradient(135deg, #0d3a82 0%, #1a4a9e 100%);
}

.cval-header-error {
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
}

/* Status modal body */
.cval-status-body {
    padding: 24px 24px 8px;
    text-align: center;
    color: #2d3748;
    font-size: 0.95rem;
    line-height: 1.65;
}

.cval-status-icon {
    font-size: 3rem;
    margin-bottom: 14px;
    line-height: 1;
}

.cval-status-icon-green i { color: #1a4a9e; }
.cval-status-icon-red   i { color: #e74c3c; }


/* ================================================
   DigiCard Landing Page  (digicard.aspx)
   ================================================ */

/* ---- Hero ---- */
.dc-hero {
    background: linear-gradient(135deg, #0d1e4a 0%, #1a4a9e 100%);
    padding: 90px 0 80px;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.dc-hero-blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.12;
}

.dc-blob1 {
    width: 500px; height: 500px;
    background: #1a4a9e;
    top: -200px; right: -150px;
}

.dc-blob2 {
    width: 320px; height: 320px;
    background: #b0beca;
    bottom: -120px; left: -80px;
}

.dc-hero-grid {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 60px;
    align-items: center;
}

.dc-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(26,74,158,0.18);
    color: #a8f05a;
    border: 1px solid rgba(26,74,158,0.35);
    border-radius: 50px;
    padding: 5px 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.dc-hero-title {
    font-size: 2.9rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #fff;
}

.dc-title-accent {
    color: #1a4a9e;
    display: block;
}

.dc-hero-sub {
    font-size: 1.08rem;
    color: rgba(255,255,255,0.82);
    line-height: 1.75;
    margin-bottom: 32px;
    max-width: 520px;
}

.dc-hero-btns {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.dc-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #1a4a9e;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 14px 28px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.25s;
    box-shadow: 0 6px 20px rgba(26,74,158,0.35);
}

.dc-btn-primary:hover {
    background: #0d3a82;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(26,74,158,0.45);
    text-decoration: none;
}

.dc-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 13px 26px;
    border-radius: 50px;
    border: 2px solid rgba(255,255,255,0.45);
    text-decoration: none;
    transition: all 0.25s;
}

.dc-btn-outline:hover {
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.7);
    color: #fff;
    text-decoration: none;
}

.dc-btn-lg {
    font-size: 16px;
    padding: 16px 36px;
}

.dc-hero-trust {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.dc-hero-trust span {
    font-size: 13px;
    color: rgba(255,255,255,0.75);
    display: flex;
    align-items: center;
    gap: 5px;
}

.dc-hero-trust span i {
    color: #1a4a9e;
    font-size: 13px;
}

/* ---- Phone Mockup ---- */
.dc-hero-visual {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dc-phone-wrap {
    position: relative;
    display: inline-block;
}

.dc-phone {
    width: 250px;
    background: #0d1633;
    border-radius: 38px;
    padding: 14px 10px 10px;
    box-shadow: 0 40px 80px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.1);
    position: relative;
    z-index: 2;
}

.dc-phone-notch {
    width: 70px;
    height: 8px;
    background: rgba(255,255,255,0.15);
    border-radius: 4px;
    margin: 0 auto 10px;
}

.dc-phone-screen {
    background: #f0f4ff;
    border-radius: 28px;
    overflow: hidden;
    min-height: 460px;
}

.dc-phone-glow {
    position: absolute;
    width: 200px;
    height: 200px;
    background: #1a4a9e;
    border-radius: 50%;
    opacity: 0.2;
    filter: blur(60px);
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

/* ---- Card Preview inside phone ---- */
.dc-card-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dc-prev-cover {
    width: 100%;
    height: 90px;
    background: linear-gradient(135deg, #0d1e4a, #1a4a9e);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 8px 12px;
}

.dc-prev-logo-text {
    font-size: 9px;
    color: rgba(255,255,255,0.5);
    font-weight: 700;
    letter-spacing: 0.5px;
}

.dc-prev-avatar {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #1a4a9e, #0d3a82);
    border-radius: 50%;
    border: 3px solid #fff;
    margin-top: -28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    box-shadow: 0 4px 14px rgba(26,74,158,0.4);
}

.dc-prev-name {
    font-size: 13px;
    font-weight: 700;
    color: #0d1e4a;
    margin-top: 8px;
}

.dc-prev-role {
    font-size: 10px;
    color: #64748b;
    margin-top: 2px;
}

.dc-prev-company {
    font-size: 10px;
    color: #1a4a9e;
    font-weight: 600;
    margin-top: 1px;
    margin-bottom: 14px;
}

.dc-prev-actions {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
}

.dc-pa {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.dc-pa-blue  { background: #1a4a9e; }
.dc-pa-green { background: #1a4a9e; }
.dc-pa-teal  { background: #b0beca; }
.dc-pa-navy  { background: #0d1e4a; }

.dc-prev-divider {
    width: 80%;
    height: 1px;
    background: #e2e8f0;
    margin-bottom: 12px;
}

.dc-prev-social {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
}

.dc-prev-social span {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f0f4ff;
    border: 1px solid #dde4f5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #1a4a9e;
}

.dc-prev-qr {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding-bottom: 16px;
}

.dc-prev-qr i {
    font-size: 2.2rem;
    color: #0d1e4a;
}

.dc-prev-qr small {
    font-size: 9px;
    color: #94a3b8;
    font-weight: 600;
}

/* ---- Stats Strip ---- */
.dc-stats-strip {
    background: #fff;
    border-bottom: 1px solid #e8edf6;
    padding: 28px 0;
    box-shadow: 0 2px 20px rgba(28,40,100,0.06);
}

.dc-stats-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
}

.dc-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 48px;
}

.dc-stat-num {
    font-size: 1.9rem;
    font-weight: 800;
    color: #0d1e4a;
    line-height: 1;
}

.dc-stat-label {
    font-size: 12px;
    color: #64748b;
    margin-top: 4px;
    font-weight: 500;
}

.dc-stat-div {
    width: 1px;
    height: 44px;
    background: #dde4f5;
}

/* ---- Section Common ---- */
.dc-section-head {
    text-align: center;
    margin-bottom: 52px;
}

.dc-section-badge {
    display: inline-block;
    background: rgba(26,113,184,0.1);
    color: #1a4a9e;
    border-radius: 50px;
    padding: 5px 18px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.dc-badge-green {
    background: rgba(26,74,158,0.1);
    color: #0d3a82;
}

.dc-section-title {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0d1e4a;
    margin-bottom: 14px;
}

.dc-section-sub {
    font-size: 1rem;
    color: #64748b;
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.7;
}

/* ---- How It Works ---- */
.dc-hiw {
    padding: 88px 0;
    background: #f8faff;
}

.dc-hiw-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.dc-hiw-step {
    flex: 1;
    max-width: 260px;
    text-align: center;
    padding: 36px 28px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 6px 30px rgba(28,40,100,0.08);
    position: relative;
}

.dc-hiw-num {
    font-size: 3rem;
    font-weight: 900;
    color: rgba(26,113,184,0.12);
    line-height: 1;
    position: absolute;
    top: 12px;
    right: 18px;
}

.dc-num-green { color: rgba(26,74,158,0.18); }

.dc-hiw-icon {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #fff;
    margin: 0 auto 18px;
}

.dc-icon-blue  { background: linear-gradient(135deg, #1a4a9e, #0d1e4a); }
.dc-icon-green { background: linear-gradient(135deg, #1a4a9e, #0d3a82); }

.dc-hiw-step h4 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0d1e4a;
    margin-bottom: 10px;
}

.dc-hiw-step p {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.65;
    margin: 0;
}

.dc-hiw-arrow {
    font-size: 1.4rem;
    color: #1a4a9e;
    opacity: 0.35;
    margin: 0 16px;
    flex-shrink: 0;
}

/* ---- Features Grid ---- */
.dc-features {
    padding: 88px 0;
    background: #fff;
}

.dc-feat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.dc-feat-card {
    background: #f8faff;
    border-radius: 16px;
    padding: 28px 22px;
    border: 1px solid #e8edf6;
    transition: all 0.28s;
}

.dc-feat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 36px rgba(28,40,100,0.12);
    border-color: #1a4a9e;
    background: #fff;
}

.dc-feat-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: 16px;
}

.dc-fi-blue  { background: linear-gradient(135deg, #1a4a9e, #0d1e4a); }
.dc-fi-green { background: linear-gradient(135deg, #1a4a9e, #0d3a82); }

.dc-feat-card h5 {
    font-size: 0.98rem;
    font-weight: 700;
    color: #0d1e4a;
    margin-bottom: 8px;
}

.dc-feat-card p {
    font-size: 0.86rem;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* ---- Compare ---- */
.dc-compare {
    padding: 88px 0;
    background: #f8faff;
}

.dc-compare-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    max-width: 820px;
    margin: 0 auto;
}

.dc-compare-col {
    border-radius: 20px;
    padding: 36px 32px;
}

.dc-col-paper {
    background: #fff5f5;
    border: 1px solid #fecaca;
}

.dc-col-digital {
    background: #f0fff4;
    border: 1px solid #bbf7d0;
}

.dc-compare-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.dc-col-paper .dc-compare-head i  { color: #e74c3c; font-size: 1.5rem; }
.dc-col-digital .dc-compare-head i { color: #1a4a9e; font-size: 1.5rem; }

.dc-compare-head h4 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0d1e4a;
    margin: 0;
}

.dc-compare-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.dc-compare-col ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
    color: #374151;
}

.dc-col-paper  ul li i { color: #e74c3c; flex-shrink: 0; }
.dc-col-digital ul li i { color: #1a4a9e; flex-shrink: 0; }

/* ---- Pricing ---- */
.dc-pricing {
    padding: 88px 0;
    background: #fff;
}

.dc-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    max-width: 960px;
    margin: 0 auto;
    align-items: start;
}

.dc-plan-card {
    background: #f8faff;
    border: 1px solid #e8edf6;
    border-radius: 22px;
    padding: 36px 28px;
    text-align: center;
    position: relative;
    transition: all 0.28s;
}

.dc-plan-card:hover {
    box-shadow: 0 16px 48px rgba(28,40,100,0.12);
    transform: translateY(-4px);
}

.dc-plan-popular {
    background: linear-gradient(160deg, #0d1e4a 0%, #1a4a9e 100%);
    color: #fff;
    border-color: transparent;
    transform: scale(1.04);
    box-shadow: 0 20px 60px rgba(28,40,100,0.28);
}

.dc-plan-popular:hover {
    transform: scale(1.04) translateY(-4px);
}

.dc-popular-tag {
    background: #1a4a9e;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 16px;
    letter-spacing: 0.5px;
}

.dc-plan-name {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0d1e4a;
    margin-bottom: 10px;
}

.dc-plan-popular .dc-plan-name { color: #fff; }

.dc-plan-price {
    font-size: 2.4rem;
    font-weight: 900;
    color: #0d1e4a;
    line-height: 1;
    margin-bottom: 6px;
}

.dc-plan-popular .dc-plan-price { color: #fff; }

.dc-plan-price span {
    font-size: 0.95rem;
    font-weight: 500;
    color: #64748b;
}

.dc-plan-popular .dc-plan-price span { color: rgba(255,255,255,0.65); }

.dc-plan-tagline {
    font-size: 0.85rem;
    color: #64748b;
    margin-bottom: 24px;
}

.dc-plan-popular .dc-plan-tagline { color: rgba(255,255,255,0.7); }

.dc-plan-feats {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dc-plan-feats li {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 0.875rem;
    color: #374151;
}

.dc-plan-popular .dc-plan-feats li { color: rgba(255,255,255,0.88); }

.dc-ok i { color: #1a4a9e; }
.dc-no i { color: #94a3b8; }
.dc-plan-popular .dc-no i { color: rgba(255,255,255,0.3); }

.dc-plan-btn {
    display: block;
    background: linear-gradient(135deg, #1a4a9e, #0d3a82);
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 13px 24px;
    border-radius: 50px;
    text-decoration: none;
    text-align: center;
    transition: all 0.25s;
    box-shadow: 0 4px 16px rgba(26,74,158,0.3);
}

.dc-plan-btn:hover {
    opacity: 0.9;
    color: #fff;
    transform: translateY(-2px);
    text-decoration: none;
}

.dc-plan-btn-outline {
    background: transparent;
    border: 2px solid #1a4a9e;
    color: #1a4a9e;
    box-shadow: none;
}

.dc-plan-btn-outline:hover {
    background: #1a4a9e;
    color: #fff;
}

/* ---- FAQ ---- */
.dc-faq {
    padding: 88px 0;
    background: #f8faff;
}

.dc-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    max-width: 900px;
    margin: 0 auto;
}

.dc-faq-item {
    background: #fff;
    border: 1px solid #e8edf6;
    border-radius: 16px;
    padding: 24px 22px;
    transition: all 0.25s;
}

.dc-faq-item:hover {
    border-color: #1a4a9e;
    box-shadow: 0 8px 28px rgba(28,40,100,0.1);
}

.dc-faq-q {
    font-weight: 700;
    color: #0d1e4a;
    font-size: 0.95rem;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.dc-faq-q i { color: #1a4a9e; margin-top: 2px; flex-shrink: 0; }

.dc-faq-a {
    font-size: 0.875rem;
    color: #64748b;
    line-height: 1.7;
}

/* ---- CTA Banner ---- */
.dc-cta {
    background: linear-gradient(135deg, #0d1e4a 0%, #1a4a9e 100%);
    padding: 80px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.dc-cta-blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.1;
}

.dc-cta-blob1 {
    width: 400px; height: 400px;
    background: #1a4a9e;
    top: -180px; right: -100px;
}

.dc-cta-blob2 {
    width: 280px; height: 280px;
    background: #b0beca;
    bottom: -120px; left: -60px;
}

.dc-cta-title {
    font-size: 2.4rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 14px;
}

.dc-cta-sub {
    font-size: 1rem;
    color: rgba(255,255,255,0.78);
    max-width: 480px;
    margin: 0 auto 36px;
    line-height: 1.7;
}

.dc-cta-note {
    margin-top: 18px;
    font-size: 13px;
    color: rgba(255,255,255,0.5);
}

/* ---- Responsive ---- */
@media (max-width: 1100px) {
    .dc-feat-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px) {
    .dc-hero-grid { grid-template-columns: 1fr; text-align: center; }
    .dc-hero-sub  { margin: 0 auto 32px; }
    .dc-hero-btns { justify-content: center; }
    .dc-hero-trust { justify-content: center; }
    .dc-hero-visual { margin-top: 32px; }
    .dc-hiw-grid  { flex-direction: column; gap: 16px; }
    .dc-hiw-arrow { transform: rotate(90deg); margin: 0; }
    .dc-hiw-step  { max-width: 100%; width: 100%; }
    .dc-pricing-grid { grid-template-columns: 1fr; max-width: 400px; }
    .dc-plan-popular { transform: none; }
    .dc-plan-popular:hover { transform: translateY(-4px); }
    .dc-compare-grid { grid-template-columns: 1fr; }
    .dc-stats-row { gap: 20px; }
    .dc-stat { padding: 0 24px; }
    .dc-stat-div { display: none; }
}

@media (max-width: 768px) {
    .dc-hero { padding: 64px 0 56px; }
    .dc-hero-title { font-size: 2.1rem; }
    .dc-feat-grid { grid-template-columns: repeat(2, 1fr); }
    .dc-faq-grid  { grid-template-columns: 1fr; }
    .dc-section-title { font-size: 1.8rem; }
    .dc-cta-title { font-size: 1.9rem; }
}

@media (max-width: 576px) {
    .dc-hero-title { font-size: 1.7rem; }
    .dc-hero-sub   { font-size: 0.95rem; }
    .dc-feat-grid  { grid-template-columns: 1fr; }
    .dc-phone { width: 220px; }
    .dc-phone-screen { min-height: 400px; }
    .dc-hiw { padding: 60px 0; }
    .dc-features, .dc-compare, .dc-pricing, .dc-faq { padding: 60px 0; }
    .dc-cta { padding: 56px 0; }
    .dc-cta-title { font-size: 1.6rem; }
    .dc-btn-primary, .dc-btn-outline { font-size: 14px; padding: 12px 22px; }
}

/* ===================================================
   MISRA GLOBAL LLC - 2025 HOME PAGE REDESIGN
   =================================================== */

/* -- Announcement Bar -- */
.mg-topbar { background:#0d1e4a; color:rgba(255,255,255,0.7); font-size:13px; padding:8px 0; }
.mg-topbar a { color:#b0beca; text-decoration:none; }
.mg-topbar a:hover { color:#fff; }
.mg-topbar .mg-topbar-inner { display:flex; justify-content:space-between; align-items:center; }

/* -- Navbar -- */
.mg-navbar { background:#fff; box-shadow:0 2px 20px rgba(13,30,74,0.10); position:sticky; top:0; z-index:1000; transition:box-shadow 0.3s ease; }
.mg-navbar.scrolled { box-shadow:0 4px 30px rgba(13,30,74,0.18); }
.mg-navbar .container { display:flex; align-items:center; padding:12px 20px; flex-wrap:nowrap; gap:16px; }
.mg-nav-logo img { height:50px; width:auto; flex-shrink:0; }
.mg-nav-links { display:flex; align-items:center; gap:0; list-style:none; margin:0 auto; padding:0; flex-wrap:nowrap; }
.mg-nav-links > li { position:relative; }
.mg-nav-links > li > a { display:block; padding:7px 10px; font-size:13.5px; font-weight:600; color:#0d1e4a; text-decoration:none; border-radius:8px; transition:background 0.2s,color 0.2s; white-space:nowrap; }
.mg-nav-links > li > a:hover,.mg-nav-links > li > a.active { background:#eef3fa; color:#1a4a9e; }
.mg-nav-links > li > a .caret { margin-left:4px; font-size:11px; }
.mg-dropdown-menu { display:none; position:absolute; top:calc(100% + 6px); left:0; background:#fff; border-radius:14px; box-shadow:0 16px 48px rgba(13,30,74,0.14); padding:8px; min-width:230px; z-index:999; border:1px solid rgba(13,30,74,0.07); }
.mg-nav-links > li:hover .mg-dropdown-menu { display:block; }
.mg-dropdown-menu a { padding:10px 16px; font-size:14px; font-weight:500; border-radius:8px; display:block; color:#0d1e4a; text-decoration:none; }
.mg-dropdown-menu a:hover { background:#eef3fa; color:#1a4a9e; }
.mg-nav-cta { background:linear-gradient(135deg,#0d1e4a,#1a4a9e) !important; color:#fff !important; border-radius:50px !important; padding:10px 24px !important; font-weight:700 !important; font-size:14px !important; box-shadow:0 4px 16px rgba(26,74,158,0.35); transition:transform 0.2s,box-shadow 0.2s !important; text-decoration:none; display:inline-block; white-space:nowrap; }
.mg-nav-cta:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(26,74,158,0.5) !important; color:#fff !important; }
.mg-nav-cta i { margin-right:6px; }
.mg-hamburger { display:none; background:none; border:2px solid #0d1e4a; border-radius:8px; padding:6px 12px; cursor:pointer; color:#0d1e4a; font-size:16px; }
@media(max-width:991px){
.mg-hamburger{display:block;}
.mg-nav-middle{display:none;flex-direction:column;width:100%;padding:12px 0 8px;border-top:1px solid #e4eaf2;margin-top:12px;}
.mg-nav-middle.open{display:flex;}
.mg-navbar .container{flex-wrap:wrap;}
.mg-nav-links{flex-direction:column;width:100%;gap:0;flex:none;}
.mg-nav-links > li{width:100%;}
.mg-nav-links > li > a{padding:12px 16px;border-radius:8px;}
.mg-dropdown-menu{position:static;box-shadow:none;border:none;background:#f8faff;margin:4px 0 4px 16px;border-radius:10px;display:none;}
.mg-dropdown.open .mg-dropdown-menu{display:block;}
.mg-nav-links > li:hover .mg-dropdown-menu{display:none;}
.mg-nav-cta{width:100%;text-align:center;margin:8px 0;}
}
/* Desktop: mg-nav-middle is just a flex row */
@media(min-width:992px){
.mg-nav-middle{display:flex !important;align-items:center;gap:8px;flex:1;}
}

/* -- Hero Section -- */
.mg-hero { background:linear-gradient(135deg,#060e26 0%,#0d1e4a 55%,#1a3a7e 100%); min-height:92vh; display:flex; align-items:center; position:relative; overflow:hidden; padding:90px 0 70px; }
.mg-hero::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(106,158,216,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(106,158,216,0.06) 1px,transparent 1px); background-size:64px 64px; pointer-events:none; }
.mg-hero-orb { position:absolute; border-radius:50%; filter:blur(90px); opacity:0.22; pointer-events:none; }
.mg-hero-orb-1 { width:520px; height:520px; background:#1a4a9e; top:-180px; right:-80px; }
.mg-hero-orb-2 { width:320px; height:320px; background:#6a9ed8; bottom:-100px; left:8%; }
.mg-hero-content { position:relative; z-index:2; }
.mg-hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(106,158,216,0.14); border:1px solid rgba(106,158,216,0.28); color:#6a9ed8; font-size:13px; font-weight:600; padding:6px 18px; border-radius:50px; margin-bottom:24px; letter-spacing:0.4px; }
.mg-hero-badge .dot { width:7px; height:7px; background:#6a9ed8; border-radius:50%; animation:mg-pulse 1.8s ease-in-out infinite; }
@keyframes mg-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.3;transform:scale(0.6)} }
.mg-hero-title { font-size:clamp(2.4rem,4.5vw,3.8rem); font-weight:800; color:#fff; line-height:1.13; margin-bottom:22px; letter-spacing:-0.5px; }
.mg-hero-title .accent { background:linear-gradient(90deg,#6a9ed8,#b0beca); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.mg-hero-sub { font-size:17px; color:rgba(255,255,255,0.60); line-height:1.75; margin-bottom:38px; max-width:510px; }
.mg-hero-btns { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:52px; }
.mg-btn-primary { background:linear-gradient(135deg,#1a4a9e,#6a9ed8); color:#fff; padding:14px 34px; border-radius:50px; font-weight:700; font-size:15px; text-decoration:none; box-shadow:0 6px 24px rgba(26,74,158,0.45); transition:transform 0.2s,box-shadow 0.2s; display:inline-block; white-space:nowrap; }
.mg-btn-primary:hover { transform:translateY(-2px); box-shadow:0 10px 32px rgba(26,74,158,0.60); color:#fff; }
.mg-btn-outline-light { background:transparent; color:#fff; padding:13px 32px; border-radius:50px; font-weight:600; font-size:15px; text-decoration:none; border:2px solid rgba(255,255,255,0.30); transition:border-color 0.2s,background 0.2s; display:inline-block; white-space:nowrap; }
.mg-btn-outline-light:hover { border-color:#6a9ed8; background:rgba(106,158,216,0.10); color:#fff; }
.mg-hero-stats { display:flex; gap:44px; flex-wrap:wrap; }
.mg-hero-stat-num { font-size:2rem; font-weight:800; color:#fff; display:block; line-height:1; margin-bottom:4px; }
.mg-hero-stat-label { font-size:13px; color:rgba(255,255,255,0.45); }
.mg-hero-visual { position:relative; height:500px; }
.mg-hero-card { position:absolute; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.13); backdrop-filter:blur(18px); border-radius:20px; padding:22px; }
.mg-hero-card-main { width:260px; top:50%; left:50%; transform:translate(-50%,-50%); }
.mg-hero-card-a { width:200px; top:4%; right:2%; animation:mg-float-a 5s ease-in-out infinite; }
.mg-hero-card-b { width:185px; bottom:8%; left:2%; animation:mg-float-b 6s ease-in-out infinite; }
.mg-hero-card-c { width:165px; top:56%; right:2%; animation:mg-float-c 4.5s ease-in-out infinite; }
@keyframes mg-float-a{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes mg-float-b{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}
@keyframes mg-float-c{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.mg-card-icon { width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:17px; margin-bottom:12px; }
.bg-ic-navy  { background:linear-gradient(135deg,#060e26,#0d1e4a); color:#fff; }
.bg-ic-cobalt{ background:linear-gradient(135deg,#0d1e4a,#1a4a9e); color:#fff; }
.bg-ic-steel { background:linear-gradient(135deg,#1a4a9e,#6a9ed8); color:#fff; }
.mg-card-title { font-size:13px; font-weight:700; color:#fff; margin:0 0 3px; }
.mg-card-sub   { font-size:11px; color:rgba(255,255,255,0.45); margin:0; }
.mg-card-value { font-size:22px; font-weight:800; color:#fff; margin:10px 0 4px; }
.mg-card-bar   { height:4px; background:rgba(255,255,255,0.10); border-radius:4px; margin-top:10px; }
.mg-card-bar-fill { height:100%; border-radius:4px; background:linear-gradient(90deg,#1a4a9e,#6a9ed8); }
@media(max-width:991px){.mg-hero{min-height:auto;padding:60px 0 50px;}.mg-hero-visual{display:none;}.mg-hero-stats{gap:24px;}}

/* -- Stats Strip -- */
.mg-stats-strip { background:linear-gradient(90deg,#0d1e4a 0%,#1a4a9e 100%); padding:38px 0; }
.mg-stats-strip .container { display:grid; grid-template-columns:repeat(4,1fr); }
.mg-stat-item { text-align:center; padding:0 20px; border-right:1px solid rgba(255,255,255,0.10); }
.mg-stat-item:last-child { border-right:none; }
.mg-stat-num { font-size:2.4rem; font-weight:800; color:#fff; display:block; line-height:1; margin-bottom:6px; }
.mg-stat-label { font-size:13px; color:rgba(255,255,255,0.55); font-weight:500; }
@media(max-width:767px){.mg-stats-strip .container{grid-template-columns:repeat(2,1fr);gap:28px;}.mg-stat-item{border-right:none;}.mg-stat-item:nth-child(1),.mg-stat-item:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.10);padding-bottom:24px;}}

/* -- Shared Section Helpers -- */
.mg-section-tag { display:inline-block; background:#eef3fa; color:#1a4a9e; font-size:11.5px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; padding:6px 16px; border-radius:50px; margin-bottom:16px; }
.mg-section-title { font-size:clamp(1.8rem,3vw,2.6rem); font-weight:800; color:#0d1e4a; margin-bottom:16px; line-height:1.2; }
.mg-section-sub { font-size:16px; color:#5a6070; line-height:1.75; }

/* -- About Section -- */
.mg-about { padding:100px 0; background:#fff; }
.mg-about-img-wrap { position:relative; }
.mg-about-img-wrap img { border-radius:20px; width:100%; object-fit:cover; box-shadow:0 20px 60px rgba(13,30,74,0.15); }
.mg-about-badge { position:absolute; bottom:28px; right:-18px; background:linear-gradient(135deg,#0d1e4a,#1a4a9e); color:#fff; border-radius:16px; padding:20px 24px; text-align:center; box-shadow:0 12px 36px rgba(13,30,74,0.35); min-width:130px; }
.mg-about-badge-num { font-size:2rem; font-weight:800; display:block; line-height:1; margin-bottom:4px; }
.mg-about-badge-text { font-size:12px; opacity:0.72; }
.mg-about-highlights { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:32px 0; }
.mg-hl-box { background:#f8faff; border-radius:14px; padding:18px 20px; border-left:3px solid #1a4a9e; }
.mg-hl-title { font-size:14px; font-weight:700; color:#0d1e4a; margin:0 0 5px; }
.mg-hl-text  { font-size:13px; color:#5a6070; margin:0; line-height:1.55; }
@media(max-width:767px){.mg-about-badge{right:10px;}.mg-about-highlights{grid-template-columns:1fr;}}

/* -- Services Grid -- */
.mg-services { padding:100px 0; background:#f8faff; }
.mg-services-header { margin-bottom:56px; }
.mg-services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.mg-srv-card { background:#fff; border-radius:20px; overflow:hidden; border:1px solid #e4eaf2; transition:transform 0.3s,box-shadow 0.3s; display:flex; flex-direction:column; }
.mg-srv-card:hover { transform:translateY(-8px); box-shadow:0 24px 56px rgba(13,30,74,0.12); }
.mg-srv-top { height:116px; display:flex; align-items:center; padding:24px; position:relative; overflow:hidden; }
.mg-srv-top::after { content:''; position:absolute; right:-16px; top:-16px; width:90px; height:90px; border-radius:50%; background:rgba(255,255,255,0.09); }
.mg-srv-top-navy  { background:linear-gradient(135deg,#060e26,#0d1e4a); }
.mg-srv-top-cobalt{ background:linear-gradient(135deg,#0d1e4a,#1a4a9e); }
.mg-srv-top-steel { background:linear-gradient(135deg,#1a4a9e,#4a7fc4); }
.mg-srv-icon { width:50px; height:50px; border-radius:14px; background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.22); display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; margin-right:16px; flex-shrink:0; }
.mg-srv-cat  { font-size:11px; font-weight:600; color:rgba(255,255,255,0.55); text-transform:uppercase; letter-spacing:1px; margin:0 0 3px; }
.mg-srv-name { font-size:16px; font-weight:700; color:#fff; margin:0; line-height:1.25; }
.mg-srv-body { padding:24px 26px 28px; flex:1; display:flex; flex-direction:column; }
.mg-srv-desc { font-size:14.5px; color:#5a6070; line-height:1.7; flex:1; margin:0 0 20px; }
.mg-srv-link { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:#1a4a9e; text-decoration:none; transition:gap 0.2s; }
.mg-srv-link:hover { gap:14px; color:#0d1e4a; }
@media(max-width:991px){.mg-services-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:575px){.mg-services-grid{grid-template-columns:1fr;}}

/* -- Training Section -- */
.mg-training { padding:100px 0; background:linear-gradient(135deg,#060e26 0%,#0d1e4a 100%); position:relative; overflow:hidden; }
.mg-training::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(106,158,216,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(106,158,216,0.05) 1px,transparent 1px); background-size:52px 52px; pointer-events:none; }
.mg-training .mg-section-tag { background:rgba(106,158,216,0.13); color:#6a9ed8; }
.mg-training .mg-section-title { color:#fff; }
.mg-training .mg-section-sub { color:rgba(255,255,255,0.55); }
.mg-training-features { margin:32px 0; display:flex; flex-direction:column; gap:16px; }
.mg-training-feat { display:flex; align-items:center; gap:16px; }
.mg-training-feat-icon { width:44px; height:44px; border-radius:12px; background:rgba(106,158,216,0.14); border:1px solid rgba(106,158,216,0.24); display:flex; align-items:center; justify-content:center; font-size:18px; color:#6a9ed8; flex-shrink:0; }
.mg-training-feat-text { font-size:15px; color:rgba(255,255,255,0.82); font-weight:500; }
.mg-training-img-wrap { position:relative; z-index:2; }
.mg-training-img-wrap img { border-radius:20px; width:100%; object-fit:cover; border:2px solid rgba(255,255,255,0.07); box-shadow:0 24px 60px rgba(0,0,0,0.40); }
.mg-training-pill { position:absolute; top:24px; left:-14px; background:linear-gradient(135deg,#1a4a9e,#6a9ed8); color:#fff; font-size:13px; font-weight:700; padding:10px 22px; border-radius:50px; box-shadow:0 8px 24px rgba(26,74,158,0.5); }

/* -- Why Choose Us -- */
.mg-whyus { padding:100px 0; background:#f8faff; }
.mg-whyus-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:56px; }
.mg-whyus-card { background:#fff; border-radius:20px; padding:32px 28px; border:1px solid #e4eaf2; display:flex; gap:20px; transition:transform 0.3s,box-shadow 0.3s; }
.mg-whyus-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(13,30,74,0.10); }
.mg-whyus-icon { width:54px; height:54px; border-radius:14px; background:linear-gradient(135deg,#0d1e4a,#1a4a9e); display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; flex-shrink:0; }
.mg-whyus-title { font-size:17px; font-weight:700; color:#0d1e4a; margin:0 0 8px; }
.mg-whyus-text  { font-size:14.5px; color:#5a6070; line-height:1.7; margin:0; }
@media(max-width:767px){.mg-whyus-grid{grid-template-columns:1fr;}}

/* -- Industries -- */
.mg-industries { padding:80px 0; background:#fff; border-top:1px solid #e4eaf2; }
.mg-industries-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:48px; }
.mg-ind-card { background:#f8faff; border-radius:16px; padding:30px 20px; text-align:center; border:1px solid #e4eaf2; transition:transform 0.3s,box-shadow 0.3s; }
.mg-ind-card:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(13,30,74,0.09); background:linear-gradient(135deg,#fff,#eef3fa); }
.mg-ind-icon { width:60px; height:60px; border-radius:16px; background:linear-gradient(135deg,#0d1e4a,#1a4a9e); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; }
.mg-ind-icon i { font-size:1.6rem; color:#fff; }
.mg-ind-card:hover .mg-ind-icon { background:linear-gradient(135deg,#1a4a9e,#6a9ed8); }
.mg-ind-label { font-size:14px; font-weight:600; color:#0d1e4a; line-height:1.4; }
@media(max-width:767px){.mg-industries-grid{grid-template-columns:repeat(2,1fr);}}

/* -- CTA Banner -- */
.mg-cta { padding:100px 0; background:linear-gradient(135deg,#060e26 0%,#1a4a9e 100%); position:relative; overflow:hidden; text-align:center; }
.mg-cta::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px); background-size:42px 42px; pointer-events:none; }
.mg-cta-inner { position:relative; z-index:2; }
.mg-cta-title { font-size:clamp(2rem,4vw,3rem); font-weight:800; color:#fff; margin-bottom:16px; line-height:1.2; }
.mg-cta-sub { font-size:17px; color:rgba(255,255,255,0.60); margin-bottom:40px; max-width:480px; margin-left:auto; margin-right:auto; }
.mg-cta-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.mg-btn-white { background:#fff; color:#0d1e4a; padding:14px 38px; border-radius:50px; font-weight:700; font-size:15px; text-decoration:none; box-shadow:0 8px 24px rgba(0,0,0,0.22); transition:transform 0.2s,box-shadow 0.2s; display:inline-block; }
.mg-btn-white:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(0,0,0,0.32); color:#0d1e4a; }

/* -- Footer -- */
.mg-footer { background:linear-gradient(160deg,#060e26 0%,#0d1e4a 100%); padding:80px 0 0; }
.mg-footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:40px; padding-bottom:60px; border-bottom:1px solid rgba(255,255,255,0.07); margin-bottom:32px; }
.mg-footer-logo img { height:50px; margin-bottom:18px; }
.mg-footer-desc { font-size:14px; color:rgba(255,255,255,0.45); line-height:1.8; margin:0 0 24px; }
.mg-footer-social { display:flex; gap:10px; }
.mg-footer-social a { width:38px; height:38px; border-radius:10px; border:1px solid rgba(255,255,255,0.10); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.45); font-size:14px; text-decoration:none; transition:background 0.2s,color 0.2s,border-color 0.2s; }
.mg-footer-social a:hover { background:#1a4a9e; color:#fff; border-color:#1a4a9e; }
.mg-footer-heading { font-size:13px; font-weight:700; color:#fff; margin-bottom:20px; text-transform:uppercase; letter-spacing:1.2px; }
.mg-footer-links { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:11px; }
.mg-footer-links li a { font-size:14px; color:rgba(255,255,255,0.45); text-decoration:none; transition:color 0.2s; display:flex; align-items:center; gap:8px; }
.mg-footer-links li a:hover { color:#6a9ed8; }
.mg-footer-contact-item { display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; }
.mg-footer-contact-icon { width:36px; height:36px; border-radius:10px; background:rgba(106,158,216,0.12); display:flex; align-items:center; justify-content:center; color:#6a9ed8; font-size:14px; flex-shrink:0; }
.mg-footer-contact-text { font-size:13.5px; color:rgba(255,255,255,0.45); line-height:1.6; }
.mg-footer-contact-text strong { display:block; color:rgba(255,255,255,0.78); font-size:13px; margin-bottom:2px; }
.mg-copyright { display:flex; align-items:center; justify-content:space-between; font-size:13px; color:rgba(255,255,255,0.30); padding:24px 0; }
@media(max-width:991px){.mg-footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.mg-footer-grid{grid-template-columns:1fr;}.mg-copyright{flex-direction:column;gap:8px;text-align:center;}}

/* -- Back to Top -- */
.mg-back-top { position:fixed; bottom:28px; right:28px; width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,#0d1e4a,#1a4a9e); color:#fff; display:flex; align-items:center; justify-content:center; text-decoration:none; box-shadow:0 6px 20px rgba(13,30,74,0.40); font-size:18px; opacity:0; transform:translateY(20px); transition:opacity 0.3s,transform 0.3s; z-index:999; }
.mg-back-top.visible { opacity:1; transform:translateY(0); }
.mg-back-top:hover { box-shadow:0 10px 28px rgba(13,30,74,0.55); color:#fff; }


/* ===================================================
   INNER PAGE SHARED STYLES - 2025 REDESIGN
   =================================================== */

/* -- Page Hero Banner (all inner pages) -- */
.pg-hero { background:linear-gradient(135deg,#060e26 0%,#0d1e4a 60%,#1a3a7e 100%); padding:80px 0 70px; position:relative; overflow:hidden; }
.pg-hero::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(106,158,216,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(106,158,216,0.06) 1px,transparent 1px); background-size:60px 60px; pointer-events:none; }
.pg-hero-orb { position:absolute; border-radius:50%; filter:blur(80px); opacity:0.20; pointer-events:none; }
.pg-hero-orb-1 { width:400px; height:400px; background:#1a4a9e; top:-150px; right:-60px; }
.pg-hero-orb-2 { width:250px; height:250px; background:#6a9ed8; bottom:-80px; left:5%; }
.pg-hero-inner { position:relative; z-index:2; text-align:center; }
.pg-hero-tag { display:inline-block; background:rgba(106,158,216,0.14); border:1px solid rgba(106,158,216,0.28); color:#6a9ed8; font-size:12px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; padding:6px 18px; border-radius:50px; margin-bottom:20px; }
.pg-hero-title { font-size:clamp(2rem,4vw,3.2rem); font-weight:800; color:#fff; line-height:1.15; margin-bottom:16px; }
.pg-hero-title .accent { background:linear-gradient(90deg,#6a9ed8,#b0beca); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.pg-hero-sub { font-size:17px; color:rgba(255,255,255,0.60); max-width:580px; margin:0 auto 28px; line-height:1.75; }
.pg-breadcrumb { display:flex; align-items:center; justify-content:center; gap:8px; font-size:13px; color:rgba(255,255,255,0.40); margin-top:8px; }
.pg-breadcrumb a { color:rgba(255,255,255,0.50); text-decoration:none; }
.pg-breadcrumb a:hover { color:#6a9ed8; }
.pg-breadcrumb .sep { opacity:0.4; }

/* -- Feature/Service Cards Grid -- */
.pg-features { padding:90px 0; background:#f8faff; }
.pg-features-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:56px; }
.pg-feat-card { background:#fff; border-radius:20px; padding:32px; border:1px solid #e4eaf2; display:flex; gap:20px; transition:transform 0.3s,box-shadow 0.3s; }
.pg-feat-card:hover { transform:translateY(-5px); box-shadow:0 20px 50px rgba(13,30,74,0.11); }
.pg-feat-icon { width:54px; height:54px; border-radius:14px; background:linear-gradient(135deg,#0d1e4a,#1a4a9e); display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; flex-shrink:0; }
.pg-feat-title { font-size:16px; font-weight:700; color:#0d1e4a; margin:0 0 8px; }
.pg-feat-text  { font-size:14px; color:#5a6070; line-height:1.7; margin:0; }
@media(max-width:767px){ .pg-features-grid { grid-template-columns:1fr; } }

/* -- Intro Section (text + image) -- */
.pg-intro { padding:90px 0; background:#fff; }
.pg-intro-img { border-radius:20px; width:100%; object-fit:cover; box-shadow:0 20px 60px rgba(13,30,74,0.12); }

/* -- Inline CTA -- */
.pg-cta { padding:90px 0; background:linear-gradient(135deg,#060e26 0%,#1a4a9e 100%); text-align:center; position:relative; overflow:hidden; }
.pg-cta::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px); background-size:42px 42px; pointer-events:none; }
.pg-cta-inner { position:relative; z-index:2; }
.pg-cta-title { font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:800; color:#fff; margin-bottom:14px; line-height:1.2; }
.pg-cta-sub   { font-size:16px; color:rgba(255,255,255,0.60); margin-bottom:36px; max-width:460px; margin-left:auto; margin-right:auto; }
.pg-cta-btns  { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* -- Form Pages -- */
.pg-form-section { padding:90px 0; background:#f8faff; }
.pg-form-card { background:#fff; border-radius:24px; padding:44px; border:1px solid #e4eaf2; box-shadow:0 8px 40px rgba(13,30,74,0.07); }
.pg-form-label { font-size:13px; font-weight:700; color:#0d1e4a; margin-bottom:6px; display:block; letter-spacing:0.3px; }
.pg-form-input,.pg-form-select,.pg-form-textarea { width:100%; padding:12px 16px; border:1.5px solid #dde4f0; border-radius:12px; font-size:14.5px; color:#0d1e4a; background:#f8faff; transition:border-color 0.2s,box-shadow 0.2s; outline:none; font-family:inherit; }
.pg-form-input:focus,.pg-form-select:focus,.pg-form-textarea:focus { border-color:#1a4a9e; box-shadow:0 0 0 3px rgba(26,74,158,0.10); background:#fff; }
.pg-form-textarea { min-height:130px; resize:vertical; }
.pg-form-group { margin-bottom:20px; }
.pg-submit-btn { background:linear-gradient(135deg,#0d1e4a,#1a4a9e); color:#fff; border:none; padding:14px 40px; border-radius:50px; font-size:15px; font-weight:700; cursor:pointer; box-shadow:0 6px 24px rgba(26,74,158,0.35); transition:transform 0.2s,box-shadow 0.2s; width:100%; }
.pg-submit-btn:hover { transform:translateY(-2px); box-shadow:0 10px 32px rgba(26,74,158,0.50); }

/* -- Info Cards (contact) -- */
.pg-info-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px; }
.pg-info-card { background:#fff; border-radius:18px; padding:28px; border:1px solid #e4eaf2; text-align:center; }
.pg-info-card-icon { width:56px; height:56px; border-radius:14px; background:linear-gradient(135deg,#0d1e4a,#1a4a9e); display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; margin:0 auto 16px; }
.pg-info-card-title { font-size:15px; font-weight:700; color:#0d1e4a; margin:0 0 6px; }
.pg-info-card-text  { font-size:14px; color:#5a6070; margin:0; line-height:1.6; }
@media(max-width:767px){ .pg-info-cards { grid-template-columns:1fr; } }

/* -- Benefits Grid (career) -- */
.pg-benefits-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:48px; }
.pg-benefit-card { background:#fff; border-radius:18px; padding:28px; border:1px solid #e4eaf2; text-align:center; transition:transform 0.3s,box-shadow 0.3s; }
.pg-benefit-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(13,30,74,0.10); }
.pg-benefit-icon { width:54px; height:54px; border-radius:14px; background:linear-gradient(135deg,#0d1e4a,#1a4a9e); display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; margin:0 auto 16px; }
.pg-benefit-title { font-size:15px; font-weight:700; color:#0d1e4a; margin:0 0 8px; }
.pg-benefit-text  { font-size:13.5px; color:#5a6070; margin:0; line-height:1.6; }
@media(max-width:767px){ .pg-benefits-grid { grid-template-columns:1fr; } }

/* -- Value Prop Card (consultation) -- */
.pg-value-card { background:linear-gradient(135deg,#0d1e4a,#1a4a9e); border-radius:24px; padding:40px; color:#fff; height:100%; }
.pg-value-title { font-size:22px; font-weight:800; color:#fff; margin-bottom:10px; }
.pg-value-sub   { font-size:14.5px; color:rgba(255,255,255,0.60); margin-bottom:32px; line-height:1.7; }
.pg-value-list  { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:16px; }
.pg-value-list li { display:flex; align-items:flex-start; gap:14px; }
.pg-value-list-icon { width:36px; height:36px; border-radius:10px; background:rgba(255,255,255,0.12); display:flex; align-items:center; justify-content:center; font-size:15px; color:#b0beca; flex-shrink:0; margin-top:2px; }
.pg-value-list-text strong { display:block; font-size:14px; font-weight:700; color:#fff; margin-bottom:3px; }
.pg-value-list-text span   { font-size:13px; color:rgba(255,255,255,0.55); line-height:1.5; }

/* -- Time Pills (consultation) -- */
.pg-time-pills { display:flex; gap:10px; flex-wrap:wrap; }
.pg-time-pill { padding:9px 20px; border-radius:50px; border:2px solid #dde4f0; background:#f8faff; font-size:13.5px; font-weight:600; color:#0d1e4a; cursor:pointer; transition:all 0.2s; }
.pg-time-pill:hover,.pg-time-pill.selected { background:linear-gradient(135deg,#0d1e4a,#1a4a9e); color:#fff; border-color:transparent; }

/* -- Eligibility List (training) -- */
.pg-eligibility-list { display:flex; flex-direction:column; gap:16px; margin-top:32px; }
.pg-eligibility-item { display:flex; align-items:center; gap:16px; background:#fff; border-radius:14px; padding:18px 22px; border:1px solid #e4eaf2; }
.pg-eligibility-icon { width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,#0d1e4a,#1a4a9e); display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; flex-shrink:0; }
.pg-eligibility-text { font-size:15px; font-weight:600; color:#0d1e4a; }

/* -- Training Programs Grid (training) -- */
.pg-programs-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:48px; }
.pg-program-card { background:#fff; border-radius:20px; overflow:hidden; border:1px solid #e4eaf2; transition:transform 0.3s,box-shadow 0.3s; }
.pg-program-card:hover { transform:translateY(-5px); box-shadow:0 20px 48px rgba(13,30,74,0.11); }
.pg-program-card-top { padding:28px; display:flex; align-items:center; gap:16px; }
.pg-program-card-top-navy  { background:linear-gradient(135deg,#060e26,#0d1e4a); }
.pg-program-card-top-cobalt{ background:linear-gradient(135deg,#0d1e4a,#1a4a9e); }
.pg-program-icon { width:48px; height:48px; border-radius:13px; background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.22); display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; flex-shrink:0; }
.pg-program-name { font-size:16px; font-weight:700; color:#fff; margin:0; }
.pg-program-body { padding:20px 24px 24px; font-size:14px; color:#5a6070; line-height:1.7; }
@media(max-width:575px){ .pg-programs-grid { grid-template-columns:1fr; } }

/* -- About Vision/Mission -- */
.pg-identity-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:48px; }
.pg-identity-card { border-radius:20px; padding:36px; }
.pg-identity-card-navy  { background:linear-gradient(135deg,#060e26,#0d1e4a); color:#fff; }
.pg-identity-card-light { background:#f8faff; border:1px solid #e4eaf2; }
.pg-identity-card-navy h3  { color:#fff; }
.pg-identity-card-light h3 { color:#0d1e4a; }
.pg-identity-card h3 { font-size:1.6rem; font-weight:800; margin-bottom:16px; }
.pg-identity-card p  { font-size:15px; line-height:1.75; margin:0; }
.pg-identity-card-navy p  { color:rgba(255,255,255,0.65); }
.pg-identity-card-light p { color:#5a6070; }
.pg-identity-card ul { list-style:none; padding:0; margin:16px 0 0; display:flex; flex-direction:column; gap:10px; }
.pg-identity-card ul li { display:flex; align-items:center; gap:10px; font-size:14.5px; }
.pg-identity-card-navy ul li  { color:rgba(255,255,255,0.80); }
.pg-identity-card-light ul li { color:#0d1e4a; font-weight:600; }
.pg-identity-card ul li i { color:#6a9ed8; }
@media(max-width:767px){ .pg-identity-grid { grid-template-columns:1fr; } }

/* ============================================================
   FORM & CONTACT PAGE COMPONENTS
   ============================================================ */

/* Form Wrap */
.pg-form-wrap { background:#fff; border-radius:24px; padding:40px; border:1px solid #e4eaf2; box-shadow:0 8px 40px rgba(13,30,74,0.08); }
.pg-form-header { border-bottom:1px solid #e4eaf2; padding-bottom:24px; margin-bottom:28px; }
.pg-form-title { font-size:1.5rem; font-weight:800; color:#0d1e4a; margin:0 0 6px; }
.pg-form-sub   { font-size:14px; color:#64748b; margin:0; }
.pg-form-body  { }

/* Section label inside form */
.pg-form-section-label { font-size:13px; font-weight:700; color:#1a4a9e; text-transform:uppercase; letter-spacing:0.06em; margin-bottom:14px; }

/* Field row */
.pg-field { position:relative; }
.pg-field-icon { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#6a9ed8; font-size:14px; pointer-events:none; z-index:1; }
.pg-input { width:100%; padding:12px 14px 12px 40px; border:1.5px solid #dde4f0; border-radius:10px; font-size:14.5px; color:#0d1e4a; background:#f8faff; outline:none; transition:border 0.2s,box-shadow 0.2s; box-sizing:border-box; }
.pg-input:focus { border-color:#1a4a9e; box-shadow:0 0 0 3px rgba(26,74,158,0.12); background:#fff; }
.pg-textarea { resize:vertical; min-height:110px; padding-top:14px; padding-left:14px; }
.pg-textarea.pg-input { padding-left:14px; }
.pg-select { appearance:none; cursor:pointer; }

/* Info cards - horizontal layout used on contact page */
.pg-info-card { display:flex; align-items:flex-start; gap:16px; background:#f8faff; border-radius:14px; padding:18px 20px; border:1px solid #e4eaf2; }
.pg-info-icon  { width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,#0d1e4a,#1a4a9e); display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; flex-shrink:0; }
.pg-info-label { font-size:12px; font-weight:700; color:#1a4a9e; text-transform:uppercase; letter-spacing:0.06em; margin:0 0 3px; }
.pg-info-text  { font-size:14px; color:#0d1e4a; margin:0; line-height:1.55; }

/* File upload */
.pg-file-label { font-size:13px; font-weight:600; color:#0d1e4a; margin-bottom:8px; display:block; }
.pg-file-wrap  { }
.pg-file-wrap input[type="file"] { position:absolute; width:1px; height:1px; opacity:0; }
.pg-file-btn { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:20px; border:2px dashed #c7d6ef; border-radius:12px; background:#f8faff; cursor:pointer; color:#1a4a9e; font-size:14px; font-weight:600; transition:border 0.2s,background 0.2s; text-align:center; }
.pg-file-btn:hover { border-color:#1a4a9e; background:#eef3fa; }
.pg-file-btn small { font-size:12px; color:#94a3b8; font-weight:400; }
.pg-time-label { font-size:13px; font-weight:600; color:#0d1e4a; margin-bottom:10px; display:block; }

/* Consultation left panel benefit list */
.fcons-benefit-list-new { display:flex; flex-direction:column; gap:20px; margin-bottom:28px; }
.fcons-benefit-item { display:flex; align-items:flex-start; gap:14px; }
.fcons-benefit-ico { width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,0.15); display:flex; align-items:center; justify-content:center; font-size:15px; color:#fff; flex-shrink:0; }
.fcons-benefit-item strong { font-size:14px; font-weight:700; color:#fff; display:block; margin-bottom:2px; }
.fcons-benefit-item p { font-size:13px; color:rgba(255,255,255,0.70); margin:0; line-height:1.5; }

/* Trust strip */
.fcons-trust-row { display:flex; gap:16px; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,0.15); padding-top:20px; }
.fcons-trust-item-new { display:flex; align-items:center; gap:8px; font-size:13px; color:rgba(255,255,255,0.80); }
.fcons-trust-item-new i { color:#6a9ed8; font-size:15px; }

@media(max-width:767px){
  .pg-form-wrap { padding:24px 18px; }
  .fcons-trust-row { gap:12px; }
}