*{
        margin: 0;
        border: border-box;
        font-family:"Quicksand", sans-serif ;
        /* overflow-x: hidden;
        overflow-y: auto; */

}


.contact_detials_container{
    height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;

}
.contact_detials_container p {
    color: gray;
    padding: 8px;
}
.navbar {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    background-color: white;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.navbar a {
    padding: 15px;
    text-decoration: none;
    color: black;
    font-size: 18px;
    font-weight: 200;
    font-family: "Quicksand", sans-serif;
}

.navbar a:hover {
    color: #c79925;
}

.links_container {
    display: flex;
    width: 84%;
    align-items: center;
    justify-content: flex-end;
    margin-right: 20px; /* Add margin for spacing */
}

.toggle {
    display: none; /* Hide toggle button by default */
    cursor: pointer;
    padding: 15px;
    font-size: 20px;
}
.logo{
    width: 16%;
    height:100%;
    background-image: url("landmark_logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;

}

.logo p {
    font-size: 25px;  
}
.links_container a{
    cursor: pointer;
}


@media (max-width: 768px) {
    .navbar {
        height: auto; /* Adjust height as necessary */
    }

    .toggle {
        display: block; /* Show toggle button on smaller screens */
    }
    
    .links_container {
        flex-direction: column; /* Stack links vertically */
        align-items: flex-start; /* Align links to the left */
        position: absolute; /* Position links absolutely */
        top: 100%; /* Position below navbar */
        left: 0;
        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
        width: 100%;
        display: none; /* Hide links by default */
        z-index: 1;
    }

    .links_container.active {
        display: flex; /* Show links when active */
    }

    .navbar a {
        padding: 10px; /* Adjust padding for better touch interaction */
        width: 100%; /* Full width for each link */
        text-align: left; /* Align text to the left */
    }
}

.focus_data{
    width: 100%;
    height: 530px;
    background-image: url("blob.png");  
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.coverphoto{
    width: 30%;
    height: 100%;
    background-image: url("coverphoto.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 1px solid grey;
    
}
.heading{
    /* border: 2px solid red; */
    width: 45%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.experience_container{
    /* border: 2px solid rebeccapurple; */
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.experience{
    color: #c79925;
    font-family: "Anton", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 36px;
    }
.partner{
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}
@media (max-width: 768px) {
    .focus_data{
        width: 100%;
        height: 180px;
        /* border: 1px solid red; */
        background-image: url("blob.png");
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-position: bottom;
    }
    .coverphoto{
        height: 80px;
        width: 100px;
        background-image: url("landmark_logo.png");
        border: none;
        
    }
    .experience{
        font-size: medium;
        font-family: "Anton", sans-serif;

    }
    .experience_container{
        width: 100%;
        height: auto;
    }
    .partner{
        font-size: small;
        width: 100%;
        text-align: center;
    }
    .heading{
        height: auto;
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


















.home_footer {
    width: 100%;
    background-color: #FBBD34;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
}

.footersection1 {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
}

.add {
    width: 32%;
    font-family: "Quicksand", sans-serif;
    height: auto;
    font-size: 17px;
    padding: 10px;
}

.usefull_links {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: "Quicksand", sans-serif;
    height: auto;
    font-size: 17px;
    padding: 10px;
}

.usefull_links a {
    text-decoration: none;
    color: black;
    cursor: pointer;
}

.footer_section2 {
    width: 100%;
    height: auto;
    border-top: 1px solid black;
    font-family: "Quicksand", sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.contactus_name {
    font-size: 20px;
    color: black;
    font-weight: 400;
}

@media (max-width: 768px) {
    .footersection1 {
        flex-direction: column;
        align-items: flex-start;
    }

    .add, .usefull_links {
        width: 100%;
        padding: 10px 20px;
        font-size: 16px;
    }

    .footer_section2 {
        padding: 10px 20px;
        font-size: 14px;
        text-align: center;
    }

    .contactus_name {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .add, .usefull_links {
        padding: 5px 15px;
        font-size: 14px;
    }

    .footer_section2 {
        padding: 5px 2px;
        font-size: 12px;
    }

    .contactus_name {
        font-size: 14px;
    }
}

.about_us{
    width: 100%;
    height: 500px;
    /* border: 2px solid red; */
    background-image: url("blob.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    /* opacity: 60%; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.aboutus_bg{
    height: 100%;
    margin-left: 20px;
    /* border-radius: 8px; */
    /* border-style:double; */
    width: 40%;
    /* border: 1px solid yellow; */
    background-image: url("about_us_bg_new.jpg");
    background-size: cover;
   
    background-repeat: no-repeat;
}
.abt_heading{
    font-size: 26px;
    font-family:"Quicksand", sans-serif ;
    font-weight: 450;
    width: 100%;
    height: 10%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.para_info{
    margin-top: 10px;
}
.abt_ctnt{
    width: 85%;
    height: 85%;
    /* gap: 7px; */
    padding: 15px;
    /* border: 1px solid rebeccapurple ; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family:"Quicksand", sans-serif ;
    background-color: white;
    /* border: 1px solid black; */
    padding-left: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}



.abt_ctnt p{
    text-transform: capitalize;
} 
.about_content{
    height: 100%;
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* border: 1px solid brown; */
}
.readmore{
    width: 85%;
    height: auto;
    /* border: 1px solid blue; */
    margin-top: 10px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}








@media (max-width: 1200px) {  
    .abt_ctnt{ 
        font-size: 18px;
    }
}


@media (max-width: 1024px) {  
    .abt_ctnt{ 
        font-size: 16px;
    }
}





@media (max-width: 768px) {
    .about_us {
        flex-direction: column; /* Stack items vertically on smaller screens */
        height: 350px; /* Adjust height dynamically */
        width: 100%;
    }

    .aboutus_bg {
        width: 100%; /* Full width for smaller screens */
        height: 300px; /* Adjust height for smaller screens */
        margin-bottom: 20px; /* Add spacing between sections */
    }

    .about_content {
        width: 100%; /* Full width for smaller screens */
    }

    .abt_heading {
        font-size: 18px; /* Adjust font size for smaller screens */
    }

    .abt_ctnt {
        font-size: 14px; /* Adjust font size for smaller screens */
    }

    .readmore {
        margin-top: 10px; /* Adjust margin for read more button */
        margin-bottom: 20px; /* Add spacing at bottom */
    }
}

@media (max-width: 480px) {
    .about_us {
        flex-direction: column; /* Stack items vertically on smaller screens */
        height: 312px; /* Adjust height dynamically */
    }

    .aboutus_bg {
        width: 100%; /* Full width for smaller screens */
        height: 250px; /* Adjust height for smaller screens */
        margin-bottom: 20px; /* Add spacing between sections */
    }

    .about_content {
        width: 100%; /* Full width for smaller screens */
    }

    .abt_heading {
        font-size: 15px; /* Adjust font size for smaller screens */
    }

    .abt_ctnt {
        font-size: 10px; /* Adjust font size for smaller screens */
    }

    .readmore {
        margin-top: 10px; /* Adjust margin for read more button */
        margin-bottom: 20px; /* Add spacing at bottom */
    }
}














#black_bg1_1{
    display: none;
}

.inside_read_more{
    width: 150px;
    height: 50px;
    background-color: #F6B519;
    border: none;
    border-radius: 8px;
    color: black;
    font-size: 16px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

/* Service Start */
.services_section {
    width: 100%;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background-image: url("blob.png");
    background-repeat: no-repeat;
    background-position: left;
    image-orientation: flip;
    background-size: contain;
}

.service_heading {
    width: 100%;
    align-self: flex-start;
    height: auto;

    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
}

.service_content {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}

.firstimage {
    height: 400px;
    width: 30%;
    background-image: url("services_new_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.tiles_container {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.tile {
    width: 270px;
    margin: 10px;
    border: 1px solid black;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.tile:hover {
    transform: translateY(-10px);
}

.heading_tile {
    width: 85%;
    height: 20%;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: "Quicksand", sans-serif;
}

.content_tile {
    width: 85%;
    height: 70%;
    font-size: 14px;
    font-family: "Quicksand", sans-serif;
}

/* Responsive Styles */
@media (max-width: 1200px) {
   
    .tile {
        width: 220px;
        
    }
} 

@media (max-width: 1024px) {
    .service_content {
        flex-wrap: wrap;
        justify-content: center;
    }

    .firstimage {
        display: none; /* Hides the image on smaller screens */
    }

    .tiles_container {
        width: 100%;
        justify-content: center;
    }

    .tile {
        width: 85%;
        margin: 10px 0;
    }
} 

@media (max-width: 480px) {
    .heading_tile {
        font-size: 14px; /* Smallest heading font for the smallest screens */
    }

    .content_tile {
        font-size: 9px; /* Smallest content font for the smallest screens */
    }
}

/* Service End */


.tile2:hover{
    transform: translateY(-10px);
}
.our_equipments{
    width: 100%;
    height: 70px;
    /* border: 1px solid black ; */
    border-bottom: 1px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.ViewAll{
    height: 90%;
    border-radius: 8px;
    border: none;
    background-color: #F6A286;
    font-family:"Quicksand", sans-serif ;
    font-size: 16px;
    width: 220px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;

    
}
.ViewAll:hover{
    transform: scale(1.05); 
}
.view_equip_btn{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid green; */
}
.our_equip_heading{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-family:"Quicksand", sans-serif ;
    /* border: 1px solid red; */


}
.truck_mounted_crane{
    height: 300px;
    width: 20%;
    /* border: 1px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.truck_mounted_crane_inner{
    width: 100%;
    height: 100%;
    background-image: url("mobile-crane-final.png");
    background-size: 100% 98%;
    background-repeat: no-repeat;
    background-position: center;

}
.equip_heading{
    width: 100%;
    height: 15%;
    font-size: 20px;
    font-family:"Quicksand", sans-serif ;
    display: flex;
    align-items: center;
    justify-content: flex-end;

}
.tower_crane{
    height: 300px;
    width: 20%;
    /* border: 1px solid black; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;

}
.tower_crane_inner{
    width: 100%;
    height: 100%;
    background-image: url("crawler-final.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}
.telescopic_crane{
    height: 300px;
    width: 20%;
    /* border: 1px solid black; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;

}
.telescopic_crane_inner{
    background-image: url("pilling\ final.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}
.our_equip_heading{
    width: 100%;
    height: 10%;
}
.category{
    /* border: 1px solid blue; */
    /* overflow-x: scroll; */
    width: 98%;
    margin: 1%;
    height: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.loader_crane{
    height: 300px;
    width: 20%;
    /* border: 1px solid black; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;

}
.loader_crane_inner{
    background-image:url("pick-carry-final.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;

}
.rough_crane{
    height: 300px;
    width: 20%;
    /* border: 1px solid black; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;

}
.rough_crane_inner{
    background-image:url("rough-final.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;

}

.boom_placer{
    height: 300px;
    width: 20%;
    /* border: 1px solid black; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;

}
.boom_placer_inner{
    background-image:url("boom-placer-final.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;

}









.truck_mounted_crane p {
font-size: 18px;
text-align: center;
}
.all_equip_landmark{
    width: 32%;
    margin-top: 20px;
    border: 2px solid #F6A286;
    border-collapse: collapse;
}
.all_equip_landmark th{
    height: 60px;
    background-color: #F6A286;
}
.all_equip_landmark td{
    text-align: center;
}
.all_equip_landmark tr {
    height: 50px;
}
.equipment_gallery{
    width: 100%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    /* border: 1px solid blue; */
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.galeery_heading{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /* border: 1px solid maroon; */
}
.galeery_heading p{
    font-size: 20px;
    text-align: center;
    /* text-decoration-line: underline; */
}
.first_row_photo{
    width: 100%;
    height: 50%;
    /* border: 1px solid gold; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.second_row_photo{
    width: 100%;
    height: 50%;
    /* border: 1px solid blue; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;

}
.first_photo{
    background-image: url("gallery1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70% 100%;
}
.second_photo{
    background-image: url("gallery2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.third_photo{
    background-image: url("3.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  
}
.fourth_photo{
    background-image: url("4.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
.fifth_photo{
    background-image: url("5.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90% 100%;
 
}
.sixth_photo{
    background-image: url("6.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  
}
.seventh_photo{
    background-image: url("7.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

 
}
.eighth_photo{
    background-image: url("8.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  

}
.first_row_photo div {
    width: 20%;
    height: 80%;
    /* border: 1px solid gray; */
    transition: transform 0.2s ease-in-out;
  
}
.first_row_photo div:hover{
    transform: scaleX(1.1) scaleY(1.2);
}
.second_row_photo div{
    width: 20%;
    height: 80%;
    /* border: 1px solid gray; */
    transition: transform 0.2s ease-in-out;

}

.second_row_photo div:hover {
    transform: scaleX(1.1) scaleY(1.2);
}
#all_equip_detail_table { 
    display: none;
    flex-wrap: wrap;
    justify-content: space-around; 
    gap: 20px; 
}

.first_row_table {
    width: 100%;
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-around; 
    gap: 20px; 
}

.all_equip_landmark {
    width: 45%; 
    max-width: 400px; 
    margin-bottom: 20px; 
}

.all_equip_landmark th,
.all_equip_landmark td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc; 
}

@media only screen and (max-width: 768px) {
    .all_equip_landmark {
        width: 100%; 
    }
}




.equipment_gallery .slide img{
    width: 300px;
    height: 350px;
    animation: scroll 60s linear infinite;
}
/* .equipment_gallery .slide img{
    width: 300px;
    height: 350px;
    animation: scroll 60s linear infinite;
} */

.slide img {
    width: 150px;
    height: 120px;
    animation: scroll 60s linear infinite;
  }
  
  .slide-track {
    width: 100%;
    display: flex;
    gap: 3em;
    overflow: hidden;
  }
  #slider1{
    border-bottom: 1px solid black;

  }
  .slider {
    /* margin-top: 20px; */
    /* border: 1px solid blue; */
    /* border-bottom: 1px solid black; */
    background-color: white;
    
  }
  
  @keyframes scroll {
    0% {transform: translateX(0);}
    100% {transform: translatex(-1000%)}
  }
  .heading_landmark_1{
    width: 100%;
    height: 10%;
    /* border: 1px solid red; */
    box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.1);
    
    font-size: 20px;
    text-align: center; 
  }

  @media screen and (max-width: 768px) {
    .heading_landmark_1{
        font-size: medium;
    }
    .oem_heading{
        font-size: medium;
    }
    .oem_intro{
        font-size: medium;
    }
  }
  @media screen and (max-width: 480px) {
    .heading_landmark_1{
        font-size: small;
        padding: 5px;
        /* border: 1px solid red; */
        width: 98%;
    }
    .oem_heading{
        font-size: small;
    }
    .oem_intro{
        font-size: small;
    }

  }

/*   Og Chart Start */
    .COMPANY_TREE {
        height: 500px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .COMPANY_TREE img {
        width: 60%;
        height: 100%;
        cursor: pointer;
        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    }
    
    .black_modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 30;
    }
    
    #black_bg1 {
        display: none;
    }
    
    .modal_inside {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .content_holder {
        width: 50%;
        min-height: 600px;
        max-height: 750px;
        overflow-y: auto;
        background-color: white;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
    }
    
    .cross_icon {
        width: 100%;
        height: 30px;
        background-color: #FBBD34;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .cross_icon i {
        margin-right: 5px;
        cursor: pointer;
    }
    
    .exp_content {
        background-size: cover;
        width: 95%;
        height: auto;
        margin: 10px;
    }
    
    @media screen and (max-width: 768px) {
        .COMPANY_TREE {
            height: 300px;
        }
        
        .COMPANY_TREE img {
            width: 80%;
            height: auto;
        }
    
        .content_holder {
            width: 80%;
            min-height: 500px;
            max-height: 650px;
        }
    }
    
    @media screen and (max-width: 480px) {
        .COMPANY_TREE {
            height: 200px;
        }
        
        .COMPANY_TREE img {
            width: 90%;
            height: auto;
        }
    
        .content_holder {
            width: 90%;
            min-height: 400px;
            max-height: 550px;
        }
    
        .cross_icon {
            height: 25px;
        }
    
        .cross_icon i {
            font-size: 20px;
        }
    
        .exp_content {
            font-size: 14px;
        }
    }
    
#moreinfo_aboutus{
    display: none;
}
.p_container{
    margin-top: 30px;
    font-size: 20px;
    font-family:"Quicksand", sans-serif ;


    width: 80%;
    gap: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-left: 10%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: white;
    padding: 15px;
}
#equip_our{
    transform: scale(1.1);
}
.industry_We_serve{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* border: 1px solid blue; */
    /* border-bottom: 1px solid black; */
    /* box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); */

}
.industry_name p {
    text-transform: capitalize;
}
.industry_heading{
    width: 90%;
    height: 10%;
    /* border: 1px solid gold; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    margin-bottom: 5px;
}

.industry_name{
    width: 90%;
    height: 90%;
    /* border: 1px solid green; */
}
.oem_portfolio{
    width: 100%;
    height: 200px;
    /* border: 1px solid red; */
    /* border-bottom: 1px solid black; */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    

}
.oem_intro{
    width: 100%;
    text-align: center;
}
.oem_portfolio img{
    height: 100px;
    width: 123px;
    margin-left: 7px;
    /* background-size: auto; */
    /* border: 1px solid gray; */
}
.oem_heading{
    font-size: 23px;
    width: 100%;
    text-align: center;

}

.whychooseus {
    width: 100%;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-image: url("blob.png");
    background-position: left;
    background-repeat: no-repeat;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.choose_us_content {
    width: 60%;
    padding-left: 10px;
    margin-left: 5%;
    text-transform: capitalize;
    background-color: white;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-direction: column;
    height: 60%;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.whychoose_head {
    width: 100%;
    height: auto;
    font-size: 25px;
}

.choose_us_text {
    font-size: 17px;
}

.chooseus_picture {
    width: 25%;
    height: 300px;
    background-image: url("why-choose1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 50px;
    display: block; 
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .whychooseus {
        flex-direction: column;
        align-items: center;
    }

    .choose_us_content {
        width: 90%;
        margin-left: 0;
        height: auto;
    }

    .chooseus_picture {
        display: none; /* Hides the image on smaller screens */
    }

    .whychoose_head {
        font-size: 22px;
    }

    .choose_us_text {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .whychoose_head {
        font-size: 20px;
    }

    .choose_us_text {
        font-size: 15px;
    }
    .industry_heading{
        font-size: 18px;
    }
    .industry_name{
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .industry_heading{
        font-size:small;
    }
    .industry_name{
        font-size: 15px;
    }

    .whychoose_head {
        font-size: 18px;
    }

    .choose_us_text {
        font-size: 14px;
    }
}