/********** Template CSS **********/
:root {
    --primary: #10659c;
    --secondary: #757575;
    --light: #F3F6F8;
    --dark: #0C2B4B;
}

.py-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.my-6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.brd-25 {
    border-radius: 25px;
}

.font1 {
    font-size: 1.8em !important;
}

.img2 {
    box-shadow: 0px 2px 17px #5351517d;
    top: 70px;
    width: 100px;
    z-index: 11;
    height: 100px;
    left: -50px;
    border-radius: 50%;
}

.img3 {
    box-shadow: 0px 2px 17px #5351517d;
    top: 200px;
    width: 100px;
    z-index: 11;
    height: 100px;
    left: -50px;
    border-radius: 50%;
}

.img4 {
    box-shadow: 0px 2px 17px #5351517d;
    top: 330px;
    width: 100px;
    z-index: 11;
    height: 100px;
    left: -50px;
    border-radius: 50%;
}

.bg-gray {
    background-color: #f4f4f4;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

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

/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
    border-radius: 5px;
}

.btn.btn-primary, .btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

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

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

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

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

/*** Navbar ***/
.navbar.sticky-top {
    /*top: -100px;*/
    transition: .5s;
}

.navbar .navbar-brand, .navbar a.btn {
    height: 80px;
    border-radius: 0px;
}

.navbar .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 29px 0;
    color: var(--dark);
    font-weight: 600;
    text-transform: uppercase;
    outline: none;
    font-size: 14px
}

.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

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

.dropdown-mega {
    position: static;
}

.dropdown-mega .mega-menu {
    left: 0px;
    right: 0px;
    width: 100%;
    padding: 30px 50px
}

.dropdown-mega .mega-menu h4 {
    font-weight: 900;
    font-size: 20px;
    color: #000;
    margin-bottom: 15px
}

.dropdown-mega .mega-menu .block {
    border: 1px solid rgb(219, 221, 232);
    padding: 16px 8px;
    border-radius: 4px;
    margin-bottom: 15px
}

.dropdown-mega .mega-menu .block:hover {
    background-color: #f2f2f2;
}

.dropdown-mega .mega-menu .block h5 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 3px;
}

.dropdown-mega .mega-menu .block p {
    margin-bottom: 0px;
    font-size: 13px;
}

.dropdown-mega .mega-menu .block svg {
    background-color: #eee;
    margin-right: 10px
}

.dropdown-mega .mega-menu .p-17 {
    padding-top: 17px
}

.dropdown-mega .mega-menu .block2 {
    padding: 17px 10px;
    border-radius: 15px;
}

.dropdown-mega .mega-menu .block2 p {
    margin-bottom: 0px;
}

.dropdown-mega .mega-menu .block2:nth-child(1):hover {
    background: #93f6f629
}

.dropdown-mega .mega-menu .block2:nth-child(2):hover {
    background: #fbd49914
}

.dropdown-mega .mega-menu .block2:nth-child(3):hover {
    background: #f692c214
}

.dropdown-mega .mega-menu .block2 .badge {
    border-radius: 5px;
    margin-bottom: 3px;
}

.dropdown-mega .mega-menu .block2 .bg-success {
    background-color: #00d2d229 !important;
    color: #025050
}

.dropdown-mega .mega-menu .block2 .bg-pink {
    background-color: #f0409514 !important;
    color: #9a0550
}

.dropdown-mega .mega-menu .block2 .bg-yellow {
    background-color: #ff990014;
    color: #bc5004;
}

.dropdown-mega .mega-menu .block2 svg {
    border-radius: 5px
}

.dropdown-mega .mega-menu .block3 svg {
    margin-right: 20px
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}

/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(0, 0, 0, .57);
    z-index: 1;
}

.carousel-caption .btn {
    border-radius: 25px;
}

.carousel-caption h1 {
    font-size: 3em;
    line-height: 45px;
}

.carousel video {
    width: 100%;
    height: 550px;
    object-fit: cover
}

.carousel-control-prev, .carousel-control-next {
    width: 15%;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    background-color: var(--primary);
    border: 10px solid var(--primary);
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }

    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #999999;
}

/*** Facts ***/
@media (min-width: 991.98px) {
    .facts {
        position: relative;
        margin-top: -75px;
        z-index: 1;
    }
}

/*** offer ***/
.mh-100 {
    min-height: 100vh;
}

.offer1 {
    position: relative;
    height: 670px;
    margin-bottom: 5em;
}

.offer1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: skewY(-4deg);
    background: #f4f4f4;
    transform-origin: top right;
    z-index: -1;
}

