*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: Arial,sans-serif;
    
  }
  p{
    text-indent: 10px;
    text-align: justify;
    letter-spacing: 1px;
    line-height: 25px;
    font-size: 18px;
    color: #03090f;
  }

/***************start-footer************/

.foot{
    background:#334046;
    display:flex;
    width:100%;
    padding:40px 60px;
    
  }
  .ft{
    width: 21%;
    padding: 22px 40px;
    line-height: 30px;
  
  }
  .ft1{
    width: 35%;
    padding: 20px;
    line-height: 20px;
    

  }
  .ft a{
    text-decoration:none;
    color:#ffffff;
  }
  .ft td{
    padding: 12px 0px 0px;
  }
  
  .s-continer-f{
    padding:3%;
  background:#f4f5f9;
  text-align: center;
  }
  .h{  
    color: #4b9ffe;
    float: left;
  }
  /***************end-footer************/





  /* ***********START-HEADER************** */
  /* search-icon */
  .search-container{
    float:left;
    width: 50%;
}
#sub-btn{
  font-size: 14px;
    padding: 12px;
    cursor: pointer;
}
#inp-search{
  font-size: 14px;
  padding: 12px;
  margin-right: -6px;
  width: 70%;
}
.flex-nav{
    display:flex;
    justify-content: space-around;
    align-items: center;
}

.flex1-nav{
  width:40%;
  text-align:left;
}
.flex2-nav{
  width:55%;
}

.flex2-nav a i{
  background: #0d53a2;
  color:#fff;
  padding: 14px;
  border-radius: 50%;
  width: 45px;
}
.flex2-nav a i:hover{
  background: #77a149;
}
.topnav {
  padding:0 22px 8px;
    /* border-radius: 7px;
    margin: 0 5% 1%; */
    overflow: hidden;
    background-color: #334046;
  }
  
  .topnav a {
    text-shadow:  1px 1px 10px #40f310;
    float: left;
    display: block;
    color: #fff;
    text-align: center;
    padding: 15px 30px;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer;
    border-radius: 5px;
  }
  
  .active {
    background-color: #04AA6D;
    color: white;
  }
  
  .topnav .icon {
    display: none;
  }
  
  .dropdown {
    float: left;
    overflow: hidden;
  }
  .dropdown1 {
    float: left;
    overflow: hidden;
  }
  
  .dropdown .dropbtn{
    cursor: pointer;
    text-shadow:  1px 1px 10px #40f310;
    font-size: 15px;    
    border: none;
    outline: none;
    color: white;
    padding: 15px 22px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    width:208px;
    cursor: pointer;
  }
  
  .dropdown-content {
    border: 1px solid aliceblue;
    display: none;
    position: absolute;
    background-color: #334046;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .dropdown-content a {
    text-shadow: 2px 2px 8px #40f310;
    border-bottom: 1px solid #fff;
    float: none;
    color:#fff;
    padding: 14px 34px;
    text-decoration: none;
    display: block;
    text-align: left;
  }
  
  .topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #0d53a2;
    color: white;
  }
  
  .dropdown-content a:hover {
    background-color: #0d53a2;
    color: #fff;
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
  }
  
  .header {
    background-color: #334046;
    text-align: center;
    padding: 5px;
}
  
  @media screen and (max-width: 940px) {
    .topnav a:not(:first-child), .dropdown .dropbtn {
      display: none;
    }
    .topnav a.icon {
      float: right;
      display: block;
    }
    .flex2-nav{
      display:none;
    }
    .topnav{
      margin:0;
      border-radius:0;
    }
    .flex-nav{
      justify-content: space-between;
    }
    





  }
  
  @media screen and (max-width: 940px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 13px!important;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
      display: block;
      width: 100%;
      text-align: left;
      
    }
  }
.right{
  float:left;
}


