body {
    overflow-x: hidden !important;
}

html,
body {
    overflow-x: hidden !important;
    width: 100% !important;
}

.navbar.style-4 {
    padding: 0px 15px !important;
}

p {
    font-size: 18px !important;
}


/* Top blue strip */
.top-navbar.style-4 {
    background: #1f3da9;
    padding: 6px 0;
    font-size: 13px;
}

/* Main navbar separated from content */
.navbar.style-4 {
    background: #ffffff;
    padding: 12px 0;
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    /* Creates separation */
}

/* Active state + hover */
.navbar.style-4 .nav-link.active {
    color: #1f3da9 !important;
    font-weight: 600;
}

.navbar.style-4 .nav-link:hover {
    color: #1f3da9;
}


.nav-link {
    position: relative;
}

.nav-link {
    position: relative;
    display: inline-block;
    padding-bottom: 6px;
}

/* underline */
.nav-link::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    width: 0;
    height: 3px;
    background: #0957A4;
    border-radius: 2px;
    transform: translateX(-50%);
    transition: width 0.3s ease;
}

/* hover + active */
.nav-link:hover::before,
.nav-link.active::before {
    width: 60%;
}




/* =========================
   MEGA DROPDOWN – FINAL FIX
========================= */

.mega-dropdown {
    position: relative;
}

/* MAIN DROPDOWN BOX */
.mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 520px;

    background: transparent;
    /* ⭐ KEY FIX */
    border-radius: 8px;
    display: none;

    z-index: 9999;
    align-items: flex-start;
}



/* SHOW ON HOVER */
.mega-dropdown:hover .mega-menu {
    display: flex;
}

/* LEFT COLUMN */
.mega-left {
    width: 60%;
    margin: 0;
    padding: 10px 0;
    list-style: none;

    background: #0b6fa4;
    border-radius: 8px 0 0 8px;
    /* clean rounded edge */
}


/* LEFT ITEMS */
.mega-left li {
    padding: 12px 18px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14.5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 4px solid transparent;
    transition: background 0.25s ease, border 0.25s ease;
}

.mega-left li span {
    font-size: 16px;
}

/* ACTIVE / HOVER STATE */
.mega-left li:hover,
.mega-left li.active {
    background: #084f77;

}

 
 /* DESKTOP MEGA RIGHT */
.mega-right {
    position: absolute;          /* desktop positioning */
    top: 0;
    left: 60%;
    width: 40%;

    background: #095f8f;
    padding: 14px 18px;

    display: inline-flex;
    height: fit-content;

    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);

    transition: top 0.25s ease;
}




/* SUB MENU PANEL */
.mega-panel {
    display: none;
    flex-direction: column;
    gap: 10px;
}

.mega-panel.active {
    display: flex;
}

/* RIGHT LINKS */
.mega-panel a {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
    transition: opacity 0.2s ease;
}

.mega-panel a {
    padding: 8px 10px;
    border-radius: 4px;
}

.mega-panel a:hover {
    background: #084f77;
    /* lighter blue highlight */
    text-decoration: none;
    color: #ffffff;
}


.dropdown-menu {

    background-color: transparent !important;
}

/* =========================
   MOBILE MEGA MENU – CLEAN & WORKING
========================= */