.client-stories {
    position: relative;
    height: 500px;
    margin-top: 8em;
    margin-bottom: 2em;
    background: #f4f4f4;
}

.client-stories:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: skewY(4deg);
    background: #f4f4f4;
    transform-origin: top right;
    z-index: -1;
}

.section-top-incline {
    position: relative;
    height: 500px;
    margin-top: 8em;
    margin-bottom: 2em;
    background: #f4f4f4;
}

.section-top-incline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: skewY(4deg);
    background: #f4f4f4;
    transform-origin: top right;
    z-index: -1;
}

.section-bottom-incline {
    position: relative;
    height: 670px;
    margin-bottom: 5em;
}

.section-bottom-incline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: skewY(-4deg);
    background: #f4f4f4;
    transform-origin: top right;
    z-index: -1;
}

.banner-video {
    position: relative;
    width: 100%;
    height: 500px;
    /* REQUIRED */
    overflow: hidden;
    background: #000;
}

/* Video covers entire banner */
.video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 🔥 KEY LINE */
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* Overlay */
.video-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 2;
}

/* CTA bottom center */
.banner-cta {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    gap: 15px;
}

.topbar {
    position: relative;
    height: 300px;
    margin-bottom: 3em;
    background: #10659c;
}

.topbar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* transform: skewY(-4deg);*/
    background: #10659c;
    transform-origin: bottom right;
    z-index: -1;
}

.top-banner {
    background-color: #10659c;
    background-image: url(../img/bg-square-dots-02.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner h2 {
    font-size: 3.5em;
    position: relative;
}

.top-banner h2:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0px;
    height: 3px;
    background: #fff;
    width: 100px;
    margin: 0px auto;
    border-radius: 23px;
}

.career ul, .career-detail ul {
    margin: 0;
    padding: 0
}

.career .img-c {
    position: relative;
}

.career .img-c:before {
    content: '';
    position: absolute;
    width: 400px;
    height: 300px;
    border-radius: 23px;
    right: -25px;
    top: -25px;
    background: linear-gradient(#025050, #10659c);
    z-index: -1;
}

.career-block {
    background-color: #f5f5f5;
    padding: 3em;
    border-radius: 23px;
}

.f-block {
    background-color: #f5f5f5;
    padding: 3em 2em;
    border-radius: 23px;
    text-align: center;
}

ul.list-items {
    margin: 0 0 0 15px;
    padding: 0
}

.career-top {
    border-bottom: 1px solid #b2b3b3;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

.career-top h4 {
    margin-top: 0px
}

.career ul li, .career-detail ul li {
    list-style-type: none;
    margin-bottom: 0.6em
}

.career ul li i, .career-detail ul li i {
    color: rgb(60 124 141);
    margin-right: 10px
}

.career h1 {
    font-size: 2.5em !important;
    font-weight: 900;
}

.career-detail .bg-gray {
    border-radius: 23px;
}

.career-detail .bg-gray .fa {
    color: #000;
    margin-right: 10px
}

.teal {
    color: #125a73
}

.mx-auto {
    display: table;
    margin: 0px auto;
}

.career-detail label {
    color: rgb(45, 45, 45);
    font-weight: 600;
}

.offer h5 {
    margin-bottom: 0px
}

.offer strong {
    font-size: 14px
}

.clients-row {
    position: relative;
    margin-top: 2em !important;
    padding: 7em 0em 3em;
    height: 520px
}

.clients-row:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: skewY(4deg);
    background: #c7c7c7;
    transform-origin: bottom left;
    z-index: -1;
}

.offer p {
    line-height: 17px;
    margin-top: 10px;
}

.top-title h3, .top-title p {
    color: #fff
}

.c-item {
    padding: 10px 25px;
    border-radius: 15px
}

.c-item img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #f5f5f5;
    box-shadow: 0px 5px 12px #d9d4d4;
    margin-bottom: 15px;
    margin-right: 10px
}

.c-item h5 {
    font-size: 18px;
    margin: 0px 0px 15px
}


.news img {
    width: 370px;
    height: 275px;
    object-fit: cover;
}

.news h5 {
    height: 85px;
    overflow: hidden;
}

.usecase-block .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    margin: 0px auto 1.5em;
    display: table;
    border-radius: 50%;
    background-color: #4d9fb675;
}

.usecase-block img {
    width: 40px
}

/*** Team ***/
.team-items {
    margin: -.75rem;
}

.team-item {
    padding: .75rem;
}

.team-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #FFFFFF;
    transition: .5s;
    z-index: -1;
}

.team-item:hover::after {
    height: 100%;
    background: var(--primary);
}

