* {
    margin: 0px !important;
    padding: 0px !important;
    font-family: avenir-lt-w01_35-light1475496, avenir-lt-w05_35-light, sans-serif !important;
}

html,
body {
    width: 100vw !important;
    overflow-x: hidden !important;
}

#navbar {
    width: 100% !important;
    height: 80px !important;
    z-index: 1000 !important;
    position: absolute !important;
    background-color: #ffffff !important;
}
.navbar-nav {
}
#navbarSupportedContent {
    width: 50% !important;
    position: relative !important;
    top: 10px !important;
}

.small {
    width: 300px !important;
    height: 80px !important;
}

/* nav dropdown */
/* Navigation Item */

.nav-link {
    text-decoration: none !important;
    display: block !important;
    position: relative !important;
}
.home_menu:hover .nav-link {
    color: #991537 !important;
}
.top_button{
    margin-left: 100px !important;
}
/* Sub-menu Styling */
.submenu {
    width: 200px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 66% !important; /* Place the submenu directly below the parent */
    /*left: 580px !important;*/
    display: none !important;
    background-color: #f8f9fa !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    z-index: 1000 !important;
}

.submenu2 {
    width: 200px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0px !important;
    left: 200px !important; /* Position submenu2 to the right of submenu */
    display: none !important;
    background-color: #f8f9fa !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    z-index: 1000 !important;
}
.submenu3 {
    width: 200px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 50px !important;
    left: 200px !important; /* Position submenu2 to the right of submenu */
    display: none !important;
    background-color: #f8f9fa !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    z-index: 1000 !important;
}
.submenu4 {
    width: 200px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 130px !important;
    left: 200px !important; /* Position submenu2 to the right of submenu */
    display: none !important;
    background-color: #f8f9fa !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    z-index: 1000 !important;
}

.submenu li,
.submenu3 li,
.submenu2 li {
    padding: 10px 15px !important;
}

.submenu li a,
.submenu3 li a,
.submenu2 li a {
    text-decoration: none !important;
    color: #333 !important;
    font-size: 0.9rem !important;
}

.submenu li a:hover,
.submenu3 li a:hover,
.submenu2 li a:hover {
    color: #991537 !important;
    background-color: #e2e6ea !important;
}

/* Show Submenu on Hover */
.nav-item:hover .submenu {
    display: block !important;
}

.peb_solution:hover .submenu2,
.prefabricated:hover .submenu3 {
    display: block !important;
}
.girder:hover .submenu4 {
    display: block !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .submenu {
        position: static !important;
        display: block !important;
        box-shadow: none !important;
    }

    .submenu li {
        padding: 10px !important;
        border-bottom: 1px solid #ddd !important;
    }
    #navbarSupportedContent {
        width: 50% !important;
        position: relative !important;
        top: -5px !important;
    }
}

@media (max-width: 480px) {
    .nav-link {
        font-size: 0.9rem !important;
    }
    .submenu {
        width: 200px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        top: 140px !important; /* Place the submenu directly below the parent */
        left: 212px !important;
        display: none !important;
        background-color: #f8f9fa !important;
        border-radius: 5px !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
        z-index: 1000 !important;
    }
    .submenu2 {
        width: 200px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        top: 0px !important;
        left: -200px !important; /* Position submenu2 to the right of submenu */
        display: none !important;
        background-color: #f8f9fa !important;
        border-radius: 5px !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
        z-index: 1000 !important;
    }
    .submenu3 {
        width: 200px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        top: 50px !important;
        left: -200px !important; /* Position submenu2 to the right of submenu */
        display: none !important;
        background-color: #f8f9fa !important;
        border-radius: 5px !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
        z-index: 1000 !important;
    }
    .submenu4 {
        width: 200px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        top: 130px !important;
        left: -200px !important; /* Position submenu2 to the right of submenu */
        display: none !important;
        background-color: #f8f9fa !important;
        border-radius: 5px !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
        z-index: 1000 !important;
    }
    .nav-item:hover .submenu {
        display: block !important;
    }
    .peb_solution:hover .submenu2,
    .prefabricated:hover .submenu3 {
        display: block !important;
    }
    .girder:hover .submenu4 {
        display: block !important;
    }
    .submenu li {
        padding: 8px !important;
    }
}

