/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Slab:wght@100..900&display=swap');
 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


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

body {

    background: #fff;
    font-family: "Poppins", serif !important;
}

a {
    text-decoration: none !important;
    color: inherit;
}

li {
    list-style: none;
}

:root {
    --primary-color: #002d72;
}

p {
    /* text-align: justify; */
}

/* common-section */
.stats-section {
    padding: 0;
    margin: 40px 0;
}

.stats-wrapper {
    display: flex;
    height: 153px;
    overflow: hidden;
    gap: 0;
}

.stat-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 60px;
    position: relative;
}

.stat-item h2 {
    margin: 0;
    font-size: 50px;
    font-weight: 700;
    color: #F2750C;
    line-height: 1;
    text-align: left;
}

.stat-item p {
    margin: 4px 0 0;
    font-size: 20px;
    text-transform: uppercase;
    font-family: Georgia, serif;
}

/* First Block */
.stat-dark {
    background: #002d7a;
    color: #fff;
    z-index: 1;
}

.stat-dark p {
    color: #fff;
}

/* Second Block */
.stat-blue {
    background: #2458f5;
    color: #fff;
    clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
    margin-left: -55px;
    z-index: 2;
}

.stat-blue p {
    color: #fff;
}

/* Third Block */
.stat-gray {
    background: #d7d7d7;
    clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
    margin-left: -55px;
    z-index: 3;
}

.stat-gray p {
    color: #4f4f4f;
}

/* Fourth Block */
.stat-light {
    background: #f5f5f5;
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
    margin-left: -55px;
    z-index: 4;
}

.stat-light p {
    color: #4f4f4f;
}

/* Anti-gap fix */
.stat-blue::before,
.stat-gray::before,
.stat-light::before {
    content: "";
    position: absolute;
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    background: inherit;
}

/* Responsive */
@media (max-width: 991px) {
    .stats-wrapper {
        flex-direction: column;
        height: auto;
    }

    .stat-item,
    .stat-blue,
    .stat-gray,
    .stat-light {
        clip-path: none;
        margin-left: 0;
        min-height: 100px;
    }

    .stat-item {
        padding: 25px;
        text-align: center;
        align-items: center;
    }

    .stat-item h2,
    .stat-item p {
        text-align: center;
    }

    .stat-blue::before,
    .stat-gray::before,
    .stat-light::before {
        display: none;
    }
}

.btnclass {
    cursor: pointer !important;
}

.heading2 {
    text-align: center !important;
    color: var(--primary-color) !important;
    font-size: clamp(22px, 2.5vw, 30px) !important;
    font-weight: 700 !important;
}

.heading2SubText {
    text-align: center !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    margin-bottom: 62px !important;
}

/* ================== header ==================*/

header {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.custom-navbar {
    background: white;
    border-radius: 18px;
    padding: 18px 22px !important;
    width: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    padding: 0px 16px !important;
}


.navbar-brand img {

    width: 170px;
    height: 101px;

}

@media (max-width:1200px) {
    .navbar-brand img {

        width: 130px;
        height: 70px;

    }
}

@media (max-width:756px) {
    .navbar-brand img {

        width: 130px;
        height: 70px;

    }
}

.navbar-nav {
    gap: 4px;
}



.nav-link {
    color: #111 !important;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s;

    i {
        font-size: 12px;
    }
}

.nav-link:hover {
    color: #123d89 !important;
}

.nav-link.active {
    color: #123d89 !important;
    font-weight: 700;
}

.contact-btn {
    background: #123d89;
    color: white;
    border: none;
    border-radius: 40px;
    padding: 12px 30px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
}

.contact-btn:hover {
    background: #0f3270;
}









/*=============== hero section ===========*/
.hero-section {
    padding-top: 0px !important;
    height: 669px;
    /* background: radial-gradient(circle at center,
            #4b9da0 0%,
            #08222c 60%); */

    background: radial-gradient(circle at center, #7fc8cb 0%, #08222c 60%);
    background: radial-gradient(circle at center, #99c0c1 0%, #3b606e 60%);

    position: relative;
    overflow: hidden;
}

.hero-swiper,
.hero-swiper .swiper-wrapper,
.hero-swiper .swiper-slide {
    height: 100%;
}

.hero-swiper .swiper-slide {
    overflow: hidden;
}

.hero-swiper .hero-swiper-pagination {
    top: 90% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    width: auto !important;
    transform: translate(-50%, -50%) !important;
    z-index: 100;
    display: flex !important;
    flex-direction: row;
    gap: 10px;
}

.hero-swiper .hero-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50px !important;

    margin: 0 !important;
    background: #ffffff !important;
    opacity: 0.8;
    border-radius: 0px;
}

.hero-swiper .hero-swiper-pagination .swiper-pagination-bullet-active {
    /* transform: scaleX(1.4); */

    transform-origin: right;
    transition: transform .4s ease;
    background: #ff8c1a !important;
    opacity: 1;
}

.hero-content {
    min-height: 660px;
    align-items: flex-end;
    position: relative;
    z-index: 2;
    padding-bottom: 0;
}

.small-heading-hero {
    color: #ff9d1e !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 22px;
}

.hero-title {
    color: white;
    font-size: clamp(28px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.15;
    max-width: 700px;
}





.hero-btn1 {
    background: #ff8c1a;
    color: white;
    border: none;
    padding: 15px 38px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    transition: 0.3s;
    text-decoration: none;
    display: inline-block;
}

.hero-btn1:hover {
    background: #eb7d11;
    color: white;
}

.hero-btn2 {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: white;
    padding: 15px 38px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    transition: 0.3s;
    text-decoration: none;
    display: inline-block;
}

.hero-btn2:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}


.hero-right {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
}

.hero-right figure {
    width: 100%;
    margin: 0;
    overflow: visible;
}

.hero-image {

    width: 647px;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: -130px;
    object-fit: contain;
}

/* Tablets */
@media (max-width: 992px) {
    .hero-image {
        max-width: 500px;
        margin-bottom: -180px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .hero-section {
        padding-top: 40px !important;
    }

    .hero-image {
        max-width: 416px;
        margin-bottom: 0px;
        margin-top: 14px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .hero-section {}

    .hero-image {
        max-width: 380px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
}

.hero-curve {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 99;
    pointer-events: none;
    /* ← add this */
}

.hero-curve svg {
    display: block;
    width: 100%;
    height: 250px;
}

/* 


@media (max-width: 991px) {

    .hero-section {
        min-height: auto;
        padding-bottom: 120px;
    }

    .hero-content {
        text-align: center;
        padding-top: 80px;
    }

    .hero-title {
        font-size: 40px;
    }

    .hero-image {
        margin-top: 40px;
        right: 0;
        bottom: 0;
    }

    .contact-btn {
        margin-top: 15px;
    }

    .navbar-nav {
        margin-top: 20px;
    }
}

@media (max-width: 576px) {

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

    .small-heading {
        font-size: 18px;
    }

    .hero-btn1,
    .hero-btn2 {
        width: 100%;
    }
}

 */






/* =========slide=========== */
.carousel-auto {
    margin-bottom: 100px;
}

.carousel-auto-head {
    text-align: center;
    color: var(--primary-color);
    font-size: 30px;
}

.carousel-auto-text {
    text-align: center;

    font-size: 18px;
    margin-bottom: 20px;
}

.carousel-item {
    transition: transform 1.2s ease-in-out;
}

.slideFigure {
    width: 150px;
    height: 60px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}


.carousel-indicators {
    display: none !important;
}

.carousel {
    overflow: hidden;
}

.carousel-inner {
    display: flex;
    align-items: center;
}

.carousel-item {
    transition: transform 2s linear !important;
}

.slideFigure {
    width: 150px;
    height: 60px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.carousel-indicators {
    display: none !important;
}


.carousel-control-prev,
.carousel-control-next {
    transition: all 0.4s ease;
}




.carousel-control-prev,
.carousel-control-next {
    display: none;
}

.marquee-wrapper {
    overflow: hidden;
    position: relative;
}

.marquee-wrapper::before,
.marquee-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    z-index: 2;
    pointer-events: none;
}

.marquee-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #fff, transparent);
}

.marquee-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #fff, transparent);
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee-scroll 18s linear infinite;
}

.marquee-track:hover {
    animation-play-state: paused;
}

@keyframes marquee-scroll-reverse {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

.marquee-track-reverse {
    animation-name: marquee-scroll-reverse;
}

@keyframes marquee-scroll {
    from {
        transform: translateX(0);
    }

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

.logo-item {
    width: 150px;
    height: 70px;
    margin: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.logo-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.our-client {
    text-align: center;
    color: var(--primary-color);
    font-size: 30px;
}

.our-client-text {
    font-size: 14px;
    text-align: center;
    margin-bottom: 60px;
}

.clients-section {
    margin-bottom: 80px;
}

/* contain section */

.contain-section {}

.contain-left figure {
    max-width: 500px;
    max-height: 320px;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

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




.btn {
    display: inline-block;
    padding: 8px 20px !important;

}

/* Statutory compliance card grid */
.registration-section .timeline-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px 16px;
    padding: 32px 40px;

    border-radius: 0;
    overflow: visible;
}

.registration-section .timeline-line,
.registration-section .timeline-item::before,
.registration-section .timeline-item::after {
    display: none;
}

.registration-section .timeline-item,
.registration-section .timeline-item.left,
.registration-section .timeline-item.right {
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.registration-section .timeline-card {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    align-items: start;
    gap: 28px;
    min-height: 250px;
    height: 100%;
    padding: 24px;
    border-radius: 7px;
    box-shadow: 0 4px 8px rgba(24, 51, 74, .10);
}

.registration-section .timeline-icon {
    width: 48px;
    height: 48px;
    min-width: 28px;
    border: 0;
    border-radius: 50%;
    background: #eef4ff;
}

.registration-section .timeline-icon figure {
    width: 16px;
    height: 16px;
}

.registration-section .timeline-icon i {
    color: #072561;
    font-size: 13px;
}

.registration-section .timeline-card-content {
    min-width: 0;
}

.registration-section .timeline-card h5 {
    margin: 0;
    color: #162036;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 700;
}




@media (max-width: 991px) {
    .registration-section .timeline-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 28px;
    }
}

@media (max-width: 576px) {
    .registration-section .timeline-wrapper {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .registration-section .timeline-card {
        min-height: 128px;
    }
}

/* .themebtn{
    border: 1px solid var(--primary-color) !important;
    border-radius: 30px !important;
} */


.themeBtn {
    display: inline-block;

    padding: 8px 40px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);

    text-align: center;
    position: relative;
    transition: all .35s;
    border-radius: 30px;
    margin-top: 20px;
}

.themeBtn span {
    position: relative;
    z-index: 2;
}

.themeBtn:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--primary-color);
    transition: all .35s;
    border-radius: 30px;
}

.themeBtn:hover {
    color: #fff;
    border-radius: 30px;
}

.themeBtn:hover:after {
    width: 100%;
    border-radius: 30px;
}


.contain-head {
    color: var(--primary-color) !important;
}









/* =======our-vison-section====== */
.our-vison-section {
    margin-top: 100px;
}


.bg-yellowcolor {
    background-color: #F0F9F5;
    border-radius: 16px;
    padding: 26px;
}


.ourvison-head {
    color: #EC871E;
}


.ourvison-subText {
    color: var(--primary-color);
    font-weight: 500;
}


.ourvison-subText li {
    display: list-item;
    list-style-type: disc;
    margin-bottom: 10px;
}

.ourvison-subText li::marker {
    font-size: 22px;
}


/* ---sub section--- */
.icon-container {
    width: 50px;
    height: 50px;
    overflow: hidden;
    background-color: #E7862C;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 8px;
    font-size: 28px;
}

.iconMainContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    border-right: 1px solid #ccc;
    height: 100%;
}

.noborder {
    border-right: none !important;
}

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

.iconMainContainerText li {
    margin: 0;
}

.iconMainContainerText li:first-child {
    font-size: 22px;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1.2;
}

.iconMainContainerText li:last-child {
    font-size: 18px;
    color: var(--primary-color);
    line-height: 1.4;
    font-weight: 500;
}

.iconMainContainer-head {
    margin-top: 60px;
    color: var(--primary-color);
    font-size: 30px;
    text-align: center;
    margin-bottom: 41px;
}

/* Home statistics */
.home-stats-section {
    position: relative;
    padding: 10px 30px;
    overflow: hidden;
    /* background: linear-gradient(135deg, #0B205D 0%, #707da4 100%); */
    background-color: #0B205D;
    border: none;
    border-radius: 25px;
}

.adtxt {
    font-size: clamp(25px, 2.5vw, 34px) !important;
}

.home-stats-section::before {
    content: '';
    position: absolute;
    top: -30%;
    left: 0;
    width: 55%;
    height: 160%;
    background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, .04) 32%, rgba(255, 255, 255, .22) 46%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .22) 54%, rgba(255, 255, 255, .04) 68%, transparent 100%);
    filter: blur(4px);
    transform: translateX(-170%) skewX(-14deg);
    animation: homeStatsShine 4.8s cubic-bezier(.42, 0, .2, 1) infinite;
    pointer-events: none;
    will-change: transform;
    z-index: 0;
}

.home-stats-section::after {
    display: none;
}

@keyframes homeStatsShine {

    0%,
    12% {
        transform: translateX(-170%) skewX(-14deg);
    }

    58% {
        transform: translateX(210%) skewX(-14deg);
    }

    100% {
        transform: translateX(210%) skewX(-14deg);
    }
}

.home-stats-section .container {
    position: relative;
    z-index: 1;
}

.home-stats-section .iconMainContainer-head {
    margin: 0 0 30px !important;
    color: #fff;
}

.home-stats-row {
    row-gap: 30px;
}

.home-stats-section .home-stat-card {
    flex-direction: column;
    min-height: auto;
    height: 100%;
    padding: 10px 15px;
    justify-content: center;
    gap: 18px;
    border: none !important;
    border-right: none !important;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: transform .25s ease;
}

.home-stats-section .home-stat-card:hover {
    transform: translateY(-6px);
    box-shadow: none;
}

.home-stats-section .home-stat-card .icon-container {
    flex: 0 0 90px;
    width: 120px;
    min-height: 120px;
    border-radius: 50%;
    background: #ED8729;
    box-shadow: none;
}

@media (max-width: 556px) {
    .home-stats-section .home-stat-card .icon-container {

        min-width: 50px;
        height: 50px;
    }

    .home-stats-section .home-stat-card .icon-container i {
        font-size: 20px;
    }
}

.home-stats-section .home-stat-card .icon-container i {
    font-size: 52px;
    color: #fff;
}

.home-stats-section .home-stat-card .iconMainContainerText {
    text-align: center;
}

.home-stats-section .home-stat-card .iconMainContainerText li:first-child {
    font-size: clamp(25px, 4vw, 37px);
    color: #fff;
    font-weight: 700;
}

.home-stats-section .home-stat-card .iconMainContainerText li:last-child {
    margin-top: 4px;
    color: rgba(255, 255, 255, .85);
}

.icon-container i {
    font-size: 30px;
}

/* Tablet */
@media (max-width: 991px) {
    .iconMainContainer {
        border-right: none;
        justify-content: flex-start;
        padding: 15px;
    }

    .iconMainContainerText li:first-child {
        font-size: 20px;
    }

    .icon-container i {
        font-size: 35px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .iconMainContainer {
        flex-direction: column;
        text-align: center;
        gap: 10px;
        border-right: none;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }

    .noborder {
        border-bottom: none !important;
    }

    .iconMainContainerText li:first-child {
        font-size: 18px;
    }

    .iconMainContainerText li:last-child {
        font-size: 13px;
    }

    .icon-container i {
        font-size: 32px;
    }

    .iconMainContainer-head {
        font-size: 24px;
    }
}


.allservermargin {
    padding-bottom: 40px;
}

/* our Service section */

.ourService-section {
    margin-top: 100px;
}

.ourService-section h2 {
    color: var(--primary-color);
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 50px;
    font-size: 40px;
    font-weight: 700;
}


.our-card:hover {
    transform: translateY(-6px);
}


.card-content h3 {
    color: #164194;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);

}

.line {
    width: 45px;
    height: 3px;
    background: #f5a623;
    display: block;
    border-radius: 10px;
    margin-bottom: 22px;
}

.icon-box {
    width: 65px;
    height: 65px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

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


.icon-box i {
    color: #ED8729;
    font-size: 37px !important;
}

/* .card-content p {
    color: #164194;
    font-size: 15px;
    line-height: 1.4;
    max-width: 220px;
} */

.arrow-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
    background: #fff;
    color: #9b9b9b;
    font-size: 20px;
    cursor: pointer;
    transition: 0.3s ease;
}

.arrow-btn:hover {
    background: #164194;
    color: #fff;
    border-color: #164194;
}








.ourService-section {
    margin-top: 100px;
    background: #f8f8f6;
    padding: 80px 0;
}

.ourService-section h2 {
    color: var(--primary-color);
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 50px;
    font-size: 40px;
    font-weight: 700;
}

.our-card {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 332px;
    overflow: hidden;
    border-radius: 22px;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.15) 0px 8px 24px;
    padding: clamp(18px, 2vw, 22px);
    position: relative;
    transition: all 0.3s ease;
}