.team-item .team-social {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .75);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.team-item:hover .team-social {
    height: 100%;
    opacity: 1;
}

/*** Testimonial ***/
.testimonial-carousel .owl-dots {
    height: 40px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 2px solid var(--primary);
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 40px;
    height: 40px;
    background: var(--primary);
}

.testimonial-carousel .owl-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.testimonial-carousel .owl-item .offer-item {
    margin: 0px 15px
}

.nav-tabs {
    width: 20%;
    float: left;
    border-bottom: 0px;
    margin-right: 5%;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: transparent;
    border-color: transparent;
    text-align: left;
}

.nav-link {
    padding: 0.8rem
}

.tab-content {
    width: 75%
}

.nav-tabs li {
    display: block;
    width: 100%
}

.nav-tabs li button {
    width: 100%;
    font-weight: 600;
    color: #000;
    border-left: 5px solid #fff !important;
}

.nav-tabs .nav-link.active {
    border-left: 5px solid #04436e !important;
}

.nav-tabs .nav-link {
    text-align: left
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: transparent;
}

.nav-tabs li a {
    display: block;
    padding: 10px 20px;
    font-weight: 600;
    color: #000
}

.nav-tabs li.active a {
    color: #04436e
}

/*** Footer ***/
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--light);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
    font-size: 14px
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--light);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--primary);
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .col-lg-3 {
    width: 20%;
    padding: 0px 10px
}

.copyright {
    background: #04436e;
}

.copyright a {
    color: #fff;
}

.copyright a:hover {
    color: #fff;
}

.contact ul {
    margin: 2em 0 0;
    padding: 0
}

.contact ul li {
    list-style-type: none;
}

.contact ul li p {
    font-size: 14px;
}

.contact h1 {
    color: #fff
}

.contact h4 {
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.contact .fa {
    background: #ddd;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #04436e;
    text-align: center;
    margin-right: 25px;
    font-size: 1.5em;
    border-radius: 12px;
}

.contact-form {
    background-color: rgb(255 255 255 / 5%);
    border-radius: 23px;
    padding: 2.5em
}

.contact-form2 {
    background-color: #fafafa;
    border-radius: 23px;
    padding: 2.5em
}

.contact-form .form-control {
    border: 1px solid #e3e3e3;
    background: transparent;
    box-shadow: none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
}

.contact-form2 .form-control {
    background: transparent;
    box-shadow: none;
    border-radius: 5px;
    font-size: 14px;
}

.contact-form .form-control::placeholder {
    color: #fff;
    font-size: 14px;
}

.contact-form2 .form-control::placeholder {
    color: #000;
    font-size: 14px;
}

.contact-form input[type="checkbox"], .contact-form2 input[type="checkbox"] {
    margin-top: 6px !important;
}

.text-black {
    color: #000 !important
}

.highlight {
    border-radius: 40px;
}

.highlight h1 {
    color: #000
}

@media(max-width: 768px) {
    .footer .col-lg-3 {
        width: 100%;
        padding: 0px 10px
    }

    .news .d-flex {
        flex-direction: column !important
    }
}


/*** Section Incline  ***/

/* COMMON INCLINED SECTION */
.section-incline {
    position: relative;
    background: #f4f4f4;
    padding: 6rem 0;
    overflow: hidden;
}

/* TOP DIAGONAL */
.section-incline::before {
    content: "";
    position: absolute;
    top: -80px;
    left: 0;
    width: 100%;
    height: 160px;
    background: inherit;
    transform: skewY(4deg);
    transform-origin: top left;
    z-index: -1;
}

/* BOTTOM DIAGONAL */
.section-incline::after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
    height: 160px;
    background: inherit;
    transform: skewY(-4deg);
    transform-origin: bottom left;
    z-index: -1;
}

/* Tab CSS*/

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

.argus-title {
    font-size: 3rem;
    color: #0b1f3a;
}

/* Tabs row */
.argus-tabs-row {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.tab-label {
    font-weight: 600;
    white-space: nowrap;
}

/* Tabs */
.argus-tabs {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.argus-tab {
    background: none;
    border: none;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    color: #000;
    position: relative;
}

.argus-tab.active {
    color: #0072ce;
    font-weight: 600;
}

.argus-tab.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 2px;
    background: #0072ce;
}

/* Tab content */
.argus-tab-content {
    display: none;
}

.argus-tab-content.active {
    display: block;
}

/* Cards */
.argus-card {
    background: #f7f7f7;
    padding: 25px;
    transition: all 0.3s ease;
}

.argus-card.featured {
    padding: 35px;
}

.argus-card:hover {
    background: #fff;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    transform: translateY(-4px);
}

/* Images */
.argus-img {
    height: 180px;
    overflow: hidden;
    border-radius: 4px;
}

.argus-card.featured .argus-img {
    height: 260px;
}

.argus-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

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

.tag {
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #0072ce;
}

.date {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 600;
}


/* ===============================
   SAFE PARTNERS CAROUSEL (SLIDE)
   =============================== */

#partnersCarouselSafe {
    overflow: hidden;
}