/* nav dropdown */

@media screen and (max-width: 600px) {
    html,
    body {
        overflow-x: hidden !important;
    }
    #navbar {
        width: 100% !important;
        height: 80px !important;
        z-index: 1000 !important;
    }
    .navbar-toggler {
        display: flex !important;
        margin-right: 10px !important;
        color: #000000 !important;
        z-index: 9999 !important;
    }
    .navbar-collapse {
        background-color: #000000 !important;
        margin-top: 5px !important;
    }
    .navbar-toggler-icon {
        z-index: 9999 !important;
    }
    .nav-item {
        margin-top: -10px !important;
        margin-left: 40px !important;
    }

    .navbar-collapse .nav-item .nav-link {
        color: white !important;
    }

    .navbar-collapse .nav-item .nav-link:hover > :active {
        color: rgb(28, 107, 198) !important;
    }

    .navbar-collapse .open-button {
        padding: 10px 10px !important;
        border: none;
        cursor: pointer;
        opacity: 0.8;
        border: 2px solid black;
        outline-style: solid;
        outline-color: rgb(227, 226, 226);
        color: white !important;
        margin-left: -60px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        background-color: #04134a !important;
    }
    .phone_home_img {
        padding: 0px 0px !important ;
    }
}

.nav_item_menu {
    font-size: 22px !important;
    color: #1201ff !important;
}
.list_nav_second {
    position: absolute !important;
    top: 30px !important;
    left: 330px !important;
}
.craousel-main {
    width: 100%;
    height: 700px !important;
    object-fit: fill !important;
}
.top_number {
    font-size: 10px !important;
}
.video_top {
    width: 100% !important;
    height: 650px !important;
    object-position: center !important;
    object-fit: cover !important;
    overflow: hidden !important;
}
.video_top video {
    width: 128% !important;
    margin-left: -183px !important;
}
.video_crausel {
    width: 100% !important;
}
.video_crausel_inner {
    width: 100% !important;
}
.video_crausel_inner_video {
    width: 100% !important;
}
.video_crausel_inner_video_video {
    width: 100% !important;
}
.object_fit {
    object-fit: cover !important;
}
.breadcrumb {
    margin-top: -30px !important;
    display: inline !important;
}
.font40 {
    font-size: 40px;
}
.sixtopara {
    color: #ffffffaf !important;
}
.divider {
    width: 100px;
    height: 5px;
    margin-left: 20px;
    margin-top: -30px;
    border-top: 1px solid blue;
    border-bottom: 1px solid blue;
}