.our-card-content-allservicepage {
    width: 288px;
    height: 287px;
    max-width: 288px;
    min-height: 332px;
    overflow: hidden;
    border-radius: 22px;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.15) 0px 8px 24px;
    padding: clamp(18px, 14px, 14px) !important;
    position: relative;
    transition: all 0.3s ease;
}

.service-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.service-card-link:hover,
.service-card-link:focus {
    color: inherit;
    text-decoration: none;
    transform: translateY(-6px);
}

.service-card-link:hover .arrow-btn,
.service-card-link:focus-visible .arrow-btn {
    background: #164194;
    color: #fff;
    border-color: #164194;
}

.service-card-link:focus-visible {
    outline: 3px solid rgba(22, 65, 148, 0.28);
    outline-offset: 4px;
}

.our-card:hover {
    transform: translateY(-6px);
}

@media (max-width: 767.98px) {
    .our-card {
        min-height: auto;
    }
}



.card-content-allservicepage h3 {
    font-size: 24px;
    color: #164194;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 12px;
}

.line {
    width: 45px;
    height: 3px;
    background: #f5a623;
    display: block;
    border-radius: 10px;
    margin-bottom: 22px;
}

.icon-box {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #fff2b3;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

.icon-box img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.card-content p {
    color: #164194;
    font-size: 15px;
    line-height: 1.3;
    max-width: 220px;

    max-height: calc(15px * 1.3 * 6);
    overflow-y: auto;

    padding-right: 6px;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #96a5c2 #e8eefc;
}

@media (max-width: 767.98px) {
    .card-content p {
        max-width: 100%;
    }
}

.card-content p::-webkit-scrollbar {
    width: 6px;
}

.card-content p::-webkit-scrollbar-track {
    background: #e8eefc;
    border-radius: 10px;
}

.card-content p::-webkit-scrollbar-thumb {
    background: #164194;
    border-radius: 10px;
}

.card-content p::-webkit-scrollbar-thumb:hover {
    background: #0f2f73;
}

.card-content-allservicepage p {
    color: #164194;
    font-size: 15px;
    line-height: 1.3;
    max-width: 170px;
    margin-bottom: 0px;
}

.arrow-btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #d8d8d8;
    background: #fff;
    color: #a4a4a4;
    font-size: 20px;
    cursor: pointer;
    transition: 0.3s ease;
}

.arrow-btn:hover {
    background: #164194;
    color: #fff;
    border-color: #164194;
}

.four-line-limit {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

/* Tablet */
@media (max-width: 991.98px) {
    .our-card-content-allservicepage {
        width: 100%;
        max-width: 288px;
        min-width: 288px;
        min-height: 288px;
        height: auto;
    }
}

/* Mobile */
@media (max-width: 575.98px) {
    .our-card-content-allservicepage {
        width: 100%;
        min-width: unset;
        max-width: 100%;
        min-height: 288px;
        height: auto;
    }

    .card-content-allservicepage h3 {
        font-size: clamp(20px, 5vw, 24px);
    }

    .card-content-allservicepage p {
        font-size: clamp(14px, 3.5vw, 15px);
        max-width: 100%;
    }
}





.big-arrow-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 1.5px solid #f28c28;
    background: transparent;
    color: #f28c28;
    font-size: 40px;
    transition: 0.3s ease;
}

.big-arrow-btn:hover {
    background: #f28c28;
    color: #fff;
}












/* ***********************about us page  ************************/
.common-subPageSection {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 420px;
    display: flex;
    align-items: flex-end;
    border-radius: 0 0 20px 20px;
    margin-bottom: 20px
}

.dark-overlay {
    position: absolute;
    inset: 0;
    background: rgba(5, 15, 40, 0.22);
    border-radius: 0 0 20px 20px;
    z-index: 0;
}

.about-content {
    position: relative;
    z-index: 1;
    padding-bottom: 74px;
}

.about-content h1 {
    color: white;
    font-size: clamp(28px, 4vw, 60px);
    font-weight: 700;
}

.service-banner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    padding: 10px 24px;
    border: 1.5px solid #fff;
    border-radius: 50px;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.service-banner-btn:hover {
    background: #fff;
    color: var(--primary-color);
    border-color: #fff;
}

.pinkbg-text {
    background-color: #F0F9F5;
    padding: 10px;
    line-height: 1.4;

    p {
        text-align: justify;
    }
}

/* 
.aboutus-wrapper {
    position: relative;
    width: fit-content;
    padding-bottom: 50px;

}

.aboutus-pageImage {
    position: relative;
    width: 610px;
}

.aboutus-pageImageFigure  {
    max-width: 506px;
    max-height: 646px;
    overflow: hidden;
    border-radius: 20px;
    margin: 0;
}

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

.video-thumb {
    position: absolute;
    bottom: -167px;
    right: 80px;
    max-width: 280px;
    height: 320px;
    border-radius: 80px 0 0 0;

    overflow: hidden;
    border: 5px solid white;
}

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

.play-btn {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2);
}

.play-btn div {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play-btn div::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid #222;
    margin-left: 4px;
} */

.aboutus-wrapper {
    position: relative;
    width: 100%;
    max-width: 610px;
    margin: 0 auto;
    padding-bottom: 120px;
}

.aboutus-pageImage {
    position: relative;
    width: 100%;
}

.aboutus-pageImageFigure {
    width: 100%;
    max-width: 506px;
    border-radius: 20px;
    overflow: hidden;
    margin: 0;
}

.aboutus-pageImageFigure img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.video-thumb {
    position: absolute;
    bottom: -80px;
    right: 0;
    width: 45%;
    max-width: 280px;
    aspect-ratio: 280 / 320;
    border-radius: 80px 0 0 0;
    overflow: hidden;
    border: 5px solid #fff;
    background: #fff;
}

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

.play-btn {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.25);
}

.play-btn div {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play-btn div::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid #222;
    margin-left: 4px;
}


@media (max-width: 991px) {
    .aboutus-wrapper {
        max-width: 100%;
        padding-bottom: 100px;
    }

    .aboutus-pageImageFigure {
        max-width: 100%;
    }

    .video-thumb {
        width: 42%;
        bottom: -60px;
    }
}


@media (max-width: 767px) {

    .aboutus-wrapper {
        padding-bottom: 0;
    }

    .video-thumb {
        position: relative;
        width: 70%;
        max-width: 220px;
        margin: -60px 0 0 auto;
        bottom: auto;
        right: auto;
    }

    .play-btn div {
        width: 50px;
        height: 50px;
    }

    .common-subPageSection {

        min-height: 320px;

    }

    .about-content {
        padding-bottom: 34px;
    }
}

@media (max-width: 480px) {

    .video-thumb {
        width: 75%;
        max-width: 180px;
        margin-top: -40px;
    }

    .play-btn div {
        width: 45px;
        height: 45px;
    }
}




.aboutus-section {
    margin-top: 50px;
}

.aboutus-section-text {
    font-size: 30px;
    text-transform: capitalize;
    color: var(--primary-color);
}

.about-us-righttext p {
    line-height: 1.4 !important;
}

.abtext p {
    line-height: 1.4 !important;
    text-align: justify !important;
}


.co-left {
    clip-path: polygon(0 0, 88% 0, 100% 100%, 0 100%);
    padding-right: 100px;
}

.co-right {
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
    margin-left: -2px;
}




/* team card */


.team-grid-section4 {
    padding: 60px 0;
}

.team-card-col4 {
    margin-bottom: 40px;
}

.team-card-wrapper4 {
    position: relative;
    margin-bottom: 18px;
    padding: 10px 0 0 12px;
    margin-left: 15px;
    max-width: 423px;
    max-height: 431px;

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

.team-card-wrapper4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 48%;
    background: #F2750C;
    clip-path: polygon(14% 0, 105% 0, 17% 4%, 9% 93%);
    border-radius: 8px;
}

.team-card-wrapper4 img {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 95%;
    height: 380px;
    object-fit: cover;
    object-position: top;
    display: block;
    border-radius: 8px;
    clip-path: polygon(12% 0, 100% 0, 88% 100%, 0% 100%);
    pointer-events: none;
}

.team-card-info4 {
    width: 100%;
    height: 83px;
    padding: 10px 40px;
    background: #002D72;
    color: #fff;
    border-radius: 4px;

    /* creates the same angled left side */
    clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
}

.team-card-info4 h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.team-card-info4 p {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
}

.team-carousel4 {
    overflow: hidden;
    width: 100%;
}

.team-carousel-track4 {
    flex-wrap: nowrap !important;
    flex-shrink: 0;
    transition: transform 0.6s ease;
    cursor: grab;
    user-select: none;
}

.team-carousel-track4:active {
    cursor: grabbing;
}

.team-carousel-dots4 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
}

.dot4 {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #d0d0d0;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.dot4.active {
    width: 70px;
    height: 14px;
    border-radius: 20px;
    background: #F2750C;
    border: none;
    box-shadow: none;
}


/* =========================
   Large Desktop
========================= */
@media (max-width: 1399px) {
    .team-card-wrapper4 img {
        height: 350px;
    }

    .team-card-info4 h4 {
        font-size: 20px;
    }
}

/* =========================
   Tablet Landscape
========================= */
@media (max-width: 991px) {

    .team-card-col4 {
        margin-bottom: 30px;
    }

    .team-card-wrapper4 {
        max-width: 100%;
        margin-left: 0;
    }

    .team-card-wrapper4 img {
        height: 320px;
    }

    .team-card-info4 {
        width: 95%;
        height: auto;
        min-height: 75px;
        padding: 12px 30px;
    }

    .team-card-info4 h4 {
        font-size: 24px;
    }

    .team-card-info4 p {
        font-size: 18px;
    }
}

/* =========================
   Tablet Portrait
========================= */
@media (max-width: 767px) {

    .team-grid-section4 {
        padding: 40px 0;
    }

    .team-card-wrapper4 {
        padding: 8px 0 0 10px;
    }

    .team-card-wrapper4 img {
        height: 300px;
    }

    .team-card-info4 {
        width: 95%;
        padding: 12px 25px;
    }

    .team-card-info4 h4 {
        font-size: 22px;
    }

    .team-card-info4 p {
        font-size: 16px;
    }
}

/* =========================
   Mobile
========================= */
@media (max-width: 575px) {

    .team-card-col4 {
        padding: 0 10px;
    }

    .team-card-wrapper4 {
        max-width: 100%;
        margin-left: 15px;
    }

    .team-card-wrapper4 img {
        width: 100%;
        max-width: 100%;
        height: 280px;
    }

    .team-card-info4 {
        width: 95%;
        max-width: 100%;
        padding: 12px 20px;
    }

    .team-card-info4 h4 {
        font-size: 20px;
        line-height: 1.2;
    }

    .team-card-info4 p {
        font-size: 15px;
    }

    .dot4 {
        width: 16px;
        height: 16px;
    }

    .dot4.active {
        width: 50px;
        height: 10px;
    }
}

/* =========================
   Small Mobile
========================= */
@media (max-width: 375px) {

    .team-card-wrapper4 img {
        height: 240px;
    }

    .team-card-info4 {
        padding: 10px 18px;
    }

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

    .team-card-info4 p {
        font-size: 14px;
    }
}



/* ====================banner section ====================*/

.companyOverview-section {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    min-height: 110px;
    margin-block: 70px;
    background: #f3e07a;
}

.co-left {
    background: #0b3b86;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 90px 24px 32px;
    clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
}

.co-left h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.2;
}

.co-left p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 11px;
    line-height: 1.5;
    margin: 0;
    max-width: 420px;
}

.co-right {
    background: #efe18a;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    padding: 20px 40px;
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
    margin-left: -35px;
}

.co-btn {
    background: #f57c00;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 14px 28px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s ease;
}

.co-btn:hover {
    background: #df6d00;
}













/*================== our vison section============ */
.ourvisonSecton {
    margin-bottom: 70px;
}


.aboutp-iconContainer {
    min-width: 40px;
    height: 40px;
    border-radius: 6px;
    font-size: 14px;
    display: flex;
    align-items: center !important;
    justify-content: center !important;

    background-color: #F2750C !important;
    color: white;
}

.aboutp-iconContainertextfb {
    font-size: 20px !important;
    color: var(--primary-color) !important;
    font-weight: 700;
}

.aboutp-iconContainerFlex {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 700;

    p {
        margin: 0;
    }
}

@media (max-width: 576px) {
    .csr-p-subtext {
        font-size: 18px !important;
    }
}

.aboutp-iconContainerFlex-p {
    text-align: justify;
    line-height: 1.1 !important;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;

}

.ourvisonHeading {
    text-align: center;
    color: var(--primary-color);
}

.ourvisontext {
    text-align: center;
    margin-bottom: 50px;
}






.ourvisonSecton-left {
    display: flex;
    align-items: center;
}

.ourvision-video {
    width: 100%;
    height: 520px;
    border-radius: 12px;
    overflow: hidden;
}

.ourvision-video iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 991px) {
    .ourvision-video {
        height: 420px;
    }
}

@media (max-width: 767px) {
    .ourvision-video {
        height: 320px;
    }
}

@media (max-width: 575px) {
    .ourvision-video {
        height: 220px;
    }
}






/* ================Meet Our Team=================== */


.aboutp-team-section h2 {
    text-align: center;
    color: var(--primary-color);
}

.aboutp-team-section p:nth-child(2) {

    margin-bottom: 62px;
    font-weight: 600;
}

.carousel-item figure {
    position: relative;
    margin-bottom: 18px;
    padding-left: 12px;
    padding-top: 10px;
    margin-left: 18px;
}


.carousel-item figure::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 48%;
    background: #f57c00;
    clip-path: polygon(14% 0, 105% 0, 17% 4%, 9% 93%);
    border-radius: 8px;
}


.carousel-item figure img {
    position: relative;
    z-index: 2;
    width: 95%;
    height: 380px;
    object-fit: cover;
    display: block;
    border-radius: 8px;
    clip-path: polygon(12% 0, 100% 0, 88% 100%, 0% 100%);
}


.team-info {
    width: 95%;
    height: 80px;
    padding: 12px 50px;
    background: #f57c00;
    color: #fff;
    border-radius: 4px;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
}

.team-info h4 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}

.team-info p {
    margin: 0;
    font-size: 14px;
}


#teamCarousel {
    padding-bottom: 50px;
}

.carousel-indicators {
    bottom: 0;
}


.carousel-control-prev,
.carousel-control-next {
    display: none !important;
}

.carousel-indicators [data-bs-target] {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: #ccc !important;
    border: none !important;
    opacity: 1 !important;
}

.carousel-indicators .active {
    background-color: #f57c00 !important;
}

















/*==== home compoment testtimonal final fix start==== */





.testimonial-card {
    padding: 20px;
    border-radius: 20px;
    margin: 10px;
    min-height: 190px;
}

.orange-card {
    background: #f5ba84;
}

.blue-card {
    background: #b9c9ee;
}

.testimonial-card img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-card h5 {
    font-size: 16px;
    margin: 0;
}

.testimonial-card p {
    font-size: 14px;
    line-height: 1.5;
    max-height: 88px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;

}


.testimonial-card p::-webkit-scrollbar {
    padding-left: 100px;
    width: 6px;
}


.testimonial-card p::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 10px;
}


.testimonial-card p::-webkit-scrollbar-thumb {

    background: rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.testimonial-card p::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
}

.orange-card p::-webkit-scrollbar-thumb {
    background: #d98a39;
}

.blue-card p::-webkit-scrollbar-thumb {
    background: #7b8fcf;
}

.testimonial-card p::-webkit-scrollbar {
    width: 6px;
}

.testimonial-card p::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
}

.testimonial-card p::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

.carousel-indicators {
    bottom: -50px;
}

.carousel-indicators button {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
}



.orange-card {
    background: #f5ba84;
}

.blue-card {
    background: #b9c9ee;
}