/* Track */
.carousel-inner-client {
    display: flex;
    width: 100%;
    transition: transform 0.6s ease-in-out;
}

/* Slide */
.carousel-item-client {
    flex: 0 0 100%;
}

/* Logos */
#partnersCarouselSafe img {
    max-height: 42px;
    margin: auto;
    transition: transform 0.3s ease;
}

#partnersCarouselSafe img:hover {
    transform: scale(1.05);
}


/* Arrows */
.partners-arrows {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 30px;
}

.partners-arrows button {
    width: 44px;
    height: 44px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 22px;
    cursor: pointer;
}

.partners-arrows button:hover {
    background: #f2f2f2;
}


/* ===============================
   CONTINUOUS PARTNERS TICKER
   =============================== */

#partnersTicker {
    overflow: hidden;
    width: 100%;
}

#partnersTicker .ticker-track {
    display: flex;
    width: max-content;
    animation: tickerScroll 25s linear infinite;
}

/* Pause on hover */
#partnersTicker:hover .ticker-track {
    animation-play-state: paused;
}

.ticker-item {
    flex: 0 0 auto;
    padding: 0 40px;
}

.ticker-item img {
    max-height: 42px;
    display: block;
}

/* Animation */
@keyframes tickerScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}


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

/* Title */
.testimonials-title {
    font-size: 48px;
    margin-bottom: 15px;
}

.testimonials-subtitle {
    max-width: 600px;
    margin: 0 auto;
    color: #6c757d;
    font-size: 15px;
}

.divider {
    width: 60px;
    height: 2px;
    background: #bfc5cc;
    margin: 25px auto;
}

/* Card */
.testimonial-card {
    background: #f5f6f8; /* light gray */
    padding: 35px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: none; /* cleaner look */
    border-radius: 6px;
}

/* Quote */
.quote-icon {
    font-size: 42px;
    color: #d0d4d9;
    margin-bottom: 15px;
}

/* Text */
.testimonial-text {
    
    color: #6c757d;
    line-height: 1.6;
}

/* Footer */
.testimonial-footer {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 25px;
}

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

.testimonial-footer h5 {
    font-size: 16px;
	color: #6c757d;
    margin: 0;
}

.testimonial-footer span {
    font-size: 12px;
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* Arrows */
#testimonialCarousel .carousel-control-prev,
#testimonialCarousel .carousel-control-next {
    width: 60px;
    top: 50%;
    transform: translateY(-50%);
}

#testimonialCarousel .carousel-control-prev {
    left: -70px;
}

#testimonialCarousel .carousel-control-next {
    right: -70px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1);
    width: 2rem;
    height: 2rem;
}

/* Indicators */
.testimonial-indicators {
    margin-top: 40px;
    justify-content: center;
}

.testimonial-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #cfd4da;
    margin: 0 6px;
    transition: all 0.35s ease;
    opacity: 1;
}

.testimonial-indicators .active {
    width: 28px;
    border-radius: 20px;
    background: #000;
}



/*timeline Css*/

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

/* HEADER */
.legacy-header {
    text-align: center;
    margin-bottom: 70px;
}

.legacy-header h1 {
    font-size: 40px;
    color: #10659c;
    font-weight: 700;
}

.legacy-header p {
    color: #000000;
    margin-top: 10px;
}

/* TIMELINE */
.timeline {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5%;
}

.timeline-item {
    display: flex;
    align-items: flex-start;
    position: relative;
}

/* DATE COLUMN */
.timeline-date {
    flex: 1;
    position: relative;
    padding: 30px 40px;
    text-align: right;
}

.timeline-date img {
    position: absolute;
    width: 140px;
    opacity: 0.08;
    right: 15%;
    top: 50%;
    transform: translateY(-50%);
}

.timeline-date div {
    background: linear-gradient(to right, #10659c, #038ce6);
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
}

/* CENTER LINE DOT */
.timeline-date::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    width: 18px;
    height: 18px;
    background: #dc22ff;
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 0 4px rgba(103,58,183,0.2);
}

/* CONTENT COLUMN */
.timeline-content {
    flex: 1;
    padding: 30px 40px;
    border-left: 2px solid #e0e0e0;
    position: relative;
}