@media (max-width: 991px) {

    .mega-menu {
        position: static;
        width: 100%;
        display: none;
        flex-direction: column;
        background: transparent;
        box-shadow: none;
    }

    .mega-menu.open {
        display: flex;
    }

    .mega-left {
        width: 100%;
    }

    

    .mega-right {
        position: static;          /* 🔥 KEY FIX */
        top: auto;
        left: auto;

        width: 100%;
        margin: 8px 0 0;
        padding: 12px 16px;

        display: block;            /* override inline-flex */
        box-shadow: none;          /* optional */
    }

    .mega-right.open {
        display: block;
    }

    .mega-panel {
        display: none;
    }

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


.rotate-icon {
    transform: rotate(90deg);
    display: inline-block;
}

.top-navbar .content a {
    text-decoration: none;
    white-space: nowrap;
}


/* Floating Social Bar */
.floating-social-bar {
    position: fixed;
    top: 35%;
    left: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 6px;
    background: #d9d9d9;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* Base icon circle style */
.floating-social-bar a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /* <-- ROUND ICONS */
    text-decoration: none;
    transition: 0.3s;
    color: #fff;
    /* icon always white */
    font-size: 20px;
    border: none;
}

/* Brand colors (in order) */
.floating-social-bar a:nth-child(1) {
    background: #1877F2;
}

/* Facebook */
.floating-social-bar a:nth-child(2) {
    background: #1DA1F2;
}

/* Twitter/X */
.floating-social-bar a:nth-child(3) {
    background: #0A66C2;
}

/* LinkedIn */
.floating-social-bar a:nth-child(4) {
    background: #FF0000;
}

/* YouTube */

/* Instagram Gradient */
.floating-social-bar a:nth-child(5) {
    background: radial-gradient(circle at 30% 30%, #feda75, #d62976, #962fbf, #4f5bd5);
}

/* Hover style */
.floating-social-bar a:hover {
    transform: translateX(6px);
    filter: brightness(1.1);
}


/* Social icons container */
.socail-icons a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    margin-right: 10px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    /* 🔥 WHITE background */
    text-decoration: none !important;
}

/* Icon size */
.socail-icons a i {
    font-size: 18px !important;
}

/* Brand colors */
.socail-icons .fa-facebook-f {
    color: #1877F2 !important;
}

.socail-icons .fa-instagram {
    color: #E4405F !important;
}

.socail-icons .fa-whatsapp {
    color: #25D366 !important;
}

.socail-icons .fa-linkedin {
    color: #0A66C2 !important;
}

/* Optional subtle hover */
.socail-icons a:hover {
    transform: translateY(-2px) !important;
}

.navbar-brand {
    margin-right: 3px !important;
    margin-left: -65px !important;
    padding-top: 10px !important;
}

.inner-header.style-5 .content h1 {
    font-size: 40px;
    /* text-transform: capitalize; */
    margin-top: 20px;
}

.section-head.style-5 h1 {
    font-size: 45px;
}

.section-head.style-5 h1 span {
    color: var(--color-blue5);
    position: relative;
    display: inline-block;
    padding: 0 5px;
    margin: 0 5px;
}

.section-head.style-5 h1 span::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background-color: var(--color-blue5);
    opacity: 8%;
}




.section-head.style-4 h1 {
    font-size: 40px;
    line-height: 1.3;
    color: #000;
}

.pl {

    padding-left: 15px !important;
}
.clients{

    padding-top: 20px !important;
  padding-bottom: 30px !important;
}
/* -----------------------------------home------------------------------------------------------------------------- */

.about-card {
    background: #eef3ff;
    /* same as section */
    padding: 35px 20px;
    border-radius: 12px;

    /* subtle border */
    border: 1px solid rgba(0, 0, 0, 0.08);

    /* soft outer shadow */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);

    text-align: center;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

/* icon */
.about-icon {
    width: 90px;
    height: 90px;
    object-fit: contain;
    margin-bottom: 15px;
}

/* heading text */
.about-card h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    color: #111;
}

/* hover effect */
.about-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}


.advantages {
    background: #eef3ff;
    padding-top: 50px;
    padding-bottom: 50px;
    /* same bg as about section */
}

/* Card */
.adv-card {
    background: #ffffff;
    padding: 35px 20px;
    border-radius: 12px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10);
    height: 100%;
    transition: .3s;
}

/* Hover */
.adv-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

/* Icon */
.adv-icon {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 15px;
}

/* Heading */
.adv-card h5 {
    font-size: 17px;
    font-weight: 600;
    color: #111;
    line-height: 1.4;
}


.service-item {
    border-radius: 12px;
    transition: 0.3s;
}

.service-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}


.consultation {

    margin-top: -150px !important;
    margin-bottom: -150px !important;
}

.portfolio.style-1 .portfolio-card .img {
    height: 470px !important;
    overflow: hidden;
}

.bannerSec {
    position: relative;
    overflow: hidden;
}


.bannerSec::before {
    content: "";
    position: absolute;
    top: 0;
    left: -22px;
    width: 260px;
    height: 200px;
    background: #0957A4;
    clip-path: path("M0 0 L0 200 Q130 60 260 0 Z");
    z-index: -1;
}