.testimonial-card img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-card h5 {
    font-size: 16px;
    margin: 0;
}

.testimonial-card small {
    color: #555;
}

.testimonial-card p {
    font-size: 14px;
    line-height: 1.5;
}

.carousel-indicators {
    position: static;
    margin-top: 16px;
    justify-content: center;
}

.carousel-indicators [data-bs-target] {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: #bbb !important;
    border: none !important;
    opacity: 1 !important;
}

.carousel-indicators .active {
    background-color: #555 !important;
}



.carousel-inner-custom {
    overflow: hidden;
    width: 100%;
}

.testimonial-track {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    cursor: grab;
    user-select: none;
}

.testimonial-track.dragging {
    cursor: grabbing;
    transition: none;
}

.testimonial-slide {
    flex: 0 0 33.333%;
    min-width: 0;
    padding: 0 10px;
    box-sizing: border-box;
}

.testimonial-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 30px;
}

.testimonial-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background 0.3s;
}

.testimonial-dot.active {
    background: #f5ba84;
}

@media (max-width: 767px) {
    .testimonial-slide {
        flex: 0 0 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .testimonial-slide {
        flex: 0 0 50%;
    }

}




/* Tablet */
@media (max-width: 991.98px) {
    .testimonial-card {

        margin: 8px;
        padding: 18px;
        min-height: 210px;
        height: auto;

    }

    /* .testimonial-card p {
        max-height: none;
        overflow: visible;
    } */
}

/* Mobile */
@media (max-width: 767.98px) {

    .testimonial-slide {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    .testimonial-card {
        min-height: auto;
        height: auto;
        margin: 5px;
        padding: 15px;
        border-radius: 15px;
        height: 150px;
        display: flex;
        flex-direction: column;
    }

    .testimonial-card img {
        width: 45px;
        height: 45px;
    }

    .testimonial-card h5 {
        font-size: 14px;
        line-height: 1.3;
    }

    .testimonial-card small {
        font-size: 12px;
        display: block;
        line-height: 1.4;
    }


    .testimonial-card p {
        flex: 1;
        font-size: 13px;
        line-height: 1.6;
        max-height: 88px;
        overflow-y: auto;
        overflow-x: hidden;
        margin-bottom: 0;
        word-break: break-word;
    }

    .testimonial-dots {
        margin-top: 15px;
    }

    .testimonial-dot {
        width: 8px;
        height: 8px;
    }
}

/* Extra small devices */
@media (max-width: 480px) {

    .testimonial-card {
        padding: 12px;
        height: 160px;
    }

    .testimonial-card h5 {
        font-size: 13px;
    }

    .testimonial-card p {
        font-size: 12px;
    }
}


/*==== home compoment testtimonal final fix end==== */




/* ================performance-section================= */
.aboutp-performance-section {
    margin-top: 70px;
    margin-bottom: 126px;
}

.aboutp-performance-section h2 {
    color: var(--primary-color);
    margin-bottom: 30px;
    font-weight: 600;
}

@media (max-width: 756px) {
    .aboutp-performance-section h2 {

        font-size: 20px !important;
    }
}

.aboutp-performance-pinkContainer {
    background-color: #F0F9F5;
    padding: 20px;

    li {
        margin-top: 30px;
    }
}



.aboutp-iconContainerFlex-performance {
    display: flex;
    align-items: center;
    gap: 10px;

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

    p {
        margin: 0;
        font-size: 20px;
        font-weight: 500;
    }
}

@media (max-width: 756px) {
    .aboutp-iconContainerFlex-performance {
        font-size: 16px;

        p {
            font-size: 16px;
        }
    }
}


.aboutp-iconContainer-performance {
    width: 40px;
    height: 44px;
    border-radius: 6px;
    font-size: 14px;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;

    background-color: #002D72;
    color: white;
}





























footer {
    overflow: hidden !important;
}

/* arrow added */
.footerArrow {
    display: inline-block;

}

.footerArrow figure {
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 6px;
    width: 50px;
    height: 43px;
    overflow: hidden;

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




/* Common Style */
.float-newsletter,
.float-ai,
.float-whatsapp {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 30px;
    z-index: 9999;
    text-decoration: none;

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

    transition: all 0.3s ease;
}

.float-ai {
    border: none;
    padding: 0;
    cursor: pointer;
}

/* Newsletter */
.float-newsletter {
    bottom: 170px;
    background: transparent;
}

.float-newsletter figure {
    margin: 0;
    width: 100%;
    height: 100%;
}

.float-newsletter img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

/* AI */
.float-ai {
    bottom: 100px;
    background: transparent;
    background-color: #0B205D;
    border-radius: 50px;
}

.float-ai figure {
    margin: 0;
    width: 30px;
    height: 30px;
}

.float-ai img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

/* WhatsApp */
.float-whatsapp {
    bottom: 30px;
    /* background: #21A967; */
    border-radius: 50%;
    background-color: #21A967;
}

.float-whatsapp i {
    color: #fff;
    line-height: 1;
    font-size: 25px !important;
}

/* Hover */
.float-newsletter:hover,
.float-ai:hover,
.float-whatsapp:hover {
    transform: scale(1.1);
}

/* Tablet */
@media (max-width: 991.98px) {

    .float-newsletter,
    .float-ai,
    .float-whatsapp {
        right: 20px;
    }
}

/* Mobile */
@media (max-width: 767.98px) {

    .float-newsletter,
    .float-ai,
    .float-whatsapp {
        width: 50px;
        height: 50px;
        right: 15px;
    }

    .float-newsletter {
        bottom: 135px;
    }

    .float-ai {
        bottom: 75px;
    }

    .float-whatsapp {
        bottom: 15px;
    }

    .float-whatsapp i {
        font-size: 42px !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .float-newsletter {
        bottom: 125px;
    }

    .float-ai {
        bottom: 70px;
    }

    .float-whatsapp {
        bottom: 15px;
    }
}

















.footer {
    background: #0d1f5c;
    color: #fff;
    padding: 60px 0 0;
    border-radius: 24px 24px 0 0;
    margin-top: -10px;
    position: relative;
}

.footer-logo img {
    width: 80px;
    margin-bottom: 16px;
}

.footer-about {
    font-size: 12.5px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.75);
    max-width: 260px;
}

@media (max-width: 576px) {
    .footer-about {
        max-width: 100vw !important;
    }

    .contact45-wrapper {
        align-items: flex-start !important;
        padding-left: 30px;
    }
}


.footer-col-title {
    text-decoration: underline;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 18px;
    letter-spacing: 0.3px;
}

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

.footer-links li {
    margin-bottom: 0;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-links a:hover {
    color: #ff9d1e;
}

.footer-links a.underline-link {
    text-decoration: underline;
}

.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.65;

    img {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }
}

.footer-contact-icon {
    color: #ffffff;
    font-size: 16px;
    margin-top: 3px;
    flex-shrink: 0;
}

.footer-contact-text {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    line-height: 1.65;
}

.footer-contact-text a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.footer-contact-text a:hover,
.footer-contact-item a:hover {
    color: #ff9d1e;
}

.footer-contact-label {
    display: block;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 1px;
}

.footer-contact-item a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.footer-locations {
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.65;
    margin-top: 6px;
}

.footer-locations p {
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
}

.footer-locations p:last-child {
    margin-bottom: 0;
}

.footer-locations strong {
    display: inline;
    color: #ffffff;
    font-weight: 600;
}

.footer-locations .footer-locations-heading {
    display: block;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 6px;
    margin-top: 12px;
}

.footer-get-in-touch {
    display: inline-block;
    margin-top: 20px;
    border: 1.5px solid rgba(255, 255, 255, 0.5);
    color: white;
    padding: 10px 18px;
    border-radius: 6px;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.footer-get-in-touch:hover {
    background: rgba(255, 255, 255, 0.1);
    color: var(--primary-color) !important;
    background-color: white;
}

.footer-bottom {
    margin-top: 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding: 18px 0;
    text-align: center;
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.5);
}

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

    .hero-section {
        min-height: auto;
        padding-bottom: 120px;
    }

    .hero-content {
        text-align: center;
        padding-top: 80px;
    }

    .hero-title {
        font-size: 40px;
    }

    .hero-image {
        margin-top: 40px;
        right: 0;
        bottom: 0;
    }

    .contact-btn {
        margin-top: 15px;
    }

    .navbar-nav {
        margin-top: 20px;
    }
}

@media (max-width: 576px) {

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

    .small-heading {
        font-size: 18px;
    }

    .hero-btn1,
    .hero-btn2 {
        width: 100%;
    }
} */




/* ===================================== */
/* **************Meet Our Team page ****************/
/* ===================================== */
.meetPage-pinkContainer {
    margin-top: 60px !important;
    background: #FEDFC6;
    background: linear-gradient(269.81deg,
            rgba(255, 255, 255, 0) -57.35%,
            rgba(250, 129, 28, 0.25) 35.83%);
    padding: 33px;
    border-radius: 8px;
}

.marginpinkContainer {
    margin: 0px !important;
}

.team-card-wrapper {
    position: relative;
    margin-bottom: 18px;
    padding-left: 12px;
    padding-top: 10px;
}

.team-card-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 48%;
    background: #F2750C;
    clip-path: polygon(14% 0, 105% 0, 17% 4%, 9% 93%);
    border-radius: 8px;
}

.team-card-wrapper img {
    position: relative;
    z-index: 2;
    width: 95%;
    height: 380px;
    object-fit: cover;
    object-position: top;
    display: block;
    border-radius: 8px;
    clip-path: polygon(12% 0, 100% 0, 88% 100%, 0% 100%);
}

.team-card-info {
    width: 100%;
    height: 83px;
    padding: 10px 40px;
    background: #002D72;
    color: #fff;
    border-radius: 4px;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
    margin-left: -20px;
}

.team-card-info h4 {
    margin-left: 10px;
    font-size: 20px;
    font-weight: 600;
}

.team-card-info p {
    margin-left: 10px;
    font-size: 20px;
    font-weight: 400;
}

.team-grid-section {
    padding: 60px 0;
}

.team-grid-section .team-card-col {
    margin-bottom: 40px;
}

@media (max-width: 991.98px) {

    .team-card-wrapper img {
        height: 320px;
    }

    .team-card-info h4 {
        font-size: 24px;
    }

    .team-card-info p {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {

    .team-card-wrapper img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: top;
    }

    .team-card-info {
        width: 100%;
        margin-left: 0;
        padding: 12px 20px;
    }

    .team-card-info h4 {
        font-size: 22px;
    }

    .team-card-info p {
        font-size: 15px;
    }
}

@media (max-width: 575.98px) {
    .team-card-wrapper {
        margin-left: 20px;
    }

    .team-card-wrapper img {
        width: 100%;
        height: 260px;
        object-fit: cover;
        object-position: top;
    }

    .team-card-info {
        width: 100%;
        margin-left: 0;
        padding: 12px 16px;
    }

    .team-card-info h4 {
        font-size: 18px;
        margin-left: 20px;
    }

    .team-card-info p {
        font-size: 14px;
        margin-left: 20px;
    }
}



/* ==================== */
/* =================service detail page =================*/
/* ==================== */


.fireSafetyBtn {
    text-decoration: none;
    background-color: var(--primary-color);
    color: white;
    display: inline-block;
    padding: 3px 20px;
    border-radius: 50px;

}

.fire-safety-sectionUL {
    padding-left: 0px;
}

.fire-safety-sectionUL li {
    h3 {
        font-size: 25px;
        color: var(--primary-color);
    }

    p {
        color: var(--primary-color);
    }
}

.fire-safety-section {
    margin-bottom: 100px;
    color: var(--primary-color);

    h3 {
        font-weight: 700;
        font-size: 33px;
    }

    p {
        font-weight: 400;
    }
}






/*======== contact us form final fix start========== */

.form-card {
    border: 1.5px solid #c5d5ea;
    border-radius: 18px;
    padding: 28px 28px 32px;
    width: 100%;
    max-width: 944px;
    height: 100%;
    max-height: 988px;
    box-sizing: border-box;

}

.form-input {
    gap: 100px;
    width: 100%;

    box-sizing: border-box;
    background: #e2e8f0;
    border: none;
    border-radius: 50px;
    padding: clamp(12px, 2vw, 25px) clamp(16px, 5vw, 60px);
    font-size: 20px;
    color: #6b7a99;
    outline: none;
    margin-bottom: 30px;
    font-family: inherit;
    transition: background 0.2s;

}

.form-input::placeholder {
    color: #8899b4;
}

.form-input:focus {
    background: #d5dde8;
}

.submit-btn {
    display: block;
    margin: 10px auto 0;
    background: #1a2f6e;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 13px 52px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    letter-spacing: 0.3px;
    transition: background 0.2s;
}

.submit-btn:hover {
    background: #142358;
}



.form-input::placeholder {
    color: #8899b4;
}

.form-input:focus {
    background: #d5dde8;
}

.submit-btn {
    display: block;
    margin: 10px auto 0;
    background: #1a2f6e;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 15px 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s;
}

.submit-btn:hover {
    background: #142358;
}

/* Large Tablet */
@media (max-width: 991px) {

    .form-card {
        padding: 24px;
    }

    .form-input {
        height: 60px;
        font-size: 16px;
        padding: 0 24px;
        margin-bottom: 20px;
    }
}

/* Mobile */
@media (max-width: 767px) {

    .form-card {
        padding: 20px 15px;
        border-radius: 15px;
    }

    .form-input {
        height: 54px;
        font-size: 15px;
        padding: 0 20px;
        margin-bottom: 16px;
        border-radius: 30px;
    }

    .submit-btn {
        width: 100%;
        max-width: 250px;
        font-size: 15px;
        padding: 14px 20px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .form-card {
        padding: 15px 12px;
    }

    .form-input {
        height: 50px;
        font-size: 14px;
        padding: 0 16px;
        margin-bottom: 14px;
    }

    .submit-btn {
        width: 100%;
        max-width: 220px;
        font-size: 14px;
        padding: 12px 16px;
    }
}

/*======== contact us form final fix end========== */



/* fire sefty section */
.fire-safety-section {
    padding: 40px 0;
}

.fire-safety-figure {
    width: 100%;
    position: relative;
    margin: 0;
    border-radius: 16px;
    overflow: hidden;
    height: 760px;
}

/* Blue overlay */
.fire-safety-figure::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45%;
    background: linear-gradient(to top,
            rgba(0, 66, 170, 0.95) 0%,
            rgba(0, 66, 170, 0.75) 30%,
            rgba(0, 66, 170, 0.35) 65%,
            rgba(0, 66, 170, 0) 100%);
    z-index: 1;
    pointer-events: none;
}

.fire-safety-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
    border-radius: 16px;
}

.fire-safety-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    padding: 30px 35px;

    color: #fff;
    border-radius: 0 0 0 16px;
    z-index: 99;
}

.fire-safety-caption h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #fff;
}

.fire-safety-caption p {
    font-size: 12.5px;
    line-height: 1.7;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.9);

    max-height: calc(12.5px * 1.7 * 5);
    overflow-y: auto;
    padding-right: 6px;
}/* Chrome, Edge, Safari */
.fire-safety-caption p::-webkit-scrollbar {
    width: 6px;
}

.fire-safety-caption p::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 20px;
}

.fire-safety-caption p::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.75),
            rgba(255, 255, 255, 0.3));
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.fire-safety-caption p::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.95),
            rgba(255, 255, 255, 0.5));
}
@media (max-width: 991px) {
.fire-safety-caption{
    width:100%;
}
}

.fire-contact-btn {
    display: inline-block;
    padding: 9px 22px;
    border: 1.5px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    background: transparent;
    transition: all 0.2s;
}

.fire-contact-btn:hover {
    background: #fff;
    color: #000;
}



















.fire-services-section {
    padding: 60px 0;
}

.fire-services-title {
    font-size: 28px;
    font-weight: 800;
    color: #1a3fa6;
    margin-bottom: 14px;
    line-height: 1.3;
}

.fire-services-desc {
    font-size: 16px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 36px;
    max-width: 100%;
    text-align: center;
}

.fire-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 40px;
    max-width: 700px;
    margin: 0 auto;
}

.fire-service-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #222;
    font-weight: 500;
}



.fire-icon {
    font-size: 28px;
    color: #e85d04;
    flex-shrink: 0;
    width: 32px;
    text-align: center;
}

.fire-service-itemIconContainer {
    width: 30px;
    height: 30px;
    overflow: hidden;
    background-color: #e85d04;
}


/* types of fire safety */
.fire-services-section {
    padding: 60px 0;
}