/* AVATAR */
.content-avatar {
    position: absolute;
    left: -35px;
    top: 30px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid #000;
    background: #fff;
    overflow: hidden;
}

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

/* CONTENT */
.timeline-content h2 {
    color: #10659c;
    font-size: 22px;
    margin-bottom: 10px;
}
.timeline > .timeline-item .timeline-date > img {
  position: absolute;
  filter: grayscale(100%);
  opacity: 0.06;
  transform: scale(1.2);
  transform-origin: center;
  left: 40%;
}
.timeline-content p {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(103,58,183,0.08);
    line-height: 1.7;
}

/* ALTERNATE SIDES */
.timeline-item:nth-child(even) {
    flex-direction: row-reverse;
}

.timeline-item:nth-child(even) .timeline-date {
    text-align: left;
}

.timeline-item:nth-child(even) .timeline-date::after {
    left: -10px;
    right: auto;
}

.timeline-item:nth-child(even) .timeline-content {
    border-left: none;
    border-right: 2px solid #e0e0e0;
}

.timeline-item:nth-child(even) .content-avatar {
    right: -35px;
    left: auto;
}

/* MOBILE */
@media (max-width: 768px) {
    .timeline-item {
        flex-direction: column !important;
        border-left: 2px solid #e0e0e0;
        padding-left: 40px;
    }

    .timeline-date,
    .timeline-content {
        border: none !important;
        text-align: left !important;
        padding: 20px;
    }

    .timeline-date::after {
        left: -9px;
        right: auto;
    }

    .content-avatar {
        left: -45px !important;
        right: auto !important;
    }

    .timeline-date img {
        display: none;
    }
}

/*Homepage CSS*/


.associates-section {
    overflow: hidden;
}

.brd-25 {
    border-radius: 25px;
}

.associates-main-img {
    width: 100%;
    max-width: 100%;
    object-fit: contain;
    position: relative;
    z-index: 2;
}

/* Decorative background image */
.associates-bg-img {
    position: absolute;
    right: 40px;
    bottom: 20px;
    width: 280px;
    opacity: 0.12;
    z-index: 1;
    pointer-events: none;
}

/* Responsive fix */
@media (max-width: 768px) {
    .associates-bg-img {
        right: -40px;
        bottom: -20px;
        width: 200px;
    }
}

/* Section background */
.purpose-section {
    background: #f6f6f6;
    position: relative;
}

/* Titles */
.section-title {
    font-weight: 700;
    color: #0b3c8c;
}

.section-subtitle {
    font-weight: 600;
    color: #0b3c8c;
}

/* Text */
.section-text {
    color: #444;
    line-height: 1.8;
    font-size: 1rem;
}

/* Video wrapper */
.video-wrapper {
    position: relative;
    padding-top: 56.25%; /* 16:9 */
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Hover effect */
.video-wrapper:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(11, 60, 140, 0.25);
}

/* Responsive tweak */
@media (max-width: 991px) {
    .section-title {
        text-align: center;
    }
}
/* Service Box */
.service-box {
    background: #fff;
    padding: 40px 20px;
    border: 2px solid transparent;
    border-radius: 10px;
    transition: all 0.35s ease;
    height: 100%;
}

/* Icon */
.service-icon img {
    max-width: 90px;
    margin-bottom: 20px;
}

/* Title */
.service-box h5 {
    font-weight: 600;
    color: #0b3c8c;
    margin-bottom: 20px;
}

