/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .logo {
        max-width: 45%;
    }

    .header .navbar-nav {
        display: none;
    }

    .header {
        background: #fff;
    }

    .header .navbar-brand {
        width: 45%;
    }

    .menu_icon {
        display: block !important;
    }

    .menu_icon.d-none {
        background: #a07f30;
        color: #fff;
        padding: 0.4rem 0.6rem;
        border-radius: 0.5rem;
    }

    .header .navbar-nav .nav-item {
        margin-bottom: 0.5rem;
    }

    .for_six .specs_box {
        width: 48% !important;
    }

    .hero {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #333;
        height: 100vh;
        overflow: hidden;
    }

    video.video-background {
        max-width: 400%;
        height: 100%;
    }

    .raintree_svg {
        max-width: 80%;
    }

    .tagline {
        font-size: 0.8rem;
        font-weight: 500;
        line-height: 1;
        color: var(--primary-color);
        text-align: center;
        margin-top: 1rem;
    }

    .hero .container {
        position: absolute;
        top: 50%;
        z-index: 9;
        transform: translateY(-50%);
    }

    .hexagon {
        max-width: 40%;
    }

    .about {
        height: auto;
        position: relative !important;
    }

    .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
    }

    img.tabraiz_phone {
        display: block !important;
        max-width: 100%;
        margin-bottom: 1rem;
    }

    .para p {
        font-size: 1.05rem;
        font-weight: 500;
        line-height: 24.6px;
        text-align: justify;
        margin-bottom: .5rem;
    }

    .about .tabraiz {
        max-width: 80%;
        display: none;
    }

    .about .scroll-down {
        position: absolute;
        bottom: 20px;
        right: 8%;
        left: unset;
        display: none;
    }

    .section_3 {
        height: auto;
        position: relative !important;
        padding: 1rem 0 2rem 0;
    }



    .section_3 .row {
        margin-top: 2rem;
    }

    .section_3 .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 35.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
    }

    .section_floating_images_phone {
        display: flex !important;
        margin: 2rem 0rem 2rem 0rem;
        flex-wrap: wrap;
        justify-content: space-around;
        gap: 10px;
    }

    .section_floating_images {
        display: none;
    }

    .hero .scroll-down {
        display: block;
        bottom: 10%;
    }

    .section_3 .scroll-down {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
        display: none;
    }

    .uno_onehive {
        position: relative !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: auto;
    }

    .uno_onehive .content {
        padding: 1rem;
        z-index: 9;
        top: 3%;
    }

    .uno_onehive .title h2 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 30.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
        margin-top: 1rem;
    }

    .uno_onehive .para p {
        font-size: .95rem;
        font-weight: 500;
        line-height: 20.6px;
        text-align: center;
    }

    .uno {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        background-color: #BFAC721F;
        width: 100%;
        height: 75vh;
        position: relative;
    }

    .onehive {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        height: 75vh;
        background-color: #fff;
        position: relative;
    }

    .uno .img_uno {
        width: 100%;
        height: auto;
    }

    .buttons {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 25px;
        margin-top: 1rem;
        transition: all .5s;
    }

    .button_border a {
        border: 1px solid var(--light-gold);
        border-radius: 2rem;
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
        font-weight: 400;
        text-decoration: none;
        color: var(--light-gold);
        transition: all .5s;
        text-transform: capitalize;
    }

    .button_contact a {
        background-color: var(--background-color);
        border-radius: 2rem;
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
        font-weight: 400;
        text-decoration: none;
        color: #fff;
        transition: all .5s;
        text-transform: capitalize;
    }

    .testimonial {
        height: auto;
        margin-top: 0rem;
        padding: 4rem 0 2rem 0;
        position: relative !important;
    }

    .testimonial .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 34.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .testimonial .swiper {
        width: 100%;
        padding-top: 1.5rem;
        padding-bottom: 2rem;
    }

    .testimonial .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 330px;
        min-height: 380px;
        box-shadow: none;
        filter: blur(4px);
        border-radius: 2rem;
        margin: 0rem 2rem;
    }

    .testimonial .scroll-down {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translate(-50%, 10px);
        display: none;
    }

    .testimonial .swiper-slide-active {
        filter: blur(0px);
    }

    .testimonial_card {
        display: flex;
        flex-direction: column;
        background-color: #BFAC7282;
        border-radius: 2rem;
        align-items: center;
        justify-content: space-around;
        width: 100%;
        height: 100%;
    }

    .tesimonial_img {
        margin-left: 0rem;
        margin-top: 1rem;
    }

    .testimonial .swiper-slide img {
        display: flex;
        width: 45%;
        margin: auto;
    }

    .testimonial_content {
        text-align: left;
        padding: 1rem 1rem;
    }


    .testimonial_content h2 {
        font-size: 1rem;
        text-align: center;
        margin-bottom: 1rem;
    }

    .testimonial_content h4 {
        font-size: 1rem;
        font-weight: 600;
        text-align: center;
    }

    .testimonial_content p {
        font-size: .9rem;
        text-align: center;
        margin-bottom: .5rem;
    }

    .faqs .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 34.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .faqs .accordion-item:first-of-type>.accordion-header .accordion-button {
        border: none;
        background-color: var(--background-color);
        box-shadow: none;
        color: #fff;
        padding: .7rem .55rem;
        font-size: 1.150rem;
        letter-spacing: .5px;
        font-weight: 600;
    }

    .accordion-button:not(.collapsed)::after {
        content: '−';
        background-image: none;
        font-size: 1.5rem;
        height: 100%;
    }

    .accordion-button::after {
        background-image: none;
        content: '+';
        font-size: 1.5rem;
        height: 100%;
    }

    .faqs .accordion-body {
        background-color: var(--background-color);
        text-align: left;
        font-size: 1.05rem;
        font-weight: 300;
        padding: .7rem .55rem;
    }

    .faqs .accordion-header .accordion-button.collapsed {
        background-color: #fff !important;
        color: #000000 !important;
        padding: .7rem .55rem;
        font-size: 1.150rem;
        letter-spacing: .5px;
        font-weight: 600;
    }

    .faqs .scroll-down {
        position: absolute;
        bottom: 20px;
        right: 8%;
        left: unset;
        display: none;
    }

    .faqs {
        height: auto;
        margin: 0rem 0;
        padding: 1rem 0rem 2rem 0rem;
    }

    .faqs .accordion-header .accordion-button {
        background-color: var(--background-color);
        color: #fff;
        padding: .7rem .55rem;
        font-size: 1.150rem;
        letter-spacing: .5px;
        font-weight: 600;
    }

    .faqs ol,
    ul {
        padding-left: 1rem;
    }

    .footer .footer_logo {
        max-width: 75%;
    }

    .footerLinks {
        margin-top: 2rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 15px;
        justify-content: space-between;
    }

    .footerLinks a {
        font-size: 0.9rem;
        color: var(--light-gold);
        text-decoration: none;
        border: 1px solid var(--light-gold);
        border-radius: 2rem;
        padding: 0.5rem 0.5rem;
        width: 47%;
    }

    .social_links {
        margin-top: 1rem;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: space-between;
    }

    .social_icon {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 1rem;
    }

    .social_icon img {
        width: 45%;
    }

    .social_links p {
        font-weight: 500;
        font-size: 1rem;
        color: var(--light-gold);
        margin: 0;
        margin-top: 1rem;
    }

    .footer .para p {
        font-size: 1rem;
        color: var(--light-gold);
        font-weight: 400;
        line-height: 1.5;
        margin-top: 1rem;
        text-align: center;
    }

    .hidden {
        width: 100%;
        height: 80px;
        display: block !important;
    }

    .project_banner {
        width: 100%;
        position: relative;
        height: auto;
    }

    .project_banner .para p {
        font-size: 0.6rem;
        font-weight: 400;
        line-height: 1;
        text-align: justify;
        color: #fff;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: .3px;
    }

    .projects .swiper-horizontal>.swiper-pagination-bullets,
    .projects .swiper-pagination-bullets.swiper-pagination-horizontal,
    .projects .swiper-pagination-custom,
    .projects .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 8px);
        top: var(--swiper-pagination-top, auto);
        left: 0;
        width: 100%;
        bottom: 5px;
    }

    .project_banner .content {
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        height: 10%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        z-index: 1;
        padding: 0rem 0.5rem 0rem 0.5rem;
    }

    .projects .swiper-pagination-bullet {
        position: relative;
        width: 0.5rem;
        height: 0.5rem;
        display: inline-block;
        border-radius: 50%;
        background: #fff;
        /* opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); */
        transition: all 0.5s;
        opacity: var(--swiper-pagination-bullet-opacity, 1);
    }

    .projects .swiper-pagination-bullet-active::after {
        content: '';
        position: absolute;
        top: -2.5px;
        left: -2.5px;
        width: .8rem;
        height: .8rem;
        background: #ffffff00;
        border: 1px solid #fff;
        border-radius: 50%;
        transition: all 0.5s;
    }

    .download_button {
        text-align: right;
        position: absolute;
        right: 5px;
    }

    .download_button button {
        color: #000;
        background-color: var(--light-gold);
        outline: none;
        border: none;
        border-radius: 0px 0px 14px 14px;
        padding: 0.5rem 1rem;
        font-size: .9rem;
        font-weight: 500;
    }

    .project_info {
        position: relative;
        width: 100%;
        padding: 3.5rem 0 1rem 0;
    }

    .project_info .title h2 , .project_info .title h1{
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 28.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .overview {
        position: relative;
        overflow-x: hidden;
    }

    .main_section {
        width: 100%;
        position: relative;
    }

    .project_info .para p {
        font-size: 1.05rem;
        font-weight: 500;
        line-height: 22.6px;
        text-align: justify;
        letter-spacing: .5px;
    }

    .project_info .para {
        margin-top: 0.9rem;
    }

    .project_info table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .project_info th,
    .project_info td {
        padding: 0.5rem;
        font-size: 1rem;
        text-align: left;
        border: none;
        font-weight: 600;
    }

    .description p {
        font-size: 1.05rem;
        font-weight: 500;
        line-height: 23.6px;
        text-align: justify;
        letter-spacing: .5px;
    }

    .section_padding {
        padding: 1rem 0;
    }

    .key_specs .title h2 {
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 33.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
    }

    .specs_container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: flex-start;
        justify-content: space-evenly;
        margin-top: 2rem;
    }

    .specs_box {
        text-align: center;
        width: 48%;
        padding: 0.5rem;
    }

    img.specs_img {
        width: 100px;
        transition: all .5s;
    }

    .specs_box p {
        font-size: .9rem;
        font-weight: 600;
        text-align: center;
        margin-top: 0.5rem;
        text-transform: uppercase;
        margin-bottom: .5rem;
        line-height: 1.2;
    }

    .overview .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 34.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        margin-bottom: 1rem;
    }

    .map .title h2 {
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 26.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
        margin-bottom: 1rem;
    }

    .map_iframe {
        width: 100%;
        height: 440px;
    }

    .contact {
        height: auto;
        margin-top: 2rem;
        position: relative !important;
    }

    .contact .content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 5rem;
    }

    .contact .title {
        text-align: left;
        width: 80%;
    }

    .contact .title h2 {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 33.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .contact .title p {
        font-size: .9rem;
        font-weight: 400;
        line-height: 22.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--light-gold);
        text-transform: capitalize;
    }

    .contact .title:last-child {
        text-align: left;
        width: 94%;
        margin-bottom: 1.5rem;
    }

    .form-row {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 0rem;
    }

    .form-group {
        flex: 0 0 48%;
        text-align: left;
        margin-bottom: 2rem;
    }

    input[type="text"],
    input[type="email"] {
        width: 100%;
        padding: 0.5rem 0.5rem 0.5rem 0rem;
        border: none;
        border-bottom: 2px solid #555;
        background-color: transparent;
        font-size: .9rem;
        color: #000000;
    }

    .form-row:nth-child(3) {
        margin-bottom: 1rem;
    }

    .contact select {
        width: 100%;
        padding: 0.5rem 0.5rem 0.5rem 0rem;
        border: none;
        border-bottom: 2px solid #555;
        background-color: transparent;
        font-size: .9rem;
        color: #000000;
    }

    .submit_button {
        width: 100%;
        /* text-align: right; */
        display: flex;
        justify-content: center;
        height: max-content;
        margin-top: 0.5rem;
    }

    .social-title {
        font-size: 1.1rem;
        color: var(--light-gold);
        font-weight: 600;
        margin: 0;
    }

    .submit_button button {
        width: 100%;
        background-color: var(--background-color);
        color: #fff;
        font-size: 1rem;
        font-weight: 500;
        padding: 0.5rem 1.45rem;
        outline: none;
        border: none;
        border-radius: 0.5rem;
        transition: all .5s ease;
        cursor: pointer;
    }

    .contact_infos {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        overflow: hidden;
        height: auto;
    }

    .details-wrapper {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        background-color: white;
    }

    .info-section {
        width: 100%;
        padding: 1rem;
        height: 100%;
    }

    .top {
        margin-top: 1rem;
    }

    .info-heading {
        font-size: 1.5rem;
        color: #000000;
        margin-bottom: 0.65rem;
        font-weight: 600;
    }

    .contact-info {
        display: flex;
        gap: 15px;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .contact-box {
        background-color: #DED5B770;
        padding: 1rem;
        border-radius: 0.5rem;
        text-align: left;
        width: 100%;
    }

    .map-section {
        width: 100%;
        height: 350px;
    }

    label {
        font-size: .9rem;
        color: #000;
        font-weight: 600;
        margin-bottom: .3rem;
        text-align: left;
    }

    .who {
        position: relative;
        width: 100%;
        height: auto;
    }

    .who .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 30.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        margin-top: 2rem;
        text-transform: uppercase;
    }

    .ourStory .title h2 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 30.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
    }

    .ourStory .para p {
        font-size: 1.05rem;
        font-weight: 500;
        line-height: 24.6px;
        text-align: justify;
        margin-bottom: .5rem;
        margin-top: 1rem;
    }

    .webUrl-box {
        width: 100% !important;
        margin-bottom: 15px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .logo {
        max-width: 16%;
    }

    .header .navbar-nav {
        display: none;
    }

    .menu_icon.d-none {
        display: block !important;
        background: #a07f30;
        color: #fff;
        padding: 0.5\4rem 0.6rem;
        border-radius: 0.5rem;
    }

    .menu_phone.show {
        width: 90%;
        display: block !important;
        opacity: 1;
        transform: translate(-50%, 5%);
        position: absolute;
        top: 85px;
        left: 50%;
    }

    .header .navbar-nav .nav-item .nav-link {
        font-size: .9rem;
        font-weight: 400;
        line-height: normal;
        border-radius: 0.525rem;
        padding: .3rem .65rem;
        transition: all ease .5s;
    }

    .hero {
        overflow: hidden;
    }

    video.video-background {
        max-width: 100%;
        height: 100%;
    }

    .hero .container {
        position: absolute;
        top: 50%;
        z-index: 9;
        transform: translateY(-50%);
    }

    .raintree_svg {
        max-width: 50%;
    }

    .tagline {
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 39.36px;
        color: var(--primary-color);
        text-align: center;
        margin-top: 0rem;
    }

    .scroll-down {
        position: absolute;
        bottom: 6px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
    }

    .hexagon {
        max-width: 35%;
    }

    .about {
        height: auto;
    }

    .about .row {
        margin-top: 2rem;
    }

    .title h2 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 40.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
    }

    .about .tabraiz {
        max-width: 80%;
        display: none;
    }

    .about .scroll-down {
        display: none;
    }

    img.tabraiz_phone {
        display: block !important;
        max-width: 40%;
        margin: auto;
        margin-bottom: 1rem;
    }

    .para p {
        font-size: 0.9rem;
        font-weight: 500;
        line-height: 25.6px;
        text-align: center;
    }

    .section_3 {
        height: auto;
    }

    .section_3 .row {
        margin-top: 2rem;
    }

    .section_floating_images {
        display: none;
    }

    .section_floating_images_phone {
        display: flex !important;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .section_3 .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 33.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        margin-bottom: 1.5rem;
    }

    .floating_img {
        width: 25%;
    }

    .floating_img:nth-child(5) {
        transform: translateY(33px);
    }

    .section_3 .para {
        margin-top: 3rem;
    }

    .section_3 .scroll-down {
        display: none;
    }

    .uno_onehive {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 75vh;
    }

    .uno_onehive .content {
        text-align: center;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1rem;
        z-index: 9;
    }

    .uno_onehive .title h2 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 48.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
        margin-top: 0rem;
    }

    .uno_onehive .para p {
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 22.6px;
        text-align: center;
    }

    .buttons {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-top: 1rem;
        transition: all .5s;
    }

    .button_border a {
        border: 1px solid var(--light-gold);
        border-radius: 2rem;
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
        font-weight: 500;
        text-decoration: none;
        color: var(--light-gold);
        transition: all .5s;
        text-transform: capitalize;
    }

    .button_contact a {
        background-color: var(--background-color);
        border-radius: 2rem;
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        transition: all .5s;
        text-transform: capitalize;
    }

    .testimonial {
        overflow: hidden;
        padding: 2rem 0;
        height: auto;
    }

    .testimonial .hexagon {
        max-width: 35%;
        display: none;
    }

    .testimonial .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .testimonial .swiper {
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .testimonial .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 410px;
        height: 230px;
        box-shadow: none;
        filter: blur(4px);
        border-radius: 2rem;
        margin: 0rem 3rem;
    }

    .testimonial .swiper-slide-active {
        filter: blur(0px);
    }

    .testimonial_content h2 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .testimonial_content h4 {
        font-size: 0.9rem;
        font-weight: 600;
    }

    .testimonial_content p {
        font-size: .9rem;
        margin: 0;
    }

    .faqs {
        height: max-content;
        padding: 2rem 0;
    }

    .faqs .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
    }

    .faqs .accordion-item:first-of-type>.accordion-header .accordion-button {
        border: none;
        background-color: var(--background-color);
        box-shadow: none;
        color: #fff;
        padding: 0.5rem .75rem;
        font-size: 0.85rem;
        letter-spacing: 1px;
    }

    .faqs .accordion-body {
        background-color: var(--background-color);
        text-align: left;
        font-size: 0.8rem;
        font-weight: 300;
        padding: 0.5rem .75rem;
    }

    .accordion-button:not(.collapsed)::after {
        content: '−';
        background-image: none;
        font-size: 1rem;
        height: 100%;
    }

    .faqs .accordion-header .accordion-button.collapsed {
        background-color: #fff !important;
        color: #000000 !important;
        font-size: .85rem;
        padding: 0.5rem .75rem;
    }

    .accordion-button::after {
        background-image: none;
        content: '+';
        font-size: 1rem;
        height: 100%;
    }

    .faqs .accordion-header .accordion-button {
        background-color: var(--background-color);
        color: #fff;
        padding: 0.5rem .75rem;
        font-size: 0.85rem;
    }

    .faqs ol,
    ul {
        padding-left: 1rem;
    }

    .faqs .hexagon {
        max-width: 35%;
        display: none;
    }

    .faq_container {
        margin-top: 0rem;
    }

    .footer {
        overflow: hidden;
        height: auto;
        padding: 2rem 0;
    }

    .footer .footer_logo {
        max-width: 65%;
    }

    .footerLinks {
        margin-top: 2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .footerLinks a {
        font-size: 0.75rem;
        color: var(--light-gold);
        text-decoration: none;
        border: 1px solid var(--light-gold);
        border-radius: 2rem;
        padding: 0.50rem 0.5rem;
        width: 23%;
    }

    .social_links p {
        font-weight: 500;
        font-size: 0.85rem;
        color: var(--light-gold);
        margin: 0;
        text-align: left;
    }

    .social_links p {
        font-weight: 500;
        font-size: 0.95rem;
        color: var(--light-gold);
        margin: 0;
        text-align: left;
    }

    .footer .para p {
        font-size: 0.95rem;
        color: var(--light-gold);
        font-weight: 400;
        line-height: 1.5;
        margin-top: 1rem;
        text-align: left;
    }

    .project_banner {
        width: 100%;
        position: relative;
        height: auto;
    }

    .projects .swiper-horizontal>.swiper-pagination-bullets,
    .projects .swiper-pagination-bullets.swiper-pagination-horizontal,
    .projects .swiper-pagination-custom,
    .projects .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 8px);
        top: var(--swiper-pagination-top, auto);
        left: 0;
        width: 100%;
        bottom: 8px;
    }

    .project_banner .para p {
        font-size: .9rem;
        font-weight: 400;
        line-height: 26.6px;
        text-align: justify;
        color: #fff;
        margin: 0;
        text-transform: uppercase;
    }

    .project_banner .content {
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        height: 10%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        z-index: 1;
        padding: 0rem 1rem 0rem 1rem;
    }

    .download_button {
        text-align: right;
        position: absolute;
        right: 5px;
    }

    .download_button button {
        color: #000;
        background-color: var(--light-gold);
        outline: none;
        border: none;
        border-radius: 0px 0px 14px 14px;
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
        font-weight: 500;
    }

    .project_info {
        position: relative;
        width: 100%;
        padding: 2rem 0 1rem 0;
    }

    .project_info .title h2 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 30.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .project_info .para {
        margin-top: 0rem;
    }

    .project_info .para p {
        font-size: .9rem;
        font-weight: 500;
        line-height: 22.6px;
        text-align: left;
        letter-spacing: .5px;
    }

    .project_info table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .project_info th,
    .project_info td {
        padding: 0.75rem 0.9rem;
        font-size: 0.9rem;
        text-align: left;
        border: none;
        font-weight: 600;
    }

    .description p {
        font-size: .9rem;
        font-weight: 500;
        line-height: 25.6px;
        text-align: justify;
        letter-spacing: 1px;
    }

    .section_padding {
        padding: 1rem 0;
    }

    .key_specs .title h2 {
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 33.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
    }

    .specs_container {
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
        align-items: flex-start;
        justify-content: space-evenly;
        margin-top: 1rem;
    }

    .specs_box {
        text-align: center;
        width: 47%;
    }

    .specs_box p {
        font-size: .9rem;
        font-weight: 600;
        text-align: center;
        margin-top: 1rem;
        text-transform: uppercase;
    }

    img.specs_img {
        width: 90px;
        transition: all .5s;
    }

    .overview .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        margin-bottom: 1rem;
    }

    .map .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 31.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
        margin-bottom: 1rem;
    }

    .map_iframe {
        width: 100%;
        height: 350px;
    }

    .contact .title h2 {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 28.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .contact .title:last-child {
        text-align: left;
        width: 50%;
    }

    .contact .title {
        text-align: left;
        width: 45%;
    }

    .contact .title p {
        font-size: .9rem;
        font-weight: 400;
        line-height: 20.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--light-gold);
        text-transform: capitalize;
    }

    input[type="text"],
    input[type="email"] {
        width: 100%;
        padding: 0.4rem 0.4rem 0.4rem 0rem;
        border: none;
        border-bottom: 2px solid #555;
        background-color: transparent;
        font-size: .9rem;
        color: #000000;
    }

    .form-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2rem;
    }

    .contact select {
        width: 80%;
        padding: 0.4rem 0.4rem 0.4rem 0rem;
        border: none;
        border-bottom: 2px solid #555;
        background-color: transparent;
        font-size: .9rem;
        color: #000000;
    }

    .submit_button {
        width: 35%;
        /* width: 100%; */
        /* text-align: right; */
        display: flex;
        justify-content: flex-end;
        height: max-content;
        margin-top: auto;
    }

    .submit_button button {
        background-color: var(--background-color);
        color: #fff;
        font-size: .9rem;
        font-weight: 600;
        padding: 0.5rem 1rem;
        outline: none;
        border: none;
        border-radius: 0.5rem;
        transition: all .5s ease;
        cursor: pointer;
    }

    .contact_infos {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        overflow: hidden;
        height: auto;
    }

    .details-wrapper {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        background-color: white;
    }

    .info-section {
        width: 100%;
        padding: 1rem 1rem;
        height: 100%;
    }

    .top {
        margin-top: 0rem;
    }

    .info-heading {
        font-size: 1.5rem;
        color: #000000;
        margin-bottom: 0.65rem;
        font-weight: 600;
    }

    .address-info {
        font-size: 1rem;
        color: #444;
        margin-bottom: 1rem;
        line-height: 1.6;
    }

    .contact-info {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
    }

    .contact-box {
        background-color: #DED5B770;
        padding: 0.9rem;
        border-radius: 0.5rem;
        text-align: left;
        width: 49%;
    }

    .contact-box h3 {
        font-size: .9rem;
        color: var(--light-gold);
        margin-bottom: 0.5rem;
        font-weight: 600;
    }

    .contact-box p {
        font-size: .9rem;
        color: #000;
        font-weight: 500;
        margin: 0;
    }

    .map-section {
        width: 100%;
        height: 450px;
    }

    .who .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 29.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        margin-top: 0rem;
        text-transform: uppercase;
    }

    .who {
        position: relative;
        width: 100%;
        height: auto;
    }

    .ourStory .title h2 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 30.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

    .header .navbar-nav {
        display: none;
    }

    .header .navbar-nav .nav-item .nav-link {
        font-size: 0.9rem;
        font-weight: 400;
        line-height: normal;
        border-radius: 0.5rem;
        padding: .3rem .65rem;
        color: #000;
        transition: all ease .5s;
    }

    .hero .container {
        position: absolute;
        top: 50%;
        z-index: 9;
        transform: translateY(-50%);
    }

    .hero .scroll-down {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
    }

    .logo {
        max-width: 40%%;
    }

    .menu_icon {
        display: block !important;
        background: #a07f30;
        color: #fff;
        padding: 0.4rem 0.65rem;
        border-radius: 0.5rem;
        font-size: 0.85rem;
    }

    video.video-background {
        max-width: 100%;
        height: 100%;
    }

    .hero {
        overflow: hidden;
    }

    .tagline {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 51.36px;
        color: var(--primary-color);
        text-align: center;
        margin-top: 1rem;
    }

    .about {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: auto;
    }

    .about .row {
        margin-top: 2rem;
    }

    .title h2 {
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 34.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
    }

    .para p {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 18.6px;
        text-align: justify;
        margin-bottom: .5rem;
    }

    .about .row {
        margin-top: 2rem;
    }

    .about .scroll-down {
        position: absolute;
        bottom: 20px;
        right: -10%;
        left: unset;
    }

    .hexagon {
        max-width: 40%;
    }

    .about .tabraiz {
        max-width: 100%;
    }

    .section_3 {
        height: auto;
    }

    .section_3 .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 35.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
    }

    .section_floating_images {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .scroll-down {
        position: absolute;
        bottom: -60px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
    }

    .uno_onehive {
        /* height: auto; */
    }

    .uno_onehive .content {
        text-align: center;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1.5rem;
        z-index: 9;
    }

    .uno_onehive .title h2 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 40.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
        margin-top: 0rem;
    }

    .uno_onehive .para p {
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 20.6px;
        text-align: center;
    }

    .buttons {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
        margin-top: 1rem;
        transition: all .5s;
    }

    .button_border a {
        border: 1px solid var(--light-gold);
        border-radius: 2rem;
        padding: 0.5rem 1.3rem;
        font-size: 0.85rem;
        font-weight: 500;
        text-decoration: none;
        color: var(--light-gold);
        transition: all .5s;
        text-transform: capitalize;
    }

    .button_contact a {
        border-radius: 2rem;
        padding: 0.5rem 1.3rem;
        font-size: 0.85rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        transition: all .5s;
        text-transform: capitalize;
    }

    .testimonial .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 11.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .testimonial .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 500px;
        height: 270px;
        box-shadow: 0px 3px 50px 0px #41414133;
        filter: blur(4px);
        border-radius: 2rem;
        margin: 0rem 2rem;
    }

    .testimonial .swiper-slide-active {
        filter: blur(0px);
    }

    .testimonial_content {
        text-align: left;
        padding: 1rem 1.5rem;
    }

    .testimonial_content h2 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .testimonial_content h4 {
        font-size: 0.85rem;
        font-weight: 600;
    }

    .testimonial_content p {
        font-size: .85rem;
        margin: 0;
    }

    .testimonial .swiper {
        width: 100%;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .faqs .accordion-item:first-of-type>.accordion-header .accordion-button {
        border: none;
        background-color: var(--background-color);
        box-shadow: none;
        color: #fff;
        padding: 0.5rem 0.75rem;
        font-size: 0.85rem;
    }

    .faqs .accordion-body {
        background-color: var(--background-color);
        text-align: left;
        font-size: 0.8rem;
        font-weight: 300;
        padding: 0.5rem .75rem;
    }

    .faqs .accordion-header .accordion-button.collapsed {
        background-color: #fff !important;
        color: #000000 !important;
        font-size: 0.85rem;
        padding: 0.5rem .75rem;
    }

    .faqs .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 21.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .faqs .accordion-header .accordion-button {
        background-color: var(--background-color);
        color: #fff;
        font-size: 0.85rem;
        padding: .5rem .75rem;
    }

    .faqs ol,
    ul {
        padding-left: 1rem;
    }

    .faqs .scroll-down {
        position: absolute;
        bottom: 20px;
        right: -10%;
        left: unset;
    }

    .footer .footer_logo {
        max-width: 75%;
    }

    .footerLinks {
        margin-top: 2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .footerLinks a {
        font-size: 0.9rem;
        color: var(--light-gold);
        text-decoration: none;
        border: 1px solid var(--light-gold);
        border-radius: 2rem;
        padding: 0.7rem 0.5rem;
        width: 23%;
    }

    .social_links p {
        font-weight: 500;
        font-size: .9rem;
        color: var(--light-gold);
        margin: 0;
        text-align: left;
    }

    .social_icon img {
        width: 40%;
    }

    .footer .para p {
        font-size: 1rem;
        color: var(--light-gold);
        font-weight: 400;
        line-height: 1.5;
        margin-top: 1rem;
    }

    .project_banner {
        width: 100%;
        position: relative;
        height: auto;
    }

    .project_banner .para p {
        font-size: 1rem;
        font-weight: 400;
        line-height: 25.6px;
        text-align: justify;
        color: #fff;
        margin: 0;
        text-transform: uppercase;
    }

    .projects .swiper-horizontal>.swiper-pagination-bullets,
    .projects .swiper-pagination-bullets.swiper-pagination-horizontal,
    .projects .swiper-pagination-custom,
    .projects .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 8px);
        top: var(--swiper-pagination-top, auto);
        left: 0;
        width: 100%;
        bottom: 8px;
    }

    .download_button button {
        color: #000;
        background-color: var(--light-gold);
        outline: none;
        border: none;
        border-radius: 0px 0px 14px 14px;
        padding: 0.5rem 1rem;
        font-size: 1rem;
        font-weight: 500;
    }

    .download_button {
        text-align: right;
        position: absolute;
        right: 4px;
    }

    .project_info {
        position: relative;
        width: 100%;
        padding: 3rem 0 1rem 0;
    }

    .project_info .title h2 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 30.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .project_info .para {
        margin-top: 0rem;
    }

    .project_info .para p {
        font-size: 1rem;
        font-weight: 500;
        line-height: 21.6px;
        text-align: justify;
        letter-spacing: 1px;
    }

    .project_info table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .project_info th,
    .project_info td {
        padding: 1rem;
        font-size: 0.9rem;
        text-align: left;
        border: none;
        font-weight: 600;
    }

    .description p {
        font-size: .9rem;
        font-weight: 500;
        line-height: 23.6px;
        text-align: justify;
        letter-spacing: 1px;
    }

    .section_padding {
        padding: 1rem 0;
    }

    .key_specs .title h2 {
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 30.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
    }

    .specs_container {
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
        align-items: flex-start;
        justify-content: space-evenly;
        margin-top: 2rem;
    }

    .specs_box {
        text-align: center;
        width: 28%;
    }

    img.specs_img {
        width: 105px;
        transition: all .5s;
    }

    .overview .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 55.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        margin-bottom: 1rem;
    }

    .map .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 30.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
        margin-bottom: 1rem;
    }

    .map_iframe {
        width: 100%;
        height: 350px;
    }

    .contact .title h2 {
        font-size: 1rem;
        font-weight: 700;
        line-height: 25.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .contact .title {
        text-align: left;
        width: 45%;
    }

    .contact .title p {
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 18.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--light-gold);
        text-transform: capitalize;
    }

    input[type="text"],
    input[type="email"] {
        width: 100%;
        padding: 0.5rem 0.5rem 0.5rem 0rem;
        border: none;
        border-bottom: 2px solid #555;
        background-color: transparent;
        font-size: 0.9rem;
        color: #000000;
    }

    .form-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2rem;
    }

    .contact select {
        width: 100%;
        padding: 0.5rem 0.5rem 0.5rem 0rem;
        border: none;
        border-bottom: 2px solid #555;
        background-color: transparent;
        font-size: 0.9rem;
        color: #000000;
    }

    .submit_button {
        width: 30%;
        display: flex;
        justify-content: flex-end;
        height: max-content;
        margin-top: auto;
        margin: auto;
    }

    .submit_button button {
        background-color: var(--background-color);
        color: #fff;
        font-size: .9rem;
        font-weight: 500;
        padding: 0.5rem 1rem;
        outline: none;
        border: none;
        border-radius: 0.5rem;
        transition: all .5s ease;
        cursor: pointer;
        margin: auto;
        width: 100%;
    }

    .who .title h2 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 31.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        margin-top: 0rem;
        text-transform: uppercase;

    }

    .who {
        position: relative;
        width: 100%;
        height: auto;
    }

    .section_padding {
        padding: 3rem 0;
    }

    .ourStory .title h2 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 32.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
    }

    .menu_phone.show {
        width: 90%;
        display: block !important;
        opacity: 1;
        transform: translate(-50%, 5%);
        position: absolute;
        top: 85px;
        left: 50%;
    }

    .info-section {
        width: 50%;
        padding: 1rem;
        height: 100%;
    }

    .info-heading {
        font-size: 1.5rem;
        color: #000000;
        margin-bottom: 0.65rem;
        font-weight: 600;
    }

    .contact-box {
        background-color: #DED5B770;
        padding: 0.5rem;
        border-radius: 0.5rem;
        text-align: left;
        width: 100%;
        margin-bottom: 15px;
    }

    .contact-info {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 0px;
    }

    .contact-box h3 {
        font-size: 0.9rem;
        color: var(--light-gold);
        margin-bottom: 0.5rem;
        font-weight: 600;
    }

    .contact-box p {
        font-size: 0.95rem;
        color: #000;
        font-weight: 500;
        margin: 0;
    }

    .top {
        margin-top: 5rem;
    }

    .address-info {
        font-size: 1.2rem;
        color: #444;
        margin-bottom: 30px;
        line-height: 1.5;
    }

    .social-title {
        font-size: 1rem;
        color: var(--light-gold);
        font-weight: 600;
        margin: 0;
    }

    .social-section {
        background-color: #DED5B770;
        padding: 1rem;
        border-radius: 0.5rem;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .contact {
        background: url('../img/bg_3.png') no-repeat center center/cover, #fff;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        overflow: hidden;
        height: 100vh;
        margin-top: 2rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .hero {
        overflow: hidden;
    }

    video.video-background {
        max-width: 113%;
        height: 100%;
    }

    .hexagon {
        max-width: 45%;
    }

    .logo {
        max-width: 40%;
    }

    .header .navbar-nav {
        gap: 6px;
        display: flex;
        opacity: 1;
        margin-top: auto;
    }

    .header .navbar-nav .nav-item .nav-link {
        font-size: 0.7rem;
        font-weight: 400;
        line-height: normal;
        border-radius: 0.525rem;
        padding: .3rem .5rem;
        color: #000;
        transition: all ease .5s;
    }

    .header .navbar-nav .nav-item .active {
        color: #fff;
        background-color: var(--background-color);
    }

    .title h2 {
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 40.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
    }

    .para p {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 20.6px;
        text-align: justify;
        margin-bottom: 0.5rem;
    }

    .about .tabraiz {
        max-width: 85%;
    }

    .about .scroll-down {
        position: absolute;
        bottom: 20px;
        right: -6%;
        left: unset;
    }

    .section_3 .title h2 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 45.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
    }

    .section_floating_images {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
    }

    .uno_onehive .title h2 {
        font-size: 2rem;
        font-weight: 600;
        line-height: 58.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
        margin-top: 0rem;
    }

    .uno_onehive .para p {
        font-size: 0.8rem;
        font-weight: 500;
        line-height: 22.6px;
        text-align: center;
    }

    .button_border a {
        border: 1px solid var(--light-gold);
        border-radius: 2rem;
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
        font-weight: 500;
        text-decoration: none;
        color: var(--light-gold);
        transition: all .5s;
        text-transform: capitalize;
    }

    .button_contact a {
        background-color: var(--background-color);
        border-radius: 2rem;
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        transition: all .5s;
        text-transform: capitalize;
    }

    .uno_onehive .content {
        padding: 3rem;
        z-index: 9;
    }

    .buttons {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-top: 1.5rem;
        transition: all .5s;
    }

    .testimonial .title h2 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 36.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .testimonial_content {
        text-align: left;
        padding: 1rem 2rem;
    }

    .testimonial_content h2 {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    .testimonial_content h4 {
        font-size: 1.1rem;
        font-weight: 600;
    }

    .faqs .title h2 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 41.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .faq_container {
        margin-top: 0.5rem;
    }

    .faqs .accordion-item:first-of-type>.accordion-header .accordion-button {
        border: none;
        background-color: var(--background-color);
        box-shadow: none;
        color: #fff;
        padding: 0.5rem 1rem;
    }

    .accordion-button {
        font-size: 1rem;
        font-weight: 600;
    }

    .faqs .accordion-body {
        background-color: var(--background-color);
        text-align: left;
        font-size: 0.9rem;
        font-weight: 300;
        padding: 0.5rem 0.95rem;
    }

    .faqs .accordion-header .accordion-button.collapsed {
        background-color: #fff !important;
        color: #000000 !important;
        padding: 0.5rem 1rem;
    }

    .faqs .scroll-down {
        position: absolute;
        bottom: 20px;
        right: -4%;
        left: unset;
    }

    .footer .footer_logo {
        max-width: 85%;
    }

    .footerLinks a {
        font-size: 1rem;
        color: var(--light-gold);
        text-decoration: none;
        border: 1px solid var(--light-gold);
        border-radius: 2rem;
        padding: 0.70rem 0.85rem;
        width: 20%;
    }

    .footerLinks {
        margin-top: 2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .social_links p {
        font-weight: 500;
        font-size: 1rem;
        color: var(--light-gold);
        margin: 0;
    }

    .social_icon img {
        width: 36%;
    }

    .footer .para p {
        font-size: 1rem;
        color: var(--light-gold);
        font-weight: 400;
        line-height: 1.5;
        margin-top: 1rem;
    }

    .project_banner .para p {
        font-size: 1rem;
        font-weight: 400;
        line-height: 25.6px;
        text-align: justify;
        color: #fff;
        margin: 0;
        text-transform: uppercase;
    }

    .download_button button {
        color: #000;
        background-color: var(--light-gold);
        outline: none;
        border: none;
        border-radius: 0px 0px 14px 14px;
        padding: 0.55rem 2rem;
        font-size: 1rem;
        font-weight: 500;
    }

    .project_info {
        position: relative;
        width: 100%;
        padding: 3rem 0 1rem 0;
    }

    .project_info .title h2 {
        font-size: 2.4rem;
        font-weight: 600;
        line-height: 42.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .project_info .para p {
        font-size: 1rem;
        font-weight: 500;
        line-height: 23.6px;
        text-align: justify;
        letter-spacing: 1px;
    }

    .project_info table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 2rem;
        margin-bottom: 1.5rem;
    }

    .project_info th,
    .project_info td {
        padding: 0.9rem;
        font-size: 0.95rem;
        text-align: left;
        border: none;
        font-weight: 600;
    }

    .description p {
        font-size: 1rem;
        font-weight: 500;
        line-height: 24.6px;
        text-align: justify;
        letter-spacing: 1px;
    }

    .section_padding {
        padding: 1.5rem 0;
    }

    .key_specs .title h2 {
        text-transform: uppercase;
        font-size: 2rem;
        font-weight: 600;
        line-height: 40.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
    }

    .specs_box {
        text-align: center;
        width: 18%;
    }

    img.specs_img {
        width: 90px;
        transition: all .5s;
    }

    .specs_box p {
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        margin-top: 0.5rem;
        text-transform: uppercase;
    }

    .specs_container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        justify-content: space-evenly;
        margin-top: 2rem;
    }

    .overview .title h2 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 45.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        margin-bottom: 1rem;
    }

    .map .title h2 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 36.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
        margin-bottom: 1rem;
    }

    .map_iframe {
        width: 100%;
        height: 450px;
    }

    .overview .col-md-6 {
        flex: 0 0 auto;
        width: 25%;
    }

    .donwload_button a {
        text-decoration: none;
        color: #000;
        background-color: var(--light-gold);
        border-radius: .5rem;
        padding: 0.8rem 1.5rem;
        font-size: 0.95rem;
        font-weight: 500;
        text-transform: uppercase;
    }

    .contact .title {
        text-align: left;
        width: 45%;
    }

    .contact .title h2 {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 32.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .contact .title p {
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 20.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--light-gold);
        text-transform: capitalize;
    }

    input[type="text"],
    input[type="email"] {
        width: 100%;
        padding: 0.5rem 0.5rem 0.5rem 0rem;
        border: none;
        border-bottom: 2px solid #555;
        background-color: transparent;
        font-size: .95rem;
        color: #000000;
    }

    .contact select {
        width: 100%;
        padding: 0.5rem 0.5rem 0.5rem 0rem;
        border: none;
        border-bottom: 2px solid #555;
        background-color: transparent;
        font-size: .95rem;
        color: #000000;
    }

    .info-heading {
        font-size: 2rem;
        color: #000000;
        margin-bottom: 0.65rem;
        font-weight: 600;
    }

    .contact-box {
        background-color: #DED5B770;
        padding: 0.85rem;
        border-radius: 0.5rem;
        text-align: left;
        width: 48%;
    }

    .contact-info {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
    }

    .contact-box p {
        font-size: 0.9rem;
        color: #000;
        font-weight: 500;
        margin: 0;
    }

    .who .title h2 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 35.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        margin-top: 2rem;
        text-transform: uppercase;
    }

    .ourStory .title h2 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 35.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
    }

    .webUrl-box {
        width: 100% !important;
        margin-bottom: 16px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .section_padding {
        padding: 2rem 0;
    }

    video.video-background {
        max-width: 100%;
        height: 100%;
    }

    .header .navbar-nav {
        margin-right: 0 !important;
    }

    .about .tabraiz {
        max-width: 98%;
    }

    .about .scroll-down {
        position: absolute;
        bottom: 20px;
        right: -4%;
        left: unset;
    }

    .section_3 .title h2 {
        font-size: 2.3rem;
        font-weight: 700;
        line-height: 48.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
    }

    .faqs .scroll-down {
        position: absolute;
        bottom: 20px;
        right: -4%;
        left: unset;
    }

    .download_button button {
        font-size: 1.2rem;
    }

    .project_info {
        position: relative;
        width: 100%;
        padding: 3rem 0 1rem 0;
    }

    .project_info .title h2 {
        font-size: 3rem;
        font-weight: 600;
        line-height: 54.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .project_info .para p {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 29.6px;
        text-align: justify;
        letter-spacing: 1px;
    }

    .project_info table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .project_info th,
    .project_info td {
        padding: 1rem;
        font-size: 1rem;
        text-align: left;
        border: none;
        font-weight: 600;
    }

    .description p {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 28.6px;
        text-align: justify;
        letter-spacing: 1px;
    }

    .key_specs .title h2 {
        text-transform: uppercase;
        font-size: 2.4rem;
        font-weight: 600;
        line-height: 47.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
    }

    .specs_box p {
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        margin-top: 1rem;
        text-transform: uppercase;
    }

    .overview .title h2 {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 60.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        margin-bottom: 1rem;
    }

    .map .title h2 {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 40.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        text-transform: uppercase;
        margin-bottom: 1rem;
    }

    .footerLinks a {
        font-size: 1.2rem;
        color: var(--light-gold);
        text-decoration: none;
        border: 1px solid var(--light-gold);
        border-radius: 2rem;
        padding: 0.80rem 0.95rem;
        width: 20%;
    }

    .footerLinks {
        margin-top: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .footer .footer_logo {
        max-width: 90%;
    }

    .social_links p {
        font-weight: 500;
        font-size: 1.4rem;
        color: var(--light-gold);
        margin: 0;
    }

    .donwload_button {
        margin-top: 2rem;
        text-align: center;
    }

    .project_banner .para p {
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 25.6px;
        text-align: justify;
        color: #fff;
        margin: 0;
        text-transform: uppercase;
    }

    .contact .title h2 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 38.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--background-color);
        text-transform: uppercase;
    }

    .contact .title p {
        font-size: 1rem;
        font-weight: 400;
        line-height: 22.36px;
        letter-spacing: -0.02em;
        text-align: left;
        color: var(--light-gold);
        text-transform: capitalize;
    }

    input[type="text"],
    input[type="email"] {
        font-size: 1rem;
        color: #000000;
    }

    .contact select {
        font-size: 1rem;
        color: #000000;
    }

    .info-heading {
        font-size: 2.4rem;
        color: #000000;
        margin-bottom: 0.65rem;
        font-weight: 600;
    }

    .who .title h2 {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 44.36px;
        letter-spacing: -0.02em;
        text-align: center;
        color: var(--background-color);
        margin-top: 1rem;
        text-transform: uppercase;
    }
}

