@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
body{
    background-color: white;
    /* font-family: "-apple-system",BlinkMacSystemFont,"-webkit-system-font","Malgun Gothic","Segoe UI","Helvetica Neue",Helvetica,sans-serif;  */
    /* font-family: Cinzel, Palatino Linotype, sans-serif; */
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    /* font-family:"Ubuntu", sans-serif; */
}
.navbar{
    /* background-color:black;  */
    background-color:#0d1b2a;
    padding: 5px 50px;
    width: 100%;
    height: 50px;
    position: fixed;
    /* overflow: auto; */
    z-index: 999;
    font-size: 14px;
}
.navbar img{
    position:absolute;
    background-color: whitesmoke;
    border-radius: 50%;
    height: 40px;
}
.navbar ul{
    position:relative;
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 10px 0px 0px 10px;
    font-size: larger;
    
}
.navbar li{
      list-style-type: none;
      font-weight: bolder;
      /* margin:5px 0px 0px 10px */ 
}
.navbar a{
    text-decoration: none;
    color:white;
}
.b1 a:hover{
   background-color:green;
   color:white;
   border-radius: 50%;
}
.b2 a:hover{
  background-color:green;
  color:white;
  border-radius: 50%;
}
.n-h li a:hover{
    background-color: white;
    color: #000;
    border-radius: 5px;
    padding: 3px;
}
.abtdd li a:hover{
    background-color:white;
    color:black;
    padding: 3px;
    border-radius: 5px;
}
/* .abtdd a:hover{
    color:black;
} */
.abth a:hover{
    background-color: white;
    border-radius: 5px;
    padding: 3px;
}
.abtdd2 li a:hover{
    background-color:white;
    padding: 3px;
    border-radius: 5px;
}
.abth2 a:hover{
    background-color: white;
    border-radius: 5px;
    padding: 3px;
}
.n-con li a:hover{
    background-color: white;
    color: #000;
    border-radius: 5px;
    padding: 3px;
}
.Wires{
    position: relative;
}

.bgvid video{
    background-color: rgba(255, 255, 255,0.5);


}
 .Wires video{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    /* position: absolute; */
    /* border:1px solid white; */
 }
 .vidim1{
    position: absolute;
    /* z-index: 10; */
    top: 50%;
    left :50%;
    transform: translate(-50%,-50%); 
    color: white;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* width: 400px;
    height: 180px;  */
    /* background-color: rgba(255, 255, 255,0.1); */
  
 }
 .vidim1 h1{
    font-size: 48px;
    padding-bottom: 5px;
    font-weight: 800;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-shadow:2px 2px 4px #05132e;
    text-align: center;
    
 }
 .vidim1 h1:hover{
    -webkit-text-stroke: 2px #fff;
    color: transparent;
    /* z-index: 999; */
 }

 .vidim1 h3{
    font-size: 28px;
 }
 .vidim1 button{
    padding: 15px;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    border-radius: 10px;
    border-style: none;
    background-color:rgba(20, 32, 57,0.8);
    color:white;
 }
 .vidim1 button a{
    text-decoration: none;
    color:white;
 }
 .vidim1 button:hover{
    background-color:#05132e;
    color:black;
    transform:scale(1.2);
 }

 /* .vf{
    text-align: center;
    font-size: larger;
    /* align-items: center; 
    margin-top: 30px;
    color:#0D1B2A;
    /* background-color: #0D1B2A; 
 } */
.b{
    display: flex;
    flex-direction: row;
    margin-top:-5px;
    gap:20px;
  }
  .b li a{
    color:rgb(49, 244, 130);
  }