/* CTA Button */
.service-btn {
    padding: 8px px;
    border-radius: 6px;
    border: 2px solid #0b3c8c;
    color: #0b3c8c;
    background: transparent;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* Hover Effects */
.service-box:hover {
    border-color: #0b3c8c;
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(11, 60, 140, 0.15);
}

.service-box:hover .service-btn {
    background: #0b3c8c;
    color: #fff;
}

/* Responsive spacing */
@media (max-width: 768px) {
    .service-box {
        padding: 15px 15px;
    }
}

/* Offer Card */
.offer-item {
    border-radius: 20px;
    border: 2px solid #8c8c8c;
    transition: all 0.35s ease;
    
	object-fit: cover;   /* KEY PROPERTY */
    object-position: center;
    display: block;
}

/* Hover Border + Lift */
.offer-item:hover {
    border-color: #0b3c8c;
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(11, 60, 140, 0.18);
}

/* Image Wrapper */
.offer-item img {
    transition: transform 0.5s ease;
}

/* Image Zoom on Hover */
.offer-item:hover img {
    transform: scale(1.05);
}

/* Overlay */
.offer-overlay {
    position: absolute;
    inset: 0;
    background: rgba(11, 60, 140, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.35s ease;
}

.offer-item:hover .offer-overlay {
    opacity: 1;
}

/* Learn More Button (White Border + Text) */
.offer-btn {
    color: #ffffff;
    border: 2px solid #ffffff;
    background: transparent;
    padding: 10px 26px;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Button Hover */
.offer-btn:hover {
    background: #ffffff;
    color: #0b3c8c;
}

/* Text Styling */
.offer-item h5 {
    font-weight: 600;
    color: #0b3c8c;
}

.offer-item strong {
    display: block;
    font-size: 0.8rem;
    margin-bottom: 10px;
    color: #0b3c8c;
    letter-spacing: 0.5px;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .offer-item {
        border-radius: 14px;
    }
}

/* Case study image container */
.image-wrap {
    width: 180px;
    min-width: 180px;
    padding: 20px;
    background: #ffffff;
    border-radius: 12px 0 0 12px;
}

/* Image sizing */
.case-img {
    max-width: 100%;
    max-height: 120px;
    object-fit: contain;
}

/* Card styling consistency */
.news .offer-item {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    transition: all 0.35s ease;
}

/* Hover effect */
.news .offer-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .news .offer-item {
        flex-direction: column;
    }

    .image-wrap {
        width: 100%;
        border-radius: 12px 12px 0 0;
    }
}
.news .btn-primary {
    background-color: #0b3c8c;
    border-color: #0b3c8c;
    font-weight: 600;
    border-radius: 6px;
}

.news .btn-primary:hover {
    background-color: #092f6e;
    border-color: #092f6e;
}

.video-section {
    position: relative;
}

/* Card */
.video-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.35s ease;
}

/* Hover */
.video-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.18);
}

/* Video wrapper – 16:9 */
.video-wrapper {
    position: relative;
    padding-top: 56.25%;
    background: #000;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Mobile spacing */
@media (max-width: 768px) {
    .video-card {
        border-radius: 12px;
    }
}


/*Stories page*/

/* Card Base */

.filter-bar {
    max-width: 800px;
}


.content-card {
    background: #fff;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid transparent;
    transition: all 0.35s ease;
    height: 100%;
    position: relative;
}

/* Blue Accent Border (Left) */
.content-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #0b2a5b;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.35s ease;
    border-radius: 6px 0 0 6px;
}