.fire-services-title {
    font-size: 28px;
    font-weight: 800;
    color: #1a3fa6;
    margin-bottom: 14px;
    line-height: 1.3;
}

.fire-services-desc {
    font-size: 16px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 36px;
    max-width: 100%;
    text-align: center;
}

.fire-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 40px;
    max-width: 700px;
    margin: 0 auto;
}

.fire-service-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #222;
    font-weight: 500;
}

.fire-service-itemIconContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    min-width: 32px;
    background-color: #e85d04;
    flex-shrink: 0;
}

.fire-icon {
    font-size: 14px;
    color: #ffffff;
}













/* locations we cover section */

.fire-safety-section {
    padding: 60px 0;
}

.locations-title {
    font-size: 28px;
    font-weight: 800;
    color: #1a3fa6;
    margin-bottom: 10px;
}

.locations-desc {
    font-size: 16px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 30px;
}



.locations-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px 20px;
}

.location-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #1a2e6e;
}

.location-icon {
    color: #1a3fa6;
    font-size: 14px;
    flex-shrink: 0;
}

/* Tablet — 768px and below */
@media (max-width: 768px) {
    .locations-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px 16px;
    }

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

    .bg-yellowcolor.p-5 {
        padding: 1.5rem !important;
    }
}

/* Mobile — 480px and below */
@media (max-width: 480px) {
    .locations-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 12px;
    }

    .locations-title {
        font-size: 20px;
    }

    .location-item {
        font-size: 13px;
    }

    .fire-safety-section {
        padding: 40px 0;
    }

    .bg-yellowcolor.p-5 {
        padding: 1rem !important;
    }
}

/* Very small — 360px and below */
@media (max-width: 360px) {
    .locations-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}




/* map-section */

.map-section {
    overflow: hidden;
}

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

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

}

.usericon {

    color: #F29025 !important;

    i {
        font-size: 37px !important;
    }
}

















/* ===================================== */
/* image gallery page*/
/* ===================================== */

.gallery-tabs .nav-link {
    border: 1.5px solid #ccc;
    border-radius: 8px;
    color: #555;
    padding: 10px clamp(15px, 4vw, 50px);
    font-weight: 500;
    background: transparent;
    transition: all 0.3s ease;
}

.gallery-tabs .nav-link:hover {
    border-color: #1a2a6c;
    color: #1a2a6c;
}

.gallery-tabs .nav-link.active {
    background-color: #1a2a6c;
    border-color: #1a2a6c;
    color: #fff !important;
    font-weight: 600;
}

.gallery-tabs {
    gap: 10px;
}

.video-wrap {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.video-iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}




/* image tab */


.gallery-grid .col {
    padding: 6px;
}

.gallery-grid .gallery-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px;
}

.imagGalleryFigure {
    max-width: 393px !important;
    max-height: 291px !important;
    overflow: hidden;
    border-radius: 8px;
    margin: 0;
    text-align: justify !important;

    img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    p {
        text-align: justify !important;
    }
}

.imagGalleryFigure img {
    transition: transform .35s ease;
}

.gallery-reveal-ready .imagGalleryFigure {
    opacity: 0;
    transform: translateY(28px) scale(.97);
    transition: opacity .55s ease, transform .55s ease;
}

.gallery-reveal-ready .imagGalleryFigure.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.imagGalleryFigure:hover img {
    transform: scale(1.06);
}

.gallery-grid>[class*="col-"] {
    display: flex;
}

.imagGalleryFigure {
    width: 100%;
    max-width: none !important;
    max-height: none !important;
    cursor: zoom-in;
}

.imagGalleryFigure .gallery-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
}

.gallery-preview-open {
    overflow: hidden;
}

.gallery-preview-modal {
    position: fixed;
    z-index: 3000;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(3, 12, 30, .86);
}

.gallery-preview-modal.is-open {
    display: flex;
}

.gallery-preview-modal__image {
    display: block;
    max-width: min(100%, 1100px);
    max-height: calc(100vh - 48px);
    border-radius: 12px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .45);
    object-fit: contain;
}

.gallery-preview-modal__close {
    position: fixed;
    top: 18px;
    right: 24px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #002d72;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
}

@media (max-width: 575px) {
    .gallery-preview-modal {
        padding: 16px;
    }

    .gallery-preview-modal__image {
        max-height: calc(100vh - 32px);
    }

    .gallery-preview-modal__close {
        top: 10px;
        right: 12px;
    }
}

@media (max-width: 768px) {
    .gallery-tabs {
        justify-content: center;
    }

}

/* ===================================== */
/* image gallery page*/
/* ===================================== */









/* ===================================== */
/* all service  page*/
/* ===================================== */

.all-services-section {
    padding: 60px 0;
}

.all-services-section h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #123D89;
}

.all-services-section p {
    font-size: 18px;
    color: #666;
    margin-bottom: 30px;
    max-width: 700px;
}

.search-wrapper {
    width: 100%;
    max-width: 700px;
    display: flex;
    align-items: center;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px;
}

.service-search-input {
    width: 100%;
    border: none;
    outline: none;
    padding: 16px 24px;
    font-size: 15px;
    color: #666;


}

.service-search-input::placeholder {
    color: #A0A0A0;
}

.service-search-btn {
    border: none;
    background-color: #E58A2A;
    color: #fff;
    padding: 16px 38px;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s ease;
    border-radius: 6px;

}

.service-search-btn:hover {
    background-color: #cc7418;
}


/* ===================================== */
/* all service  page*/
/* ===================================== */
.all-servcie-section {
    padding-bottom: 100px;
    margin-bottom: 50px !important;
}

/* 
.common-subPageSection {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    display: flex;
    align-items: flex-end;
    border-radius: 0 0 20px 20px;
    margin-bottom: 20px
} */


.common-subPageSection-allService {
    background-image: url(./assets/Rectangle\ 18.png);
}


.all-services-section-margin {
    margin-top: 50px;
    padding-top: 0;
}


/* ===================================== */
/* all service  page*/
/* ===================================== */










/* ===================================== */
/* contact us  page*/
/* ===================================== */







.region-section {
    padding: 60px 0;
}

.region-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
    height: 302px;
}

.region-top-line {
    width: 100%;
    height: 4px;
    background: #f57c00;
    /* margin: 18px auto 0; */
    border-radius: 10px;
}

.region-content {
    padding: 24px;
    position: relative;
}

.region-shape {
    position: absolute;
    right: 20px;
    top: 22px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(245, 124, 0, .12);
}

.region-shape:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 50px;
    background: #f8b27d;
    border-radius: 100px 100px 0 100px;
    transform: rotate(20deg);
    left: 20px;
    top: 10px;
}

.region-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}

.region-title i {
    color: #f57c00;
    font-size: 26px;
}

.region-title span {
    font-size: 20px;
    font-weight: 700;
    color: #13295b;
}

.region-cities {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: 110px;
    overflow-y: auto;
    padding-right: 4px;
}

.city-item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    color: #153d8a;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}

.city-item:hover,
.city-item:focus-visible {
    color: #f57c00;
    outline: none;
}

.city-item i:first-child {
    color: #163f8d;
}

.city-link {
    font-size: 12px;
    color: #163f8d;
}

.region-footer {
    margin-top: auto;
    background: #13295b;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.region-btn {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.region-btn i {
    width: 44px;
    height: 44px;
    background: #f57c00;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-45deg);
    font-size: 18px;
    z-index: 2;
}

.region-btn span {
    margin-left: -18px;
    background: #13295b;
    border: 1px solid rgba(255, 255, 255, .4);
    color: #fff;
    padding: 6px 24px 6px 34px;
    border-radius: 8px;
    font-size: 14px;
}

/* Location details modal */
.location-modal-open {
    overflow: hidden;
}

.location-modal {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: rgba(7, 21, 48, .68);
}

.location-modal.is-open {
    display: flex;
}

.location-modal__dialog {
    position: relative;
    width: min(100%, 1040px);
    max-height: calc(100vh - 20px);
    overflow: auto;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 18px 52px rgba(0, 0, 0, .28);
}

.location-modal__close {
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 12px;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #647084;
    font-size: 14px;
    cursor: pointer;
}

.location-modal__hero {
    position: relative;
    display: grid;
    grid-template-columns: 52% 48%;
    max-height: 168px;
    overflow: hidden;
    border-radius: 18px 18px 0 0;
}

@media (max-width: 767.98px) {
    .location-modal__hero {
        max-height: 368px;
    }
}

.location-modal__heading {
    position: relative;
    z-index: 1;
    padding: 34px 28px 24px;
    color: #fff;
    background: #09275e;
    clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
    width: 108%;
}

.location-modal__hero::after {

    position: absolute;
    z-index: 2;
    top: -17px;
    left: calc(52% - -25px);
    width: 6px;
    height: calc(100% + 24px);
    content: "";
    background: #ff790b;
    transform: skewX(-13deg);
    pointer-events: none;

}

.location-modal__heading>span {
    font-size: 11px;
}

.location-modal__heading>span i,
.location-modal__map-wrap h3 i {
    color: #ff790b;
}

.location-modal__heading h2 {
    margin: 6px 0 10px;
    font-size: clamp(22px, 2.8vw, 30px);
    font-weight: 800;
    line-height: 1;
}

.location-modal__heading p {
    margin: 0;
    color: #dbe4f5;
    font-size: 12px;
}

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

.location-modal__body {
    display: grid;
    grid-template-columns: 36% minmax(0, 1fr);
    column-gap: 6%;
    padding: 14px 24px 18px;
}

.location-modal__details {
    display: grid;
    gap: 8px;
    align-content: start;
}

.location-detail-card {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid #e6e9ef;
    border-radius: 12px;
    color: #0e2d64;
}

.location-detail-card>i {
    display: grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    background: #fff4e8;
    color: #ff790b;
    font-size: 14px;
}

.location-detail-card--blue>i {
    background: #edf4ff;
    color: #377de8;
}

.location-detail-card strong {
    display: block;
    margin: 0 0 3px;
    font-size: 13px;
}

.location-detail-card p {
    margin: 0;
    color: #566276;
    font-size: 11px;
    line-height: 1.35;
}

.location-detail-card--hours>i {
    background: #edf4ff;
    color: #377de8;
}

.location-hours-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.location-hours-row b {
    color: #273449;
    font-weight: 600;
    white-space: nowrap;
}

.location-detail-card em {
    display: inline-block;
    margin-top: 4px;
    padding: 1px 8px;
    border-radius: 99px;
    background: #eef5ff;
    color: #397bf0;
    font-size: 10px;
    font-style: normal;
}

.location-modal__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 6px;
}

.location-modal__actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
}

.location-modal__directions {
    background: #09275e;
    color: #fff;
}

.location-modal__contact {
    border: 1px solid #ff790b;
    color: #ff790b;
}

.location-modal__map-wrap h3 {
    margin: 0 0 10px;
    padding: 0 0 8px;
    border-bottom: 1px solid #e7e9ee;
    color: #102d5d;
    font-size: 14px;
    font-weight: 700;
}

.location-modal__map-wrap iframe {
    width: 100%;
    height: 85%;
    min-height: 0;
    border: 0;
    border-radius: 10px;
    background: #e8ebee;
}

@media (max-width: 767.98px) {
    .location-modal {
        padding: 6px;
    }

    .location-modal__dialog {
        max-height: calc(100vh - 12px);
        border-radius: 14px;
    }

    .location-modal__hero,
    .location-modal__body {
        display: block;
    }

    .location-modal__hero {
        min-height: 0;
    }

    .location-modal__hero::after {
        display: none;
    }

    .location-modal__heading {
        min-height: 108px;
        padding: 34px 16px 16px;
        clip-path: none;
    }

    .location-modal__heading h2 {
        font-size: clamp(20px, 7vw, 26px);
    }

    .location-modal__hero img {
        height: 96px;
        margin: 0;
    }

    .location-modal__body {
        padding: 12px 10px 14px;
    }

    .location-detail-card {
        gap: 8px;
        padding: 8px;
    }

    .location-detail-card>i {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
        font-size: 12px;
    }

    .location-modal__actions {
        gap: 6px;
    }

    .location-modal__actions a {
        min-height: 32px;
        font-size: 11px;
    }

    .location-modal__map-wrap {
        margin-top: 12px;
    }

    .location-modal__map-wrap h3 {
        margin-bottom: 8px;
        padding-bottom: 8px;
        font-size: 13px;
    }

    .location-modal__map-wrap iframe {
        height: 140px;
        min-height: 0;
    }

    .location-modal__close {
        top: 10px;
        right: 10px;
    }
}

.footer-bars {
    display: flex;
    align-items: flex-end;
    gap: 6px;
}

.footer-bars span {
    width: 16px;
    background: #6f5a68;
}

.footer-bars span:nth-child(1) {
    height: 34px;
}

.footer-bars span:nth-child(2) {
    height: 54px;
}

.footer-bars span:nth-child(3) {
    height: 26px;
}

.footer-bars span:nth-child(4) {
    height: 60px;
}

.footer-bars span:nth-child(5) {
    height: 42px;
}


.contact-section {
    padding: 70px 0;

}

.contact-subtitle {
    color: #E67E22;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 14px;
}

.contact-title {
    font-size: 33px;
    font-weight: 500;
    color: #111;
    margin-bottom: 24px;
    line-height: 1.1;
}

.contact-description {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    max-width: 95%;
    margin-bottom: 18px;
}



.contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}

.contact-info-item:last-child {
    margin-bottom: 0;
}

.contact-info-item i {
    color: #111;
    font-size: 18px;
    margin-top: 4px;
    min-width: 18px;
}

.contact-info-item span {
    color: #111;
    font-size: 18px;
    line-height: 1.7;
    flex: 1;
    min-width: 0;
}

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














.contact-card {
    border: 1.5px solid #c5d5ea;
    border-radius: 20px;
    padding: 30px 24px;
    background: #fff;
    max-width: 380px;
    margin: 0 auto;

}

.contact-card-title {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
}

.contact-field {
    position: relative;
    margin-bottom: 16px;
}

.contact-input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    padding: 12px 30px 12px 14px;
    font-size: 14px;
    color: #333;
    outline: none;
    background: #fff;
    font-family: inherit;
    transition: border 0.2s;
}

.contact-input:focus {
    border-color: #1a3fa6;
}

.contact-textarea {
    height: 110px;
    resize: none;
}

.contact-required {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #e00;
    font-size: 14px;
    font-weight: 700;
}

.contact-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px;
}

.contact-checkbox input[type="checkbox"] {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    accent-color: #1a3fa6;
    cursor: pointer;
}

.contact-checkbox label {
    font-size: 11.5px;
    color: #555;
    line-height: 1.6;
    cursor: pointer;
}

.contact-submit {
    width: 100%;
    background: #1a2f6e;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 14px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s;
}

.contact-submit:hover {
    background: #142358;
}


.getintouchContainer {
    margin-top: 60px !important;
    background: #F0F9F5;
    /* background: linear-gradient(90deg, rgba(254, 223, 198, 1) 39%, rgba(255, 255, 255, 1) 100%); */
    padding: 33px;
    border-radius: 14px;
}




/* map section */
.map-section2 {
    padding: clamp(30px, 5vw, 60px) 0;
}

.map-wrap2 {
    border-radius: clamp(10px, 2vw, 16px);
    overflow: hidden;
    border: 1.5px solid #e0e0e0;
    width: 100%;
}

.map-iframe2 {
    display: block;
    width: 100%;
    height: clamp(250px, 50vw, 400px);
    border: 0;
}

/* Tablets */
@media (max-width: 991.98px) {
    .map-section2 {
        padding: 40px 0;
    }

    .map-iframe2 {
        height: 350px;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .map-section2 {
        padding: 30px 0;
    }

    .map-wrap2 {
        border-radius: 12px;
    }

    .map-iframe2 {
        height: 280px;
    }
}

/* Small Mobile */
@media (max-width: 575.98px) {
    .map-iframe2 {
        height: 240px;
    }
}




.contact-info-section {}

.contact-card2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #E8E8E8;
    text-align: center;
    padding: 18px 20px;
    background-color: #fff;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
    border-radius: 8px;

    h4 {
        color: #1100FE;
    }

    p {
        margin: 0;
    }
}

.contact-icon {
    margin-bottom: 16px;
}

.contact-icon i {
    color: #1D1DFF;
    font-size: 34px;
}

.contact-card h4 {
    color: #1D1DFF;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
}

.contact-card p {
    color: #111;
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 4px;
    font-weight: 500;
}


.common-subPageSection-contactuspage {
    background-image: url(./assets/Rectangle\ 19.png);
}