.maq-topbar.style-4 {
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.maq-topbar.style-4 .content {
    background: #0957A4 !important;
    color: #fff !important;
    padding: 6px 15px !important;
    position: relative !important;
    z-index: 2 !important;
}

.maq-topbar.style-4 .content::before {
    content: "" !important;
    position: absolute !important;
    overflow: hidden !important;
    left: -150px !important;
    top: -1px;             
    bottom: -1px;         
    width: 500px !important;
    background: #ffffff !important;
    transform: skewX(30deg) !important;
    z-index: -1 !important;
}

.email-coloum {

    margin-left: 380px !important;
}

.maq-topbar.style-4 a {
    color: #fff !important;
}

.maq-topbar {

    margin-bottom: 30px !important;
}


.bg-color {
    background: linear-gradient(180deg, #eef3ff 0%, #eef3ff 100%);
}



header.style-4 {
    padding: 30px 0 !important;
}


/* Fix Swiper Slide Logo Box */
.partnersSwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    /* TALLER BOX */
    padding: 15px;
}

/* Bigger, consistent logos */
.partnersSwiper .swiper-slide img {
    max-width: 200px;
    /* wider images */
    max-height: 200px;
    /* taller images */
    object-fit: contain;
    display: block;
}


/* Center content only inside this section */
.global-flags-section {
   
    text-align: center;
}

/* FLAG WRAPPER */
.global-flags-section .flag-strip {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 35px;
    margin-top: 30px;
}

/* EACH FLAG */
.global-flags-section .flag-item {
    text-align: center;
    color: #fff;
}

.global-flags-section .flag-item img {
    width: 85px;
    height: 85px;
    object-fit: contain;
    border-radius: 50%;
}

.global-flags-section .flag-item p {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 500;
}

.global {

    margin-top: -70px;
    margin-bottom: -10px;
}



/* Center each slide */
.testimonials-slider .swiper-slide {
    display: flex;
    justify-content: center;
}

/* Fixed-size card */
.testi-card.top-image {
    width: 100%;
    max-width: 500px;
    height: 600px;
    /* FIXED HEIGHT */
    padding: 70px 35px 40px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

/* Push slider down so avatar doesn't collide with heading */
.testimonials-slider {
    padding-top: 60px;
}


/* Avatar top circular logo */
.testi-card .testi-img {
    width: 110px;
    /* slightly smaller helps keep perfect circle */
    aspect-ratio: 1/1;
    /* always perfect square */
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
    margin: -60px auto 20px auto;
    flex-shrink: 0;
    /* prevent flex squish */
}

.testi-card .testi-img img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    /* logo stays clean */
}


/* Text clamp inside fixed height */
.testi-card .text {
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
    /* Show max lines */
}

/* Center all headings + stars */
.testi-card h4,
.testi-card .role,
.testi-card .stars {
    text-align: center;
}

/* Mobile optimization */
@media(max-width:575px) {
    .testi-card.top-image {
        height: 650px;
        /* slightly taller */
        padding: 60px 25px 40px;
    }

    .testi-card .testi-img {
        margin-top: -50px;
        /* a little lower on mobile */
    }

    .testi-card .text {
        -webkit-line-clamp: 14;
    }
}
.section-margin{

    padding-top: 60px;
    padding-bottom: 80px;
}
.iso_cert{

    padding-top: 60px;  
}


/* .course-slider {
    margin-top: -115px !important;
} */

.service-section{

    padding-top: 30px;
    padding-bottom: 20px;
}
/* ----------------------------about------------------------------------------------------------------------------------------------------------ */

.aboutusBanner {
    position: relative;
    overflow: hidden;
    background-color: #F4F6F8;
    z-index: 1;
}


/* Mission Vision Box */
.mv-box {
    background: #ffffff;
    padding: 40px 35px;
    position: relative;
    height: 100%;
}

/* Vertical blue line */
.mv-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    bottom: 30px;
    width: 6px;
    background-color: #1d1fa3;
}

.mv-box h3 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding-left: 20px;
}

.mv-box p {
    font-size: 16px;
    line-height: 1.8;
    padding-left: 20px;
    margin-bottom: 0;
    color: #000;
}


.custom-bullet-list {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.custom-bullet-list li {
    position: relative;
    padding-left: 36px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.8;
    color: #000;
}

.custom-bullet-list li i {
    position: absolute;
    left: 0;
    top: 4px;
    color: #154D94;
    font-size: 20px;

}


.aboutsec {
    padding-top: 20px !important;
    margin-bottom: -74px !important;
}

.about-Page,
.why-choose,
.management-team {
    background-color: #F4F6F8;
}

.management-team {
    padding-bottom: 50px !important;
}

/* Title */
.team-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
}

.team-subtitle {
    font-size: 20px !important;

}

/* Team Card */
.team-card {
    padding-top: 20px;
}

/* Circular Image */
.team-img {
    width: 160px;
    height: 160px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;

}

.team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Name & Role */
.team-name {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.team-designation {
    font-size: 15px;
    color: #000;
}


/* ================================
   Consulting Success Section
================================ */

.consulting-success {
    padding: 100px 0;
    background: linear-gradient(261deg, #1e3dbb 19%, #152352 98%);
}

/* Heading */
.success-title {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
}

.success-subtitle {
    color: #e6e6e6;
    font-size: 20px !important;
}

/* Cards */
.success-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 40px 25px;
    text-align: center;
    height: 100%;
}

/* Image Icons */
.success-card img {
    width: 55px;
    /* icon size */
    height: auto;
    margin-bottom: 15px;
}

/* Title */
.success-card h6 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
    line-height: 1.4;
}

