.herosec {
    display: flex;
    flex-direction: column;
    background-image: radial-gradient(#1211303d,#121130), linear-gradient(180deg, #1211307f,#121130);
    color: white;
    height: 90vh;
    padding: 20vh 10vw 5vh 10vw;
    align-items: left;
    justify-content: center;
    max-width: 80vw;

}



.herosec-info {
    width: 40vw;
    max-width: 80vw;
}

.herosec-info h4{
    margin: 10px 0 20px 0;
}

.herosec button {
    max-width: fit-content;
}


.background-video {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: -2;
}



/*About Section*/

.aboutussec {
    display: flex;
    max-width: 80vw;
    padding: 10vh 10vw 10vh 10vw;
    background-color: #121130;
    color: #ffffff;
    gap: 3vw;

}

.imageaboutus {
    object-fit: cover;
    width: 40vw;
    height: 70vh;
    border-radius: 1%;
    z-index: -2000;
}

.textaboutus { 
    max-width: fit-content;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-weight: 300;
}

.textaboutus h4 { 
    margin-top: 2%;
    margin-bottom: 5%;
    width: 85%;
}


.Statisticsabtus {
    background-image: url(../UI/Photos/Index/StatisticsBgYellowed.png);
    max-height: 20vh;
    object-fit: cover;
    object-position: bottom;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10vw;
    padding: 5vh 10vw 5vh 10vw;
    font-weight: 600;
    color:#121130;
}

.Statisticsabtus p {
    font-size: clamp(1.0rem, 1.5vw, 1.75rem);
    margin: -4%;
    text-align: center;

}

.num {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.spacer {
    height: 15vh;
    background-color: #121130;
}

.Clientsabtus {
    display: flex;
    gap: 5vh;
    flex-direction: column;
    background-color: #121130;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23020118' fill-opacity='0.32'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    color: #ffffff;
    width: 100%;
    padding: 10vh 0% 10vh 0%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}


.Clientsabtus-Clientlogos {
    display: flex;
    flex-direction: row;
    column-gap: 5vw;
    row-gap: 2vw;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding-top: 3dvh;
}

.CapabilitiesSec {
    background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23c6c6c6' fill-opacity='0.19'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    justify-content: center;
    align-items: center;
    padding: 20vh 5vw 10vh 5vw;

}

.Clientsabtus-Text {
    width: 80%;
    align-items: center;
    text-align: center;
}

.CapabilitiesSec-Heading {
    margin-bottom: 1%;
    margin-left: 5vw;
}



.CapabilitiesSec-Carousel {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.CapabilitiesSec-Carousel span {
    font-variation-settings: 'wght' 400;
    color: #0d0c22;
    height: fit-content;
    font-size: clamp(2rem, 0.9764rem + 2.5197vw, 4rem);
}

.CapabilitiesSec-Carousel-BackgroundImage {
    display: flex;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #0d0c22;
    background-position: bottom;
    height: 80vh;
    width: 90%;
    position: relative;
    border-radius: 15px;
    
    box-shadow: 0 10px 30px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.5);
    border-radius: 20px;
    backdrop-filter: blur(12px);
    transition: all 0.3s ease-in-out;
    filter: drop-shadow(0 0 .5rem #0d0c2292);
}

.CapabilitiesSec-nextbutton:hover span,
.CapabilitiesSec-prevbutton:hover span {
    color: #FFB60C;
} 


.CapabilitiesSec-nextbutton:hover span {
    translate: 10px;
} 

.CapabilitiesSec-prevbutton:hover span {
    translate: -10px;
    
}

.capibilcarousel-info-CapabilityTitle {
    font-weight: 500;
    margin: 0% ;
}



.capibilcarousel-info {
    align-self: flex-end;
    padding: 5%;
    width: 40%;
    justify-content: center;
}

.capibilinfo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    gap: 10vw;
    padding: 2vh 5vw 2vh 5vw;
}

.capibilcarousel-info-CapabilityTitle,
.capibilcarousel-info-CapabilityInfo {
    color: #FFB60C;
}

.capibilinfo button{
    width: 30vw;

}



/* Projects */

.ProjectsTitle {
    margin: 1%;
}

.ProjectsSec {
    background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23c6c6c6' fill-opacity='0.19'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    display: flex;
    gap: 1px;
    flex-direction: column;
    padding: 7.5vh 10vw 15vh 10vw;
    align-items: left;
    position: relative;
    height: 90vh;

    justify-content: center;
}



.Projinfo {
    position: relative;
    background-color: #f1efef;
    z-index: 2;
    display: block;
    height: fit-content;
    width: clamp(10vw, 24.5vw, 25.5vw);
    border-radius: 5%;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;

    background: linear-gradient(145deg, #f9f9f9f1, #eaeaeae0);
    box-shadow: 0 10px 30px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.5);
    border-radius: 20px;
    backdrop-filter: blur(12px);
    transition: all 0.3s ease-in-out;
    filter: drop-shadow(0 0 .5rem #0d0c2292);


}



.Projinfo-Main {
    align-items: center;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    padding-top: 12.5%;
    gap: clamp(6px, 2.5vh, 16px);
    padding-bottom: 5%;
}

.ProjInfoButtonContainer{
    padding-bottom: 3vh;
}

.projimage {
    position: absolute;
    top: 20vh;
    left: 30vw;
    width: 60vw;
    height: 80vh;
    filter: drop-shadow(0 0 .5rem #0d0c2292);
    
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    border-radius: 1%;
    z-index: 2;
}



.ProjNav {
    height: 10vh;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


/* Nav Buttons*/
.ProjNav span {
    font-size: clamp(.3rem, 5vw, 1.5rem);
    color: #121130;
}


.Projarrownxt,
.Projarrowbck {
    padding: 0px;
}

.ProjNav-NameContainer {
    width: 17.5vw;
    height: 15vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
     overflow: hidden;
}

.ProjectsSec-ProjName {
  font-weight: 500;
  font-size: clamp(1.8rem, 1.8vw + 0.2vh, 2rem);
  line-height: 1.2;
  max-height: calc(1.2em * 3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin: 0;
  width: 80%;
  padding: 0 1vw;
}


.projcounter {
    margin: 0%;
    font-size: clamp(.2rem, .8vw, 2rem);

}





.Projinfo-text {
    height: fit-content;
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
 }




.Projinfo-text-Container {
    display: flex;
    margin: 0%;
    gap: 8px;

}

 .Projinfo-text span {
    color: #0d0c22;
    font-size: clamp(1.2rem, 1.5vw, 3rem);
    font-variation-settings: 'wght' 300;
 }
 
.Projinfo-text-Container h5 {
    margin-top: 2.5%;
    margin-bottom: 2.5%;
    font-weight: 400;
    text-align: left;
    width: 100%;
}
.EquipmentSec {
  position: relative;
  padding: 20vh 10vw;
  height: 70vh;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden; /* ensures background doesn't bleed out */
  z-index: 1; /* ensures content stays above */
}

.EquipmentSec::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: 
                    linear-gradient(270deg, #121130c7, #121130df, #121130),
                    linear-gradient(0deg, #121130 0%, #12113000 20%),
                    url(../UI/Photos/Index/Capabilities/Earthworks.png);
  background-size: cover;
  background-position: right;
  transform: scaleX(-1); /* horizontal flip */
  z-index: -1;
}
.EquipmentSec-Info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: white;
    width: 40%;
}

.EquipmentSec-Info div{
    padding-bottom: 2vh;
}

.ContactusSec {
    background-color: #ffb60c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23e1a10b' fill-opacity='0.7'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    height: 60vh;
    padding: 10vh 10vw 20vh 10vw;
    display: flex;
    gap: 5vw;
}


.ContactusSec-text {
    margin: 0px;
    width: 55vw;
}

.ContactusSec-text h3{
    margin: 1%;
}
label {
    font-weight: 500;
}

.Information-form {
    height: 90%;
    display: flex;
    flex-direction: column;
    gap: 1vh;
    width: 50vw;
}
 
.Information-form button {
    width: clamp(200px, 5vw, 1.4em) ;
    margin-top: .5vh;
}

.Inputdiv {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.InputName {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.InputEmailnNumber,
.InputInquiry {
    display: flex;
    gap: 1.5vw;
}

.InquiryDropDown {
    height: clamp(2.6rem, 1.5vw, 2.5rem) !important
}

.InputActualMessage {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 40vh;
}

.Message {
    height: 30vh !important;
}

.🤓 {
    opacity: 0; position: absolute;
}




/*Mobile*/
@media  (width<= 650px) {
    .herosec{
        height: 90vh;

    }

    .herosec-info {
        width: 90vw;

    }

    .Statisticsabtus {
        flex-direction: column;
        max-height: fit-content;
    }
    .aboutussec {
            flex-direction: column;
    }
    .imageaboutus {
            width: 100%;
            height: 100%;
     }
     .textaboutus h4 { 
        width: 100%;
    }



     .CapabilitiesSec {
        padding: 10vh 5vw 10vh 5vw;
        
     }
     .capibilinfo {
        flex-direction: column;
     }
    .capibilinfo button{
        width: 100% ;
    }
     .capibilcarousel-info {
        width: 100%;
        padding: 3vh;
     }
     
    .CapabilitiesSec-Carousel {
        display: flex;
        position: relative;
        align-items: center;
    }

     .CapabilitiesSec-Carousel span {
        color: #FFB60C;
     }

     .CapabilitiesSec-nextbutton,
     .CapabilitiesSec-prevbutton{
        display: flex;
        background-color: rgba(3, 2, 69, 0.539);
        height: 40px;
        width: 40px;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 2;
        border-radius: 5px;
     }

     .CapabilitiesSec-nextbutton {
        right: -2vw;
     }

     .CapabilitiesSec-prevbutton {
        left: -2vw;
     }

    .CapabilitiesSec-Carousel-BackgroundImage {
        height: 70vh;
        width: 100%;
    }
    .CapabilitiesSec-Heading {
        margin-bottom: 1%;
        margin-left: 0vw;
    }
    .capibilcarousel-info-CapabilityInfo {
        margin-top: .5rem;
        font-size: small;
    }


    .Clientsabtus-Clientlogos {
        flex-direction: column;
        gap: 7vh;
    }
    
    .ProjectsSec {
        height: 90vh;
        justify-content: flex-start;
    }


    .Projinfo {
        width: 85vw !important;
        height: fit-content;
        min-height: 35vh;
        max-height: 40vh;
        align-self: center;
        position: absolute;
        bottom: 15vh;
    }

    .Projinfo-Main {
        width: 100%;
        gap: 0;
    }
    .ProjNav-NameContainer {
        width: 60%;
    }
    
    .projimage {
        width: 85vw;
        height: 45% !important;   
        position: absolute;
        left: 7.5%;
        top: 12.5%;
    }
   
    .projcounter {
        font-size: clamp(.6rem, 1vw, 4rem);
   }

    .ProjectsSec-ProjName {
         font-size: clamp(1.2rem, 3vw, 4rem);
    }

    
   .EquipmentSec::before {
    background-size: cover;
        background-position:  right !important;
          background-image: 
                    radial-gradient(circle, #12113082, #121130),
                    linear-gradient(0deg, #121130 0%, #12113000 100%),
                    url(../UI/Photos/Index/Capabilities/Earthworks.png);
     }

    .EquipmentSec-Info {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        color: white;
        width: 100%;
    }

    .ContactusSec {
        flex-direction: column;
        height: fit-content;
    }

    .Information-form,
    .Inputdiv {
        width: 100%;
    }
    .InputEmailnNumber,
    .InputInquiry {
        flex-direction: column;
    }

  

    }



/*Tablet*/
@media  (min-width: 651px) and (max-width: 960px){


    .capibilinfo {
        flex-direction: column;
        gap: 5vh;
    }


    .capibilinfo button{
        width: 100%;
    }

    
    .ProjectsSec {
        height: 110vh;
    }

    .Projinfo {
        height: fit-content !important;
    }
    
    .ProjContainer{
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }
    .Projinfo-Main {
        gap: 1vh;
    }

    .ProjNav {
        height: 10vh;
    }

    .ProjNav-NameContainer {
        width: 25vw;
        height: fit-content;
    }
    

    .ProjectsSec {
        height: 85vh;
    }
    
 
    
    .Projinfo {
        width: 40vw;
        min-height: 35vh;
        position:absolute;
        bottom: 10vh;
   }

    .Projinfo-Main {
        gap: 10px;
    }

   .ProjectsSec-ProjName{
    font-size: clamp(.8rem, 2.5vw, 4rem);
    width: fit-content;
   }

   .projcounter {
    font-size: clamp(.4rem, 1vw, 4rem);
   }
   .Projinfo-text-Container h4 {
    width: 100%;
   }
    .projimage {
        width: 85vw;
        height: 100%;   
        align-self: center;
        position: static;
        z-index: 1;
    }

    .CareerSec{
        flex-direction: column;
        justify-content: center;
    }

    .Carrinfo {
        max-width: fit-content;
    }

    .projects-clientslogo {
        width: clamp(12.5rem, 3vw, 22.5rem);
    }

/*laptops*/
}
@media  (width>= 949px) {
  

}