/* ===================================== */
/* **************Blog page ****************/
/* ===================================== */

.filter-label {
    font-size: 13px;
    font-weight: 600;
    color: #222;
    display: block;
}

.search-box input::placeholder {
    color: #999;
}

.search-box input:focus {
    outline: none;
    box-shadow: none;
}

.dropdown-toggle::after {
    display: none !important;
}

.dropdown-item:hover {
    background-color: #1b2f6e;
    color: #fff;
}

.dropdown-item.active {
    background-color: #1b2f6e;
    color: #fff;
}



/* Blog Card */
.blog-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

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

.blog-card-img img {
    border-radius: 8px;
    height: 288px;
    object-fit: cover;
    width: 100%;
}

.blog-title span {
    color: #1b2f6e;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

.blog-card-link:hover .blog-title span {
    text-decoration: underline;
}

.blog-meta span {
    font-size: 12px;
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .filter-label {
        font-size: 12px;
    }

    .blog-card-img img {
        height: 160px;
    }

    .blog-title span {
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .blog-card-img img {
        height: 180px;
    }

    .blog-title span {
        font-size: 14px;
    }

    .filter-col {
        margin-bottom: 12px;
    }

    .filter-col:last-child {
        margin-bottom: 0;
    }
}




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

.custom-pagination {
    gap: 45px;
    flex-wrap: wrap;
}

.page-arrow {
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: #f2f2f2;
    color: #777;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
    font-size: 16px;
}

.page-arrow:hover {
    background: #ff7a00;
    color: #fff;
}

.next-btn {
    color: #777;

}

.page-numbers {
    gap: 18px;
}

.page-number {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    color: #777;
    cursor: pointer;
    transition: 0.3s ease;
    line-height: 1;
}

.page-number:hover {
    color: #1b2f6e;
}

.page-number.active {
    color: #1b2f6e;
    font-weight: 700;
}

.page-line {
    width: 35px;
    height: 1px;
    background: #cfcfcf;
    display: inline-block;
}

@media (max-width: 576px) {

    .custom-pagination {
        gap: 20px;
    }

    .page-numbers {
        gap: 12px;
    }

    .page-arrow {
        width: 40px;
        height: 40px;
    }
}




















/* glossry tab */
.service-card {
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s ease;
    background: #fff;
    height: 100%;
}

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

.service-img {
    overflow: hidden;
    border-radius: 10px;
}

.service-img img {
    width: 100%;
    height: 288px;
    object-fit: cover;
    transition: 0.4s ease;
    display: block;
}

.service-card:hover .service-img img {
    transform: scale(1.05);
}

.service-content {
    padding-top: 14px;
}

.service-content h4 {
    font-size: 18px;
    font-weight: 700;
    color: #183153;
    margin-bottom: 10px;
}

.service-content p {
    font-size: 13px;
    line-height: 1.7;
    color: #666;
    margin: 0;
}

/* Responsive */

@media (max-width: 991px) {

    .service-img img {
        height: 200px;
    }

}

@media (max-width: 576px) {

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

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

    .service-img img {
        height: 220px;
    }

}


.tab-content {
    overflow: hidden;
}

.tab-pane {
    display: none;
}

.tab-pane.active.show {
    display: block;
}

#glossaryPage {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.glossary-head {

    font-size: 30px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 70px;
    margin-top: 60px;

}








/* ========================= */
/*=========== company overview page========*/
/* ========================== */



/* ── Section wrapper ── */
section {
    padding: 60px 0;
}

/* ── Section headings & subtitles ── */
section h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #1a6abf;
    margin-bottom: 8px;
}

section .section-subtitle {
    text-align: center;
    font-size: 15px;
    color: #6c757d;
    margin-bottom: 40px;
}

.row.align-items-center {
    margin-bottom: 20px;
}


.img-fluid {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.col-lg-6 h5,
.col-lg-6 .fw-semibold {
    font-size: clamp(18px, 20px, 25px);
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.6;
    margin-bottom: 16px;
}

.col-lg-6 {
    font-size: 14px;
    color: #141414;
    line-height: 1.8;
}


.company-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #fff3e0;
    border: 1px solid #f5a623;
    border-radius: 8px;
    padding: 8px 16px;
    margin-top: 12px;
}

.company-badge i {
    color: #f5a623;
    font-size: 18px;
}

.company-badge span {
    font-size: 14px;
    font-weight: 500;
    color: #a06010;
}

/* ── Divider ── */
hr {
    border: none;
    border-top: 1px solid #e5e5e5;
    margin: 50px 0;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    section h2 {
        font-size: 22px;
    }

    .row.align-items-center {
        flex-direction: column;
    }

    .col-lg-6 {
        width: 100%;
        margin-bottom: 20px;
    }


    .row.align-items-center .col-lg-6:first-child {
        order: 1;
    }

    .row.align-items-center .col-lg-6:last-child {
        order: 2;
    }
}




.companyoverview-p-grpcom-section figure {
    border-radius: 20px;
    max-width: 600px;
    max-height: 344px;
    overflow: hidden;

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

    p {
        line-height: 1.9;
    }
}

.companyoverview-p-subtext {
    font-size: 17px !important;

    color: var(--primary-color) !important;
}




/* 45degree common section */
.company-overview-section {
    background-color: #1a2a6c;

    overflow: hidden;
    display: flex;
    align-items: stretch;
}

.company-overview-left {
    background-color: #1a2a6c;
    padding: 30px 40px;
    flex: 1;
    clip-path: polygon(0 0, 95% 0, 88% 100%, 0% 100%);
}

.company-overview-left h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px;
}

.company-overview-left p {
    color: #cdd5f0;
    font-size: 18px;
    margin: 0;
    max-width: 400px;
}

.company-overview-right {
    background-color: #f5d98b;
    padding: 30px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 567px;
}

.company-overview-right a {
    background-color: #f57c00;
    color: #fff;
    padding: 28px 42px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 21px;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.3s ease;
}

.company-overview-right a:hover {
    background-color: #e06500;
}

.company-overview-left {
    background-color: #1a2a6c;
    padding: 30px 40px;
    flex: 1;
    clip-path: polygon(0 0, 92% 0, 78% 100%, 0% 100%);
}

.company-overview-right {
    background-color: #f5d98b;
    padding: 30px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 567px;
    position: relative;
}

/* 45 degree diagonal white slash */
/* 45degree common section */
/* .company-overview-section {
    background-color: #1a2a6c;

    overflow: hidden;
    display: flex;
    align-items: stretch;
}

.company-overview-left {
    background-color: #1a2a6c;
    padding: 30px 40px;
    flex: 1;
    clip-path: polygon(0 0, 95% 0, 88% 100%, 0% 100%);
}

.company-overview-left h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.company-overview-left p {
    color: #cdd5f0;
    font-size: 14px;
    margin: 0;
    max-width: 400px;
}

.company-overview-right {
    background-color: #f5d98b;
    padding: 30px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 280px;
}

.company-overview-right a {
    background-color: #f57c00;
    color: #fff;
    padding: 14px 30px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.3s ease;
}

.company-overview-right a:hover {
    background-color: #e06500;
}

.company-overview-left {
    background-color: #1a2a6c;
    padding: 30px 40px;
    flex: 1;
    clip-path: polygon(0 0, 92% 0, 78% 100%, 0% 100%);
}

.company-overview-right {
    background-color: #f5d98b;
    padding: 30px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 320px;
    position: relative;
} */
.cta-section {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    border-radius: 6px;
}

/* FULL WIDTH BACKGROUNDS */
.cta-section::before,
.cta-section::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    z-index: 0;
    border-radius: 6px;
}

/* LEFT BLUE */
.cta-section::before {
    left: 0;
    background: #002D72;
    clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
    z-index: 2;
}

/* RIGHT YELLOW */
.cta-section::after {
    right: 0;
    background: #F0F9F5;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 1;
}

/* CONTENT */
.cta-wrapper {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}

/* LEFT TEXT */
.cta-left h4 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 21px;
}

.cta-left p {
    color: #dbe6f5;
    font-size: 18px;
    max-width: 500px;
}

/* RIGHT BUTTON */
.cta-btn {
    background: #F2750C;
    color: #fff;
    padding: 26px 42px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    font-size: 25px;
}

.cta-btn:hover {
    background: #e56f00;
}

.cta-section::before {
    width: 55%;
    /* more blue */
}

.cta-section::after {
    width: 45%;
    /* less yellow */
}


/* Tablet */
/* ================= TABLET FIX (768px - 991px) ================= */
@media (max-width: 991px) {

    .cta-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 25px 20px;
    }

    .cta-left,
    .cta-right {
        width: 100%;
    }

    .cta-btn {
        font-size: 18px;
        padding: 16px 28px;
    }

    /* 🔥 Give full dominance to blue */
    .cta-section::before {
        width: 100%;
        clip-path: none;
        /* remove diagonal */
    }

    .cta-section::after {
        display: none;
        /* remove yellow */
    }
}


/* Mobile */
@media (max-width: 576px) {

    .cta-wrapper {
        padding: 20px 15px;
    }

    .cta-left h4 {
        font-size: 18px;
        line-height: 1.4;
    }

    .cta-left p {
        font-size: 14px;
    }

    .cta-btn {
        width: 100%;
        text-align: center;
        font-size: 16px;
        padding: 14px 20px;
    }

    /* simplify shapes for small screens */
    .cta-section::before {
        width: 100%;
        clip-path: none;
        /* full blue */
    }

    .cta-section::after {
        display: none;
        /* remove yellow for clean mobile */
    }
}





/* 45 degree diagonal white slash */
.company-overview-right::before {
    content: "";
    position: absolute;
    left: -11px;
    top: 0;
    width: 35px;
    height: 100%;
    background: #fff;
    transform: skewX(-15deg);
    z-index: 1;
}

.company-overview-left {
    padding: 30px 20px;
    /* instead of 40px */
}

.company-overview-right {
    padding: 30px 20px;
    /* instead of 50px */
}

/* Dark navy triangle behind white slash */
.company-overview-right::after {
    content: "";
    position: absolute;
    left: -90px;
    top: 0;
    width: 80px;
    height: 100%;
    background: #1a2a6c;
    transform: skewX(-15deg);
    z-index: 0;
}



@media (max-width: 991px) {

    .company-overview-left {
        padding: 25px 30px;
    }

    .company-overview-right {
        min-width: 250px;
        padding: 25px;
    }

    .company-overview-left h3 {
        font-size: 18px;
    }
}


@media (max-width: 767px) {

    .company-overview-section {
        flex-direction: column;
    }

    .company-overview-left {
        clip-path: none;
        text-align: center;
        padding: 25px 20px;
    }

    .company-overview-left p {
        max-width: 100%;
    }

    .company-overview-right {
        min-width: 100%;
        width: 100%;
        padding: 25px 20px;
    }

    .company-overview-right::before,
    .company-overview-right::after {
        display: none;
    }

    .company-overview-right a {
        width: 100%;
        max-width: 280px;
        text-align: center;
    }
}

@media (max-width: 480px) {

    .company-overview-left h3 {
        font-size: 16px;
    }

    .company-overview-left p {
        font-size: 13px;
    }

    .company-overview-right a {
        padding: 12px 20px;
        font-size: 14px;
    }
}


/* ================================================= */
/* ================csrpolicy page=================== */
/* ================================================= */

.meetPage-pinkContainer-forcsr {

    margin-top: 60px !important;
    /* background: linear-gradient(269.81deg,
            rgba(255, 255, 255, 0) -57.35%,
            rgba(250, 129, 28, 0.25) 35.83%); */
    background-color: #F0F9F5;
    padding: 33px;
    border-radius: 8px;

}

.csrhead {
    font-size: clamp(18px, 4vw, 21px);
}

.csrActivities-section {
    h3 {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .csrActivities-section h3 {
        font-size: 25px;
    }
}

.csr-p-subtext {
    font-size: 20px;
}


.csr-figure {
    width: 100%;
    height: 341px;
    overflow: hidden;
    border-radius: 8px;

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

.csr-p-subtext-bottom {
    font-size: 20px;
    font-weight: 500;
}

.csr-p-subtext-name {
    font-size: clamp(20px, 30px, 25px) !important;
    font-weight: 600;
    color: var(--primary-color) !important;
}



@media (max-width: 556px) {
    .csr-p-subtext-name {
        font-size: clamp(18px, 22px, 24px) !important;
    }
}


.csr-p-subtext-underi {
    font-weight: 600;
    font-size: clamp(18px, 22px, 24px) !important;
}

@media (max-width: 556px) {
    .csr-p-subtext-underi {
        font-size: clamp(16px, 20px, 22px) !important;
    }
}













/* ======================== */
/* blog details page */
/* ========================== */
/* Body text */

/* Body text */
.body-text {
    font-size: 15px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 1.25rem;
}

/* Blockquote */
.blockquote-box {
    background: #F6F3F2;
    border-left: 4px solid var(--primary-color);

    padding: 32px 20px;
    margin: 1.5rem 0;
}

.blockquote-box p {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-color);
    line-height: 1.6;
    margin: 0;
}

.blockquote-box cite {
    display: block;
    font-size: 12px;
    color: var(--primary-color);
    font-weight: 600;
    margin-top: 0.75rem;
    font-style: normal;
    letter-spacing: 0.05em;
}

/* Section heading */
.section-heading {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    margin-top: 1.5rem;
}

/* Takeaways card */
.takeaways-card {
    background: #F0EDED;
    border: 1px solid #C4C6D3;

    padding: 32px;
    margin-bottom: 1rem;
}

.card-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color) !important;

    margin-bottom: 16px !important;

    i {
        color: var(--primary-color) !important;
    }
}

.card-title i {
    font-size: 20px;
    color: var(--primary-color);
}

.takeaway-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 0.9rem;
}

.takeaway-num {
    font-weight: 600;
    font-family: sans-serif;
    font-size: 16px;
    color: var(--primary-color);


}

.takeaway-item p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/* Insights card */
.insights-card {
    background: #1e3a5f;

    padding: 32px;
}

.insights-title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0.4rem;
}

.insights-sub {
    font-size: 13px;
    color: #93b4d4;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.insights-form {
    margin: 0;
}

.insights-feedback {
    font-size: 12.5px;
    line-height: 1.45;
    margin-bottom: 0.8rem;
    padding: 9px 10px;
}

.insights-feedback-success {
    background: rgba(40, 167, 69, 0.14);
    border: 1px solid rgba(40, 167, 69, 0.35);
    color: #d9f8e1;
}

.insights-feedback-error {
    background: rgba(239, 68, 68, 0.14);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #ffe2e2;
}

.insights-input {
    width: 100%;
    background: #ffffff21;
    border: 1px solid #475D81;
    ;
    color: white !important;
    outline: none;
    padding: 9px 12px;
    font-size: 13px;
    margin-bottom: 0.6rem;
}

.insights-input::placeholder {
    color: #7586A1;
    opacity: 1;
}

.insights-input:focus {
    border: none;
}

.insights-btn {
    width: 100%;
    background: #ABC3FD;
    border: none;

    padding: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #375082;
    letter-spacing: 0.08em;
    cursor: pointer;
}

.insights-btn:hover {
    background: #1a4fc4;
}

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

    .col-8,
    .col-4 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .blockquote-box p {
        font-size: 15px;
    }

    .section-heading {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    section {
        padding: 40px 0;
    }

    .body-text {
        font-size: 14px;
    }

    .blockquote-box {
        padding: 1rem 1.25rem;
    }

    .blockquote-box p {
        font-size: 14px;
    }

    .section-heading {
        font-size: 18px;
    }

    .takeaways-card {
        padding: 1rem;

    }

    .insights-card {
        padding: 1rem;
    }
}

@media (max-width: 575px) {
    .blockquote-box p {
        font-size: 13px;
    }

    .section-heading {
        font-size: 17px;
    }

    .insights-btn {
        font-size: 11px;
        padding: 9px;
    }
}