/* Number */
.success-card span {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #000;
}

/* Small text */
.success-card small {
    display: block;
    font-size: 12px;
    color: #555;
    margin-top: 4px;
}

/* Force 5 cards in one row */
.card-col {
    width: 19.667% !important;
}

/* ================================
   Responsive
================================ */

@media (max-width: 991px) {
    .card-col {
        width: 50% !important;
        /* 2 cards per row on tablet */
    }
}

@media (max-width: 576px) {
    .card-col {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .success-card {
        max-width: 300px;
        width: 100%;
        padding: 35px 20px;
    }

    .success-title {
        font-size: 32px;
    }

    .success-subtitle {
        font-size: 16px;
    }
}


/* ================================
   Our Clients Section
================================ */

.our-clients {

    padding-top: 30px 0 !important;
    padding-bottom: 30px 0 !important;
}




/* Client Card */
.client-card {
    background: #ffffff;
    border-radius: 6px;
    padding: 40px 20px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    height: 100%;
    transition: all 0.3s ease;

    /* 🔥 Center image perfectly */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Hover (subtle like screenshot) */
.client-card:hover {
    transform: translateY(-5px);
}

/* Logo */
.client-card img {
    max-width: 80%;
    max-height: 115px;
    object-fit: contain;
}

/* Responsive */
@media (max-width: 576px) {
    .our-clients .col-sm-6 {
        display: flex;
        justify-content: center;
    }

    .client-card {
        width: 85%;
        max-width: 320px;
        padding: 30px 15px;
    }

    .client-card img {
        max-width: 80%;
        max-height: 80px;
        object-fit: contain;
    }
}


.testimonials {
    padding-top: 45px !important;
    padding-bottom: 35px;
}


.testimonials-slider {
    width: 100%;
    overflow: hidden;
    /* Hides the extra cut part */
}

.testimonials-slider .swiper-wrapper {
    padding-bottom: 20px;
}

.testimonials-slider .swiper-slide {
    width: auto;
    display: flex;
    justify-content: center;
}


.testimonials-slider .swiper-pagination {
    display: none !important;
}






.footerLogo {
    max-width: 76% !important;
}




.banner-info {
    padding-top: 70px !important;
    padding-left: 65px;
}

.aboutUs {
    padding-top: 0px !important;
}




.certificate-slider .img img {
    height: 350px;
    width: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    border: 8px solid #ffffff;
    /* White border */
    border-radius: 8px;
    /* Optional: for rounded corners */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* Optional: soft shadow */
    background-color: #ffffff;
    /* To fill in transparent areas */
}

.teamSwiper {
    overflow: hidden;
    padding: 0;
}

.swiper-slide {
    box-sizing: border-box;
}

.about-banner {

    max-width: 90% !important;
}

.why-choose-img {

    max-width: 89% !important;
}

/* ---------------------------------------------------contact--------------------------------------------------------------------- */
.contact-banner-info h1 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 25px;
}

/* Office title */
.office-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #154D94;
    margin-bottom: 10px;
}

.office-title i {
    font-size: 16px;
    color: #154D94;
}

/* Contact block spacing */
.contact-block {
    margin-bottom: 28px;
}

/* Lines with icons */
.contact-line {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 6px;
    color: #000;
}

/* Icons beside text */
.contact-line i {
    font-size: 14px;
    color: #000;
    margin-top: 4px;
    min-width: 16px;
}


.contact-row {
    display: flex;
}

.contact-row>div {
    display: flex;
}

.contact-banner-info,
.contact-form-wrapper {
    width: 100%;
    height: 100%;
    min-height: 100%;
}



/* Right form card */




.contact-form-wrapper {
    background: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}



.form-label {
    font-size: 18px;
    font-weight: 600;
}

.country-input-wrapper {
    position: relative;
}

.country-name-inline {
    position: absolute;
    left: 110px;
    /* aligns after flag + code */
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #333;
    pointer-events: none;
    white-space: nowrap;
}

/* Ensure input padding doesn’t overlap text */
.country-input-wrapper input {
    padding-left: 180px !important;
}

/* intl-tel-input full width */
.iti {
    width: 100%;
}

.iti__country-list {
    z-index: 9999;
}

/* ----------------------------------------------blog------------------------------------------------------------------ */

/* ================= BLOG LAYOUT ================= */
/* BLOG LAYOUT */
.blog-layout {
    padding: 0px 0;
}