.b li a i{
    padding: 8px;
}   
/* .about{
    width:100%;
    overflow: auto;
    padding:50px 20px 10px 20px;
    border-right: 1px solid rgb(78, 77, 77);
    background-color:#f9f9f9;
    font-size: 16px;
    /* margin-top: 10px; 
} */
ul li a:hover{
    color:#0d1b2a;
}
.abtdd:hover .abthide{
    display:flex;
}
.abthide{
    display: none;
    
}
.abth{
    position: absolute;
    border:1px solid;
    background-color:rgba(20, 32, 57,0.8);
    box-shadow:inset;
    border-radius: 3px;
    padding:10px 20px;
    line-height: 40px;
}
.abth a{
    color:whitesmoke;
}
.abtdd2:hover .abthide2{
    display:flex;
    flex-direction:column;
}
.abthide2{
    display: none;
    
}
.abth2{
    position: absolute;
    border:1px solid;
    background-color:rgba(20, 32, 57,0.8);
    border-radius: 5px;
    padding: 10px 20px;
    line-height: 40px;
}
.abth2 a{
    color:whitesmoke;
}
.ab1{
    width: 100%;
    color:#1b263b;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    
}
.ab1 h2{
    color:#0D1B2A;
    border-bottom: 3px solid rgba(89, 117, 156,0.5);
    padding-bottom: 30px;
}
.ab1 p{
    font-size: 20px;
    padding-top: 20px;
    line-height: 30px;
}
.ab{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /* transition:1.05; */
}
.ab:hover{
    transform: scale(1s);
}
.ab h2{
    text-align:center;
    font-size: 30px;
}
.ab p{
    text-align: center;
    font-size: 20px;
}
.abc{
    display: flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
    /* flex-wrap: wrap; */
    /* justify-content: center;
    align-content: center;
    align-items: center; */
    gap:10px;
    text-align: justify;
    margin-top: 10px;
    height: 400px;
  
}
.about{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding:50px 20px 10px 20px;
    width:100%;
    height:100%;
    gap:10px;
    background-color:#f9f9f9;
}
.about .left-side{
    width:50%;
}
.left-side h2{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #2a2a2a;
}
.left-side p{
    font-size: 16px;
    font-weight: 700;
    color: #677078;
    line-height: 1.688;
    text-align: center;
    padding:10px;
}
.left-side button{
    align-items: center;
    background-color: #0d1b2a;
    padding: 10px;
    font-size: 15px;
    font-weight: 800;
    margin-left: 250px;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    border-style:none ;
}
.left-side button:hover{
    transform: scale(1.2);
}
.left-side button a{
     text-decoration: none;
     color: white;
}
.about .right-side{
    width:50%;
}
.right-side img{
    width:100%;
    height: 450px;
    border-radius: 10px;
    box-shadow:5px 5px 5px gray;
}
/* .abc img{
    height:100%;
    width:100%;
    border-radius: 10%;
}
.abc1{
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 10px;
}
.abc1:hover{
    background-color: #1b263b;
    color:white;
    border-radius: 5px;
}
.abc1:hover p{
    color:white;
}
.abc1:hover h2{
    color:white;
}
.abc1:hover h4{
    color:white;
}
.abc1 h2{
    color:#0D1B2A;
}
.abc1 p{
    color:#0D1B2A;
    line-height: 20px;
}
.a1{
    transition: 0.5s;
} */
/* .a1:hover{
    transform: scale(1.02);
    /* background-color:rgb(13, 13, 83); 
     /* background-color: #1b263b;
     color: #fff; 
} */
/* .a1 h4:hover{
    color:white;
} */
.a1{
   
    width:100%;
    border-radius: 5px;
    padding: 5px 10px;
    /* background-color:black; */
    /* background-color:#0D1B2A; */
    color:#0D1B2A;
    font-size: 17px;
    line-height:23px;
    padding-top: 10px;
}
.a1 h4{
    /* color:#1b263b; */
    text-align: center;
    font-size: 20px;
    padding-bottom: 10px;
}
/* .a2 p b{
    
    color:#1b263b;
}
.a2 p{
    color:#1b263b;
} */
/* .imp{
    
    margin-top:10px;
    padding:30px 10px;
    
    color: rgb(10, 10, 10);
    border-radius: 5px;
    font-size: 18px;
    line-height: 24px;
}
.imp h4{
    color:#0D1B2A;
    font-size: 22px;
}
.a2 p{
    display: flex;
    flex-direction: column;
    padding-top: 10px;
} */
h2 {
    text-align: center;
    color: #0D1B2A;
    padding-bottom: 30px;
}
.products {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
    background-color: #edeeeb;
}