/* *************END-HEADER************* */

  /* START-slider */

  .dott{
    display:none;
  }
  .index-slide-form{
  width:100%;
  position:relative;
  background:#f8fbfb;
}
.index-slide-form2{
  width:100%;
  position:relative;
  background:#eef3f5;
}
.field-set-index0{
 
  text-align: center;
  display: flex;
  top:0%;
  position: absolute;
  padding: 3%;
}
.field-set-index {

 background: linear-gradient(to bottom, #ad4c4c 0%,  #021e27  100%);
  text-align: center;
 
  padding: 14px;
  border-radius:10px;
  
  color:#fff;
  
}

.mySlides {display: none;}
/* img {vertical-align: middle;} */
/* Slideshow container */
.slideshow-container {
position: relative;
margin: auto;
}

/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

/* The dots/bullets/indicators */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active {
background-color:#0d53a2;
}

/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}

@-webkit-keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}

@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}
  /* END-slider */
  


  /*********************************888  */
  .container{
      background:#f8fbfb;
      padding:5% 6%;
  }
  .container-contact{
    background: #e8ecef;
    padding:5% 8%;
}


 
  .container-pro{
    background:#e7e9e9;
    padding:4% 3%;
  }

  
.cont-ind{
    background: #f8fbfb;
    padding: 3% 0;
}

  
.cont-pro{
  background:   #eaebeb;
  padding: 3% 0;
}

  .container-head{
      padding:0 7% 3%;
  }

  .hd1{
      text-shadow:2px 1px #c9cbc0;
      color: #0d53a2;
      font-weight: bold;
      font-size: 30px;
      margin: auto;
      width: max-content;
      padding:2% 5%;
  }
  .flex{
      display:flex;
      justify-content: space-around;
      align-items:normal;
  }
  .flex1{
    width: 70%;
    /* border: 1px solid #d7cdcd;
    border-radius: 5px;
    box-shadow: -1px 2px 5px -1px darkgrey; */
  }
  .flex2{
    width: 27%;
    /* border: 1px solid #d7cdcd;
    border-radius: 5px;
    box-shadow: -1px 2px 5px -1px darkgrey; */
  }
  .flex1-content{
    padding:1% 6% 1% 0;
    text-align:left;
  }
  .flex-img{
  background: url(assets/jwar.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  }
  @media screen and (max-width: 600px) {
    .foot{
      flex-wrap: wrap;
    }
    .flex, .s-flexab, .s-flexab{
      flex-direction:column;
    }
    .flex1, .flex2, .ft1, .s-flex-contact, .s-flex-ab{
      width:100%;
    }
    .ft{
      width:30%;
      padding: 0 13%;
    }
    .ft1{
      text-align:center;
      border-bottom: 1px solid darkgray
    }
  }

  @media screen and (max-width: 745px) {
  
  .s-flexab, .s-flexvs, .flexgal, .maj{
      flex-direction:column;
    }
    .s-flex-ab, .s-flex-vs, .flex-gal, .maj1, .maj2 {
      width:100%!important;
    }
    .index-box-imagevs1, .index-box-imagevs2, .index-box-imagevs3 {
      height: 50vh!important;
      margin: 1% 0!important;
    }
    .font-vs {
      font-size: 16px!important;
      line-height: 25px!important;
  }
  .s-contvs{
    padding:2%!important;
  }
  .tab-pro .th-pro, .td-pro {
    padding: 10px!important;

  }
  .flex-cl img {
    width: 45%!important;
  
}
  }






  /* START-slider2---SOME CODE ARE INCLUDED IN 1ST SLIDEER */
  .mySlides1 {display: none;}
/* img {vertical-align: middle;} */
/* Slideshow container */
.slideshow-container {
position: relative;
margin: auto;
}
.dot1 {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.mySlides3 {display: none;}
/* img {vertical-align: middle;} */

/* Slideshow container */
.slideshow-container {
position: relative;
margin: auto;
}

.dot3 {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
/* .bord1 img{
    border:3px solid #3b6d9c;
}     */
.bord1 img ::before{
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-right: 100px solid red;
    border-bottom: 50px solid transparent;

}

 .bg1{
    background: #f0f6f6;
 }   
 .bg2{
     background:#fff;
 }
 .pad1{
     padding-top:3%;
 }

  /* END-Slider */


  /* slider-2 */
  .dot2{
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
  
  /*********************************888  */

  /* ********START-gallery******** */
  .flexgal{
    margin: 2% 0%;
    display:flex;
      justify-content: space-around;
      align-items:normal;
  }
  .flex-gal{
    width:23%;
    border:1px solid gray;
  }
  .flex-gal img{
    border:1px solid blue;
  }
  .pad2{
    padding: 1% 4%;
  }
  .zoom{
    transition: all linear .9s;
  }
  .zoom:hover{
    transform: scale(1.5) rotate(-20deg);
    cursor: pointer;
  }
  .flex-gal:hover{
    border:6px solid gray;
    padding:0;
  }
  .frame{
    overflow:hidden;
    position:relative;
    padding: 6px;
  }
  .content{
    display: none;
    position:absolute;
    bottom:0;
    background:rgba(0,0,0 );
    background: rgba(0,0,0,0.5);
    width:100%;
    padding:2px;
  }
  .content p{
    color: #fff;
    font-size:13px;
  }
  /* ********END-gallery******** */

  /* START-CONTACT US */
  /* start-contact-page-start */
  .buton{
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.10);
    background-color:#334046;
    border-radius: 5px;
    color: #fff;
    border: none;
    line-height: 45px;
    width: 150px;
    font-size: 15px;
    cursor: pointer;
}
  .buton:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),8px 18px 50px 12px rgba(0,0,0,0.19);
    background-color:#0d53a2;}
    
  .s-flexab{
    display:flex;
    justify-content: space-around;
     align-items: normal;
  }
.row-text-contact{
  background: url(assets/s10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 60vh;
  }
  
  .s-flex-contact{
  width: 47%;
  border-radius: 5px;
  
  }
  
  .field-set-contact {
  box-shadow: -1px 2px 5px -1px darkgrey;
  background: #d9dddd;
  padding: 70px 85px;
  /* text-align: center; */
  /* width: 95%;
   min-height:565px;
  padding: 50px; */
  }
  
  .input-w1 {
  width: 350px;
  height: 45px;
  }
  .input-w2 {
  height: 45px;
  }
  .flex {
    display: flex;
    padding: 40px 55px;
    flex-wrap: wrap;
    justify-content: center;
    border: 1px solid #d7cdcd;
    box-shadow: -1px 2px 5px -1px darkgrey;
    margin:3%;
  }
  .cont-b1{
  width:50%;
  }
  .cont-b2{
  width:50%;
  }
  #map {
  height: 500px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
  }
  /* contact-page-end */
  /* END -CONTACT-US */
.hi-img{
  background: url(assets/c3.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height:80vh;
    position:relative;
}

.cov{
  position:absolute;
  width:60%;
  bottom:0px;
  left:4.5%;
  height:auto;
  background:rgba(248, 250, 252, 0.7);
  padding:5%;
  vertical-align: center;
}
.nat{
  background:rgb(197 202 207);
  padding:10%;
  text-align:center;
  vertical-align:center;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid blue; 
}

/* about-page */
.about-img{
  background: url(assets/as.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
  height:30vh;
}
.flex001{
  width: 32%;
  margin: 6px 0;
}

.flex001 img{
height:250px;
}
.flex00a{
  width: 58%;
  margin: 8px 0;
}
.flex00b{
  width: 39%;
  margin: 8px 0;
}
.flex00b img, .flex00a img{
  height: 400px;;
}
.bg-001{
  background:#fdf4f4;
  padding: 4%;
}
.flex00{
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: normal;
  margin: auto;
 
}
.flex001-content{
  background: transparent;
padding:1% 6% 1% 0;
text-align:left;
}
.flex0{
  background: #ebf1f3;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: normal;
  margin: auto;
  padding: 7% 5%;
}

.flex01{
width: 68%;
/* border: 1px solid #d7cdcd;
border-radius: 5px;
box-shadow: -1px 2px 5px -1px darkgrey; */
}

.flex02{
width: 20%;
/* border: 1px solid #d7cdcd;
border-radius: 5px;
box-shadow: -1px 2px 5px -1px darkgrey; */
}
.flex01-content{
  background:#ebf1f3;
padding:5% 5% 5% 0;
/* text-align:left; */
}

.flex0-img{
background: url(assets/jwar.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media screen and (max-width: 600px) {
  .mySlides img{
    height:170px!important;
  }
.flex0, .flex00, .s-flextest, .flex-test {
  flex-direction:column!important;
}
.flex01, .flex02, .flex00a, .flex00b, .s-flex-contact,.s-flextest, .s-flex-test1, .s-flex-test2, .test-img{
  width:100%!important;
  /* height:300px; */
}
.flex01 img, .flex02 img, .flex00a img, .flex00b img{
  height:220px!important;
}
.s-flexinfra img, .s-flex-test2 img{
  height:270px!important;
}
.field-set-contact{
  padding:35px;
}
.index-container img{
  height:280px!important;
}
.index-box-imagevs01, .index-box-imagevs001, .index-box-imagevs0001, .index-box-imagevs00001, .index-box-imagevs000001{
  height:45vh!important ;
}
.flex0{
  padding:15% 10%;
    
}
}

#slider-text{
  padding-top: 40px;
  display: block;
}
#slider-text .col-md-6{
  overflow: hidden;
}

#slider-text h2 {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: 3px;
  margin: 30px auto;
  padding-left: 40px;
}
#slider-text h2::after{
  border-top: 2px solid #c7c7c7;
  content: "";
  position: absolute;
  bottom: 35px;
  width: 100%;
  }

#itemslider h4{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  margin: 10px auto 3px;
}
#itemslider h5{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin: 3px auto 2px;
}
#itemslider h6{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;;
  font-size: 10px;
  margin: 2px auto 5px;
}
.badge {
  background: #b20c0c;
  position: absolute;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 31px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;
  font-size: 14px;
  border: 2px solid #FFF;
  box-shadow: 0 0 0 1px #b20c0c;
  top: 5px;
  right: 25%;
}
#slider-control img{
  padding-top: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 992px){
#slider-control img {
  padding-top: 70px;
  margin: 0 auto;
}
}