.blog-layout .row {
    align-items: flex-start !important;
}

/* Swiper container */
/* ================================
   BLOG SLIDER (NO OVERLAY)
================================ */

/* Swiper container */
.blog-swiper {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 0 !important; /* remove extra gap */
}
.blog-img-wrapper {
    position: relative;
    overflow: hidden;
}
.blog-img-wrapper img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
}

/* Hover overlay */
.blog-hover-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.25),
        rgba(0, 0, 0, 0.25)
    );
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 2;
}

.blog-slide-card:hover .blog-hover-overlay {
    opacity: 1;
}
/* Each slide card */
.blog-slide-card {
    display: block;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

/* Image */
.blog-slide-card img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
}

/* Caption BELOW image */
.blog-caption {
    padding: 20px;
    background: #fff;
}

/* Title */
.blog-caption h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 6px;
    color: #000;
}

/* Date */
.blog-caption span {
    font-size: 14px;
    color: #777;
}

/* Hover effect */
.blog-slide-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

 

/* ================================
   SWIPER PAGINATION (DOTS)
================================ */

.swiper-pagination {
    position: relative;
    margin-top: 18px;
    text-align: center;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #3a3fb5;
    opacity: 0.35;
}

.swiper-pagination-bullet-active {
    opacity: 1;
}

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

@media (max-width: 768px) {
    .blog-slide-card img {
        height: 260px;
    }

    .blog-caption h3 {
        font-size: 18px;
    }
}

/* Recommended Reads */
.recommended-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.recommended-card {
    display: flex;
    align-items: center;          /* 👈 vertical alignment */
    gap: 15px;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    margin-bottom: 16px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.recommended-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.recommended-card img {
    width: 200px;
    height: 100px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;   /* 👈 prevents image shrinking */
}

.recommended-card .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.recommended-card h6 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 4px;
    color: #111;
}

.recommended-card a {
    text-decoration: none;
}

.recommended-card a:hover h6 {
    color: #2E52A4;
}

/* Date */
.recommended-card span {
    font-size: 13px;
    color: #777;
}

.recommended-card span {
    font-size: 13px;
    color: #777;
}

/* Responsive */
@media (max-width: 991px) {
    .blog-swiper img {
        height: 300px;
    }
}

.blog-wrapper {

    margin-bottom: 82px !important;
}
.no-blogs-message h5 {
    font-size: 18px;
    font-weight: 600;
    color: #666;
}


/* ================================
   BLOG CATEGORY FILTER
================================ */
.blog-filter {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.filter-btn {
    padding: 8px 22px;
    border-radius: 30px;
    border: 1px solid #2E52A4;
    background: #fff;
    color: #2E52A4;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.filter-btn.active,
.filter-btn:hover {
    background: #2E52A4;
    color: #fff;
}


/* ================================
   BLOG CARD
================================ */
.blog-card {
    display: block;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #eee;
    transition: all 0.3s ease;
    text-decoration: none;
}

.blog-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-6px);
}

.blog-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.blog-card-content {
    padding: 18px 18px 22px;
}

.blog-card-content h5 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}

.blog-card-content span {
    display: block;
    font-size: 14px;
    color: #666;
}