/* Image Styling */
.content-card img {
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.date-label {
    color: #000000;
    font-weight: 600;
}

/* Hover Effects */
.content-card:hover {
    border-color: #0b2a5b;
    box-shadow: 0 14px 35px rgba(11, 42, 91, 0.15);
    transform: translateY(-6px);
}

.content-card:hover::before {
    transform: scaleY(1);
}

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

/* CTA Hover */
.read-more {
    display: inline-block;
    margin-top: 8px;
    padding: 6px 14px;
    font-size: 0.9rem;
    font-weight: 500;
    color: #e0488b;
    border: 1px solid transparent;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Hover → Button Style */
.content-card:hover .read-more {
    color: #0b2a5b;
    border-color: #0b2a5b;
    background-color: transparent;
}
 

/* Title Subtle Change */
.content-card h5 {
    transition: color 0.3s ease;
}

.content-card:hover h5 {
    color: #0b2a5b;
}
.meta-row small {
    font-size: 0.75rem;
}

/* Category (Left) */
.meta-category {
    color: #e0488b;          /* Accent color */
    font-weight: 600;
    text-transform: uppercase;
}

/* Date (Right) */
.meta-date {
    color: #0b2a5b;          /* Primary blue */
    font-weight: 600;
    display: flex;
    align-items: center;
}


/* Stories Details Page*/

.article-category {
    font-size: 0.75rem;
    font-weight: 600;
    color: #0b2a5b;
    letter-spacing: 1px;
}

.article-title {
    font-weight: 600;
    color: #0b2a5b;
    line-height: 1.3;
}

.article-image img {
    border-radius: 6px;
    transition: transform 0.4s ease;
}

.article-image img:hover {
    transform: scale(1.02);
}

.article-intro {
    font-size: 1.05rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.article-heading {
    margin-top: 2rem;
    margin-bottom: 0.8rem;
    font-weight: 600;
    color: #0b2a5b;
}

.article-subheading {
    margin-top: 1.5rem;
    font-size: 1rem;
    font-weight: 600;
}

.article-list li {
    margin-bottom: 0.5rem;
}

/* Related cards */
.related-card {
    display: block;
    text-decoration: none;
    color: #0b2a5b;
    transition: transform 0.3s ease;
}

.related-card img {
    width: 100%;
    border-radius: 6px;
    margin-bottom: 8px;
}

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

.breadcrumb-title {
    font-size: 1.4rem;
    font-weight: 600;
}

.breadcrumb-title span {
    color: #ffffff;
}

.breadcrumb-separator {
    margin: 0 8px;
    opacity: 0.7;
}

.breadcrumb-title .active {
    opacity: 0.85;
    font-weight: 500;
}


/*Achievement page css*/

/* ================================
   YOUTUBE PLAYLIST SECTION
================================ */

.yt-playlist-section {
    position: relative;
}

/* ---------- MAIN VIDEO ---------- */
.yt-main-video {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
}

/* Fixed ratio container */
.yt-player {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
    background: #000;
    cursor: pointer;
}

/* Thumbnail image */
.yt-player img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Iframe fills same space */
.yt-player iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Play icon */
.yt-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ff0000;
    color: #ffffff;
    font-size: 28px;
    padding: 16px 20px;
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
}

/* ---------- PLAYLIST ---------- */
.yt-playlist {
    background: #ffffff;
    border-radius: 16px;
    padding: 12px;
    max-height: 430px;
    overflow-y: auto;
}

/* Playlist item */
.yt-item {
    display: flex;
    gap: 12px;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.yt-item img {
    width: 100px;
    border-radius: 8px;
    object-fit: cover;
}

.yt-item h6 {
    font-size: 0.9rem;
    margin: 0;
    color: #0b3c8c;
    font-weight: 600;
    line-height: 1.4;
}

/* Active / Hover */
.yt-item:hover,
.yt-item.active {
    background: #eef3ff;
}

/* ---------- CTA ---------- */
.yt-playlist-section .btn-primary {
    background-color: #0b3c8c;
    border-color: #0b3c8c;
    font-weight: 600;
    border-radius: 6px;
}

.yt-playlist-section .btn-primary:hover {
    background-color: #092f6e;
    border-color: #092f6e;
}

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

/* Tablets */
@media (max-width: 991px) {
    .yt-playlist {
        max-height: 360px;
    }

    .yt-item img {
        width: 90px;
    }
}

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

    .yt-main-video {
        border-radius: 12px;
    }

    .yt-playlist {
        max-height: none;
        margin-top: 20px;
    }

    .yt-item {
        align-items: center;
    }

    .yt-item img {
        width: 80px;
    }

    .yt-play-btn {
        font-size: 24px;
        padding: 14px 18px;
    }
}


/* Logo Wrapper */
#CHANNEL .channel-logo {
    background: #ffffff;
    border-radius: 10px;
    padding: 18px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.35s ease;
    border: 1px solid #e5e7eb;
}

/* Logo Image */
#CHANNEL .channel-logo img {
    max-width: 100%;
    max-height: 60px;
    /*filter: grayscale(100%);*/
    opacity: 0.7;
    transition: all 0.35s ease;
}

/* Hover Effect */
#CHANNEL .channel-logo:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    border-color: #0b3c8c;
}

#CHANNEL .channel-logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}


.testimonial-bg-section {
    /* background: #f5f7fb; */
}

/* Slider */
.testimonial-bg-slider {
    overflow: hidden;
}

.testimonial-bg-track {
    display: flex;
    transition: transform 0.5s ease;
}

.testimonial-bg-slide {
    min-width: 100%;
}

/* Card */
.testimonial-bg-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 16px;
    height: 100%;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Quote */
.testimonial-bg-quote {
    font-size: 40px;
    color: #0b3c8c;
    margin-bottom: 10px;
}

/* Text */
.testimonial-bg-text {
    font-size: 0.95rem;
    color: #444;
    line-height: 1.6;
}

/* Footer */
.testimonial-bg-footer {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.testimonial-bg-footer img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 12px;
}

/* Arrows */
.testimonial-bg-arrows button {
    background: #0b3c8c;
    color: #fff;
    border: none;
    padding: 10px 18px;
    margin: 0 6px;
    border-radius: 6px;
    cursor: pointer;
}

.testimonial-bg-arrows button:hover {
    background: #092f6e;
}


/* Section Certificate Box */
.img-slider-section {
    background: #f5f7fb;
}

/*  */


/* Box */
.img-slider-box {
    background: #ffffff;
    padding: 28px;
    border-radius: 16px;
    height: 100%;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    transition: all 0.35s ease;
}

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