/* Article image */
.article-image-wrap {
    width: 100%;
    height: 316px;
    overflow: hidden;
    margin: 1.75rem 0;

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

.article-img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

.article-img-caption {
    text-align: center;
    font-size: 13px;
    color: #888;
    margin-top: 0.6rem;
    font-style: italic;
}








/* Section */
.related-insights-section {
    padding: 60px 0;
}

/* Header row */
.related-insights-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.related-insights-title {
    font-size: 25px;
    font-weight: 700;
    color: var(--primary-color);
    margin: 0;
}

.view-all-link {
    font-size: 12px;
    font-weight: 700;
    color: var(--primary-color);
    text-decoration: none;
    letter-spacing: 0.06em;
    border-bottom: 1.5px solid var(--primary-color);
    padding-bottom: 2px;
    white-space: nowrap;
}

.view-all-link:hover {
    color: #1a6abf;
    border-color: #1a6abf;
}

/* Card */
.insight-card {
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    overflow: hidden;
    height: 100%;
    background: #fff;
    transition: box-shadow 0.2s;
}

.insight-card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Image */
.insight-img-wrap {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.insight-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.insight-card:hover .insight-img {
    transform: scale(1.04);
}

/* Body */
.insight-body {
    padding: 1rem 1.1rem 1.25rem;
    height: 50%;

}

.insight-body:hover {
    background-color: #FBF9F8;
}

/* Tag */
.insight-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: var(--primary-color);
    letter-spacing: 0.08em;
    margin-bottom: 0.5rem;
}

/* Heading */
.insight-heading {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.5;
    margin-bottom: 0.6rem;
}

/* Date */
.insight-date {
    font-size: 14px;
    color: #888;
    margin: 0;
}

/* Responsive */
@media (max-width: 767px) {
    .related-insights-section {
        padding: 40px 0;
    }

    .related-insights-title {
        font-size: 18px;
    }

    .col-md-6 {
        margin-bottom: 0;
    }
}

@media (max-width: 575px) {
    .col-lg-4 {
        width: 100%;
    }

    .related-insights-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
}




.blogdetail-subhead {
    text-align: left !important;
    margin-bottom: 32px !important;

}






















/* =========================
   BLOG DETAIL BANNER
========================= */

.blog-details-banner-section {
    padding: 10px 0 40px;
}

.blog-details-banner {
    position: relative;
    overflow: hidden;
    min-height: 430px;
}

.blog-details-banner img {
    width: 100%;
    height: 430px;
    object-fit: cover;
    display: block;
}

/* Dark Overlay */

.blog-details-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
            rgba(5, 23, 54, 0.95) 8%,
            rgba(5, 23, 54, 0.55) 45%,
            rgba(5, 23, 54, 0.15) 100%);
}

/* Content */

.blog-details-content {
    position: absolute;
    left: 30px;
    bottom: 35px;
    z-index: 2;
    max-width: 760px;
}

.blog-detail-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.blog-category {
    background: #163d7a;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 4px 8px;
    border-radius: 2px;
    line-height: 1;
}

.blog-date {
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 400;
}

.blog-details-content h2 {
    color: #fff;
    font-size: clamp(24px, 4vw, 46px);
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 16px;
}

.blog-details-content p {
    color: #d6dbe4;
    font-size: 14px;
    line-height: 1.6;
    max-width: 520px;
    margin: 0;
}

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

@media (max-width: 991px) {

    .blog-details-banner {
        min-height: 360px;
    }

    .blog-details-banner img {
        height: 360px;
    }

    .blog-details-content {
        left: 24px;
        bottom: 28px;
        max-width: 90%;
    }

    .blog-details-content p {
        font-size: 13px;
    }
}

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

@media (max-width: 576px) {

    .blog-details-banner {
        min-height: 300px;
    }

    .blog-details-banner img {
        height: 300px;
    }

    .blog-details-content {
        left: 18px;
        right: 18px;
        bottom: 20px;
        max-width: 100%;
    }

    .blog-detail-top {
        gap: 8px;
        margin-bottom: 10px;
    }

    .blog-category {
        font-size: 8px;
        padding: 4px 7px;
    }

    .blog-date {
        font-size: 10px;
    }

    .blog-details-content h2 {
        line-height: 1.25;
        margin-bottom: 12px;
    }

    .blog-details-content p {
        font-size: 12px;
        line-height: 1.5;
    }
}


.blogdetail-head {
    text-align: left;
}











/* 
================================== */
/*============== structrey policy page ================*/
/* ================================== */
.registration-section {}

.timeline-wrapper {
    position: relative;

    padding: 70px 30px;
    border-radius: 6px;
    overflow: hidden;

    /* background: linear-gradient(269.81deg,
            rgba(255, 255, 255, 0) -57.35%,
            rgba(250, 129, 28, 0.25) 35.83%); */
}


.timeline-line {
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    width: 6px;
    height: calc(100% - 40px);
    background: #fff;
    border-radius: 30px;
}

.timeline-line::before,
.timeline-line::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
}

.timeline-line::before {
    top: -8px;
}

.timeline-line::after {
    bottom: -8px;
}


.timeline-item {
    position: relative;
    width: 50%;
    margin-bottom: 44px;
}

.timeline-item.left {
    padding-right: 58px;
}

.timeline-item.right {
    margin-left: auto;
    padding-left: 58px;
}


.timeline-item::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 55px;
    border-top: 1.5px dashed #6e6e6e;
}

.timeline-item.left::before {
    right: 0;
}

.timeline-item.right::before {
    left: 0;
}

.timeline-item::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 6px;
    height: 6px;
    background: #4d4d4d;
    border-radius: 50%;
    transform: translateY(-50%);
}

.timeline-item.left::after {
    right: -3px;
}

.timeline-item.right::after {
    left: -3px;
}


.timeline-card {
    background: #ffffff;
    border-radius: 8px;
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
}


.timeline-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border: 1.5px solid #f39a5a;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;

}


.timeline-icon figure {
    width: 29px;
    height: 29px;
    overflow: hidden;
    margin: 0px;

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

.timeline-icon i {
    color: #f39a5a;
    font-size: 18px;
}



.timeline-card h5 {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #1d3764;
    margin: 0;
}



@media (max-width: 991px) {

    .timeline-line {
        left: 20px;
    }

    .timeline-item {
        width: 100%;
        padding-left: 0px !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
    }

    .timeline-item::before {
        left: 20px !important;
        width: 35px;
    }

    .timeline-item::after {
        left: 17px !important;
    }

}

@media (max-width: 576px) {

    .timeline-wrapper {
        padding: 50px 15px;
    }

    .timeline-card {
        padding: 12px;
        gap: 10px;
    }

    .timeline-card h5 {
        font-size: 12px;
    }

    .timeline-icon {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }

}

.registration-section {
    background-color: #F0F9F5;
}

/* Statutory compliance card grid (placed after legacy timeline styles) */
.registration-section .timeline-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px 16px;
    padding: 32px 40px;

    border-radius: 0;
    overflow: visible;
}

.registration-section .timeline-line,
.registration-section .timeline-item::before,
.registration-section .timeline-item::after {
    display: none;
}

.registration-section .timeline-item,
.registration-section .timeline-item.left,
.registration-section .timeline-item.right {
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}



.registration-section .timeline-icon {
    width: 48px;
    height: 48px;
    min-width: 28px;
    border: 0;
    border-radius: 50%;
    background: #eef4ff;
}

.registration-section .timeline-icon figure {
    width: 23px;
    height: 23px;
}

.registration-section .timeline-icon i {
    color: #072561;
    font-size: 13px;
}

.registration-section .timeline-card-content {
    min-width: 0;
}


.registration-section .timeline-card-content span {
    display: block;
    margin-top: 4px;
    color: #1e64e8;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.15;
}

.registration-section .timeline-card-content>p {
    margin: 18px 0 0;
    color: #566273;
    font-size: 14px;
    line-height: 1.35;
}

.registration-section .newtxtadded {
    grid-column: 1 / -1;
    min-width: 0;
}

.registration-section .newtxtadded p {
    margin: 0;
    color: #4B5563;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 400;
}

@media (max-width: 991px) {
    .registration-section .timeline-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 28px;
    }
}

@media (max-width: 576px) {
    .registration-section .timeline-wrapper {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .registration-section .timeline-card {
        min-height: 128px;
    }
}


/* ====================================== */
/* ==============JOB DETAILS PAGE============= */
/* ====================================== */



.job-apply-wrapper {
    background: #e9e9e9;
    padding: 30px 25px 40px;
}

/* Header */

.job-title-box h2 {
    font-size: 30px;
    font-weight: 700;
    color: #111;
    margin: 0;
}

.job-icon i {
    font-size: 28px;
    color: #000;
}

.job-icon {
    width: 40px;
    aspect-ratio: 1;
    overflow: hidden;

    img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.job-date {
    display: flex;
    justify-content: end;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #111;
}

/* Description */

.job-description h5 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #111;
}

.job-description p {
    font-size: 13px;
    line-height: 1.9;
    color: #444;
    margin-bottom: 14px;
}

/* Heading */

.apply-heading {
    font-size: 24px;
    font-weight: 700;
    margin: 40px 0;
    color: #111;
}

/* Form */

.form-label-custom {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #111;
}

.custom-input {
    height: 52px;
    border: none;
    border-radius: 4px;
    background: #fff;
    box-shadow: none !important;
    font-size: 14px;
}

.custom-textarea {
    height: 150px;
    resize: none;
    border: none;
    border-radius: 4px;
    box-shadow: none !important;
}

.custom-group {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

.custom-group-icon {
    background: #fff;
    border: none;
    padding-inline: 18px;
}

.custom-group-icon i {
    font-size: 18px;
    color: #222;
}

/* Upload */

.upload-box {
    height: 150px;
    border: 2px dashed #c7c7c7;
    background: #fff;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.upload-icon {
    width: 46px;
    height: 46px;
    border: 1px solid #1c2b5f;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.upload-icon i {
    font-size: 20px;
    color: #1c2b5f;
}

.upload-box h6 {
    font-size: 12px;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
}

.upload-box button {
    border: none;
    border: 1px solid lightgray;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 11px;
    background: transparent !important;
}

/* Button */

.apply-btn {
    width: 210px;
    height: 52px;
    border: none;
    background: #0d3472;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    transition: 0.3s ease;
}

.apply-btn:hover {
    background: #082552;
}

/* Responsive */

@media (max-width: 991px) {

    .job-title-box h2 {
        font-size: 24px;
    }

    .apply-heading {
        font-size: 22px;
    }

}

@media (max-width: 767px) {

    .job-date {
        justify-content: start;
    }

    .job-apply-wrapper {
        padding: 25px 18px 35px;
    }

    .apply-heading {
        margin: 30px 0;
    }

}

@media (max-width: 576px) {

    .job-title-box h2 {
        font-size: 20px;
    }

    .job-description p {
        font-size: 12px;
        line-height: 1.8;
    }

    .apply-btn {
        width: 100%;
    }

}

.file-name {
    font-size: 12px;
    color: #0d3472;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    word-break: break-word;
    padding-inline: 10px;
}

.upload-box button:hover {
    background: #0d3472;
    color: #fff;
}
































/* ============================*/
/* ===========career page ============*/
/* =========================== */

.job-listing-section {}




.filter-box {
    height: 52px;
    background: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 16px;
    border: 1px solid #e5e5e5 !important;
    position: relative;
}

.filter-box::after {
    display: none !important;
}

.filterbox-underdiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}

.filter-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-menu {
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

.dropdown-item {
    padding: 10px 16px;
}



.filter-icon i,
.filter-arrow i {
    color: #555;
    font-size: 16px;
}

.filter-icon {
    margin-right: 10px;
}

.search-btn {
    width: 100%;
    height: 52px;
    border: none;
    border-radius: 4px;
    background: #ea922f;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s ease;
}

.search-btn:hover {
    background: #cf7d20;
}



.job-card {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 20px;
    position: relative;
    transition: 0.3s ease;
    height: 100%;
}

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

.job-title-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.job-briefcase i {
    font-size: 16px;
    color: #000;
}

.job-title-box h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    color: #111;
}

.job-card p {
    font-size: 13px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 28px;
    max-width: 95%;
}

/* .job-arrow {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    width: 34px;
    height: 34px;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.job-arrow i {
    font-size: 16px;
    color: #444;
}



.load-more-btn {
    margin-top: 70px;
    width: 170px;
    height: 52px;
    border: 1px solid #ea922f;
    background: transparent;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 500;
    color: #222;
    transition: 0.3s ease;
}

.load-more-btn:hover {
    background: #ea922f;
    color: #fff;
}


@media (max-width: 991px) {

    .job-title-box h3 {
        font-size: 26px;
    }

}

@media (max-width: 576px) {

    .job-card {
        padding: 18px;
    }

    .job-title-box h3 {
        font-size: 22px;
    }

    .job-card p {
        font-size: 12px;
    }

    .load-more-btn {
        width: 100%;
        font-size: 16px;
    }

}

.dropdown-toggle::after {
    display: none !important;
}

.dropdown-menu {
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    padding: 6px 0;
}

.dropdown-item {
    padding: 10px 16px;
    font-size: 14px;
}

.dropdown-item:hover {
    background: #ea922f;
    color: #fff;
}


/* ============================*/
/* ===========ddguky page ============*/
/* =========================== */

.skill-development-section {
    background: #fff;
}

.custom-skill-table {
    border: 1px solid #e5e5e5;
    margin-bottom: 0;
}

.custom-skill-table thead tr th {
    background: #fafafa;
    color: #666;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 14px 10px;
    border: 1px solid #e5e5e5;
}

.custom-skill-table tbody tr td {
    font-size: 13px;
    color: #777;
    text-align: center;
    padding: 14px 10px;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
}

.custom-skill-table tbody tr td i {
    color: #888;
    font-size: 15px;
}

.skill-content p {
    font-size: 14px;
    line-height: 1.9;
    color: #555;
    margin-bottom: 18px;
}

.skill-content ul {
    padding-left: 18px;
    margin-bottom: 18px;
}

.skill-content ul li {
    font-size: 14px;
    line-height: 1.9;
    color: #555;
    margin-bottom: 8px;
    list-style: disc;
}

@media (max-width: 767.98px) {

    .skill-content img {
        display: block;
        margin: 0 auto 15px;
        width: 100% !important;
        height: auto !important;
    }

    .skill-content p,
    .skill-content div {
        text-align: center;
    }
}

.gallery-card {
    overflow: hidden;
}

.gallery-card img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
    transition: 0.4s ease;
}

.gallery-card:hover img {
    transform: scale(1.05);
}


@media (max-width: 991px) {

    .gallery-card img {
        height: 220px;
    }

}

@media (max-width: 576px) {

    .custom-skill-table thead tr th,
    .custom-skill-table tbody tr td {
        font-size: 12px;
        padding: 10px 8px;
    }

    .skill-content p,
    .skill-content ul li {
        font-size: 13px;
        line-height: 1.8;
    }

    .gallery-card img {
        height: 200px;
    }

}


.ddckyp-iconContainerFlex-p {
    line-height: 1.6 !important;
    color: #222222 !important;
}


.ourVision-list {
    padding-left: 0px;
}



.editor-content img {
    max-width: 100%;
}

/* Phone view */
@media (max-width: 767px) {
    .editor-content img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100% !important;
        height: auto !important;
    }

    .editor-content p:has(img) {
        text-align: center;
    }
}







.meetPage-pinkContainer2 {
    margin-top: 60px !important;
    background: #F0F9F5;
    /* background: linear-gradient(90deg, rgba(254, 223, 198, 1) 0%, rgba(255, 255, 255, 1) 100%); */
    padding: 24px 30px;
    border-radius: 8px;
}

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

.visionMission-icon {
    min-width: 80px;
    width: 80px;
    height: 80px;
    background: #F57C00;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 15px;

    img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.visionMission-icon i {
    color: #fff;
    font-size: 38px;
}

.visionMission-title {
    color: #002D72;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.visionMission-text {
    color: #222;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 0;
}

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

    .visionMission-flex {
        flex-direction: column;
        text-align: center;
    }

    .visionMission-icon {
        width: 70px;
        height: 70px;
    }

    .visionMission-icon i {
        font-size: 30px;
    }

    .visionMission-title {
        font-size: 20px;
    }

}



.ddgckybanner {
    width: 100%;
    max-height: 202px;
    overflow: hidden;

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

.useBullet li {
    list-style: disc;
}



.ddgcky-common-subPageSection {
    background-image: url(assets/Rectangle\ 17\ \(2\).png);
}





/* ======================================================= */
/* =============revamping it solutions ===========*/
/* ========================================================== */


.revamping-section {
    padding: 50px 0;
    background: #fff;
}

.revamping-title {
    color: #002D72;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;

}

.revamping-subtitle {
    font-size: 15px;
    color: #222;
    max-width: 900px;
    margin: auto;
    line-height: 1.8;
}

.revamping-banner {
    border-radius: 10px;
    overflow: hidden;
    max-height: 341px;
}

.revamping-banner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.revamping-bottom-title {
    color: #002D72;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;

    text-align: left;
}

.revamping-description {
    font-size: 16px;
    line-height: 1.9;
    color: #111;
    text-align: justify;

    font-weight: 500;
}





.processOverview-list {
    list-style: none;
}

.processOverview-heading {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 30px;
}

.boldtext {
    font-weight: 600 !important;
}

.processOverview-title {
    font-size: 26px !important;
    font-weight: 700;
    color: #002D72;
    margin-bottom: 0;

}

.processOverview-innerList {
    padding-left: 0;
    margin: 0;
}

.processOverview-innerList li {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 28px;
    list-style: none;
}

.process-dot {
    min-width: 18px;
    width: 18px;
    height: 18px;
    background: #F57C00;
    border-radius: 50%;
    margin-top: 8px;
}

.processOverview-innerList p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.2;
    color: #111;

    font-weight: 500;
}