/* Media Query for Small Devices (Mobile) */
@media (max-width: 576px) {
    /* Adjust the image size */
    .phone_home_img img {
        width: 100% !important;
        height: auto !important;
    }

    /* Stack the columns vertically */
    .home_icon_box,
    .phone_home_img {
        padding: 15px !important;
    }

    /* Ensure images on small screens fill their containers */
    .home_icon_box img {
        height: auto !important;
    }

    /* Adjust text size and container spacing */
    .col-xxl-4,
    .col-xl-4,
    .col-sm-4 {
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    /* Adjust image container size */
    .col-xxl-8,
    .col-xl-8 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Media Query for Medium Devices (Tablets) */
@media (max-width: 768px) {
    /* Adjust column layout for medium devices */
    .col-xxl-8,
    .col-xl-8 {
        padding: 10px !important;
    }

    /* Ensure images are responsive on medium screens */
    .phone_home_img img,
    .home_icon_box_image {
        width: 100% !important;
        height: auto !important;
    }
}

/* Media Query for Large Devices */
@media (max-width: 1200px) {
    /* Adjust the layout for large screens */
    .home_icon_box,
    .phone_home_img {
        padding: 20px !important;
    }

    /* Ensure content in each section is centered */
    .col-xxl-4,
    .col-xl-4,
    .col-sm-4 {
        padding: 10px !important;
    }
}

.container-fluid-icon {
    width: 150px;
    height: 150px;
    font-size: 150px;
    color: #000000a9;
}
.number_box {
    height: 100px !important;
}
.number_card_box {
    margin-top: -50px !important;
    padding: 30px 5px !important;
}
.image {
    width: 100%;
    height: 237px !important;
    padding: 30px 20px;
    object-fit: cover;
    background-attachment: fixed;
}

.background-image {
    width: 100% !important;
    height: 500px !important;
    object-position: center !important;
    object-fit: cover !important;
    overflow: hidden !important;
}
.background-image-image {
    width: 128% !important;
    margin-left: -183px !important;
    margin-top: -180px !important;
}
.card-img-overlay{
    background-color: #524f4fab;
    
}
.home_featur{
    margin-top:80px !important;
}
#smart_home_main {
    height: 400px !important;
    padding: 0px 80px !important;
    margin-top: 0px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-evenly !important;
    
}
#smart_home {
    padding: 20px 20px;
    width: 34% !important;
    margin-top:-80px !important;
}
.smart_home_box {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
.smart_home_icon {
    width: 30px;
    height: 30px;
    color: #ffffff;
}
.smart_home_heading h1 {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0em;
    color: #ffffff;
}
.line_top {
    margin-bottom: 50px;
}
#smart_home .line {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: center;

    margin: 0px 0px 8px calc((100% - 980px) * 0.5);
}

/* Our Design Styling */

#page4 {
    width: 100% !important;
    background: linear-gradient(90deg, rgba(0, 51, 102, 0.1), rgba(255, 255, 255, 0.1)) !important;
    padding: 60px 0 !important;
    overflow: hidden !important;
    position: relative !important;
    top: -23px !important;
}

#page4 h1 {
    font-size: 2.5rem !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
}

.underlinee {
    width: 100px !important;
    height: 4px !important;
    background-color: #ff4d4d !important;
    margin: 20px auto !important;
}

.clint_slider {
    position: relative !important;
    display: flex !important;
    overflow: hidden !important;
    justify-content: center !important;
    align-items: center !important;
}

.slider_wrapper {
    display: flex !important;
    gap: 50px !important;
    animation: slide 30s linear infinite;
    animation-play-state: running; /* Ensure animation starts */
}

.slider_wrapper:hover {
    animation-play-state: paused; /* Stop animation on hover */
}

.slider_wrapper img {
    width: 220px !important;
    height: 220px !important;
    object-fit: cover !important;
    border: 2px solid #0b7293 !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    padding: 5px !important;
}

.slider_wrapper img:hover {
    transform: scale(1.2) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-220px * 10 - 50px * 10));
    }
}

/* Responsive Styling */
@media only screen and (max-width: 768px) {
    #page4 {
        width: 100% !important;
        background: linear-gradient(90deg, rgba(0, 51, 102, 0.1), rgba(255, 255, 255, 0.1)) !important;
        padding: 60px 0 !important;
        overflow: hidden !important;
        position: relative !important;
        top: -23px !important;
    }
    #page4 h1 {
        font-size: 2rem !important;
    }

    .slider_wrapper img {
        width: 100px !important;
        height: 100px !important;
    }

    @keyframes slide {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-100px * 10 - 30px * 10));
        }
    }
}

@media only screen and (max-width: 576px) {
    .image {
        width: 100%;
        height: 275px !important;
        padding: 30px 20px;
        object-fit: cover;
        background-attachment: fixed;
    }

    .slider_wrapper img {
        width: 120px !important;
        height: 120px !important;
    }

    @keyframes slide {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-80px * 10 - 20px * 10));
        }
    }
}