/* READ MORE BUTTON */
.read-more-btn {
    margin-top: auto !important;                 
    display: flex!important;  
    justify-content: center!important;  
    align-items: center!important;  
    gap: 6px!important;  

    width: 100%!important;  
    padding: 12px 0!important;  

    background: linear-gradient(90deg, #2E52A4, #2E52A4)!important;  
    color: #fff!important;  
    font-size: 13px!important;  
    font-weight: 600!important;  
    border-radius: 6px!important;  
    transition: all 0.3s ease!important;  
}


/* Hover effects */
.blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

.blog-card:hover .read-more-btn {
    background: #2E52A4;
}

/* Hover effects */
.blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

.blog-card:hover .read-more-btn {
    background: #2E52A4;
}

/* ================================
   BLOG ITEM FLOW ANIMATION (FIXED)
================================ */
.blog-item {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Hidden state */
.blog-item.hide {
    opacity: 0;
    transform: translateY(30px);
    pointer-events: none;
    visibility: hidden;
}


/* ================================
   GRID FIX (IMPORTANT)
================================ */
.blog-grid {
    align-items: stretch;
}




.main-info ul {
    padding-left: 0;
    list-style: none;
}

.main-info ul li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 16px;
    color: #333;
    position: relative;
}

.main-info ul li::before {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #2E52A4;
    margin-right: 8px;
    font-size: 18px;
}






/* ----------------------------------------service-------------------------------------------------------------------- */
/* =========================
   QHSE SECTION – UPDATED SIZE
========================= */

/* IMAGE WRAPPER – REDUCED HEIGHT */
.qhse-img-wrapper {
    height: 360px;
    /* reduced image height */
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.qhse-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* CONTENT BOX – INCREASED SIZE */
.qhse-card {
    background: #ffffff;
    padding: 50px 55px;
    /* increased box size */
    border-radius: 20px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
    min-height: 260px;
}

/* TITLE */
.qhse-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 22px;
    color: #1a1a1a;
}

/* TAG ROW */
.qhse-tags {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

/* TAG STYLE */
.qhse-tag {
    background: #2f56b0;
    color: #ffffff;
    padding: 10px 22px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
}

/* RESPONSIVE TWEAKS */
@media (max-width: 991px) {

    .qhse-img-wrapper {
        height: 280px;
    }

    .qhse-card {
        padding: 30px 22px;
        min-height: auto;
    }

    .qhse-title {
        font-size: 22px;
        text-align: center;
    }

    .qhse-tags {
        gap: 12px;
        justify-content: center;
    }

    /* FIX QHSE TAG OVERFLOW */
    .qhse-tag {
        width: 100%;
        /* full width */
        text-align: center;
        font-size: 14px;
        padding: 12px 16px;
        white-space: normal;
        /* allow wrap */
        line-height: 1.4;
    }
}


/* =========================
   INDUSTRY SECTION
========================= */

.industry-section {
    background: #ffffff;
}

/* LEFT CARD */
.industry-card {
    background: #ffffff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.15);
}

.industry-title {
    font-size: 28px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 30px;
}

/* TAGS */
.industry-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.tag {
    padding: 10px 24px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
}

/* FILLED TAG */
.tag.filled {
    background: #2f56b0;
    color: #ffffff;
}

/* OUTLINE TAG */
.tag.outline {
    border: 1px solid #2f56b0;
    color: #2f56b0;
    background: transparent;
}

/* WIDE TAG */
.tag.wide {
    padding: 12px 28px;
}

/* IMAGE */
.industry-img {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.15);
}

.industry-img img {
    width: 100%;
    height: 560px;
    object-fit: cover;
}

.iso-section-padding {

    padding-top: 0px;
    padding-bottom: 100px;
}

/* =========================
   INDUSTRY TAGS – MOBILE FIX
========================= */

@media (max-width: 991px) {

    .industry-card {
        padding: 30px 22px;
    }

    .industry-title {
        font-size: 22px;
        text-align: center;
    }

    .industry-tags {
        gap: 12px;
    }

    /* FIX TAG OVERFLOW */
    .tag {
        width: 100%;
        /* full width pills */
        text-align: center;
        font-size: 14px;
        padding: 12px 16px;
        white-space: normal;
        /* ⭐ allow text wrapping */
        line-height: 1.4;
    }

    .industry-img img {
        height: 260px;
    }
}

/* =========================
   WHY MAQLINK SECTION
========================= */

.why-maqlink-section {
    background: #f6fbff;
    padding: 80px 0;
}

/* LEFT CONTENT */
.why-maqlink-content {
    padding-right: 20px;
}

.why-title {
    font-size: 36px;
    font-weight: 700;
    color: #0b3aa4;
    margin-bottom: 20px;
}

.why-maqlink-content p {
    font-size: 15px;
    line-height: 1.7;
    color: #333;
    margin-bottom: 25px;
}

/* BUTTON */
.why-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #2f56b0;
    color: #fff;
    padding: 10px 22px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.why-btn:hover {
    background: #2448a0;
    color: #fff;
}

/* ICON BOX */
.why-icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 10px 15px;
}

.why-icon-box i {
    font-size: 40px;
    color: #2f56b0;
}

.why-icon-box p {
    font-size: 14px;
    line-height: 1.5;
    color: #1a1a1a;
    margin: 0;
    max-width: 240px;
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .why-title {
        font-size: 28px;
        text-align: center;
    }

    .why-maqlink-content {
        text-align: center;
        padding-right: 0;
    }

    .why-icon-box p {
        max-width: 100%;
    }
}

/* =========================
   ISO IMPLEMENTATION SECTION
========================= */

.iso-implementation-section {
    background: #fafafa;
    padding: 80px 0;
}

.iso-section-title {
    font-size: 32px;
    font-weight: 600;
    color: #1a1a1a;
}