.processOverview-innerList strong {
    font-weight: 700;
}

.itServices-section {
    background: #edf7f2;
    margin: 70px 0 0;
    padding: 52px 0 48px;
}

.itServices-mainList {
    list-style: none;
    border-radius: 0;
}

.itServiceMainTitle {
    font-size: 42px;
    font-weight: 700;
    color: #002D72;

    margin-bottom: 15px;
}

.itServiceMainDescription {
    font-size: 20px;
    line-height: 1.9;
    color: #111;

    margin-bottom: 0;
}

.itServices-sectionTitle {
    max-width: 920px;
    margin: 0 auto 18px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px !important;
    line-height: 1.25;
    color: #0a2b62;
}

.itServices-sectionIntro {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.9;
    color: #0c0c0c;
}

.itServices-cardGrid {
    row-gap: 28px;
    margin-top: 48px !important;
}

.itServices-cardGrid>[class*="col-"] {
    width: 33.333333%;
}

.itServiceItem {
    min-height: 216px;
    height: 100%;
    padding: 32px 28px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 0 rgba(0, 45, 114, 0.03);
}

.itServiceItemHeading {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 8px;
}

.itServiceSmallBox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    width: 42px;
    height: 42px;
    background: #eaf3ff;
    border: 0;
    border-radius: 50%;
    color: #062b63;
    font-size: 22px;
    line-height: 1;
    margin-top: 3px;
}

.itServiceSmallBox::before {
    content: none;
}

.itServiceItemHeading h4 {
    max-width: 265px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #05275d;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 0;

}

.itServiceItem ul {
    padding-left: 60px;
    margin-bottom: 0;
    list-style: none;
}

.itServiceItem ul li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.9;
    color: #4f5663;

}

.itServiceItem ul li::marker {
    color: transparent;
    font-size: 0;
}

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

    .itServiceMainTitle {
        font-size: 24px;
    }

    .itServiceMainDescription {
        font-size: 16px;
        line-height: 1.8;
    }

    .itServices-mainList {
        margin-top: 0;
    }

    .itServices-section {
        margin-top: 44px;
        padding: 38px 0;
    }

    .itServices-sectionTitle {
        font-size: 22px !important;
    }

    .itServices-sectionIntro {
        font-size: 13px;
        line-height: 1.7;
    }

    .itServices-cardGrid {
        row-gap: 18px;
        margin-top: 30px !important;
    }

    .itServices-cardGrid>[class*="col-"] {
        width: 100%;
    }

    .itServiceItem {
        min-height: auto;
        padding: 26px 22px;
    }

    .itServiceItemHeading h4 {
        font-size: 16px;
    }

    .itServiceItem ul li {
        font-size: 12px;
    }

}

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

    .processOverview-title {
        font-size: 24px;
    }

    .processOverview-innerList p {
        font-size: 16px;
        line-height: 1.7;
    }

    .process-dot {
        width: 14px;
        height: 14px;
        min-width: 14px;
    }

}













@media(max-width:768px) {

    .revamping-title {
        font-size: 28px;
    }

    .revamping-bottom-title {
        font-size: 30px;
    }

    .revamping-description {
        font-size: 16px;
        line-height: 1.8;
    }

}


.faqMain-list {
    list-style: none;
    padding: 58px 0 42px;
}

.faqMain-title {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px !important;
    font-weight: 700;
    line-height: 1.25;
    color: #0a2b62;
}

.faqMain-content {
    align-items: center;
    row-gap: 28px;
}

.faqAccordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.faqItem {
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe6ee;
    border-radius: 9px;
    box-shadow: 0 1px 0 rgba(0, 45, 114, 0.03);
}

.faqQuestion {
    width: 100%;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 22px;
    background: #fff;
    border: 0;
    text-align: left;
}

.faqQuestion:not(.collapsed) {
    border-bottom: 1px solid #e6ebf0;
}

.faqQuestion h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #08295d;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 0;
}

.faqToggleIcon {
    position: relative;
    min-width: 18px;
    width: 18px;
    height: 18px;
}

.faqToggleIcon::before,
.faqToggleIcon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background: #f2750c;
    transform: translate(-50%, -50%);
}

.faqToggleIcon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.faqQuestion:not(.collapsed) .faqToggleIcon::after {
    display: none;
}

.faqAnswer {
    padding: 14px 22px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.55;
    color: #111;
    font-weight: 400;
    margin-bottom: 0;
}

.faqVisual {
    position: relative;
    min-height: 244px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    background:
        radial-gradient(circle at 53% 55%, rgba(9, 207, 225, 0.82) 0 18%, rgba(9, 207, 225, 0.18) 19% 33%, transparent 34%),
        linear-gradient(105deg, #172124 0%, #243134 46%, #0f1719 100%);
}

.faqVisual--image {
    display: block;
    padding: 0;
    overflow: hidden;
}

.faqVisual--image::before,
.faqVisual--image::after {
    display: none;
}

.faqVisual-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.faqVisual::before,
.faqVisual::after {
    content: "";
    position: absolute;
    top: 30px;
    width: 88px;
    height: 132px;
    border-radius: 42px 42px 18px 18px;
    background: linear-gradient(180deg, rgba(238, 216, 196, 0.95), rgba(148, 103, 80, 0.35));
    opacity: 0.72;
}

.faqVisual::before {
    left: 112px;
    transform: rotate(-34deg);
}

.faqVisual::after {
    right: 112px;
    transform: rotate(34deg);
}

.faqVisual-hands {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(70deg, transparent 0 35%, rgba(25, 83, 93, 0.48) 36% 48%, transparent 49%),
        linear-gradient(110deg, transparent 0 52%, rgba(25, 83, 93, 0.42) 53% 66%, transparent 67%);
}

.faqVisual span {
    position: relative;
    z-index: 2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 138px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0 22px rgba(11, 220, 236, 0.9);
}

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

    .faqMain-list {
        padding: 40px 0 28px;
    }

    .faqMain-title {
        margin-bottom: 28px;
        font-size: 22px !important;
    }

    .faqQuestion h4 {
        font-size: 13px;
    }

    .faqAnswer {
        font-size: 13px;
    }

    .faqVisual {
        min-height: 190px;
        border-radius: 18px;
    }

    .faqVisual::before {
        left: 54px;
    }

    .faqVisual::after {
        right: 54px;
    }

    .faqVisual span {
        font-size: 104px;
    }

}





/* ==============================
our branch page
=============================== */
.meetPage-pinkContainer {
    background: #FFFFFF00;
    /* background: linear-gradient(238deg, rgba(255, 255, 255, 1) 0%, rgba(254, 223, 198, 1) 31%); */
    background-color: #F0F9F5;
    border-radius: 6px;
    padding: 45px 28px;
}

.meetPage-linkBox {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 20px;
}

.meetPage-linkBox:last-child {
    margin-bottom: 0;
}

.meetPage-icon {
    min-width: 40px;
    width: 40px;
    height: 40px;
    background: #003b8e;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.meetPage-icon i {
    color: #fff;
    font-size: 11px;
}

.meetPage-linkBox a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.6;
    word-break: break-word;
    transition: 0.3s;
}

.meetPage-linkBox a:hover {
    color: #003b8e;
}




.banner2 {
    overflow: hidden;
}













/* map */
.mapandbranch-section {
    position: relative;
    overflow: hidden;
    min-height: 600px;
    /* adjust as needed */
}

.mapandbranch-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
    pointer-events: none;
}

.map-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 99;
}

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

.map-container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-direction: row;
    /* ✅ changed from row-reverse to row */
}

.text-container {
    position: absolute;
    text-align: center;
    top: 215px;
    width: 35%;
    color: #fff;
    flex-shrink: 0;
}

.text-container h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
}

.text-container h4 {
    font-size: 1.3rem;
    color: orange;
    margin-bottom: 16px;
}

.text-container p {
    font-size: 18px;
    color: #ffffff;
}

.map-hint-mobile {
    display: none;
}

.india-map {
    width: 60%;
    min-height: 700px;
    margin-left: auto;
}

.pin {
    position: absolute;
    width: 16px;
    height: 16px;
    background: orange;
    border-radius: 50%;
}

.delhi {
    top: 18%;
    left: 42%;
}

.kolkata {
    top: 38%;
    left: 68%;
}

.pin::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: orange;
    animation: pulse 2s infinite;
}

@keyframes pulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(3);
        opacity: 0;
    }

}

.pin {
    animation: float 2s ease-in-out infinite;
}

@keyframes float {

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

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

}

#tooltip {
    margin-bottom: 100px;
    width: 320px;
    background: transparent;
    color: #fff;
    padding: 25px;
    border-radius: 16px;
    opacity: 1;
    transition: 0.3s ease;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
    pointer-events: none;
    border: none;
}


/* map */

#tooltip {
    min-width: 380px;
}

#tooltip.is-active {
    background: rgba(0, 0, 0, 0.35);
}


.static-tooltip {
    position: absolute;
    bottom: 80px;
    font-size: 46px !important;
}

.tooltip-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
    line-height: 1.25;
}

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

.tooltip-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
}

.tooltip-list li+li {
    margin-top: 22px;
}

.tooltip-list li i {
    flex-shrink: 0;
    font-size: 20px;
    color: #fff;
}

#mouseTooltip {
    position: fixed;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    opacity: 0;
    pointer-events: none;
    z-index: 99999;
    transition: 0.2s ease;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    white-space: nowrap;
}














#tooltipImage {
    width: 320px;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 16px;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s ease;
    z-index: 999;
    position: absolute;
    top: -30;
    pointer-events: none;

    backdrop-filter: blur(10px);
}

.tooltip-img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
}

.tooltip-img-label {
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
}

.tooltip-img-label span {
    color: orange;
}

.imgover {
    overflow: hidden;
}


.mapandbranch-section {
    position: relative;
}

.bg-video {
    min-height: 1000px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}



/* =========================
   TABLET
========================= */
@media (max-width: 991.98px) {

    .map-container {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .text-container {
        position: static;
        width: 100%;
        text-align: center;
        margin-top: 40px;
    }

    .india-map {
        width: 100%;
        max-width: 650px;
        min-height: auto;
        margin-left: 0;
    }

    #tooltipImage,
    #tooltip {
        position: static;
        width: 100%;
        max-width: 500px;
        margin: 15px auto 0;
        transform: none;
    }
}

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

    .mapandbranch-section {
        display: block;
        min-height: unset;
        padding: 30px 15px;
        overflow-x: hidden;
        overflow-y: visible;
    }

    .map-container {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        overflow: visible !important;
        width: 100% !important;
        gap: 16px;
    }

    /* Reorder: title first, map second, info panels third */
    .text-container {
        order: 1;
        position: static !important;
        width: 100% !important;
        text-align: center;
        margin-bottom: 0;
    }

    .india-map {
        order: 2;
        width: 100% !important;
        /* aspect-ratio fixes <object> height — height:auto alone doesn't work */
        aspect-ratio: 612 / 696;
        height: auto !important;
        min-height: unset !important;
        display: block;
    }

    #indiaSvg {
        width: 100% !important;
        aspect-ratio: 612 / 696;
        height: auto !important;
        min-height: unset;
        display: block;
    }

    #tooltipImage {
        order: 3;
        width: 100%;
        max-width: 100%;
        border-radius: 12px;
        overflow: hidden;
    }

    #tooltip {
        order: 4;
        width: 100%;
        max-width: 100%;
        position: static;
        transform: none;
        left: auto;
        top: auto;
    }

    #mouseTooltip {
        display: none;
    }

    .text-container h2 {
        font-size: 26px;
    }

    .text-container h4 {
        font-size: 18px;
    }

    .text-container p {
        font-size: 13px;
    }

    .map-hint-desktop {
        display: none;
    }

    .map-hint-mobile {
        display: block;
    }

    .tooltip-img {
        height: 160px;
    }
}

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

    .text-container h2 {
        font-size: 22px;
    }

    .text-container h4 {
        font-size: 16px;
    }

    .text-container p {
        font-size: 12px;
    }

    #tooltip,
    #tooltipImage {
        padding: 12px;
    }

    .tooltip-title {
        font-size: 18px;
    }

    .tooltip-list li {
        font-size: 14px;
        gap: 8px;
    }

    .tooltip-list li+li {
        margin-top: 14px;
    }

    .tooltip-list li i {
        font-size: 15px;
    }

    .tooltip-img {
        height: 140px;
    }
}









/* =============================
===========responsive============
================================ */



@media (max-width: 768px) {
    .hero-content {
        padding-top: 100px;
    }

    .about-content h1,
    .gallery-tabs {
        padding: 20px !important;
    }

    .aboutp-performance-section {
        padding-top: 8px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 10px;
    }

    .ourvisonSecton {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .aboutp-team-section {
        padding-top: 0px;
    }

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

    .nav-linkUl li:nth-last-child(1) {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 1399px) {
    .nav-linkUl {
        font-size: 15px;
    }

    .navbar-nav {
        gap: 0px;
    }
}


#teamCarousel .carousel-indicators {
    display: flex !important;
    position: static !important;
    margin-top: 20px;
    bottom: -40px;
    /* move below cards */
}

#teamCarousel .carousel-indicators button {
    border: 1px solid #ccc;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

#teamCarousel .carousel-indicators .active {
    background-color: #002D72;
    /* your theme color */
}

/* ===== FORCE INDICATOR DESIGN ===== */

#teamCarousel .carousel-indicators {
    position: static !important;
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Inactive dots */
#teamCarousel .carousel-indicators button {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    border: 1px solid #C4C0C0 !important;
    border: none !important;
    opacity: 1 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
    background-color: none !important;
}

/* Active pill */
#teamCarousel .carousel-indicators .active {
    width: 48px !important;
    height: 12px !important;
    border-radius: 20px !important;
    background-color: #f2750c !important;
}


.black-text {
    color: black !important;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* 🔥 number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.meetPage-linkBox p {
    font-size: 18px;
}

/* .indiamap2figure{
    max-width: ;
} */


/* mobile map fix ======*/
.mapandbranch-section4Mobile {
    position: relative;
    overflow: hidden;
    min-height: 600px;
}

.bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -1;
}



.indiamap2figure {
    position: relative;
    width: 100%;
    max-width: 540px;
    margin: 8px auto;
    /* india.svg aspect ratio: 695.70 / 611.86 = 113.7%, capped at 80vh */
    padding-bottom: min(113.7%, 80vh);
    height: 0;
    overflow: hidden;
}

.india-map2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

#tooltip2 {
    width: 100%;
    max-width: 320px;
    margin: 20px auto;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 20px;
    border-radius: 16px;
    opacity: 0;
    transition: .3s ease;
}
.heading211{
    text-align: left !important;
}
.tooltip-title2 {
    font-size: 16px;
    font-weight: 700;
    color: orange;
    margin-bottom: 10px;
}

.tooltip-list2 {
    padding-left: 18px;
    margin: 0;
}

.tooltip-list2 li {
    font-size: 13px;
    line-height: 1.8;
}

#tooltipImage2 {
    width: 100%;
    max-width: 320px;
    margin: 20px auto;
    border-radius: 16px;
    overflow: hidden;
    opacity: 0;
    transition: .3s ease;
}

.tooltip-img2 {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
}

.tooltip-img-label2 {
    padding: 10px 14px;
    background: rgba(0, 0, 0, .85);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.tooltip-img-label2 span {
    color: orange;
}

#mouseTooltip2 {
    position: fixed;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    opacity: 0;
    pointer-events: none;
    z-index: 99999;
}

/* Desktop by default */
.mapandbranch-section {
    display: block;
}

.mapandbranch-section4Mobile {
    display: none;
}

/* Mobile screens */
@media (max-width: 991px) {
    .mapandbranch-section {
        display: none;
    }

    .mapandbranch-section4Mobile {
        display: block;
    }
}

.text-container2 {
    text-align: center;

}

