* {
    padding: 0%;
    margin: 0%;
}

html,
body {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

#nav-first {
    font-family: 'Montserrat';
    font-size: 12px;
    text-align: center;
    color: #000000;
}

#nav__first1 span {
    font-family: 'Montserrat';
    line-height: 100%;
    text-align: right;
    color: #000000;
    text-align: end;
}

/* ---End--footer-section1-- */
/* ---BEGIN--footer-section2-- */
#nav-logo {
    max-height: 60px;
    height: auto;
}

#btn-mainnav {
    background-color: #e07127;
}

#input-fouse {
    outline: none;
}

.search-iconefect {
    width: 5%;
    transition: 7s;
}

#search-icon :hover .search-iconefect{
    /* display: flex !important; */
    transform: translateX(100%);

}


/* ---END--footer-no2-- */


/* ---BEGIN--footer-no3-- */
.montserrat{
    font-family: 'Montserrat'!important;
}

.tfamily{
    font-family: "Bebas Neue";
}

.wcolor {
    color: rgb(0, 125, 187);
}
/* .ulcolor{
    color: #121010;
} */


/* ---BEGIN-- Building  --section2-- */

#border_satup{
    border-right: 2px solid #007DBB;
}

/* ---End-- Building  --section2-- */

/* ---BEGIN-- titanim --section3-- */
.titanim-h h5{
    font-family: 'Bebas Neue';
    font-size: 4rem ;
    letter-spacing:4px;
    line-height:110%
}
/* ---End-- titanim --section3-- */

/* ---Begin-- Laube --section4-- */
.h1-pcon h1 {
    font-family: "Bebas Neue";
    font-weight: 500;
    font-size: 3.125rem;
    letter-spacing: 4px;
    color: rgb(0, 125, 187);
}

.h1-pcon p {
    letter-spacing: 1px;
    font-size: 1.5rem;
    line-height: 36px;
    color: rgb(0, 125, 187);
}

/* ---END-- Laube --section4-- */

/* ---BEGIN-- --section6-- */
    .sec-6 h4{
      font-size:4rem;
      letter-spacing:3px;  
    }
    .sec-6 p{
      font-size:24px;
      letter-spacing:1px;
      line-height:1.4
    }

/* ---END--  --section6-- */

/* ---BEGIN--  --section8-- */
    .sec-8 h4{
        font-size:64px;
         letter-spacing:3px;
         /* font-family: 'Bebas Neue'; */
    }
    .pera-1 p{
        font-size: 1.5rem;
         letter-spacing:1px;
          line-height:38px;
           font-family: 'Montserrat';
    }
    .list_s ul{
       font-size:20px;
       letter-spacing:1px; 
       line-height:2.2 
    }
/* ---END--  --section8-- */

/* ---BEGIN--  --section9-- */
    .sec-9 h3{
        font-size: 4em;
         letter-spacing:4px;
         line-height:1.2;
    }
    .sec-9 p{
        font-size: 1.5rem;
         letter-spacing:1px;
          line-height:1.4;
    }
/* ---END--  --section9-- */

/* ---BEGIN--  --section10-- */
.images-folder img{
    max-height: 120px;
    max-width: 100%;
    height: auto;
    flex: 1 1 120px;
    object-fit: contain;
}

/* ---END--  --section10-- */
.sec11-div h3{
   font-size: 4rem;
    letter-spacing:4px;
     line-height:1.2 
}
/* ---BEGAIN--  --section11-- */


/* ---END--  --section11-- */



.hover-boxmain {
    display: none;
    position: absolute;
    z-index: -1;
    width: 900px;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.15);
}

#mill-product{
    color: rgb(38, 80, 126);
}

#mill-product:hover .hover-boxmain {
    display: block;
    z-index: 99;
}

.Engineered {
    display: none;
    z-index: -1;
    width: 300px;
    position: absolute;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.15);

}

.Capabilities-btn {
    display: none;
    z-index: -3;
    width: 300px;
    position: relative;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.15);
}

.Engineered-btn:hover .Engineered {
    display: block;
    z-index: 99;
}