/* @media (min-width:1398.98px) and (max-width: 1499px) {
    .uno_onehive {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 55vh;
    }
} */

/* Ultra large devices (very large desktops, 1400px and up) */
@media (min-width: 1400px) {
    .hero {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #333;
        overflow: hidden;
    }

    video.video-background {
        width: 150%;
        height: 100%;
    }

    .hero .scroll-down {
        position: absolute;
        bottom: 25%;
        left: 50%;
        transform: translate(-50%, -25%);
        z-index: 99;
    }

    .hexagon {
        max-width: 50%;
    }

    .hero .container {
        position: absolute;
        top: 24%;
        z-index: 9;
    }


    .uno .img_uno {
        width: 100%;
        height: 70%;
    }

    .uno_onehive .content {
        text-align: center;
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        z-index: 9;
        position: absolute;
        top: 10%;
    }


    .testimonial .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 650px;
        height: 320px;
        box-shadow: 0 15px 50px 0px #41414133;
        filter: blur(4px);
        border-radius: 2rem;
        margin: 0rem 3rem;
    }

    .testimonial .swiper-slide-active {
        filter: blur(0px);
    }

    .logo {
        max-width: 50%;
    }

    .header .navbar-nav .nav-item .nav-link {
        font-size: 1.1rem;
        font-weight: 400;
        line-height: normal;
        border-radius: 0.525rem;
        padding: .3rem .65rem;
        color: #000;
        transition: all ease .5s;
    }

    .header .navbar-nav .nav-item .active {
        color: #fff;
        background-color: var(--background-color);
    }

    .contact {
        background: url('../img/bg_3.png') no-repeat center center/cover;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        overflow: hidden;
        height: 100vh;
        margin-top: 4rem;
    }

    .tbContainer {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: left;
        padding: 3rem 0;
    }

    .who img {
        width: 100%;
        margin-top: 2rem;
        display: block;
    }

    .who {
        position: relative !important;
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }

    .main_section {
        width: 100%;
        position: relative;
    }

    img.img_uno {
        width: 100%;
    }
}