.cont-ind{
    background: #f8fbfb;
    padding: 3% 0;
}

.index-img{
  padding:0%;
}

.index-container{
  position:relative;
  margin:0 auto;
}
.index-content{
  bottom: 0;
  top: 0;
  width: 100%;
  position: absolute;
  /* background: rgb(0, 0, 0); */
  background: rgba(35, 65, 82, 0.7);
  color: #f1f1f1;
}
.index-content-in{
  top: 50%;
  left: 50%;
  transform: -50% -50%;
  text-align: center;
  position: absolute;
  transform: translate(-50%, -50%);
}


.s-continerab{
  padding:4% 3%;
  background:#f3f4f5;
  text-align: center;
}
.s-flexab{
  display:flex;
  justify-content: space-evenly;
   align-items: normal;
}
.s-flex-ab{
  width: 45%;
}

.index-box-image{
  background: url(assets/mac.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* background-attachment: fixed; */
 
}
.s-cont{
  border: 1px solid lightgray;
  padding:8%;
  text-align:left;
}


/* our-vision */
.bg-vision{
  background:rgb(184, 186, 189);
}
.s-continervs{
  padding:3%;
  background: #ecf1f1;
  text-align: center;
}
.s-continercl{
  padding:3%;
  background: #f8fbfb;
  text-align: center;
}
.s-flexvs{
  display:flex;
  justify-content: space-around;
   align-items: normal;
   /* margin:1%; */
}
.s-flex-vs{
  width: 47%;
    padding: 5px;
}

.index-box-imagevs1{
  background: url(assets/Our-Conduct.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:70vh;
  margin:auto;
}
.index-box-imagevs01{
  background: url(assets/coldforgingunit2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:70vh;
  margin:auto;
}
.index-box-imagevs001{
  background: url(assets/coldforgingunit2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:70vh;
  margin:auto;
}

.index-box-imagevs0001{
  background: url(assets/surfacetreamentunit.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:70vh;
  margin:auto;
}
.index-box-imagevs00001{
  background: url(assets/metaltestingunit.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:70vh;
  margin:auto;
}
.index-box-imagevs000001{
  background: url(assets/mac.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:70vh;
  margin:auto;
}



.index-box-imagevs2{
  background: url(assets/Our-Offerings.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:70vh;
  margin:auto;
}
.index-box-imagevs3{
  background: url(assets/people.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:70vh;
  margin:auto;
}
.s-contvs{
  padding:8% 4%;
  text-align:left;
}
.font-vs{
  font-size:25px;
  line-height:40px;
}

.hd2{
  text-shadow:2px 1px #c9cbc0;
  color: #0d53a2;
  font-weight: bold;
  font-size: 28px;
  /* width: max-content; */
  text-align:center;
  padding:2% 0%;
}



.vs-pad{
  padding:2% 3%;
}

/* START-slider-product */
.maj0{
  background:rgb(211, 231, 228);
  padding:5%;
}
.maj{
  width:100%;
  display:flex;
  justify-content: space-around;
  align-items: flex-start;
}
.maj1, .maj2{
  width:50%;
  padding:2%;
}
.tab-pro, .td-pro, .th-pro{
  border:5px solid rgb(173, 175, 177);
  text-align:left;
}
.tab-pro{
  border-collapse:collapse;
  width:100%;
}
.tab-pro  .th-pro, .td-pro{
  padding:15px;
  background:#264664;
  color:#fff;
}
.parent{
   background-color:rgb(209, 154, 154);
   display:flex;
   justify-content:center;
   align-items:center;
   height:400px;
}

.child{
  width:20%;
  margin:0 10px;
  display:none;
}
.child img{
  height:200px;
  width:100%;
}
#leftarrow, #rightarrow{
  margin-left:12px;
  width:3%;
  display:inline-block;
}
#leftarrow button, #rightarrow button{
  font-weight:bold;
  cursor:pointer;
  font-size:15px;
}
/* END-slider-product */

/* slider */

.body{
  /* background:#e3e3e3; */
  width:100%;
  height:60vh;
  display:flex;
  justify-content: center;
  align-items:center;
}
.slider{
  /* background:#fff; */
  width:95%;
  height:auto;
  overflow:hidden;
  position:relative;
  margin:auto;
  /* box-shadow:0 10px 20px -5px rgba(0,0,0,0.5); */
}

.slider::before,.slider::after{
  content:'';
  position:absolute;
  width:200px;
  height:100px;
  background:linear-gradient(to right, #fff 0%, rbga(255, 255, 255. 0) 100%);
  z-index: 2;
}
.slider::before{
  top:0;
  left:0;
}
.slider::after{
  top:0;
  right:0;
  transform: rotateZ(180deg);
}
.slider .slider-track{
  display:flex;
  width:calc(250px * 14);
  animation:scroll 40s infinite linear;
}
.slider .slide img{
  width: 400px;
  height: 280px;
  box-shadow: -1px 2px 5px -1px darkgrey;
  margin: 6px;
  border: 10px solid #313f50;
}
@keyframes scroll{
  0%{
    transform: translateX(0%);
  }
  100%{
    transform: translate(calc(-250px * 7));
  }
}


/*start- client */
.flex-cl img{
width:20%;
margin:2%;
border: 1px solid #dddddd;}
/*end- client */

/* start-testing */
.flex-test{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2% 0;
}
.test-img{
  width:23%;
  margin:8px;
  border: 1px solid #dddddd;}

.test-img img{
  height:50vh;
}
  .s-contest{
    padding:5% 4%;
    text-align:left;
  }

  .test-pad{
    padding: 3% 8%;
    background:#f8fbfb;
  }
  .testing1{
    padding:5% 5% 3%;
    background:#e6eef3;
  }
  .testing2{
    padding:5% 5% 3%;
    background:#e6ebe1;
  }
  .testing3{
    padding:5% 5% 3%;
    background:#f3efeb;
  }
  .s-flextest{
    width:95%;
    margin:auto;
    display:flex;
    justify-content: space-around;
     align-items: normal;
     /* margin:1%; */
  }


  .s-flex-test1{
    width: 69%;
  }
  
  .s-flex-test2{
    width: 28%;
  }
  .s-flex-test2 img{
    width:100%;
    padding-bottom:5%;
  }
  /* End-testing */


  /* INFRATRUCTURE */

  .s-flexinfra{
width:96%;
margin:auto;
  }
  .bg5{
    background:#e5dfdf!important;
  }



  @media screen and (max-width: 992px){
    .mySlides img{
      height:280px!important;
    }
    .slider .slide img{
      width: 300px;
      height: 210px;
    }

    .img-ind{
      height:210px!important;
    }
    p{
      line-height:22px;
      font-size:16px;
    }
    .hd1{
      font-size:25px;
    }
    .container-head{
      padding-bottom:0px;
    }
    .cont-ind{
      padding:0;
    }
    .body{
      height:50vh;
    }
    h1{
      font-size:18px;
    }
    .cov p{
      line-height: 10px;
    font-size: 10px;
    }
    .cov{
      width:70%;
    }
    .hi-img{
      height:70vh;
    }
    .nat{
      padding:4%;
    }
    .fttt{
      display:none;
    }
    .ft{
      width:50%;
      padding:2%;
    }
    .flex1-nav {
      width: 100%;
      text-align: center;
    }
    .foot{
      padding:0px 30px;
    }
  }


  @media screen and (max-width: 745px){
    .mySlides img{
      height:220px!important;
    }
    .slider .slide img{
      width: 240px;
      height: 170px;
    }
    .mySlides3 {
      height:180px!important;
    }
    p{
      line-height:20px;
      font-size:15px;
      text-align:justify;
    }
    .hd1{
      font-size:20px;
    }
    .body{
      height:40vh;
    }
    .cov{
      width:80%;
    }
       .hi-img{
      height:40vh;
    }
    .flex01 img, .flex02 img, .flex00a img, .flex00b img,  .flex-gal img{
      height:250px!important;
    }
    .h{
      float:none;
    }
    .hh{
      float:left!important;
    }


  }

  .child-arrow:after{
    content: '';
    width:0px;
    height:0px;
    border-top:20px solid transparent;
    border-left:15px solid #396d2b;
    border-bottom:20px solid transparent;
    border-right:10px solid transparent;
    position:absolute;
    left:102%;
    top:50%;

  }

  .child-arrow::before{
    content: '';
    width:0px;
    height:0px;
    border-top:20px solid transparent;
    border-left:10px solid transparent;
    border-bottom:20px solid transparent;
    border-right:15px solid #396d2b;
    position:absolute;
    right:102%;
    top:50%;

  }



    
  .mySlides3 img {
    border:4px solid rgb(36, 14, 14);
    background:#fdfdfd;
  }

  .mySlides3{
position:relative;
  }


  .mySlides3:after{
    content: '';
    width:0px;
    height:0px;
    border-top:25px solid transparent;
    border-left:15px solid #0d53a2;
    border-bottom:25px solid transparent;
    border-right:10px solid transparent;
    position:absolute;
    left:102%;
    top:43%;

  }

  .mySlides3::before{
    content: '';
    width:0px;
    height:0px;
    border-top:25px solid transparent;
    border-left:10px solid transparent;
    border-bottom:25px solid transparent;
    border-right:15px solid#0d53a2;
    position:absolute;
    right:102%;
    top:43%;

  }