.text-container2 h2 {
    text-align: center;
    color: white !important;
}

.text-container2 h4 {
    color: #F3861F;
}

.text-container2 p {
    color: white;
}



@media (max-width: 886.98px) {
    .testMargin {
        margin-bottom: 50px !important;
    }

    .ourService-section {
        padding-bottom: 20px !important;
    }

    .csr-figure {
        max-height: 150px;
        margin-top: 0 !important;

        img {
            object-position: top;
            object-fit: cover;
        }
    }

    .ddgckybanner {

        width: 100%;
        min-height: 100px;
        overflow: hidden;

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


        .about-content {
            padding-bottom: 40px !important;
        }

    }
}


@media (min-width: 568.98px) {
    .gallery-tabs.nav-link {
        padding: 10px 29px !important;
    }

    .common-subPageSection {
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 320px;
        display: flex;
        align-items: flex-end;
        border-radius: 0 0 20px 20px;
        margin-bottom: 20px
    }

    .homepagecardmargin>.col-lg-4:nth-of-type(4) {
        margin-left: 0px !important;
    }

}

.testimonial-track {
    display: flex;
    transition: transform 0.5s ease;
}

.testimonial-slide {
    flex: 0 0 33.333%;
}



.homepagecardmargin>.col-lg-4:nth-of-type(4) {
    margin-left: 180px !important;
}

.homepagecardmargin .col-lg-4:nth-child(4) {
    margin-left: 180px !important;
}

@media (max-width: 991.98px) {
    .homepagecardmargin .col-lg-4:nth-child(4) {
        margin-left: 0 !important;
    }
}



.blog-article-body p {
    img {
        max-width: 840px !important;
        width: 100% !important;
    }


}





.carousel-wrapper {
    position: relative;
}

.carousel-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    width: 48px;
    height: 48px;

    border: none;
    border-radius: 50%;

    background: #164194;
    color: #fff;

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

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

    cursor: pointer;
    z-index: 10;

    transition: all 0.3s ease;
}

.carousel-nav-btn:hover {
    background: #0d3273;
}

.carousel-nav-prev {
    left: -24px;
}

.carousel-nav-next {
    right: -24px;
}

@media (max-width: 768px) {
    .carousel-nav-btn {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .carousel-nav-prev {
        left: 10px;
    }

    .carousel-nav-next {
        right: 10px;
    }
}


.carousel-wrapper {
    position: relative;
}

.carousel-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;

    width: 40px;
    height: 40px;

    border: none;
    border-radius: 50%;

    background: #164194;
    color: #fff;

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

    font-size: 24px;
    cursor: pointer;
}

/* Move buttons inside the image */
.carousel-nav-prev {
    left: 15px;
}

.carousel-nav-next {
    right: 15px;
}












.service-feature-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;

    background: #fff;
    border-radius: 12px;
    overflow: hidden;

    text-decoration: none;

    box-shadow: 0 10px 30px rgba(13, 27, 61, 0.08);

    transition: transform 0.3s ease,
        box-shadow 0.3s ease;
}

.service-feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(13, 27, 61, 0.14);
}

.service-feature-card__media {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    display: block;
}

.service-feature-card__image {
    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;

    transition: transform 0.4s ease;
}

.service-feature-card:hover .service-feature-card__image {
    transform: scale(1.08);
}

.service-feature-card__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;

    padding: 24px;
}

.service-feature-card__title {
    margin: 0 0 16px;

    color: #164194;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.service-feature-card__title-link {
    display: block;
    text-decoration: none;
}

.service-feature-card__description {
    margin: 0;
    padding-left: 20px;
    padding-right: 6px;

    color: #5c667a;
    font-size: 15px;
    line-height: 1.7;

    flex-grow: 1;

    max-height: calc(1.7em * 5 + 8px);
    /* extra space */
    overflow-y: auto;
    overflow-x: hidden;

    scrollbar-width: thin;
    /* Firefox */
}

.service-feature-card__description li {
    list-style: disc;
    margin-bottom: 2px;
}

.service-feature-card__description::-webkit-scrollbar {
    width: 6px;
}

.service-feature-card__description::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.service-feature-card__description::-webkit-scrollbar-thumb {
    background: #164194;
    border-radius: 10px;
}

.service-feature-card__description::-webkit-scrollbar-thumb:hover {
    background: #0d327d;
}

.service-feature-card__location-link {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.service-feature-card__location-link:hover {
    color: #164194;
}

.service-feature-card__more {
    list-style: none !important;
    margin-left: -20px;

    color: #164194;
    font-weight: 700;
    letter-spacing: 2px;
    margin-left: 4px;
}

.service-feature-card__button {
    width: 44px;
    height: 44px;

    margin-top: 20px;
    margin-left: auto;

    border: 1px solid #d9e0eb;
    border-radius: 50%;

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

    color: #164194;
    font-size: 16px;
    text-decoration: none;

    transition: all 0.3s ease;
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.service-feature-card:hover .service-feature-card__button {
    background: #164194;
    color: #fff;
    border-color: #164194;
}








/* service details page */

.changeWidth {
    max-width: 100% !important;
}




















/* policy page */
.privacy-Policy-li {
    align-items: center;

    h2 {
        font-size: 40px;
        color: #011f65;
    }

    p {
        color: #000;
        font-size: 18px !important;
        font-weight: 1.2;
    }

}


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

.privacy-Policy-li {
    margin-bottom: 45px;
}

.privacy-Policy-li:last-child {
    margin-bottom: 0;
}

.privacy-Policy-li h2 {
    margin: 0;
    color: #0A2F73;
    font-family: "Playfair Display", serif;
    font-size: 30px;
    font-weight: 700;
}

.privacy-Policy-li p {
    margin: 0 0 18px;
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    font-family: "Inter", sans-serif;
}

.privacy-Policy-li p:last-child {
    margin-bottom: 0;
}

.privacy-Policy-li ul {
    list-style: disc;
    margin: 18px 0 24px 28px;
    padding: 0;
}

.privacy-Policy-li ul li {
    margin-bottom: 10px;
    color: #333;
    font-size: 16px;
    line-height: 1.8;
    font-family: "Inter", sans-serif;
    list-style: disc;
}

.privacy-Policy-li ul li:last-child {
    margin-bottom: 0;
}

.privacy-Policy-li ul li::marker {
    color: #0A2F73;
}

.privacy-Policy-li a {
    color: #0A2F73;
    text-decoration: none;
}

.privacy-Policy-li a:hover {
    text-decoration: underline;
}

.aboutp-iconContainer {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #ff8934;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comments {
    padding-bottom: 20px;

}

.comments li {
    p {
        margin-bottom: 0px;
    }

    h2 {

        text-align: left !important;

    }
}


.commentContainer {

    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid lightgray;
}



.aboutp-iconContainerabc {
    min-width: 40px;
    aspect-ratio: 1;
    background-color: orange;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}


.showDics li {
    list-style: disc !important;
}


/* ============================*/
/* ===== Assistant Chat Widget ===== */
/* ============================*/

.assistant-chat-widget {
    position: fixed;
    right: 30px;
    bottom: 100px;
    width: 320px;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 150px);
    background: #eef5f4;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: 10000;
}

.assistant-chat-widget[hidden] {
    display: none;
}

.assistant-chat-header {
    background: #002D72;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    flex-shrink: 0;
}

.assistant-chat-title {
    font-family: "Playfair Display", Georgia, serif;
    font-weight: 700;
    font-size: 15px;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-width: 0;
}

.assistant-chat-title-logo {
    height: 26px;
    width: auto;
    max-width: 90px;
    object-fit: contain;
    background: #fff;
    border-radius: 5px;
    padding: 2px 5px;
    flex-shrink: 0;
}

.assistant-chat-icon-btn {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

.assistant-chat-icon-btn[hidden] {
    display: none;
}

.assistant-chat-body {
    padding: 16px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.assistant-chat-bubble {
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 14px;
    line-height: 1.6;
}

.assistant-chat-bubble-bot,
.assistant-chat-bubble-answer {
    background: #fff;
    color: #333;
    align-self: flex-start;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.assistant-chat-bubble-question {
    background: #002D72;
    color: #fff;
    font-weight: 600;
    align-self: flex-end;
}

.assistant-chat-conversation {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.assistant-chat-conversation:empty {
    display: none;
}

.assistant-chat-questions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.assistant-chat-questions[hidden] {
    display: none;
}

.assistant-chat-question {
    background: #fff;
    border: 1px solid #002D72;
    color: #002D72;
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.assistant-chat-question:hover {
    background: #002D72;
    color: #fff;
}

.assistant-chat-question-others {
    border-style: dashed;
}

.assistant-chat-contact-list {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.assistant-chat-contact-row {
    font-size: 13.5px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
}

.assistant-chat-contact-row i {
    color: #002D72;
    flex-shrink: 0;
}

.assistant-chat-contact-row a {
    color: #002D72;
    text-decoration: none;
    font-weight: 600;
}

.assistant-chat-contact-row a:hover {
    text-decoration: underline;
}

.assistant-chat-back-to-questions {
    background: #fff;
    border: 1px solid #d0d7d6;
    color: #666;
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.assistant-chat-back-to-questions:hover {
    background: #f2f2f2;
}

.assistant-chat-back-to-questions[hidden] {
    display: none;
}

@media (max-width: 767.98px) {
    .assistant-chat-widget {
        right: 15px;
        bottom: 75px;
        width: 300px;
    }
}



/* statutory compailance */
.service-box {
    background: #112B6B;
    border-radius: 18px;
    padding: 35px 40px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

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

.service-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;

    margin-bottom: 16px;
}

.service-list li i {
    color: #FFC107;
    font-size: 14px;
    margin-top: 6px;
    flex-shrink: 0;
}

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

@media (max-width: 991px) {
    .service-box {
        padding: 25px;
    }

    .service-list:first-child {
        margin-bottom: 20px;
    }
}

/* section 2 */

.compliance-section {
    background: #F4FBFA;
}

.section-title h2 {
    font-size: 30px;
    font-weight: 700;
    color: #16336C;
    text-transform: uppercase;
    max-width: 700px;
    margin: auto;
    line-height: 42px;
}

.compliance-card {
    position: relative;
    background: #fff;
    border-radius: 12px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 105px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
    transition: .3s;
}

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

.card-number {
    position: absolute;
    right: 20px;
    top: 12px;
    transform: translateY(-50%);
    background: #FDB515;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 3px;
}

.icon-box2 {
    width: 56px;
    height: 56px;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.icon-box2 i {
    color: #FDB515;
    font-size: 22px;
}

.compliance-card h5 {
    margin: 0;
    color: #16336C;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}

@media(max-width:991px) {

    .section-title h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .compliance-card {
        min-height: auto;
    }

}


/* section3 */
.iso-section {
    background: #F7FBFB;
}

.iso-wrapper {
    position: relative;
    padding-bottom: 70px;
}



@media(max-width:556px) {
    .iso-wrapper {
        padding-bottom: 10px;
    }
}

.iso-top {
    background: #162C66;
    border-radius: 18px;
    padding: 30px 20px 75px;
    text-align: center;
    color: #fff;
}

.iso-top h2 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 18px;
    color: #fff;
}

.iso-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}

.iso-list span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding: 0 18px;
}

.iso-list span:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 18px;
    background: #FDB515;
}

.certificate-card {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 62%;
    background: #fff;
    border-radius: 16px;
    padding: 18px 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}

.certificate-card img {
    max-height: 70px;
    object-fit: contain;
}

@media(max-width:991px) {

    .iso-top {
        padding: 25px 20px 100px;
    }

    .iso-top h2 {
        font-size: 24px;
    }

    .iso-list {
        flex-direction: column;
        gap: 12px;
    }

    .iso-list span {
        padding: 0;
    }

    .iso-list span::after {
        display: none;
    }

    .certificate-card {
        width: 90%;
        padding: 20px;
    }

    .certificate-card img {
        margin: 10px auto;
    }

}


/* section4 */
.contact45-section {
    background: #fff;
}

.contact45-title h2 {
    font-size: 30px;
    font-weight: 700;
    color: #18346B;
    margin-bottom: 10;
}

.contact45-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    flex-wrap: wrap;
}

.contact45-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.contact45-icon {
    width: 40px;
    height: 40px;
    background: #18346B;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-shrink: 0;
}

.contact45-mail {
    background: #FDB515;
}

.contact45-icon i {
    font-size: 16px;
}

.contact45-info h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #18346B;
    line-height: 1.2;
}

.contact45-info p {
    margin: 0;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.contact45-divider {
    width: 1px;
    height: 45px;
    background: #ddd;
}

@media (max-width:992px) {

    .contact45-wrapper {
        flex-direction: column;
        gap: 25px;
    }

    .contact45-divider {
        display: none;
    }

    .contact45-title h2 {
        font-size: 28px;
    }

    .contact45-info h5 {
        font-size: 22px;
    }
}


/* revamping page */
.turnkey-card {
    position: relative;
    width: 100%;
    max-width: 470px;
    height: 300px;
    margin: auto;
}

/* Orange Shape */
.turnkey-orange {
    position: absolute;
    inset: 0;
    background: #F58220;
    clip-path: polygon(0 0,
            92% 0,
            101% 100%,
            0 100%);
    border-radius: 24px;
}

/* Image Shape */
.turnkey-image-wrapper {
    position: absolute;
    inset: 0;
    transform: translate(-12px, -12px);
    overflow: hidden;

    clip-path: polygon(0 0,
            92% 0,
            101% 100%,
            0 100%);

    border-radius: 24px;
}

.turnkey-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/*=========================
      NEW REVAMP
==========================*/

.newrevam-processWrapper {
    list-style: none;
    padding: 0;
    margin: 50px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
}

.newrevam-processWrapper .newrevam-processCard {
    flex: 0 1 calc((100% - 72px) / 4);
}

.newrevam-processCard {
    position: relative;
    background: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 12px;
    padding: 45px 18px 22px;
    text-align: center;
    min-height: 255px;
    transition: .3s;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
}

.newrevam-processCard:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
}

.newrevam-processNumber {
    position: absolute;
    left: 50%;
    top: -14px;
    transform: translateX(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

/* Circle Colors */

.newrevam-processCard:nth-child(1) .newrevam-processNumber {
    background: #1E5BFF;
}

.newrevam-processCard:nth-child(2) .newrevam-processNumber {
    background: #22C55E;
}

.newrevam-processCard:nth-child(3) .newrevam-processNumber {
    background: #A855F7;
}

.newrevam-processCard:nth-child(4) .newrevam-processNumber {
    background: #FF6B00;
}

.newrevam-processCard:nth-child(5) .newrevam-processNumber {
    background: #F5B301;
}

.newrevam-processCard:nth-child(6) .newrevam-processNumber {
    background: #1EB5A9;
}

.newrevam-processTitle {
    margin: 0 0 16px;
    color: #17356F;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.newrevam-processDescription {
    margin: 0;
    color: #7D7D7D;
    font-size: 14px;
    line-height: 22px;

    /* Show only 6 lines */
    max-height: calc(22px * 8);
    overflow-y: auto;
    padding-right: 8px;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #002D72 #f1f1f1;
}

/* Chrome, Edge, Safari */
.newrevam-processDescription::-webkit-scrollbar {
    width: 6px;
}

.newrevam-processDescription::-webkit-scrollbar-track {
    background: #F2750C;
    border-radius: 20px;
}

.newrevam-processDescription::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #0A7C86, #0E5F66);
    border-radius: 20px;
    transition: background 0.3s ease;
}

.newrevam-processDescription::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #0E5F66, #08474D);
}

@media(max-width:992px) {

    .newrevam-processWrapper .newrevam-processCard {
        flex-basis: calc((100% - 36px) / 3);
    }

}

@media(max-width:767px) {

    .newrevam-processWrapper .newrevam-processCard {
        flex-basis: 100%;
    }

    .newrevam-processCard {
        min-height: auto;
    }

}


.contact-address-link {
    display: inline-block;
    color: #000;
    text-decoration: none;
    line-height: 1.6;
    margin-bottom: 15px !important;
}

.contact-address-link:hover {
    color: #0056b3;
    text-decoration: underline;
}

.contact-map-wrapper {
    width: 100%;
    margin-top: 10px !important;
    overflow: hidden;
    border-radius: 10px;
}

.contact-map-wrapper .map-iframe2 {
    display: block;
    width: 100%;
    height: 400px;
}

@media (max-width: 767px) {
    .contact-map-wrapper .map-iframe2 {
        height: 300px;
    }
}

.phototrangle {
    background-color: #F0F9F5;
    margin-block: 18px;
}