.products h2 {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-top: 60px;
    border-bottom: 2px solid gray;
    text-align: center;
    color: #0D1B2A;
    /* color:white; */
    padding-bottom: 30px;
}
.pimg {
    width: 100%;
    display: grid;
    margin: 30px 0px;
    padding: 0px 20px;
    font-size: 18px;
    gap: 30px;
    grid-template-columns: repeat(4, minmax(250px, 1fr));
}


.img1:hover {
    transform: scale(1.10);
    
}

.img1 {
    width: 250px;
    
    /* background-color: rgba(7, 7, 7, 0.3); */
    /* background-color: #1b263b; */
    border-radius: 10px;
    background-color: white;
    color: black;
    transition: 0.5s;
    box-shadow: 2px 3px 5px rgb(42, 82, 142);
}

.img11 {
    width: 100%;
    height: 200px;
    object-fit: cover;
    
}

.img11 img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* background-color: rgb(16, 35, 69); */
    background-color:rgba(129, 121, 121, 0.8);
    height: 100%;
    width: 100%;
}


.img1p {
    text-align:justify;
}

.img1p figcaption {
    display: flex;
    font-weight: 1000;
    justify-content: center;
    /* color: #0D1B2A; */
    color:black;
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.img1p h4{
    text-align: center;
    color:rgba(0,0,0,0.8);
}

.img1p p {
    padding: 10px;
    font-size: 16px;
    text-align: center;
    color:rgba(0,0,0,0.7);
}
/* .img1p p a{
    text-decoration: none;
    /* color:black; 
    color:rgba(0,0,0,0.7);
} */
.img1p button{
    align-items: center;
    background-color: #0d1b2a;
    padding: 10px;
    font-size: 15px;
    margin-left: 80px;
    margin-bottom: 20px;
    border-radius: 5px;
    border-style:none ;
}
.img1p button a{
    text-decoration: none;
    color: white;
}
.img1p button:hover{
    background-color: #1b263b;
    /* color: black; */
}
.sucs h3{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 30px;
    text-align: center;
    /* border-top: 1px solid gray; */
    border-bottom: 2px solid gray;
    padding: 30px 0px;
    color: #0D1B2A;
 }
 section{
    /* background-color:#f8f9fa; */
    background-color:#f9f9f9;

    padding: 10px;
 }
 .rc{
    display: flex;
    flex-direction: row;
    /* display: grid;
    grid-template-columns: repeat(2,minmax(100px,0.5fr)); */
    flex-wrap: wrap;
    justify-content: center;
    gap:20px;
    margin:30px 10px;
 }
 .rc1:hover{
    transform: scale(1.04);
    background-color:#1b263b;
 }

 .rc i{
    color:gainsboro;
 }
 .rc h3{
    color:azure;
    padding-bottom: 15px;
 }
 .rc1{
    background-color:#0D1B2A;
    color:white; 
    border-radius: 10px;
    width:300px;
    height: 400px;
    text-align: center;
    padding: 0px 0px;
    transition: 0.5s;
 }
 .rc1 img{
    width: 100%;
    height: 60%;
    border-top-right-radius: 10px;
    border-top-left-radius:10px ;

 }
 .rc1 p{
    padding-bottom: 20px;
    line-height: 25px;
 }

 .cont-1{
    width:50%;
    display: flex;
    justify-content: center;
 }
 .cont{
    width:50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
 }
 .con-details{
    /* background-color:rgba(0,0,0,0.3); */
    /* background-color:#f8f9fa; */
    /* background-color: white; */
    background-color: #edeeeb;
    /* padding-bottom: 20px; */

 }
 .con-details h2{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding-top: 70px;
 }
 .con-details #p1{
    text-align: center;
    font-size: 20px;
}
 .cont-us{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    /* margin: 20px 10px; */
    padding-bottom: 20px;
    padding-top: 20px;

 }
 .cont h3{
    padding: 10px 0px;
 }
 .cont p{
    padding: 10px 0px;
}
 .cont p a{
    text-decoration: none;
    color:rgba(0,0,0,0.7);
    /* color:white; */
 }
 .cont p a:hover{
    color:orangered;
 }
 .cont p i{
    gap:10px;
 }
 .cont iframe{
    width:400px;
    height: 300px;
 }
 .form{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* margin:10px 30px; */
    gap:15px;
    padding: 30px 30px;
    border:1px solid black;
    width:400px;
    height: auto;
    background-color: white;
    border-radius: 5px;
    box-shadow: 3px 3px 8px;
 }
 .form input{
    width:90%;
    height: 40px;
    /* margin-top:10px; */
    padding: 10px 15px;
    box-shadow: 10px;
    border-color: rgba(0,0,0,0.5);
    border-radius: 5px;
    border-style: none;
    
    border: 1px solid black;
}
.form .m1{
    height: 100px;
    width:90%;
    padding: 15px;
    border-color: rgba(0,0,0,0.5);
    border-radius: 5px;
    
 }
 .form button{
    background-color:rgb(31, 121, 255);
    margin-top: 30px;
    padding:10px;
    color:whitesmoke;
    border-radius: 5px;
    border-style: none;
    width:50%;
    /* margin-left: 10px; */

 }
 .form button:hover{
    background-color:blue;
 }
 