#black_patti {
    width: 100%;
    height: 110px;
    background-color: #524f4f;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
}

.patti_box h1 {
    color: #fff;
    font-size: 44px;
    text-align: center;
    font-weight: 400;
}
.patti_box h2 {
    color: #8d8888;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
}
.feature_main {
    display: flex !important;
    align-items: center !important;
    justify-content: space-evenly !important;
    gap: 50px !important;
}
.feature_main_phone {
    display: none !important;
}
.feature_box:hover {
    box-shadow: 0px 0px 10px 10px #dadada;
}
#design_box {
    width: 100%;

    margin-top: 30px !important;
}
#design_box h1 {
    color: #020202;
    padding-bottom: 20px;
    font-family: avenir-lt-w01_35-light1475496, avenir-lt-w05_35-light, sans-serif;
}
.designbreaker {
    width: 100px;
    height: 5px;
    margin-top: -20px;
    margin-bottom: 30px;
    border-top: 1px solid #991537;
    border-bottom: 1px solid #991537;
}
.design_box_main {
    width: 100%;
    height: 383px;
    margin-top: 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.design_box_box:hover {
    /* animation: scale 5s 0s linear infinite; */
    opacity: 0.8;
}
/*
@keyframes scale{
    0%{
       transform: scale(1 ,1);
    }
    50%{
       transform: scale(1.2, 1.2);
    }
    100%{
       transform: scale(1,1);
    }
}
*/

.bold_font {
    color: black !important;
    font-weight: 600 !important;
}
.design_box_box {
    width: 440px;
    height: 383px;
    border: none;
    box-shadow: 1px 1px 1px #daddad;
}

.form_data input {
    width: 100% !important;
    margin-top: 10px !important;
    padding: 5px 20px !important;
}
.card-body form button {
    padding: 10px 20px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.design_box_image {
    width: 440px;
    height: 260px;
    border: none;
}
.design_box_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.design_box_content {
    width: 440px;
    height: 122px;
    background-color: #e4e4e4;
}
.Aframe {
    font-size: 20px;
    padding-top: 10px !important;
}
.design_box_content h1 {
    font-size: 18px;

    font-weight: 400;
    color: black;
    padding-top: 15px;
}
.text_center {
    text-align: center;
}
.design_box_content p {
    font-size: 12px;
    text-align: center;
    padding: 0px 10px;
}
.display-flex {
    margin-top: 30px;
    padding: 10px 60px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bhk_option {
    background: linear-gradient(to right, #1d04ff, #000000, #1201ff);
    animation: animation-gradient 10s 0s linear infinite;
    background-size: 200%;
}
@keyframes animation-gradient {
    to {
        background-position: 200%;
    }
}
.bhk_option:hover {
    background-color: #524f4f96;
}
.card-title {
    font-size: 80px !important;
}
.view_button {
    padding: 5px 10px !important;
}
.card-text {
    font-size: 30px !important;
}
.card-title-heading {
    font-size: 20px !important;
    padding: 10px 20px !important;
}
.card-text-para {
    font-size: 16px !important;
    padding: 10px 20px !important;
}

.card-title-icon {
    margin: 60px 15px;
    font-size: 130px;
}
.card-title-box-image {
    width: 150px !important;
    height: 200px !important;
    object-fit: cover !important;
}
.feature-divider {
    width: 100px;
    height: 5px;
    border-top: 1px solid blue;
    border-bottom: 1px solid blue;
}
.technology {
    font-size: 30px !important;
}
.building {
    font-size: 20px !important;
}
.building-para {
    font-size: 18px !important;
}
.footer_follow {
    font-size: 22px;
}
.icon_color {
    color: #0b7293 !important;
}
.social-icon {
    font-size: 25px !important;

    color: #000000 !important;
    padding-left: 10px !important;
}
.copy {
    padding-left: 30% !important;
}
/*Footer*/

.top_footer {
    width: 100% !important;
    height: 350px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
}

.phone_footer {
    display: none !important;
}
.footer_main {
    width: 30% !important;
    height: 350px !important;
    padding: 40px 30px !important;
}
.footer_main .footer_logo {
    height: 70px !important;
    width: 250px !important;
}
.footer_para {
    padding: 0px 5px !important;
    text-align: justify !important;
    color: #000000d2 !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
}
.footer_middle_menu {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000000d0 !important;
    text-decoration: none !important;
    padding: 2px 10px !important;
    text-align: justify !important;
    letter-spacing: 1px !important;
}
.footer_number {
    display: flex !important;
    align-items: center !important;

    gap: 20px !important;
}
.the_home {
    font-size: 50px !important;
    text-align: center !important;
    color: black !important;
    font-weight: 900;
    padding: 50px 0px !important;
}
.map_container {
    width: 100% !important;
    height: 100% !important;
}
.map {
    width: 90% !important;
    height: 100% !important;
    overflow: hidden !important;
}
.map iframe {
    width: 100% !important;
    height: 500px !important;
    padding: 10px 20px !important;
}

@media (max-width: 575.98px) {
    .video_top {
        width: 100% !important;
        height: 400px !important;
        margin-top: -30px !important;
    }
    .video_top video {
        width: 200% !important;
        height: 430px !important;
    }

    .small {
        width: 200px;
    }
    .craousel-main {
        width: 100%;
        height: 230px !important;
        object-fit: fill !important;
    }
    .sm-my-5 {
        margin-bottom: 80px !important;
    }
    .topcard {
        padding: 0px 0px !important;
        padding-top: 10px !important;
    }

    .number_box {
        margin-bottom: 0px !important;
    }
    .number_box_main {
        gap: 10px !important;
    }
    .the_home {
        font-size: 40px !important;
        text-align: center !important;
        color: black !important;
        font-weight: 900;
        padding: 40px 0px !important;
    }
    .home_featur{
        margin-top:0px !important;
        padding-top:10px !important;
    }
    #smart_home {
        padding: 5px 15px !important;
        width:50% !important;
    }
    #smart_home_main {
        width: 100% !important;
        height: 350px !important;
        margin-top: 0px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 0px !important;
    }
    .smart_home_heading h1 {
        font-size: 14px !important;
    }
    .background-image {
        width: 100% !important;
        height: 350px !important;
        border: none !important;
        object-fit: cover !important;
    }
    .background-image-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        padding: 0px 0px !important;
        margin: 0px 0px !important;
    }
    .card-img-overlay {
        width: 100% !important;
    }
    .designbreaker {
        width: 80px !important;
        height: 5px;
        margin-top: -20px;
        margin-bottom: 30px;
        border-top: 1px solid blue;
        border-bottom: 1px solid blue;
    }
    #design_box {
        margin-top: 0px !important;
    }
    .design_box_h1 {
        margin-left: -20px !important;
        margin-top: -50px !important;
    }
    .design_box_main {
        width: 100%;
        height: 255px;
        margin-bottom: 10px !important;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .design_box_box {
        width: 45% !important;
        height: 255px !important;
    }
    .phone_hide {
        display: none !important;
    }
    .design_box_image {
        width: 100% !important;
        height: 130px !important;
    }
    .design_box_content {
        width: 100% !important;
        height: 125px;
        padding-top: 0px !important;
        background-color: #000000ad;
    }
    .Aframe {
        font-size: 20px !important;
        color: #fff !important;
    }
    .Aframep {
        font-size: 10px !important;
        color: #fff !important;
    }
    .circle_box_main {
        width: 100% !important;
        height: 250px !important;
        gap: 30px !important;
    }
    .circle_box {
        width: 200px !important;
        height: 150px !important;
        margin-left: 5px !important;
    }
    .circle_card {
        width: 100% !important;
        height: 100% !important;
    }
    .circle_box_heading {
        font-size: 30px !important;
    }
    .circle_box_content {
        font-size: 20px !important;
    }
    .design_box_image {
        height: ;
    }
    .top_feature {
        margin-left: -30px !important;
    }
    .feature_main {
        display: none !important;
        gap: 1% !important;
    }
    .feature_main_phone {
        display: block !important;
        background-color: #f8f9fa !important;
    }
    .phone_feature_warraper {
        width: 100% !important;
        height: 300px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .feature_main_phone_img_box {
        width: 30% !important;
        width: 300px !important;
    }
    .feature_main_phone_img_box_img {
        width: 80% !important;
        height: 250px !important;
        object-fit: cover !important;
        margin-left: 10px !important;
    }
    .feature_main_phone_imgg_box {
        width: 30% !important;
        width: 300px !important;
    }
    .feature_main_phone_imgg_box_img {
        width: 80% !important;
        height: 250px !important;
        object-fit: cover !important;
        margin-left: 30px !important;
    }
    .phone_form .phone_button {
        padding: 15px 122px !important;
    }
    .feature_main_phone_con_box {
        width: 55% !important;
    }
    .feature_box {
        width: 100% !important;
        height: 300px !important;
    }
    .card-title-box-image {
        width: 100% !important;
        height: 100px !important;
    }
    .card-text-para {
        font-size: 14px !important;
        padding: 0px 0px !important;
        text-align: justify !important;
        margin-right: 10px !important;
        margin-top: 10px !important;
    }
    .card-text-paraa {
        font-size: 14px !important;
        padding: 0px 0px !important;
        text-align: justify !important;
        margin-left: 10px !important;
        margin-top: 10px !important;
    }
    .card-title-heading {
        font-size: 15px !important;
        font-weight: 600 !important;
        margin-top: 0px !important;
        padding: 0px 7px !important;
        text-align: justify !important;
    }
    .featuretwo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 20px !important;
    }
    .map_container {
        width: 100% !important;
    }
    .map {
        width: 90% !important;
        height: 100% !important;
        overflow: hidden !important;
    }
    .map iframe {
        width: 100% !important;
        height: 100% !important;
        padding: 10px 20px !important;
    }
    .phone_form {
        padding: 0px 20px !important;
    }

    .top_footer {
        display: none !important;
    }
    .destop_footer_cop {
        display: none !important;
    }
    .copy {
        display: none !important;
    }
    .phone_footer {
        display: block !important;
        width: 100% !important;
        height: 400px !important;
    }
    .phone_footer_middle {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5% !important;
    }
    .phone_footer_middle_left {
        width: 45% !important;
    }
    .phone_footer_middle_right {
        width: 45% !important;
    }

    .phone_footer_menu {
        font-size: 14px !important;
        color: #000000 !important;
    }
    .footer_main {
        width: 30% !important;
        height: 350px !important;
        padding: 20px 0px !important;
    }
    .phone_footer .footer_logo {
        height: 90px !important;
        width: 100% !important;
        margin-left: 0px !important;
        margin-top: 20px !important;
    }
    .footer_main .footer_para {
        display: none !important;
        padding: 0px 5px !important;
        text-align: justify !important;
        color: blue !important;
        font-weight: 600 !important;
        font-size: 10px !important;
    }
    .footer_middle_menu {
        font-size: 10px !important;
        font-weight: 600 !important;
        color: #000000d0 !important;
        text-decoration: none !important;
        padding: 0px 0px !important;
        margin-left: -23px !important;
        margin-top: 15px !important;
        text-align: justify !important;
    }
    .footer_number {
        display: flex !important;
        align-items: center !important;

        gap: 5px !important;
    }
    .phone_footer .phone_copyright {
        padding-top: 50px !important;
    }
}

@media (max-width: 767.98px) {
    .map {
        width: 50% !important;
        overflow: hidden !important;
    }
    .map iframe {
        width: 100% !important;
        padding: 10px 20px !important;
    }
}