/* Secure Parking V2 Design - Responsive Styles */

@media (max-width: 1475px) {
    .insights-slider-full {
        padding-left: 0;
    }
}

@media (min-width: 1401px) and (max-width: 1500px) {

    .custom-container,
    .custom-container-xl {
        max-width: 1250px !important;
    }
}

@media (min-width: 1301px) and (max-width: 1400px) {

    .custom-container,
    .custom-container-xl {
        max-width: 1200px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {

    .custom-container,
    .custom-container-xl {
        max-width: 1140px !important;
    }
}

@media (min-width: 1801px) and (max-width: 1900px) {
    .hero-badge {
        margin-top: 50px;
    }

    .about-cert-nav-btn {
        display: none;
    }

    .cert-image-box-about {
        height: 240px;
    }
}

@media (min-width: 1601px) and (max-width: 1800px) {

    /* ---- Contact Us Page Styles ---- */
    .contact-hero-text h1 {
        font-size: 56px !important;
        line-height: 62px !important;
    }

    .contact-hero-text p {
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .contact-hero-image-col {
        padding-left: 110px !important;
    }

    .hero-banner-bg img {
        height: 540px;
    }

    .hero-badge {
        margin-top: 70px;
    }

    .hero-title {
        font-size: 56px;
        line-height: 60px;
    }

    .about-cert-nav-btn {
        display: none;
    }

    .cert-image-box-about {
        height: 240px;
    }
}

@media (min-width: 1501px) and (max-width: 1600px) {
    .hero-title {
        font-size: 50px;
        line-height: 60px;
    }

    .custom-container,
    .custom-container-xl {
        max-width: 1240px !important;
    }

    .navbar-brand.new-header-logo {
        width: 150px;
        height: 30px;
    }

    .hero-badge {
        margin-top: 50px;
    }

    .find-parking-btn {
        font-size: 12px;
        padding: 8px 10px 8px 10px;
    }

    /* ---- Contact Us Page Styles ---- */
    .contact-hero-text h1 {
        font-size: 50px !important;
        line-height: 60px !important;
    }

    .contact-hero-text p {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .contact-hero-image-col {
        padding-left: 100px !important;
    }

    .hero-banner-bg img {
        height: 520px;
    }

    .advantage-content-wrap .dotted-separator {
        margin-bottom: 50px;
    }

    .about-cert-nav-btn {
        display: none;
    }

    .cert-image-box-about {
        height: 225px;
    }

    .career-detail-title {
        font-size: 46px;
        line-height: 54px;
        margin-top: 30px;
    }

    .who-we-are-stats-row>.col-lg-6 {
        margin-left: -50px;
        margin-right: -50px;
    }

    .stat-number {
        font-size: 32px !important;
    }

    .cert-image-box {
        height: 270px;
    }

    .certifications-title {
        font-size: 44px;
        line-height: 56px;

    }

    .clip-assist-content-col {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .clipped-title {
        font-size: 34px;
    }

    .office-left-col {
        padding-right: 20px;
    }

    .office-middle-col {
        padding-left: 20px;
        padding-right: 20px;
    }

    .office-right-col {
        padding-left: 20px;
    }

    .office-contact-text {
        font-size: 14px;
    }

    .job-card-title {
        width: 500px;
    }

    .footer-links a {
        font-size: 15px;
    }

    .footer-contact a {
        font-size: 15px;
    }
}

@media (min-width: 1400px) and (max-width: 1500px) {
    .partners-stats-row {
        gap: 25px;
    }

    .hero-badge {
        margin-top: 50px;
    }

    .hero-title {
        font-size: 52px;
        line-height: 62px;
    }

    /* ---- Contact Us Page Styles ---- */
    .contact-hero-text h1 {
        font-size: 50px !important;
        line-height: 56px !important;
    }

    .contact-hero-text p {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .contact-hero-image-col {
        padding-left: 90px !important;
    }

    .hero-banner-bg img {
        height: 520px;
    }

    .stat-number {
        font-size: 36px;
    }

    .cert-image-box {
        height: 235px;

    }

    .advantage-content-wrap .dotted-separator {
        margin-bottom: 50px;
    }

    .certifications-title {
        font-size: 44px;
        line-height: 54px;
    }

    .who-we-are-title {
        font-size: 44px;
    }

    .section-title {
        font-size: 44px;
    }

    .who-we-are-header-wrap {
        width: 72%;
    }

    .solution-card-title {
        font-size: 32px;
    }

    .contact-section-title {
        font-size: 44px;
    }

    .lets-connect-title {
        font-size: 44px;
    }

    .other-services-heading {
        font-size: 44px;
    }

    .contact-offices-title {
        font-size: 44px;
    }

    .expertise-dotted-separator {
        margin-bottom: 40px;
    }

    .about-cert-nav-btn {
        display: none;
    }

    .cert-image-box-about {
        height: 245px;
    }

    .career-detail-title {
        font-size: 44px;
        line-height: 50px;
        margin-top: 30px;
    }

    .who-we-are-stats-row>.col-lg-6 {
        margin-left: -50px;
        margin-right: -50px;
    }

    .stat-number {
        font-size: 32px;
    }

    .cert-image-box {
        height: 260px;
    }

    .certifications-title {
        font-size: 44px;
        line-height: 56px;

    }

    .clip-assist-content-col {
        padding-top: 30px;
        padding-bottom: 30px;
    }

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

    .office-left-col {
        padding-right: 20px;
    }

    .office-middle-col {
        padding-left: 20px;
        padding-right: 20px;
    }

    .office-right-col {
        padding-left: 20px;
    }

    .office-contact-text {
        font-size: 14px;
    }

    .job-card-title {
        width: 500px;
    }

}

@media (min-width: 1300px) and (max-width: 1399px) {

    .stat-number {
        font-size: 32px;
    }

    .who-we-are-stats-row>.col-lg-6 {
        margin-left: -25px;
        margin-right: -25px;
    }

    .hero-title {
        font-size: 44px;
        line-height: 52px;
    }

    .hero-badge {
        margin-top: 55px;
    }

    /* ---- Contact Us Page Styles ---- */
    .contact-hero-text h1 {
        font-size: 46px !important;
        line-height: 52px !important;
    }

    .contact-hero-text p {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .contact-hero-image-col {
        padding-left: 80px !important;
    }

    .hero-banner-bg img {
        height: 490px;
    }

    .hero-ticker-wrap {
        padding: 5px 0px !important;
    }

    .advantage-content-wrap .dotted-separator {
        margin-bottom: 50px;
    }

    .certifications-title {
        font-size: 44px;
        line-height: 54px;
    }

    .who-we-are-title {
        font-size: 44px;
    }

    .section-title {
        font-size: 44px;
    }

    .who-we-are-header-wrap {
        width: 72%;
    }

    .solution-card-title {
        font-size: 32px;
    }

    .contact-section-title {
        font-size: 44px;
    }

    .lets-connect-title {
        font-size: 42px;
    }

    .other-services-heading {
        font-size: 42px;
    }

    .contact-offices-title {
        font-size: 42px;
    }

    .expertise-dotted-separator {
        margin-bottom: 40px;
    }

    .iso-card-title {
        font-size: 28px;
    }

    .about-cert-nav-btn {

        display: none;
    }

    .stat-card.about-stat-card-white .stat-number {
        font-size: 30px;
    }

    .career-detail-title {
        font-size: 42px;
        line-height: 48px;
        margin-top: 30px;
    }

    .job-card-title {
        width: 370px;
        font-size: 22px;
    }

    .clipped-title {
        font-size: 28px;
    }

    .clip-assist-content-col {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .office-left-col {
        padding-right: 20px;
    }

    .office-middle-col {
        padding-left: 20px;
        padding-right: 20px;
    }

    .office-right-col {
        padding-left: 20px;
    }

    .office-contact-text {
        font-size: 14px;
    }

}

@media (min-width: 1201px) and (max-width: 1300px) {

    .who-we-are-header-wrap {
        width: 80%;
    }

    .stat-number {
        font-size: 30px;
    }

    .who-we-are-stats-row>.col-lg-6 {
        margin-left: -25px;
        margin-right: -25px;
    }

    .hero-title {
        font-size: 42px;
        line-height: 50px;
    }

    .hero-badge {
        margin-top: 55px;
    }

    /* ---- Contact Us Page Styles ---- */
    .contact-hero-text h1 {
        font-size: 44px !important;
        line-height: 50px !important;
    }

    .contact-hero-text p {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .contact-hero-image-col {
        padding-left: 30px !important;
    }

    .contact-form-card {
        margin-left: 0 !important;
        padding: 25px 25px !important;
    }

    .hero-banner-bg img {
        height: 490px;
    }

    .hero-ticker-wrap .ticker__item {
        font-size: 16px !important;
    }

    .hero-ticker-wrap {
        padding: 7px 0px !important;
    }

    .hero-banner {
        margin: 40px 10px 0px;
    }

    .contact-hero-banner {

        margin: 40px 20px 0px;
    }

    .advantage-content-wrap .dotted-separator {
        margin-bottom: 40px;
    }

    .certifications-title {
        font-size: 38px;
        line-height: 48px;
    }

    .cert-image-box {
        height: 250px;
    }

    .certifications-title {
        font-size: 42px;
        line-height: 52px;
    }

    .who-we-are-title {
        font-size: 42px;
    }

    .section-title {
        font-size: 42px;
    }

    .solution-card-title {
        font-size: 30px;
        line-height: 34px;
    }

    .testimonial-section-header {
        width: 50%;
    }

    .contact-section-title {
        font-size: 42px;
    }

    .lets-connect-title {
        font-size: 42px;
    }

    .other-services-heading {
        font-size: 42px;
    }

    .contact-offices-title {
        font-size: 42px;
    }

    .expertise-dotted-separator {
        margin-bottom: 40px;
    }

    .stat-card.about-stat-card-white .stat-number {
        font-size: 30px;
    }

    .iso-card-title {
        font-size: 26px;
    }

    .about-cert-nav-btn {

        display: none;
    }

    .career-detail-title {
        font-size: 40px;
        line-height: 46px;
        margin-top: 30px;
    }

    .job-card-title {
        width: 370px;
        font-size: 20px;
    }

    .clipped-title {
        font-size: 28px;
    }

    .clip-assist-content-col {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .about-vision-card .other-service-title {
        font-size: 28px !important;
    }

    .office-left-col {
        padding-right: 20px;
    }

    .office-middle-col {
        padding-left: 20px;
        padding-right: 20px;
    }

    .office-right-col {
        padding-left: 20px;
    }

    .office-contact-text {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .vision-row-wrap {
        gap: 20px 0px;
    }

    .job-card-title {
        font-size: 20px;
        width: 260px;
        white-space: normal;
    }

    .job-card-info-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 30px;
        margin-left: 0;
        width: 100%;
    }

    .expertise-dotted-separator {
        margin-bottom: 40px;
    }

    .hero-title {
        font-size: 42px;
        line-height: 52px;
    }

    .hero-badge {
        margin-top: 55px;
    }

    .hero-banner-bg img {
        height: 490px;
    }

    .who-we-are-stats-row {
        justify-content: space-between;
    }

    .partners-stats-row {
        gap: 10px;
    }

    .partner-stat-number {
        font-size: 26px;
        line-height: 36px;
    }

    .partner-stat-item {
        padding: 14px 20px;
    }

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

    .who-we-are-title {
        font-size: 40px;
    }

    .who-we-are-header-wrap {
        width: 80%;
    }

    .footer-columns-wrap {
        padding-left: 24px;
    }

    .solution-card-title {
        font-size: 30px;
        line-height: 36px;
    }

    .stat-number {
        font-size: 26px;
    }

    .stat-label {
        font-size: 16px;
    }

    .other-soluton-card-heading {
        font-size: 16px;
    }

    .soluton-card-heading {
        font-size: 20px;
    }

    .solution-content-wrap {
        padding: 30px 20px 45px;
    }

    .certifications-title {
        font-size: 28px;
        line-height: 38px;
    }

    .certifications-desc {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .cert-image-box {
        height: 260px;
    }

    /* ---- Contact Us Page Styles ---- */
    .contact-hero-text h1 {
        font-size: 40px !important;
        line-height: 48px !important;
    }

    .contact-hero-text p {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .contact-hero-image-col {
        padding-left: 20px !important;
    }

    .contact-form-card {
        margin-left: 0 !important;
        padding: 25px 20px !important;
    }

    .contact-section-title {
        font-size: 40px !important;
    }

    .contact-offices-title {
        font-size: 40px !important;
    }

    .header-container {
        padding: 0px 0px;
    }

    .showcase-dotted-line {
        margin: 50px 0px;
    }

    .lets-connect-title {
        font-size: 38px;
        line-height: 46px;
    }

    .other-services-heading {
        font-size: 38px;
    }

    .other-service-content {
        padding: 10px 15px;
    }

    .contact-hero-banner {
        margin: 40px 10px 0px;
    }

    .find-parking-btn {
        margin-right: 10px;
    }

    .contact-hero-banner {
        min-height: 350px;
    }

    .contact-hero-banner .row {
        min-height: 350px;
    }

    .stat-card {
        padding: 20px 15px 20px 15px;
    }

    .stat-icon {
        width: 34px;
        height: 34px;
    }

    .contact-section-title {
        font-size: 38px;
    }

    .lets-connect-title {
        font-size: 38px;
    }

    .other-services-heading {
        font-size: 38px;
    }

    .award-trophy-wrap {
        width: 65%;
        top: -77px;
    }

    .who-we-column-right {
        padding-top: 67px;

    }

    .trusted-solutions-title {
        font-size: 40px;
    }

    .stat-card.about-stat-card-white .stat-number {
        font-size: 26px;
    }

    .about-cert-nav-btn {
        display: none;
    }

    .cert-image-box-about {
        height: auto;
    }

    .map-image-wrap img {
        object-fit: contain;
    }

    .who-we-award-card {
        padding: 63px 20px 24px;
    }

    .iso-card-title {
        line-height: 28px;
        font-size: 22px;
    }

    .career-detail-title {
        font-size: 38px;
        line-height: 46px;
        margin-top: 30px;
    }

    .find-parking-filters {
        width: 70%;
    }

    .hero-ticker-wrap .ticker__item {
        font-size: 16px !important;
    }

    .hero-ticker-wrap {
        padding: 5px 0px !important;
    }

    .clipped-title {
        font-size: 28px;
    }

    .clip-assist-content-col {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .office-left-col {
        padding-right: 20px;
    }

    .office-middle-col {
        padding-left: 20px;
        padding-right: 20px;
    }

    .office-right-col {
        padding-left: 20px;
    }

    .office-contact-text {
        font-size: 14px;
    }

}

@media (min-width: 992px) {
    .advantage-pointers-container {
        min-height: 420px;
    }
}

@media (max-width: 991px) {

    .hero-badge {
        margin-top: 50px;
    }

    /* ---- Responsive Navbar Mobile Styling ---- */
    .new-navbar {
        margin-top: 15px !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
        width: calc(100% - 39px) !important;
        border-radius: 10px !important;
        padding: 8px 16px !important;
        overflow: visible !important;
    }

    .new-navbar .navbar-brand.new-header-logo.d-lg-none {
        width: 120px;
        height: auto;
        display: block !important;
        padding: 0 !important;
    }

    .new-navbar .navbar-brand.new-header-logo.d-lg-none img {
        width: 100%;
        height: auto;
    }

    .new-navbar .navbar-toggler {
        border: none !important;
        padding: 4px !important;
    }

    .new-navbar .navbar-toggler:focus {
        box-shadow: none !important;
    }

    /* Flatten header bottom corners when menu is open */
    .new-navbar.menu-open {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.03) !important;
    }

    .new-navbar .collapse.navbar-collapse,
    .new-navbar .collapsing.navbar-collapse {
        position: absolute;
        top: 100%;
        left: -16px !important;
        right: -16px !important;
        width: auto !important;
        background-color: #ffffff;
        border-radius: 0 0 18px 18px !important;
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
        padding: 0 !important;
        z-index: 1050;
    }

    .new-navbar .collapsing.navbar-collapse {
        transition: height 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .new-navbar .navbar-nav {
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 15px 20px !important;
    }

    .new-navbar .navbar-nav .nav-item {
        width: 100%;
        border-bottom: 1px solid #f2f2f2;
    }

    .new-navbar .navbar-nav .nav-item:last-child {
        border-bottom: none;
    }

    .new-navbar .navbar-nav .nav-link {
        padding: 12px 0 !important;
        font-size: 14px !important;
        text-align: left;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .new-navbar .navbar-nav .dropdown-menu {
        border: none !important;
        box-shadow: none !important;
        padding: 0 12px !important;
        margin-bottom: 0;
        margin-top: 0;
        border-radius: 8px;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        display: block !important;
        transition: max-height 0.3s cubic-bezier(0.16, 1, 0.3, 1),
            opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1),
            padding 0.3s cubic-bezier(0.16, 1, 0.3, 1),
            margin 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .new-navbar .navbar-nav .dropdown-menu.show {
        max-height: 200px;
        /* fallback value */
        opacity: 1;
        padding: 8px 12px !important;
        margin-bottom: 10px;
        margin-top: 5px;
        transition: max-height 0.38s cubic-bezier(0.16, 1, 0.3, 1),
            opacity 0.32s cubic-bezier(0.16, 1, 0.3, 1),
            padding 0.38s cubic-bezier(0.16, 1, 0.3, 1),
            margin 0.38s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .new-navbar .navbar-nav .dropdown-item {
        padding: 10px 12px !important;
        font-size: 14px !important;
        font-family: "Figtree", sans-serif;
        color: #000 !important;
        border-bottom: 1px solid rgba(0, 73, 147, 0.05) !important;
        background: transparent !important;
        border-radius: 6px;
        transition: all 0.3s ease;
        display: block;
        width: 100%;
        text-align: left;
    }

    .new-navbar .navbar-nav .dropdown-item:last-child {
        border-bottom: none !important;
    }

    .new-navbar .navbar-nav .dropdown-item:hover,
    .new-navbar .navbar-nav .dropdown-item:active {
        color: var(--primary-color) !important;
        background-color: rgba(0, 73, 147, 0.05) !important;
        padding-left: 18px !important;
    }

    .new-navbar .navbar-nav .dropdown-item.active {
        color: var(--primary-color) !important;
        font-weight: 600;
        background-color: rgba(0, 73, 147, 0.08) !important;
        padding-left: 18px !important;
    }

    .new-navbar .navbar-nav .nav-item.ms-auto {
        margin-left: 0 !important;
    }

    .new-navbar .find-parking-btn {
        margin-top: 12px !important;
        margin-bottom: 5px !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 100% !important;
        padding: 8px 8px 8px 14px !important;
        border-radius: 4px !important;
        background-color: var(--btn-text-color) !important;
        color: #ffffff !important;
        border: none !important;
        box-shadow: none !important;
    }

    .new-navbar .find-parking-btn:hover {
        background-color: var(--btn-text-color) !important;
        color: #ffffff !important;
    }

    .new-navbar .find-parking-btn i {
        font-size: 12px !important;
        background-color: #fff !important;
        border-radius: 4px !important;
        color: var(--btn-text-color) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 24px !important;
        height: 24px !important;
        margin-left: 10px !important;
    }

    /* Footer Countries list wrapping to prevent horizontal overflow */
    .network-countries {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px 15px !important;
    }

    .who-we-are-image-wrap {
        margin: 0px 0;
    }

    .stat-card {
        max-width: 100%;
    }

    .who-we-are-title {
        font-size: 28px;
    }

    /* Advantage / Why Us Section */
    .advantage-section {
        padding: 60px 0;
    }

    .advantage-content-wrap {
        padding-left: 0;
        margin-top: 0px;
    }

    /* Global Solutions Section */
    .global-solutions-section {
        padding: 60px 0 0;
    }

    .solutions-cards-container {
        height: auto;
        min-height: auto;
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 15px;
    }

    .solutions-cards-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        height: auto;
        min-height: auto;
    }

    .solution-interactive-card {
        min-height: auto;
        flex: unset;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        border-left: none !important;
    }

    /* Grid borders for 2-column layout (576px to 991px) */
    .solution-interactive-card:nth-child(1) {
        border-right: 1px solid rgba(255, 255, 255, 0.18);
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .solution-interactive-card:nth-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .solution-interactive-card:nth-child(3) {
        grid-column: span 2;
    }

    .solutions-blur-overlays {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        height: 100%;
    }

    .solution-blur-overlay:nth-child(3) {
        grid-column: span 2;
    }

    .solution-blur-overlay,
    .solution-blur-overlay.active {
        transform: translateY(0);
        opacity: 1;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        background: rgba(0, 0, 0, 0.45);
    }

    .solution-interactive-card .solution-card-blur,
    .solution-interactive-card.active .solution-card-blur {
        display: none;
    }

    .solution-interactive-card::after,
    .solution-interactive-card.active::after {
        display: none;
    }

    .solution-interactive-card .solution-card-content {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 48px 24px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        z-index: 2;
        max-width: 480px;
        margin: 0 auto;
        width: 100%;
    }

    .solution-interactive-card .solution-card-icon {
        margin: 0 auto 20px auto;
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.6);
        border-radius: 8px;
        width: 60px;
        height: 60px;
    }

    .solution-interactive-card .solution-card-title {
        font-size: 22px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 16px;
        letter-spacing: 0.8px;
        text-align: center;
        color: #fff;
        line-height: 28px;
    }

    .solution-interactive-card .solution-card-details,
    .solution-interactive-card.active .solution-card-details {
        max-height: none;
        opacity: 1;
        transform: translateY(0);
        margin-top: 16px;
        width: 100%;
    }

    .solution-interactive-card .solution-card-details ul {
        margin: 0 0 16px 0;
        padding: 0;
    }

    .solution-interactive-card .solution-card-details ul li {
        text-align: center;
        padding-left: 0;
        font-size: 14px;
        line-height: 22px;
        color: rgba(255, 255, 255, 0.9);
        margin-bottom: 10px;
    }

    .solution-interactive-card .solution-card-details ul li::before {
        display: none;
    }

    .solution-interactive-card .solution-learn-more {
        display: inline-flex;
        justify-content: center;
        margin-top: 10px;
        width: auto;
    }

    /* Certifications Section */
    .certifications-section {
        padding: 50px 0;
        margin-bottom: 50px !important;
    }

    .certifications-title {
        font-size: 32px !important;
        line-height: 40px !important;
    }

    .certifications-desc {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 25px !important;
    }

    .certifications-slider .slick-track {
        display: flex !important;
    }

    .certifications-slider .slick-slide {
        height: auto !important;
        display: flex !important;
    }

    .certifications-slider .slick-slide>div {
        display: flex !important;
        flex: 1 1 auto;
    }

    .cert-slide {
        display: flex !important;
        flex-direction: column;
        flex: 1 1 auto;
        height: 100%;
    }



    /* Testimonials Section */
    .testimonials-section {
        padding: 60px 0;
    }

    .testimonial-card {
        min-height: 280px;
    }

    /* Partners Logo Section */
    .partners-logo-title {
        font-size: 32px;
    }

    .partners-stats-row {
        gap: 10px;
    }

    .partner-stat-item {
        padding: 10px 15px;
    }

    .partner-stat-number {
        font-size: 22px;
        line-height: 28px;
    }

    .partner-stat-label {
        font-size: 16px;
        line-height: 20px;
    }

    /* Insights Section */
    .insights-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .insights-header-left,
    .insights-header-right {
        max-width: 100%;
    }

    .insights-description {
        font-size: 14px;
    }

    /* FAQ Section */
    .faq-section {
        padding: 0px 0;
        margin-bottom: 50px;
    }

    .faq-header {
        text-align: center;
        margin-bottom: 30px;
    }

    .faq-accordion .accordion-button {
        font-size: 16px;
        padding: 0px;
        padding-right: 48px;
        padding-bottom: 0px;
        line-height: 24px;
        margin-bottom: 0px;
    }

    .faq-accordion .accordion-button:not(.collapsed) {
        margin-bottom: 12px;
    }

    .solutions-intro {
        margin: 50px 0px;
    }

    .section-title {
        font-size: 28px;
    }

    .partner-stat-item {
        padding: 4px 9px;
        border-right: none;
    }

    .header-container {
        padding: 0px 0px;
    }

    .container.header-container {
        max-width: none;
        display: flex;
        justify-content: space-between;
    }

    .advantage-pointer-title {
        font-size: 20px;
    }

    .advantage-number {
        font-size: 22px;
    }

    .hero-title {
        font-size: 36px;
        line-height: 46px;
    }

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

    .navbar-toggler-icon {
        width: 25px;
    }

    .solution-row-wrap {
        margin-top: 20px;
        gap: 20px 0px;
    }

    .who-we-are-section {
        padding: 50px 0 50px;
    }

    .who-we-are-header-wrap {
        width: 100%;
    }

    .who-we-are-section-tag {
        justify-content: start;
    }

    .learn-more-button-wrap {
        margin-top: 50px;
    }

    .global-solutions-section {
        padding: 0px 0 0;
    }

    .insights-section {
        padding: 50px 0;
        margin: 50px 0px;
    }

    .insights-slider .slick-list {
        margin: 0 -8px !important;
    }

    .insights-slider .slick-slide {
        padding: 0 8px !important;
    }

    .insight-card {
        padding: 0 !important;
        margin-bottom: 0px !important;
    }

    .insights-footer {
        margin-top: 10px;
        padding: 0;
    }

    .section-title {
        font-size: 28px;
        text-align: left;
    }

    .who-we-are-stats-row>.col-lg-6 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .stat-number {
        font-size: 28px;
    }

    .stat-card {
        padding: 20px 25px 20px 25px;
    }

    .stat-label {
        font-size: 16px;
    }

    .who-we-are-description {
        max-width: 100%;
    }

    .stat-icon {
        width: 35px;
        height: 35px;
    }

    .years-number {
        font-size: 22px;
    }

    .years-label {
        font-size: 12px;
    }

    .right-col-lg-wrap {
        margin-top: 40px;
    }

    .advantage-pointer {
        margin-bottom: 15px;
    }

    .advantage-badges {
        gap: 10px;
        margin-bottom: 0;
    }

    .advantage-badge {
        font-size: 14px;
    }

    .advantage-pointer-line {
        margin-top: 10px;
    }

    .partners-logo-section {
        margin-bottom: 0px;
    }

    .testimonial-section-header {
        width: 100%;
        padding: 0px 12px;
    }

    .advantage-pointers-container {
        min-height: auto;
    }

    .partners-logo-title {
        font-size: 20px;
    }

    .partners-logo-slider-wrap::before,
    .partners-logo-slider-wrap::after {
        width: 50px;
    }

    .testimonials-slider::before,
    .testimonials-slider::after {
        width: 50px;
    }

    .testimonials-section {
        padding: 50px 0;
    }

    .faq-accordion .accordion-item {
        padding: 15px 15px 15px 15px;
    }

    .new-footer {
        padding-top: 30px;
    }

    .footer-columns-wrap {
        padding-left: 24px;
    }

    .footer-network {
        flex-direction: column;
        gap: 12px;
        padding: 20px 0px;
        align-items: center;
        text-align: center;
    }

    .footer-network .footer-heading {
        text-align: center;
        margin-bottom: 4px !important;
    }

    .network-countries {
        justify-content: center !important;
        gap: 6px 10px !important;
        padding: 0 10px;
    }

    .network-countries span,
    .network-countries a {
        font-size: 14px;
    }

    .network-countries .network-dot {
        margin: 0 2px;
    }

    .footer-bottom p {
        text-align: center;
        font-size: 13px;
        line-height: 20px;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 15px;
        align-items: center;
        text-align: center;
    }

    .footer-bottom-links {
        justify-content: center;
    }

    .footer-links a {
        font-size: 14px;
    }

    .footer-columns-wrap .row {
        gap: 20px 0px;
    }

    .footer-heading {
        margin-bottom: 10px !important;
        font-size: 18px;
    }

    .nav-btn {
        width: 25px;
        height: 25px;
        border-radius: 4px;
    }

    .footer-contact a {
        font-size: 14px;
    }

    .insight-title {
        font-size: 18px;
    }

    .nav-btn i {
        font-size: 14px;
    }

    .hero-banner {
        margin: 6px 10px 0px;
    }

    .hero-banner-bg img {
        height: 450px;
    }

    .page-banner {
        margin: -73px 10px 0px;
    }

    .page-banner-bg img {
        height: 450px;
    }

    .page-banner-title {
        font-size: 40px;
        line-height: 1.3;
    }

    .page-banner-subtitle {
        font-size: 18px;
    }

    .container,
    .container-md,
    .container-sm {
        max-width: stretch;
    }

    .lets-connect-banner-section {
        margin-bottom: 50px;
        padding: 50px 0;
    }

    .other-services-section {
        padding: 0 0 50px 0;
    }

    .lets-connect-title {
        font-size: 30px;
        line-height: 40px;
    }

    .showcase-dotted-line {
        margin: 30px 0px;
    }

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

    .filter-bar-flex-container {
        justify-content: center;
    }

    .career-detail-title {
        font-size: 34px;
        line-height: 40px;
        margin-top: 30px;
    }

    .media-grid-row {
        --bs-gutter-x: 2.5rem !important;
    }

    .media-grid-row {
        gap: 40px 0px;
    }

    .media-center-grid-section {
        margin-bottom: 50px;
    }

    .same-standard-section .section-title {
        font-size: 34px;
        text-align: center !important;
    }

    .same-standard-section {
        padding: 50px 0 !important;
        margin-bottom: 30px;
    }

    .parking-option span.parking-name {
        font-size: 18px !important;
    }

    .parking-option {
        padding: 15px 10px 14px 10px !important;
        gap: 10px;
    }

    .hero-ticker-wrap .ticker__item {
        font-size: 14px !important;
    }

    .hero-ticker-wrap {
        padding: 5px 0px !important;
    }

    .clip-assist-content-col {
        padding-left: 12px;
    }


}

@media (max-width: 768px) {

    .feature-column {
        gap: 0px;
    }

    .slider-item p {
        font-size: 14px !important;
    }


    .clip-assist-content-col {
        padding-left: 12px;
    }

    .media-detail-content-section {
        margin: 50px 0px;
    }

    .find-parking-page {
        margin: 50px 0px !important;
    }

    .find-parking-filters {
        width: 100%;
    }

    .find-parking-list-map-wrapper {
        padding: 0px 12px;
        padding-top: 30px;

    }

    .parking-option span.parking-name {
        font-size: 18px;
    }

    .parking-option {
        padding: 15px 10px 14px 10px;
        gap: 10px;
    }

    .same-standard-section {
        padding: 50px 0 !important;
        margin-bottom: 30px;
    }

    .same-standard-section .section-title {
        font-size: 28px;
        text-align: center !important;
    }

    .standard-icon-wrap img {
        width: 50px;
        height: 50px;
    }

    .standard-icon-wrap {
        margin-bottom: 10px;
    }

    .standard-card-title {
        font-size: 20px;
    }





    .media-grid-row {
        gap: 40px 0px;
    }

    .insight-title {
        font-size: 18px !important;
        line-height: 25px !important;
    }

    .search-input-wrapper {
        width: 100%;
    }

    .media-center-grid-section {
        margin-bottom: 50px;
    }

    .filter-btn {
        font-size: 14px !important;
        height: 40px !important;
        padding: 0 21px !important;
    }

    .media-grid-section-wrapper {
        justify-content: center;
    }

    .career-detail-title {
        font-size: 28px;
        line-height: 38px;
        margin-top: 30px;
    }

    .pill-role {
        padding: 7px 15px;
        font-size: 14px;
    }

    .career-badge-item {
        font-size: 14px;
    }

    .career-detail-badges {
        gap: 20px;
        margin-top: 20px;
    }

    .career-detail-back {
        font-size: 14px;
        margin-left: 12px;
    }

    .back-icon {
        font-size: 10px;
    }

    .career-detail-body h3,
    .career-detail-body h4 {
        font-size: 20px;
    }

    .career-apply-col {
        padding-left: 12px;
    }

    .career-apply-card {
        padding: 30px 20px;
    }

    .career-detail-content-section {
        padding: 50px 0 50px 0;
    }



    .job-listings-section {
        margin-bottom: 50px;
        ;
    }

    .job-card-title {
        font-size: 20px;
    }

    .job-card-badge {
        font-size: 14px;
        padding: 6px 15px;
    }

    .life-at-secure-parking-section {
        margin: 50px 0px;
    }

    .row-two-main {
        gap: 20px;
    }

    .rwo-two-wrap {
        gap: 20px;
    }

    .career-pillar-card {
        padding: 15px;
        gap: 15px;
    }

    .life-secure-row {
        gap: 20px 0px;
    }

    .career-card-icon-wrap {
        height: 40px;
        width: 40px;
    }

    .career-card-title {
        font-size: 20px;
    }

    .career-card-text {
        font-size: 14px;
    }

    .sp-breadcrumb-nav {
        gap: 10px 0px;
        font-size: 14px;
    }

    .contact-hero-text h1 {
        font-size: 34px !important;
        line-height: 44px !important;
    }

    .design-showcase-section {
        margin: 50px 0px;
    }

    .who-we-are-image-wrap {
        margin: 30px 0;
    }

    .insights-footer {
        margin-top: 0px;
        padding: 0;
    }

    .partner-stat-label {
        font-size: 12px;
        line-height: 20px;
    }

    .container.header-container {
        max-width: none;
        display: flex;
        justify-content: space-between;
    }

    .navbar.container.container-sm {
        max-width: none;
    }

    /* Hero Banner Section */
    .display-4 {
        font-size: 2rem;
    }

    .display-5 {
        font-size: 1.75rem;
    }

    .display-6 {
        font-size: 1.5rem;
    }

    .hero-banner {
        margin: 8px 14px 0px;
    }

    .hero-banner-bg img {
        height: 490px;
    }

    .hero-ticker-wrap .ticker__item {
        font-size: 14px !important;
    }

    .hero-ticker-wrap {
        padding: 5px 0px !important;
    }

    .page-banner {
        margin: -71px 14px 0px;
    }

    .page-banner-bg img {
        height: 350px;
    }

    .page-banner-title {
        font-size: 32px;
        line-height: 1.3;
    }

    .page-banner-subtitle {
        font-size: 16px;
    }

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

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

    .navbar-toggler-icon {
        width: 25px;
    }

    .solution-row-wrap {
        margin-top: 20px;
        gap: 20px 0px;
    }

    .who-we-are-section {
        padding: 50px 0 50px;
    }

    .who-we-are-header-wrap {
        width: 100%;
    }

    .who-we-are-section-tag {
        justify-content: start;
    }

    .learn-more-button-wrap {
        margin-top: 30px;
    }

    .global-solutions-section {
        padding: 0px 0 0;
    }

    .insights-section {
        padding: 50px 0;
        margin: 50px 0px;
    }

    .insights-slider .slick-list {
        margin: 0 -8px !important;
    }

    .insights-slider .slick-slide {
        padding: 0 8px !important;
    }

    .insight-card {
        padding: 0 !important;
        margin-bottom: 0px !important;
    }

    .section-title {
        font-size: 28px;
        text-align: left;
    }

    .who-we-are-stats-row>.col-lg-6 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .stat-number {
        font-size: 28px;
    }

    .stat-card {
        padding: 20px 25px 20px 25px;
    }

    .stat-label {
        font-size: 16px;
    }

    .who-we-are-description {
        max-width: 100%;
    }

    .stat-icon {
        width: 35px;
        height: 35px;
    }

    .years-number {
        font-size: 22px;
    }

    .years-label {
        font-size: 12px;
    }

    .right-col-lg-wrap {
        margin-top: 40px;
    }

    .advantage-pointer {
        margin-bottom: 15px;
    }

    .advantage-badges {
        gap: 10px;
        margin-bottom: 0;
    }

    .advantage-badge {
        font-size: 14px;
    }

    .advantage-pointer-line {
        margin-top: 10px;
    }

    .partners-logo-section {
        margin-bottom: 0px;
    }

    .testimonial-section-header {
        width: 100%;
        padding: 0px 12px;
    }

    .advantage-pointers-container {
        min-height: auto;
    }

    .partners-logo-title {
        font-size: 20px;
    }

    .partners-logo-slider-wrap::before,
    .partners-logo-slider-wrap::after {
        width: 50px;
    }

    .testimonials-slider::before,
    .testimonials-slider::after {
        width: 50px;
    }

    .testimonials-section {
        padding: 50px 0;
    }

    .faq-accordion .accordion-item {
        padding: 15px 15px 15px 15px;
    }

    .new-footer {
        padding-top: 30px;
    }

    .footer-columns-wrap {
        padding-left: 24px;
    }

    .footer-network {
        flex-direction: column;
        gap: 12px;
        padding: 20px 0px;
        align-items: center;
        text-align: center;
    }

    .footer-network .footer-heading {
        text-align: center;
        margin-bottom: 4px !important;
    }

    .network-countries {
        justify-content: center !important;
        gap: 6px 10px !important;
        padding: 0 10px;
    }

    .network-countries span,
    .network-countries a {
        font-size: 13px;
    }

    .network-countries .network-dot {
        margin: 0 2px;
    }

    .footer-bottom p {
        text-align: center;
        font-size: 12px;
        line-height: 18px;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 15px;
        align-items: center;
        text-align: center;
    }

    .footer-bottom-links {
        justify-content: center;
    }

    .footer-links a {
        font-size: 14px;
    }

    .footer-columns-wrap .row {
        gap: 20px 0px;
    }

    .footer-heading {
        margin-bottom: 10px !important;
        font-size: 18px;
    }

    .nav-btn {
        width: 25px;
        height: 25px;
        border-radius: 4px;
    }

    .footer-contact a {
        font-size: 14px;
    }

    .insight-title {
        font-size: 18px;
    }

    .nav-btn i {
        font-size: 14px;
    }

    .we-manage-pill {
        padding: 10px 10px;
        font-size: 14px;
    }

    .we-manage-pills-row {
        gap: 7px
    }

    .advantage-content-wrap .dotted-separator {
        margin-bottom: 40px;
    }

    .footer-col-wrap {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .slider-item {
        padding: 5px !important;
    }

    .service-timing {
        gap: 15px;
        flex-direction: column;
    }

    .cert-image-box-about {
        height: 100% !important;
    }

    .presence-pointer.active .presence-pointer-body {
        max-height: 355px;
    }

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

    .advantage-pointer-line {
        margin-top: 10px;
        margin-left: 0px;
    }

    /* Advantage / Why Us Section */
    .advantage-pointer-body {
        padding-left: 0;
    }

    .advantage-pointer-title {
        font-size: 18px;
    }

    .advantage-number {
        font-size: 18px;
    }

    /* Global Solutions Section */
    .solutions-cards-row,
    .solutions-blur-overlays {
        grid-template-columns: 1fr;
    }

    .solution-interactive-card:nth-child(1) {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .solution-interactive-card:nth-child(2) {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .solution-interactive-card:nth-child(3),
    .solution-blur-overlay:nth-child(3) {
        grid-column: auto;
    }

    .solution-interactive-card .solution-card-title {
        font-size: 18px;
    }

    .solution-interactive-card .solution-card-content {
        padding: 32px 16px;
    }

    .solution-interactive-card .solution-card-details ul li {
        font-size: 13px;
        line-height: 20px;
    }

    /* Testimonials Section */
    .testimonials-section {
        padding: 40px 0;
    }

    .testimonial-card {
        padding: 28px 22px 24px;
        min-height: auto;
    }

    .testimonial-quote-icon {
        font-size: 48px;
    }

    .testimonial-text {
        font-size: 14px;
        line-height: 22px;
    }

    /* Partners Logo Section */
    .partners-logo-section {
        padding: 40px 0 30px;
    }

    .partners-logo-title {
        font-size: 24px;
    }

    .partner-stat-item {
        padding: 8px 12px;
        border-right: none;
    }

    .partner-logo-box {
        height: 60px;
        padding: 8px 14px;
    }

    .other-soluton-card-heading {
        font-size: 16px;
        line-height: 22px;
    }

    .other-solution-content-wrap {
        padding: 10px 10px 15px;
    }

    .explore-btn {
        font-size: 14px;
    }

    .solution-content-wrap {
        padding: 20px 20px 25px;
    }

    .soluton-card-heading {
        font-size: 20px;
    }

    .soluton-card-description {
        font-size: 14px;
        line-height: 20px;
    }

    .hero-banner {
        margin: 8px 10px 0px;
    }

    .hero-badge {
        margin-top: 40px;
    }

    .right-col-lg-wrap {
        margin-top: 90px;
    }

    .cert-image-box {
        height: auto !important;
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* ---- Contact Us Page Mobile Stacking ---- */
    .office-middle-col {
        margin-top: 30px !important;
        border-top: 1px solid #dadada !important;
        padding-top: 25px !important;
        border-left: none !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .office-right-col {
        margin-top: 30px !important;
        border-top: 1px solid #dadada !important;
        padding-top: 25px !important;
        border-left: none !important;
        padding-left: 0 !important;
    }
}

/* =============================================
   CONTACT US PAGE - RESPONSIVE
   ============================================= */
@media (max-width: 991px) {


    .advantage-content-wrap .dotted-separator {
        margin-bottom: 30px;
    }

    .presence-pointer.active .presence-pointer-body {
        max-height: 380px !important;
    }

    .about-cert-nav-btn {
        display: none;
    }

    .map-image-wrap img {
        object-fit: contain;
    }

    .about-who-we-right-content {
        margin-top: 0px !important;
    }

    .our-presence-row {
        gap: 50px 0px;
    }

    .about-vision-card .other-service-title {
        font-size: 24px !important;
    }

    .our-vision-card-wrap {
        padding: 20px 20px !important;
    }



    .who-we-column-right {
        gap: 10px;
        padding-top: 89px;
    }

    .award-trophy-wrap {
        width: 60%;
        top: -93px;
    }

    .who-we-award-card {
        padding: 125px 20px 24px;
    }

    .presence-content-wrap {
        margin-top: 0px !important;
        padding-right: 0px;

    }

    .who-we-row {
        gap: 20px 0px;
    }

    .iso-card-title {
        font-size: 22px;
        line-height: 30px;
    }

    .trusted-divider {
        margin: 20px auto;
        width: 70%;

    }

    .trusted-solutions-section {
        padding: 50px 0px;
    }

    .stat-card.about-stat-card-white .stat-number {
        font-size: 26px;
    }

    .advantage-badge img {
        position: relative;
        top: 3px;
    }

    .expertise-dotted-separator {
        margin-bottom: 30px;
    }

    .contact-hero-banner {
        margin: 6px 10px 0px !important;
        min-height: 300px !important;
    }

    .contact-hero-banner .row {
        min-height: 300px !important;
    }

    .contact-hero-text {
        padding: 0px 12px !important;
    }

    .contact-hero-text h1 {
        font-size: 36px !important;
        line-height: 46px !important;
    }

    .contact-hero-text p {
        font-size: 14px !important;
    }

    .contact-section-title {
        font-size: 32px;
    }

    .contact-offices-title {
        font-size: 36px;
    }

    .contact-form-card {
        padding: 24px 20px;
    }

    .office-card {
        padding: 24px;
    }

    .office-city-name {
        font-size: 28px;
    }

    .office-person-name {
        font-size: 22px;
    }

    /* ---- Contact Us Office Grid Styles ---- */
    .office-left-col {
        padding-right: 15px !important;
    }

    .office-middle-col {
        margin-top: 40px !important;
        border-left: none !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .office-right-col {
        margin-top: 40px !important;
        padding-left: 15px !important;
    }

    .expertise-dotted-separator {
        margin-bottom: 40px;
    }
}

@media (max-width: 1199px) {
    .contact-hero-image-col {
        padding-left: 15px !important;
        padding-right: 15px !important;
        /* Fix horizontal squashing on tablet views */
    }

    .contact-form-card {
        margin-left: 0 !important;
        /* Prevent form from pushing off the screen on small laptops/tablets */
    }
}

@media (max-width: 768px) {

    .clip-assist-img {
        margin-bottom: 30px;
    }

    .who-we-img-left {
        height: 350px;
        max-width: none;
    }

    .who-we-images-grid {
        flex-direction: column-reverse;
        gap: 20px;
        align-items: center;
    }

    .about-who-we-right-content {
        margin-top: 0px !important;
    }

    .our-presence-row {
        gap: 50px 0px;
    }

    .about-vision-card .other-service-title {
        font-size: 24px !important;
    }

    .our-vision-card-wrap {
        padding: 20px 20px !important;
    }

    .who-we-award-card {
        width: 50%;
        flex: auto !important;
    }

    .who-we-img-bottom {
        width: 50%;
        flex: auto !important;
    }

    .who-we-column-right {
        gap: 10px;
        padding-top: 89px;
        flex-direction: row;
    }

    .award-trophy-wrap {
        width: 60%;
        top: -93px;
    }

    .who-we-award-card {
        padding: 50px 20px 24px;
    }

    .presence-content-wrap {
        margin-top: 0px !important;
        padding-right: 0px;

    }

    .who-we-row {
        gap: 20px 0px;
    }

    .iso-card-title {
        font-size: 22px;
        line-height: 30px;
    }

    .trusted-divider {
        margin: 20px auto;
        width: 70%;

    }

    .trusted-solutions-section {
        padding: 50px 0px;
    }

    .stat-card.about-stat-card-white .stat-number {
        font-size: 26px;
    }

    .advantage-badge img {
        position: relative;
        top: 3px;
    }

    .expertise-dotted-separator {
        margin-bottom: 30px;
    }

    .contact-hero-banner {
        margin: 10px 14px 0px !important;
        height: auto !important;
        min-height: auto !important;
    }

    .contact-hero-banner .container,
    .contact-hero-banner .row {
        height: auto !important;
        min-height: auto !important;
    }

    .contact-hero-text {
        padding: 40px 15px 20px !important;
    }

    .contact-hero-text h1 {
        font-size: 30px !important;
        line-height: 40px !important;
        margin-top: 40px;
    }

    .contact-hero-image-col {
        padding: 0 15px 40px !important;
        margin-top: 0px;
    }

    .contact-hero-image-wrap {
        max-width: 480px;
        width: 100%;
    }

    .contact-form-section {
        padding: 40px 0 60px;
    }

    .contact-offices {
        padding: 50px 0;
        margin-top: 0px;
    }

    .contact-offices-title {
        font-size: 28px;
    }

    .enquiry-tags-wrap {
        flex-wrap: wrap;
    }

    /* Premium Horizontal Tab Swiper for Mobile */
    .office-tabs-wrap {
        justify-content: flex-start !important;
        padding: 0 15px;
        margin-bottom: 25px !important;
    }

    .office-tabs {
        display: flex !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px !important;
        border-radius: 12px !important;
        gap: 8px !important;
        scrollbar-width: none !important;
        /* Hide scrollbar in Firefox */
    }

    .office-tabs::-webkit-scrollbar {
        display: none !important;
        /* Hide scrollbar in Chrome/Safari */
    }

    .office-tab {
        padding: 10px 20px !important;
        font-size: 15px !important;
        flex: 0 0 auto !important;
        border-radius: 8px !important;
    }

    .office-tab .office-tab-region {
        font-size: 12px !important;
    }

    /* Compact padding and scales for phone cards & titles */
    .office-card {
        padding: 24px 15px !important;
    }

    .office-city-name {
        font-size: 24px !important;
        margin-bottom: 10px !important;
    }

    .office-enquiry-heading {
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }

    .contact-form-card {
        padding: 25px 20px !important;
    }

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

    /* --- Responsive Consultancy Services --- */
    .expertise-container {
        padding: 10px 0;
    }

    .expertise-feature-card.text-end {
        text-align: left !important;
    }

    .expertise-feature-card.text-end .feature-icon-wrap {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .expertise-feature-card.text-end .feature-card-line {
        margin-left: 0 !important;
    }

    .feature-desc {
        text-align: left !important;
    }

    .expertise-video-card {
        margin: 20px auto !important;
        max-width: 100% !important;
    }

    .expertise-dotted-separator {
        width: 90% !important;
    }

    .expertise-intro-desc {
        font-size: 14px;
        width: 95% !important;
    }

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

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

    .hero-evaluation-wrap {
        margin-top: 10px !important;
    }

    .cert-image-box-about {
        height: 280px;
    }
}

/* Custom tablet view (768px to 991px) for WHO WE ARE section stats reordering */
@media (min-width: 768px) and (max-width: 991px) {
    .vision-row-wrap {
        gap: 20px 0px;
    }

    .who-we-are-stats-row {
        gap: 0 !important;
    }

    .right-col-lg-wrap {
        margin-top: 0 !important;
    }

    .who-we-are-image-wrap {
        margin-top: 30px !important;
        height: auto !important;
    }
}

/* =============================================
   ABOUT US PAGE RESPONSIVE CUSTOMIZATIONS
   ============================================= */


@media (max-width: 991px) {
    .trusted-solutions-title {
        font-size: 28px;
        white-space: normal;
        flex-wrap: wrap;
    }

    .trusted-solutions-section .trust-row {
        margin-bottom: 20px;
    }

    .trusted-solutions-title::before,
    .trusted-solutions-title::after {
        display: none;
        /* Hide decorative lines on smaller wrapping viewports */
    }

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

    .cert-image-box-about {
        height: 260px;
    }

    .our-vision-mission-section {
        padding: 60px 0;
    }
}

@media (max-width: 767px) {

    .grid-top,
    .grid-bottom {
        display: block;
    }

    .cert-image-box-about {
        height: 100%;
    }

    .about-certificates-slider {
        padding: 0;
    }

    .our-vision-mission-section {
        padding: 50px 0;
    }
}

/* =============================================
   GROWTH TIMELINE SECTION - RESPONSIVE
   ============================================= */
@media (max-width: 991px) {
    .growth-timeline-section {
        padding: 60px 0 40px;
    }

    .growth-timeline-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 35px;
    }

    .growth-timeline-header-left,
    .growth-timeline-header-right {
        max-width: 100%;
    }

    .growth-year-label {
        font-size: 28px;
    }

    .growth-timeline-content-wrap {
        padding: 25px 20px;
        padding-bottom: 60px;
    }

    .growth-timeline-panel {
        padding: 25px 20px;
        padding-bottom: 60px;
    }

    .growth-timeline-nav {
        right: 20px;
        bottom: 15px;
        top: auto;
        transform: none;
    }

    .find-parking-filters {
        width: 80%;
    }

    .footer-col-wrap {
        text-align: center;
        width: 100%;
        margin: 67px auto 0px;
    }

    .footer-logo {
        justify-content: center;
    }

    .footer-social {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .growth-timeline-nav .nav-btn i {
        font-size: 16px;
    }

    .growth-timeline-section {
        padding: 50px 0 30px;
    }

    .growth-year-label {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .growth-year-dot {
        width: 12px;
        height: 12px;
    }

    .growth-year-tab::before {
        bottom: 6px;
    }

    .growth-year-tab.active .growth-year-dot {
        width: 14px;
        height: 14px;
    }

    .growth-timeline-content-wrap {
        padding: 20px 15px;
        min-height: 140px;
    }

    .growth-timeline-panel {
        padding: 20px 15px;
        padding-bottom: 55px;
    }

    .growth-timeline-milestones li {
        font-size: 14px;
        padding-left: 15px;
    }

    .growth-timeline-nav {
        right: 15px;
        bottom: 12px;
    }
}

@media (max-width: 480px) {
    .growth-year-label {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .growth-timeline-description {
        font-size: 14px;
    }
}

/* =============================================
   LEADERSHIP TEAM SECTION - RESPONSIVE
   ============================================= */
@media (max-width: 991px) {
    .leadership-section {
        padding: 60px 0 50px;
    }




    .leadership-info-card {
        bottom: 12px;
        left: 12px;
        right: 12px;
        padding: 12px 16px;
        transform: none;
    }

    .leadership-info-header {
        min-height: 40px;
    }
}

@media (max-width: 767px) {
    .leadership-section {
        padding: 50px 0 50px;
    }



    .leadership-img-wrap {
        aspect-ratio: 3 / 3.4;
    }



    .leadership-info-card {
        bottom: 10px;
        left: 10px;
        right: 10px;
        padding: 10px 12px;
        transform: none;
    }

    .leadership-info-header {
        min-height: 36px;
    }

    .leadership-linkedin {
        width: 26px;
        height: 26px;
    }

    .leadership-linkedin img {
        width: 22px;
        height: 22px;
    }
}

/* =============================================
   WHO WE ARE SECTION - RESPONSIVE ADJUSTMENTS
   ============================================= */
@media (max-width: 991px) {

    .who-we-img-bottom {
        flex: 1;
    }

    .who-we-sub-img {
        height: 100%;
    }

    .states-row-wrap {
        justify-content: center !important;
    }
}

@media (max-width: 575px) {
    .who-we-images-grid {
        flex-direction: column-reverse;
        gap: 20px;
        align-items: center;
    }

    .who-we-img-left {
        height: 350px;
        max-width: none;
    }

    .who-we-column-right {
        flex-direction: row !important;
        max-width: none !important;

    }



    .who-we-sub-img {
        height: 100%;
    }

    .who-we-bullet-pill {
        width: 100%;
    }
}

/* Desktop Dropdown Styles */
@media (min-width: 992px) and (hover: hover) {
    .new-navbar .dropdown-menu {
        display: block !important;
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        background-color: #ffffff;
        border: 1px solid rgba(0, 73, 147, 0.08);
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0, 73, 147, 0.08);
        padding: 12px 8px;
        min-width: 200px;
        width: max-content;
        z-index: 1000;
        transform: translateY(15px);
        transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1),
            transform 0.55s cubic-bezier(0.16, 1, 0.3, 1),
            visibility 0.55s cubic-bezier(0.16, 1, 0.3, 1);
        pointer-events: none;
        max-height: none !important;
        overflow: visible !important;
    }

    /* Invisible bridge to handle hover gap */
    .new-navbar .dropdown-menu::before {
        content: '';
        position: absolute;
        top: -20px;
        left: 0;
        width: 100%;
        height: 20px;
        background: transparent;
    }

    /* Show dropdown on hover */
    .new-navbar .nav-item.dropdown:hover>.dropdown-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }

    /* Dropdown Item Styling */
    .new-navbar .dropdown-item {
        color: var(--text-dark-gray) !important;
        font-family: "Figtree", sans-serif;
        font-weight: 600;
        font-size: 14px !important;
        padding: 10px 18px !important;
        border-radius: 8px;
        transition: all 0.3s ease;
        background: transparent;
        display: flex;
        align-items: center;
        position: relative;
        text-transform: none;
    }

    .new-navbar .dropdown-item:hover {
        color: var(--primary-color) !important;
        background-color: rgba(0, 73, 147, 0.04) !important;
        padding-left: 24px !important;
    }

    .new-navbar .dropdown-item.active {
        color: var(--primary-color) !important;
        background-color: rgba(0, 73, 147, 0.06) !important;
        padding-left: 24px !important;
        font-weight: 600;
    }
}

/* =============================================
   MEDIA CENTER DETAILS RESPONSIVE STYLES
   ============================================= */
@media (max-width: 991px) {
    .sticky-sidebar {
        position: static !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    .toc-sidebar-wrap {
        padding: 15px 0 !important;
        border-bottom: 1px solid #ccdffd;
        margin-bottom: 30px;
    }

    .toc-title {
        font-size: 20px !important;
        margin-bottom: 15px !important;
    }

    .latest-insights-sidebar {
        padding: 30px 0 0 0 !important;
        border-top: 1px solid #ccdffd;
        margin-top: 40px;
    }

    .sidebar-title {
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }
}

/* =============================================
   GROWTH TIMELINE BREAKPOINTS - OFFSET ALIGNMENT
   ============================================= */
@media (max-width: 1400px) {
    .growth-timeline-years-slider {
        --slides-to-show: 5;
    }
}

@media (max-width: 1200px) {
    .growth-timeline-years-slider {
        --slides-to-show: 5;
    }
}

@media (max-width: 991px) {
    .growth-timeline-years-slider {
        --slides-to-show: 4;
    }
}

@media (max-width: 767px) {
    .growth-timeline-years-slider {
        --slides-to-show: 3;
    }
}

@media (max-width: 480px) {
    .growth-timeline-years-slider {
        --slides-to-show: 2;
    }
}