/* CARD */
.iso-card {
    background: #ffffff;
    border-radius: 8px;
    padding: 0 35px 35px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* CARD HEADER */
.iso-card-header {
    background: #e9ebff;
    color: #2f2fd4;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    padding: 18px;
    margin: 0 -35px 25px;
    border-radius: 6px;
}

/* =========================
   ISO LIST – FINAL (EXACT)
========================= */

.iso-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

/* CHECK ITEMS */
.iso-list li.check {
    position: relative;
    padding-left: 44px;
    margin-bottom: 16px;
    font-size: 15px;
    color: #333;
    line-height: 1.6;
}

/* BLUE CIRCLE CHECK */
.iso-list li.check::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 2px;

    width: 22px;
    height: 22px;
    border-radius: 50%;

    background: #3db9e3;
    color: #ffffff;

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

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

/* SUB ITEMS (NO ICON) */
.iso-list li.sub {
    padding-left: 44px;
    margin-bottom: 14px;
    font-size: 15px;
    color: #444;
    line-height: 1.6;
}

/* BUTTON */
.iso-btn {
    display: block;
    text-align: center;
    padding: 12px 20px;
    border: 2px solid #7a00ff;
    color: #7a00ff;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.iso-btn:hover {
    background: #7a00ff;
    color: #ffffff;
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .iso-section-title {
        font-size: 26px;
    }

    .iso-card {
        padding: 0 25px 30px;
    }

    .iso-card-header {
        font-size: 22px;
        margin: 0 -25px 20px;
    }

    .iso-list li.check,
    .iso-list li.sub {
        font-size: 14.5px;
    }
}

/* =========================
   FAQ SECTION – NO BOX STYLE
========================= */

.faq-section {
    padding: 80px 0;
    background: #ffffff;
}

.faq-title {
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 40px;
    color: #222;
}

/* FAQ ITEM */
.faq-item {
    border-bottom: 1px solid #bdbdbd;
}

/* QUESTION */
.faq-question {
    width: 100%;
    background: transparent;
    border: none;
    padding: 22px 0;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    cursor: pointer;

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

/* ICON */
.faq-icon {
    font-size: 18px;
    transition: transform 0.25s ease;
}

/* ANSWER */
.faq-answer {
    display: none;
    padding: 0 0 22px;
    font-size: 15px;
    line-height: 1.7;
    color: #4a00ff;
}

/* ACTIVE */
.faq-item.active .faq-answer {
    display: block;
}

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

/* =========================
   FAQ MOBILE ALIGNMENT FIX
========================= */

@media (max-width: 768px) {

    .faq-item {
        text-align: left;
    }

    .faq-question {
        text-align: left;
        align-items: flex-start;
        gap: 12px;
        font-size: 15px;
    }

    .faq-question span,
    .faq-question p {
        text-align: left;
    }

    .faq-icon {
        margin-left: auto;
        /* pushes arrow to right */
    }

    .faq-answer p {
        text-align: left;
        font-size: 13px !important;
    }

    .iso_consultancy {

        margin-top: -79px;
    }
}



/* =========================
   ISO CHECK LIST (IMAGE MATCH)
========================= */

.iso-check-list {
    list-style: none;
    padding: 0;
    margin: 25px 0 0;
}

.iso-check-list li {
    position: relative;
    padding-left: 42px;
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 1.6;
    color: #111;
}

/* BLUE CIRCLE CHECK */
.iso-check-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 2px;

    width: 26px;
    height: 26px;
    border-radius: 50%;

    background: #00a9e0;
    color: #ffffff;

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

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

/* CONNECT BUTTON */
.iso-connect-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 14px 28px;
    background: #2f3fbf;
    color: #ffffff;
    border-radius: 28px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s ease;
}

.iso-connect-btn:hover {
    background: #1f2fa0;
    color: #ffffff;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {

    .iso-check-list li {
        font-size: 15px;
        padding-left: 38px;
    }

    .iso-check-list li::before {
        width: 24px;
        height: 24px;
        font-size: 14px;
    }
}

 /* =========================
   ISO 9001 BENEFITS SECTION
========================= */

.iso-benefits-list {
    list-style: none;
    padding: 0;
    margin-top: 30px;
}

.iso-benefits-list li {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    color: #ffffff;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 16px;
}

/* ICON STYLE */
.benefit-icon {
    min-width: 34px;
    height: 34px;
    background: rgba(255,255,255,0.15);
    border-radius: 6px;

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

    color: #ffffff;
    font-size: 15px;
}
.benefits{

    margin-top: -80px;
    margin-bottom: -90px;
}

/* =========================
   MOBILE FIX (MOST IMPORTANT)
========================= */

@media (max-width: 768px) {

    /* Remove squeezed layout */
    .benefits .row {
        margin-left: 0;
        margin-right: 0;
    }

    .benefits.container {
        max-width: 100%;
        padding-left: 18px;
        padding-right: 18px;
    }

    /* Title */
    .benefits h2 {
        font-size: 22px;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 20px;
    }

    /* Paragraph */
    .benefits .text {
        font-size: 14px;
        line-height: 1.7;
        text-align: left;
    }

    /* List */
    .iso-benefits-list {
        margin-top: 24px;
    }

    .iso-benefits-list li {
        font-size: 14px;
        line-height: 1.6;
    }

    .benefit-icon {
        min-width: 30px;
        height: 30px;
        font-size: 14px;
    }
}





.iso-standards-section {
    padding: 10px 0;
    background-image: url('../img/isoTraining/waves3.webp'); 
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    position: relative;
}

/* Optional overlay for readability */
.iso-standards-section::before {
    content: "";
    position: absolute;
    inset: 0;
    /* background: rgba(255, 255, 255, 0.9); */
}

.iso-standards-section .container {
    position: relative;
    z-index: 2;
}

.iso-card {
    border: 2px solid #2f56b0;
    border-radius: 14px;
    padding: 40px 25px;
    text-align: center;
    background: transparent;
    height: 100%;
    transition: all 0.3s ease;
}

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

.iso-code {
    color: #2f56b0;
    font-weight: 700;
    margin-bottom: 15px;
}

.iso-card p {
    font-size: 16px;
    margin-bottom: 25px;
}

.iso-arrow {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0b6fa4;
    color: #fff;
    font-size: 18px;
    transition: 0.3s;
}

.iso-arrow:hover {
    background: #2f56b0;
    color: #fff;
}



.iso-info-note {
    display: flex;
    align-items: center;
    gap: 15px;
    max-width: 900px;
    margin: 40px auto 0;
    padding: 18px 25px;
    border-radius: 50px;
    /* background: #ffffff; */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

 

.info-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    background: #3b3fe4;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}


.training-mode-section {
    padding: 100px 0;
}

.training-icon img {
    width: 170px;
    height: auto;
}

.training-subtitle {
    font-size: 25px;
    color: #555;
}

.training-mode-section .btn-primary {
    background-color: #2f56b0;  
    border-color: #2f56b0;
    
}
.hr_training{
    padding-top: 80px;
}


.inspection-services-grid{
    padding-bottom: 80px;
}
 

.inspection-card {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

.inspection-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
}

.inspection-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.inspection-card h5 {
    padding: 18px 16px;
    margin: 0;
    text-align: center;
    font-size: 20px;
  
    color: #310A86; /* matches purple tone in image */
}









/* --------------------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
    header.style-4 .content .info .title_small {
        font-size: 16px !important;
        font-weight: 500 !important;
    }



    .navbar-brand {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;

        margin-right: 3px !important;
        margin-left: -11px !important;
    }


    .navbar.style-4 .navbar-brand {
        width: 201px !important;
    }


    .header.style-4 .wave {
        height: 163px !important;
    }


    header.style-4 .wave {
        position: absolute;
        left: -3%;
        bottom: -69px !important;
    }




    .banner-info {
        padding-top: 0px !important;
        padding-left: 0px;
        margin-top: 28px !important;
    }



    .inner-header.style-5 .content {
        padding: 33px 0 !important;
        padding-right: 0px;
        position: relative;
    }




    .aboutUs {
        padding-top: 49px !important;
    }



    /* ----------------------end card----------------------- */
    .clients {
        padding-top: 19px !important;
    }




    .portfolio.style-1 .portfolio-card .info .text {
        color: #666;
        margin: 15px 0 20px;
        font-size: 16px !important;
    }

    .text {
        font-size: 16px !important;
    }

    .contact-title {

        margin-left: 70px !important;
    }


    /* --------------------------------------------------------------------------- */


    .bannerSec::before {
        content: "";
        position: absolute;
        top: 0;
        left: -77px;

    }

    .floating-social-bar {
        display: none !important;
    }


    .consultation {
        margin-top: -107px !important;
        margin-bottom: -40px !important;
    }

    .flag-section {

        margin-top: -73px !important;
    }

    .about-Page {

        margin-top: -60px;
    }

    .team-title {
        font-size: 28px !important;
    }

    .team-subtitle {
        font-size: 16px !important;
    }

    .hse-consultancy{

        padding-top: 0px !important;
    }

    .hr_training{
        padding-top: 0px !important;
    }


    .top-btn{

        margin-bottom: 50px;
    }

    .nav-item{

        padding-bottom: 10px;
    }

    .global-flags-section {
        padding: 60px 0;
        
    }
}