footer{
    /* margin-top: 20px; */
    padding: 5px 20px;
    background-color:#0d1b2a;
    /* background-color: rgb(2, 7, 30); */
    color:#E0E1DD;
}
.fc h3{
    text-align: center;
    padding: 10px 25px; 
    font-size: 16px;
}
.fdall{
    display: flex;
    /* gap:60px; */
    justify-content: space-around;
    /* gap:20px; */
    padding-bottom: 30px;
}
.fd a{
    text-decoration: none;
    color:whitesmoke;
}
.fd img{
    border-right: 1px solid gray;
    padding: 5px;
    background-color: whitesmoke;
    border-radius:10px;
    box-shadow: 2px 2px 5px;
}
.fd p{
    text-align: center;
    padding: 5px;
    font-size: 12px;
}
.fl{
    border-top: 2px solid gray;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}    
.fl p{
    /* border-top: 2px solid gray; */
    padding: 10px;
    font-size: 12px;
}
.fl p1{
   font-size: 12px;
   padding: 10px;
}
.fd h3{
    border-bottom: 1px solid navajowhite;
    font-size: 14px;
}
@media(max-width:1440px){
    .left-side button{
         margin-left: 290px;
    }
}
@media(max-width:1340px){
    .left-side button{
         margin-left: 250px;
    }
}
@media(max-width:1250px){
   .left-side button{
        margin-left: 235px;
   }
}
@media(max-width:1200px){
    .left-side button{
         margin-left: 225px;
    }
 }
@media(max-width:1150px){
    .vidim{
        top:460px;
        left :650px;
    }
    .pimg {
        grid-template-columns: repeat(3, minmax(250px, 1fr));
        place-items: center;
    }
    .img1 {
        width: 250px;
        height:100%;
    }
    .left-side button{
        margin-left: 215px;
   }
}
@media(max-width:1120px){
    .left-side button{
        margin-left: 205px;
   }
}
 /* @media(max-width:1050px){
      .vidim1 h1{
        font-size: 40px;
    }
    .vidim1 h3{
        font-size: 20px;
    }
 } */
 @media(max-width:1070px){
    .left-side button{
        margin-left: 195px;
   }
}
@media(max-width:1040px){
    .left-side button{
        margin-left: 185px;
   }
}
@media(max-width:1000px){
    .img1 {
        width: 250px; 
        height:100%;
}
}
@media(max-width:980px){
  .rc1{
    width:380px;
    height: 450px;
  }
  .left-side button{
    margin-left: 175px;
}
}
@media(max-width:940px){
    .left-side button{
      margin-left: 165px;
  }
  }

