/* ===============================
   PAGE BANNER
================================= */

.page-banner{
    position: relative;
    padding: 130px 0 80px;
    background: url("../img/breadcrump.jpeg") center center/cover no-repeat;
    overflow: hidden;
}

.page-banner-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(28, 26, 30, 0.35) 0%,
        rgba(28, 26, 30, 0.25) 50%,
        rgba(28, 26, 30, 0.15) 100%
    );
}

.page-banner .container{
    position: relative;
    z-index: 2;
}

/* ===============================
   BREADCRUMB
================================= */

.breadcrumb-card{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 50px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(12px);
    margin-bottom: 25px;
}

.breadcrumb-card a{
    color: rgba(255,255,255,.75);
    text-decoration: none;
    transition: .3s;
}

.breadcrumb-card a:hover{
    color: #fff;
}

.breadcrumb-card span{
    color: rgba(255,255,255,.35);
}

.breadcrumb-card .active{
    color: #fff;
}

/* ===============================
   TITLE
================================= */

.page-banner-title{
    color: #fff;
    max-width: 700px;
    margin-bottom: 18px;
    line-height: 1.1;
}

/* ===============================
   DESCRIPTION
================================= */

.page-banner-desc{
    color: rgba(255, 255, 255, 0.78);
    max-width: 580px;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 1.8;
}

@media (max-width: 576px) {
    .home3-banner-section .banner-content-wrap {
        width: 100%;
        max-width: calc(100vw - 24px);
        min-width: 0;
    }

    .home3-banner-section .banner-content-wrap .banner-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .home3-banner-section .banner-content-wrap .banner-content > span {
        max-width: 100%;
        white-space: normal;
        line-height: 1.3;
    }

    .home3-banner-section .banner-content-wrap .banner-content h1 {
        max-width: 100%;
    }

    .home1-contact-section {
        padding: 56px 0;
    }

    .home1-contact-section .contact-area .section-title.mb-50 {
        margin-bottom: 24px;
    }

    .home1-contact-section .contact-area .arrow-and-contact-list .contact-list .single-contact {
        margin-bottom: 24px;
    }

    .home1-contact-section .contact-area .arrow-and-contact-list .contact-list .single-contact h5 {
        margin-bottom: 10px;
    }

    .home1-contact-section .contact-area .contact-content-wrap {
        min-width: 0;
    }

    .home1-contact-section .contact-area .contact-content-wrap .content {
        min-width: 0;
        overflow-wrap: anywhere;
        line-height: 1.35;
    }

    .home1-contact-section .contact-area .contact-list .single-contact:nth-child(2) .content a {
        white-space: normal !important;
    }

    .home1-contact-section .contact-area .contact-content-wrap .content a {
        display: block;
        max-width: 100%;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .home1-contact-section .contact-form-wrap {
        margin-top: 0;
        padding: 30px 20px;
    }

    .contact-cta-section {
        margin-bottom: 56px !important;
    }

    .contact-cta-section .industries-banner-area,
    .contact-cta-section .industries-banner-area > .row,
    .contact-cta-section .industries-banner-area [class*="col-"] {
        min-width: 0;
        max-width: 100%;
    }

    .contact-cta-section .contact-cta-title {
        font-size: clamp(30px, 8vw, 38px) !important;
        line-height: 1.15 !important;
        overflow-wrap: anywhere;
        text-wrap: balance;
    }

    .contact-cta-section p {
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 767px) {
    .footer-section.style-3 .footer-menu-wrap {
        padding: 40px 0 28px;
    }

    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area {
        gap: 24px;
        padding: 0 0 28px;
    }

    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .company-logo-area {
        display: block;
    }

    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .company-logo-area p {
        margin: 14px 0 18px !important;
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .file-download-btn {
        width: fit-content;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        padding: 10px 16px;
        gap: 12px;
        white-space: nowrap;
    }

    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .location-list {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .location-list li {
        width: 100%;
        max-width: 100%;
    }

    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .location-list li span {
        font-size: 20px;
        line-height: 1.2;
        margin-bottom: 6px;
    }

    .footer-section.style-3 .footer-menu-wrap .company-logo-and-location-area .location-list li a {
        display: block;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap {
        width: 100%;
        min-width: 0;
        gap: 24px;
        padding-bottom: 28px;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap .title-and-contact {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        width: 100%;
        min-width: 0;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap .title-and-contact h2 {
        max-width: 100%;
        margin: 0;
        font-size: 26px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap .contact-list {
        display: block;
        width: 100%;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap .contact-list .single-contact {
        width: 100%;
        min-width: 0;
        align-items: flex-start;
        gap: 14px;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap .contact-list .single-contact .icon {
        flex: 0 0 48px;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap .contact-list .single-contact .content {
        flex: 1 1 auto;
        min-width: 0;
        line-height: 1.4;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap .contact-list .single-contact .content span {
        line-height: 1.35;
        margin-bottom: 6px;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap .contact-list .single-contact .content h6 {
        margin: 0 0 4px;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap .contact-list .single-contact .content a {
        display: block;
        font-size: clamp(15px, 4.5vw, 18px);
        line-height: 1.4;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap > .primary-btn1 {
        align-self: flex-start;
        max-width: 100%;
        padding: 13px 18px;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-menu {
        padding: 30px 0 40px;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-menu > .row {
        --bs-gutter-y: 1.75rem;
    }
}

@media (max-width: 576px) {
    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap {
        gap: 22px;
    }

    .footer-section.style-3 .footer-menu-wrap .footer-contact-wrap .title-and-contact {
        gap: 16px;
    }
}