.Capabilities:hover .Capabilities-btn {
    display: block;
    z-index: 99;
}

.Services {
    display: none;
    z-index: -3;
    width: 300px;
    position: relative;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.15);
}

.Services-btn:hover .Services {
    display: block;
    z-index: 99;
}

.Industries {
    display: none;
    z-index: -3;
    width: 300px;
    position: relative;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.15);
}

.Industries-btn:hover .Industries {
    display: block;
    z-index: 99;
}

#button-menu:hover {
    border: 2px solid;
}

#button-bottom:hover {
    border: none;
    background-color: white;
}



/* a{
    color: rgb(0, 125, 187);
} */

.color-makerl {
    background: linear-gradient(to bottom,  #ffffff, #26507E, #ffffff);
    color: #000;
}

.rotate-box {
    overflow: hidden !important;
    position: relative;
    padding: 60px 0;
}

.rotate-inline {
    display: flex;
    gap: 30px;
    animation: scroolleft 20s linear infinite;
}

@keyframes scroolleft{
    0%{
    transform: translateX(0%) ;
    }
    100%{
    transform: translateX(-50%) ;
    }
}

.rotate-inline2 {
    display: flex;
    gap: 30px;
    animation: scroolright 20s linear infinite;
}
@keyframes scroolright{
    0%{
    transform: translateX(-50%);
    }
    100%{
    transform: translateX(0%);
    }
}

.rotate-card{
    height: 200px;
    width: 300px;
    background: white;
    box-shadow: 0px 5px 4px 5px #00000066;
    border-radius: 10px;
    transform: rotate(-1.5deg);
}
.liner-colors{
    background: linear-gradient(to bottom, blue, white);
}
#images-folder2{
    max-height: auto;
    max-width: 100%;

}
.card-custom{
    border: 1px solid #007DBB;
    padding: 5rem 8px;
    background-color: white;
    text-align: center;
}


.mb-3 textarea,
.mb-3 input{
    border: 1px solid;
    border-radius: 0px;
}


/* ----media query ---  */

@media (max-width: 1199px) {
    .list_s ul{
       font-size:16px;
    }
}
@media (max-width: 990px) {
    .titanim-h h5{
        font-size: 2.5rem;
    }
    .sec-6 h4{
      font-size:2.4rem;
      font-weight: bold;
    }
    .sec-6 p{
      font-size: 1rem;
    }
    .sec-8 h4{
        font-size:3rem;
    }
    .pera-1 p{
        font-size: 1rem;
    }
    .list_s ul{
       font-size:13px;
    }
    .sec-9 h3{
        font-size: 3em;
    }
    .sec-9 p{
        font-size: 1.5rem;
    }
    .images-folder img{
    max-height: 73px;
    }

    .sec11-div h3{
   font-size: 3rem;
}
}
@media (max-width: 768px) {
    .titanim-h h5{
        font-size: 1rem;
    }
    .sec-4{
        max-width: 720px;

    }
    .sec-8 h4{
        font-size:2rem;
    }
    .sec-8 p{
        font-size: 1rem;
    }
    .images-folder img{
    max-height: 45px;
    }

    .sec11-div h3{
        font-size: 2.2rem;
    }
    #border_satup{
        border-bottom: 2px solid #007DBB ;
        border-right: 0px ;
    }
    .titanim-h h5{
        font-size: 30px;
    }

    .box-span {
        font-size: 16px;
    }


}

@media (max-width: 420px){
    .titanim-h h5{
        font-size: 1.1rem;
    }
    /* .h1-pcon h1 {
        font-size: 2.4rem;

    }

    .h1-pcon p {
        font-size: 1.2rem;

    } */

}
/* <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3302.240628474023!2d-119.01679962426182!3d34.22384597307985!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80e84f0a2ea7a9c7%3A0x19c5e3f1c9c4f1ff!2s250%20Via%20Alexander%2C%20Camarillo%2C%20CA%2093012%2C%20USA!5e0!3m2!1sen!2s!4v1722345361906!5m2!1sen!2s" width="100%" height="300" style="border: 0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="mb-4"></iframe> */

/* ---END--footer-section3-- */