/* Titles */
.img-slider-title {
    color: #0b3c8c;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Image */
.img-slider-media {
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
}

.img-slider-media img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.img-slider-box:hover img {
    transform: scale(1.05);
}
/* Image wrapper */
.img-slider-media {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    background: #fff;
    margin-bottom: 20px;
}

/* Sliding track */
.img-slider-track {
    display: flex;
    transition: transform 0.6s ease;
}

/* Images */
.img-slider-track img {
    width: 100%;
    flex-shrink: 0;
    height: 300px;
    object-fit: cover;
}

/* Responsive */
@media (max-width: 768px) {
    .img-slider-track img {
        height: 220px;
    }
}

/* Text */
.img-slider-desc {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 18px;
}

/* Responsive */
@media (max-width: 768px) {
    .img-slider-media img {
        height: 220px;
    }
}

/* Wrapper */
.event-card-wrapper {
    background: #ffffff;
}

/* Card */
.event-card {
    background: #f2f2f2;
    border-radius: 14px;
    padding: 24px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

/* Event Meta Row */
.event-meta {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    color: #003b8f;
    font-size: 1.1rem;
    flex-wrap: wrap;
    gap: 10px;
}

.event-time {
    display: flex;
    align-items: center;
    gap: 6px;
}

.event-divider {
    border-top: 2px dotted #1e5bff;
    margin: 14px 0 20px;
}

/* Image */
.event-image img {
    width: 100%;
    border-radius: 8px;
}

/* Title */
.event-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #003b8f;
    margin-bottom: 15px;
}

/* Text */
.event-desc {
    color: #222;
    font-size: 0.95rem;
    line-height: 1.6;
}

.event-info {
    margin-top: 12px;
    font-size: 0.95rem;
}

/* Link */
.event-link {
    color: #ff0000;
    word-break: break-all;
}

/* Button */
.event-btn {
    margin-top: 20px;
    font-weight: 600;
    padding: 8px 18px;
}

/* Responsive */
@media (max-width: 768px) {
    .event-meta {
        justify-content: center;
        text-align: center;
    }

    .event-title {
        font-size: 1.4rem;
    }
}


/* Video card */
.video-card {
    position: relative;
    cursor: pointer;
    border-radius: 14px;
    overflow: hidden;
    background: #000;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.video-card img {
    width: 100%;
    display: block;
    opacity: 0.85;
}

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

.video-card:hover img {
    opacity: 1;
}

/* Play button */
.video-play-btn {
    position: absolute;
    inset: 50%;
    transform: translate(-50%, -50%);
    background: #ff0000;
    color: #fff;
    font-size: 28px;
    padding: 16px 22px;
    border-radius: 50%;
    pointer-events: none;
}

/* Modal */
.video-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.video-modal-content {
    position: relative;
    width: 90%;
    max-width: 900px;
    aspect-ratio: 16 / 9;
}

.video-modal-content iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Close */
.video-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
}


/* Certificate/Awards Photo card */
.photo-card {
    cursor: pointer;
    overflow: hidden;
    border-radius: 14px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.photo-card img {
    width: 100%;
    transition: transform 0.4s ease;
}

.photo-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}

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

/* Title */
.photo-title {
    font-weight: 600;
    color: #10659c;
}

/* Modal */
.image-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.image-modal img {
    max-width: 90%;
    max-height: 85vh;
    border: 2px solid #10659c;
    border-radius: 6px;
}

/* Close button */
.image-close {
    position: absolute;
    top: 30px;
    right: 40px;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
}

/*Case study page */
.report-card {
    padding: 40px 15px;
}

.report-box {
    background: #b7c1d8; /* soft blue-grey */
    border-radius: 8px;
    padding: 30px 35px;
    max-width: 1100px;
    margin: auto;
}

.report-title {
    color: #0b3c8c;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.report-heading {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

.report-text {
    font-size: 16px;
    color: #111;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Button */
.report-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #0b3c8c;
    color: #fff;
    padding: 10px 18px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.2s ease;
}

.report-btn:hover {
    background: #08408f;
    transform: translateY(-2px);
    color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
    .report-box {
        padding: 25px 20px;
    }

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

    .report-heading {
        font-size: 16px;
    }

    .report-text {
        font-size: 15px;
    }
}


/*Service Accordian*/

.process-col h2 {
    font-weight: 600;
    margin-bottom: 0;
}

.step {
    font-weight: 700;
    margin-right: 6px;
}

.process-icon {
    width: 80px;
    height: auto;
}

.accordion-item {
    border: none;
    margin-bottom: 12px;
    border-radius: 10px;
    overflow: hidden;
}

.accordion-button {
    background: #f2eee6;
    font-weight: 500;
}

.accordion-button:not(.collapsed) {
    background: #f2eee6;
    box-shadow: none;
}

.accordion-body {
    background: #f2eee6;
    font-size: 14px;
    text-align: left;
}