@media(max-width:910px){
    
    .cont iframe{
        width:350px;
        height: 200px;
    }
    .form .m1{
        height: 100px;
        width:90%;
        padding: 15px;
        border-color: rgba(0,0,0,0.5);
        border-radius: 5px;
    }
    .cont-1{
        width:40%;
    }
}
@media(max-width:900px){
   
    .img1 {
        width: 250px;
        height:100%;
}
.left-side button{
    margin-left: 155px;
}
}

@media(max-width:850px){
  
    /* .vidim1 h1{
        font-size: 30px;
    }
    .vidim1 h3{
        font-size: 17px;
    } */
    .pimg {
        grid-template-columns: repeat(2, minmax(250px, 1fr));
        place-items: center;
    }
    .img1 {
        width: 300px;
        height:100%;
    }
    .img1p button{
        margin-left: 105px;
    }
    .about{
        display: flex;
        flex-direction: column;
        /* flex-wrap: wrap; */
        width:100%;
        height: 100%;
    }
    .about .left-side{
        width: 100%;
    }
    .about .right-side{
        width: 100%;
    }
    .left-side h2{
        border-bottom: 2px solid gray;
         padding-bottom: 20px;
    }
    .left-side button{
        margin-left: 350px;
    }
}
@media(max-width:830px){
   
    .vidim h1{
        font-size: 23px;
    }
}
@media(max-width:810px){
    .left-side button{
        margin-left: 330px;
    }
}
@media(max-width:800px){
    
  
    .vf{
        font-size: 16px;
        margin-top:10px;
    }
    /* .about{
        margin-top: 30px;
    } */
    .cont iframe{
        width:350px;
        height: 200px;
    }
    .fdall img{
        width:200px;
        height: 80px;
    }
    .fdall{
        font-size: 14px;
    }
}
@media(max-width:780px){
    .left-side button{
        margin-left: 310px;
    }
}
@media(max-width:750px){
 
    .n-h{
        display:none;
    }
    .n-con{
        display:none;
    }
    .vidim img {
        top: 100px;
        left :200px; 
        width: 340px;
        height: 140px; 
    }
}
@media(max-width:740px){
    .left-side button{
        margin-left: 290px;
    }
}
@media(max-width:730px){
  
    .vidim1 h1{
        font-size: 40px;
    }
    .vidim1 h3{
        font-size: 20px;
    }
    .vf h1{
        font-size: 25px;
    }
    .navbar{
        height: 50px;
    }
    .navbar ul{
        justify-content: center;
        gap: 30px;
        margin-left:40px;
        font-size: 14px;
    }
    .ab1 p{
        font-size: 18px;
        padding-top: 10px;
        line-height: 25px;
    }
    .a1 p{
        font-size: 16px;
    }
    .imp h4{
        font-size: 20px;
    }
    .a2 p{
        font-size: 16px;
    }
    .cont-us{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    footer{
        font-size: 15px;
    }
    .contact{
        font-size: 14px;
    }
    .locate{
        font-size: 14px;
    }
    .cont-1{
        width:50%;
    }

}
@media(max-width:700px){
  
    .pimg {
        grid-template-columns: repeat(2, minmax(250px, 1fr));
        /* justify-content: center; */
        align-items: center;
    }
    .img1 {
        width: 250px;
        height: 100%;
        justify-content: center;
    }
    .img1p button{
        margin-left: 80px;
    }
    .fl{
        display: flex;
        flex-direction: column;
    }
    .fl p{
        font-size: 12px;
    }
    .fl p1{
        text-align: center;
        font-size: 12px;
    }
    .left-side button{
        margin-left: 270px;
    }
}
@media(max-width:690px){
    .fdall{
        font-size: 12px;
    }
    .fdall img{
        width:150px;
        height:80px;
    }
    .rc{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:20px;
        /* margin:30px 10px; */
     }
     .rc1{
        width:380px;
     }
    .cont iframe{
        width:350px;
        height: 200px;
        /* margin-left:20px; */
    }
}
@media(max-width:660px){
    .left-side button{
        margin-left: 250px;
    }
}
@media(max-width:650px){
    .cont iframe{
        width:350px;
        height: 200px;
        margin-left:-20px;
    }
   
}
@media(max-width:640px){
    /* .vidim1 h1{
        font-size: 24px;
    }
    .vidim1 h3{
        font-size: 16px;
    } */
}
@media(max-width:630px){
  
    .vidim h1{
        /* font-size: 18px; */
    }
}
@media(max-width:620px){
    .left-side button{
        margin-left: 230px;
    }
}
@media(max-width:600px){
    .navbar ul{
        justify-content: center;
        gap: 20px;
        margin-left:0px;
        font-size:14px ;
        margin-top: 10px;
    }
    .navbar img{
        height:30px;

    }
    .navbar{
        height: 50px;
    }
    .abc{
        display: flex;
        flex-direction:column;
    }
    
    .vf{
        font-size: 14px;
        margin-top:10px;
    }
    /* .about{
        margin-top: 20px;
    } */
    .rc1{
        width:350px;
     }
    .fdall{
        display: flex;
        flex-direction: column;
    }
    .fd2{
        display:none;
    }
    .fdall img{
        margin-left:170px;
        width:200px;
        height: 80px;
    }
    .fd h3{
        border-bottom: none;
    }
    .f1 p{
        font-size: 12px;
    }
    .cont-1{
        width:60%;
        height: auto;
    }
    .left-side h2{
        border-bottom: 2px solid gray;
         padding: 20px;
    }
    .left-side p{
        /* padding-top: 0px; */
        font-size: 14px;
        font-weight: 600;
    }
   
}
@media(max-width:585px){
    .vidim1 h1{
        font-size: 35px;
    }
    .vidim1 h3{
        font-size: 15px;
    }
}
@media(max-width:580px){
    .fdall img{
        margin-left:150px;
        width:200px;
        height: 80px;
    }
    .left-side button{
        margin-left: 210px;
    }
    .right-side img{
        width:100%;
        height: 350px;
    }
}
@media(max-width:575px) {
    .pimg {
        grid-template-columns: repeat(1, minmax(250px, 1fr));
        place-items: center;
    }
    .img1{
        width:300px;
        height:100%;
        /* place-items: center; */
    }
    .img1p button{
        margin-left: 105px;
    }
}
@media(max-width:550px){
    .b .b2{
        display:none;
     }
    .contact{
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .fdall img{
        margin-left:150px;
        width:200px;
        height: 80px;
    }
    .cont iframe{
        width:350px;
        height: 200px;
        margin-left:-40px;
    }
   
}

@media (max-width:540px){
    .left-side button{
        margin-left: 185px;
    }
    .vidim1 button{
        padding: 12px;
        font-size: 18px;
        font-weight: 600;
    }
}
@media(max-width:530px){
   
    .vidim h1{
        font-size: 16px;
    }
    .fdall img{
        margin-left:140px;
        width:200px;
        height: 80px;
    }
}
@media(max-width:520px){
    .fdall img{
        margin-left:130px;
        width:190px;
    }
}
@media(max-width:500px){
    .fdall img{
        margin-left:120px;
        width:200px;
        height: 80px;
    }
    .rc{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:20px;
        /* margin:30px 10px; */
     }
     .rc1{
        width:300px;
        height:350px;
     }
     
     .cont iframe{
        width:350px;
        height: 200px;
        margin-left:-60px;
    }
    .cont-1{
        width:70%;
        height:auto;
    }
    .right-side img{
        width:100%;
        height: 300px;
    }
    .left-side button{
        margin-left: 170px;
        font-size: 14px;
        font-weight: 700;
    }
}
@media(max-width:490px){
    /* .vidim1 h1{
        font-size: 18px;
    }
    .vidim1 h3{
        font-size: 12px;
    } */
}
@media(max-width:480px){
    .navbar ul{
        justify-content: center;
        gap: 20px;
        margin-left:50px;
        font-size: small;
        margin-top: 10px;
    }
    .navbar img{
        width:30px;
    }
    .navbar{
        height: 50px;
    }
    .fdall img{
        margin-left:115px;
        width:190px;
        height: 80px;
    }
}
@media(max-width:460px){
    .fdall img{
        margin-left:105px;
        width:190px;
        height: 80px;
    }
    .left-side button{
        margin-left: 155px;
    }
}
@media(max-width:450px){
    
    .abth{
        font-size: 10px;
    }
    .abth2{
        font-size: 10px;
    }
    .right-side img{
        width:100%;
        height: 250px;
    }
}
@media(max-width:440px){
    .vidim{
        top:160px;
        left:163px;
    }
    .vidim h1{
        font-size: 14px;
    }
    .vf{
        font-size: 12px;
        margin-top:10px;
    }
   .vidim1 h1{
        font-size: 30px;
    }
    .vidim1 h3{
        font-size: 15px;
    }
    
}
@media(max-width:430px){
   
    .fdall img{
        margin-left:95px;
        width:180px;
        height: 80px;
    }
    .cont iframe{
        width:300px;
        height: 200px;
        margin-left:-40px;
    }
    .left-side p{
        font-size: 13px;
    }
      .Wires video{
        height: 60vh;
     }
}
@media(max-width:420px){
    .left-side button{
        margin-left: 140px;
    }
}
@media(max-width:400px){
    .b .b2{
       display:none;
    }
    .fdall img{
        margin-left:90px;
        width:180px;
        height: 80px;
    }
    .cont iframe{
        width:300px;
        height: 200px;
        margin-left:-50px;
    }
    .cont-1{
        width:70%;
        height:auto;
    }
    .pimg {
        grid-template-columns: repeat(1, minmax(250px, 1fr));
    }
   .img1{
        width:250px;
        height:100%;
    }
    .img1p button{
        margin-left: 80px;
    }
    .form{
        width:400px;
        height: 380px;
    }
    .abth{
        padding: 5px 10px;
    }
    .abth2{
        padding: 5px 10px;
    }
    .right-side img{
        width:100%;
        height: 230px;
    }
}
@media(max-width:390px){
    .fdall img{
        margin-left:85px;
        width:170px;
        height: 80px;
    }
    .vidim1 h1{
        font-size: 25px;
    }
    .vidim1 h3{
        font-size: 15px;
    }
    .left-side button{
        margin-left: 140px;
    }
}
@media(max-width:380px){
    .cont iframe{
        width:300px;
        height: 200px;
        margin-left:-60px;
    }
    .fdall img{
        margin-left:80px;
        width:170px;
        height: 80px;
    }
    .rc1{
        width:290px;
        height:340px;
     }
  }
@media(max-width:370px){
    .fdall img{
        margin-left:75px;
        width:170px;
        height: 60px;
    }
    .fc h3{
        font-size: 16px;
    }
}
@media(max-width:360px){
    .left-side button{
        margin-left: 110px;
    }
}
@media(max-width:350px){
    .fdall img{
        margin-left:70px;
        width:170px;
        height: 60px;
    }
    .cont iframe{
        width:280px;
        height: 200px;
    }
    .abth{
        font-size: 10px;
        padding: 5px 5px;
    }
    .abth2{
        font-size: 10px;
        padding: 5px 5px;
    }
    .right-side img{
        width:100%;
        height: 220px;
    }
    .left-side p{
        font-size: 12px;
    }
}
@media(max-width:340px){
    .fc h3{
        font-size: 14px;
    }
    .fdall img{
        margin-left:65px;
        width:170px;
        height: 60px;
    }
    .vidim1 h1{
        font-size: 25px;
    }
    .vidim1 h3{
        font-size:15px;
    }
    .left-side button{
        margin-left: 103px;
    }
}
@media(max-width:330px){
    .fdall img{
        margin-left:60px;
        width:160px;
        height: 60px;
    }
    .cont iframe{
        width:280px;
        height: 200px;
        margin-left:-60px;
    }
    .left-side button{
        margin-left: 95px;
    }
}
@media(max-width:320px){
    .left-side button{
        margin-left: 90px;
    }
}