body{

    margin: 0;

    padding: 0;

    font-family: "Poppins", sans-serif !important;

}







p{ font-size: 16px;}





.sidenav {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 1;

    top: 0;

    right: 0;

    background-color: #194f7a;

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 60px;

    z-index: 9999;

    color: white;

    

  }

  

  .sidenav a {

    padding: 8px 8px 8px 32px;

    text-decoration: none!important;

    /*font-size: 20px;

    */color: white;

    display: block;

    transition: 0.3s;



  }

  

  .sidenav a:hover {

    color: #999;text-decoration: none !important;



  }

  

  .sidenav .closebtn {

    position: absolute;

    top: 0;

    right: 25px;

    font-size: 45px;

    margin-left: 50px;

    

  }





  .video-d{width: 100%; float: left;    margin: 120px 0 0 0;}

  .video{width: 100%;}



  



  

  @media screen and (max-height: 450px) {

    .sidenav {padding-top: 15px;}

    .sidenav a {font-size: 18px;}



   

  }





  .open-nav{

    float: right;

    color: #194f7a;

  }



  .navbar-brand{

    color: #194f7a !important;

    padding: 10px !important;

  }





 















  .title{cursor: pointer;}

  .title1{cursor: pointer;}

  .title2{cursor: pointer;}

  .title3{cursor: pointer;}

  

  

  .links {

    overflow: hidden;

    height: 0;

    -webkit-transition: height .3s linear, padding-top .3s linear;

    position: absolute;

    top: 28%;

    width: 30%;

    left: 30%;

    background: #efefef;

    border-radius: 35px;

    z-index: 99;

    

  

  }

  

  .links1 {

    overflow: hidden;

    height:0;

    -webkit-transition: height .3s linear, padding-top .3s linear;

    position: absolute;

    top: 28%;

    width: 30%;

    left:57%;

    background: #efefef;

    border-radius: 35px;

    z-index: 99;

  

  }

  .links2 {

    overflow: hidden;

    height: 0;

    -webkit-transition: height .3s linear, padding-top .3s linear;

    position: absolute;

    top: 28%;

    width: 30%;

    left: 50%;

    background: #efefef;

    border-radius: 35px; z-index: 99;

  

  }

  .links3 {

    overflow: hidden;

    height: 0;

    -webkit-transition: height .3s linear, padding-top .3s linear;

    position: absolute;

    top: 75%;

    width: 30%;

    left: 57%;

    background: #efefef;

    border-radius: 35px; z-index: 99;

  

  }

  

  

  .toggled {

  height:400px;padding: 30px;

  float: left;

  }

  

  

  



























  /* on click profile open */





  .modal {

    display: none; /* Hidden by default */

    position:absolute; /* Stay in place */

    z-index: 1; /* Sit on top */

   /* padding-top: 100px;  Location of the box */

    left: 0%;

    top: 20%;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

   /* background-color: rgb(0,0,0);  Fallback color */

   /* background-color: rgba(0,0,0,0.4);  Black w/ opacity */

  }





  .modal {

    position: absolute;

    top: 150px !important;

    right: 0;

    bottom: 0;

    left: 291px !important;

    z-index: 1050;

    display: none;

    overflow: hidden;

    outline: 0;

}



  .modal1 {

    display: none; /* Hidden by default */

    position:absolute; /* Stay in place */

    z-index: 1; /* Sit on top */

    padding-top: 100px; /* Location of the box */

    left: 25% !important;

    top: 20%;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

   /* background-color: rgb(0,0,0);  Fallback color */

   /* background-color: rgba(0,0,0,0.4);  Black w/ opacity */

  }

  

  /* Modal Content */

  .modal-content {

    position: relative;

    background-color: #552f2f;

    margin: 0 15%;

    padding: 0;

    border: 1px solid #fff;

    width: 20% !important;

    text-align: center;

    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

    -webkit-animation-name: animatetop;

    -webkit-animation-duration: 0.4s;

    animation-name: animatetop;

    animation-duration: 0.4s

  }



  @media only screen and (min-width: 0px) and (max-width: 1000px){

    .modal-content {

      position: relative;

      background-color: #552f2f;

      margin: 0 15%;

      padding: 0;

      border: 1px solid #fff;

      width: 80% !important;

      text-align: center;

      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

      -webkit-animation-name: animatetop;

      -webkit-animation-duration: 0.4s;

      animation-name: animatetop;

      animation-duration: 0.4s

    }



    .navbar-brand img{

      width: 50%;

    }



  }







  .popUpBtn{

    border-radius: 50%;

    background-color: #a5a5a5;

    width: 58px;

    height: 58px;

    position: absolute;

    top: 62%;

    right: 0%;

    color: #fff !important;

}





  .pop{

    font-size: 55px;

 

    position: absolute;

    bottom: -15px;

    left: 11px;

  }

 

.popUpBtn:hover{color: #fff !important;}



  .modal-header {

    padding: 2px 16px;

    background-color: #f3eddf;

    color: #000;

    display: block !important;

    width: 100%;

  }

  

  .modal-body {padding: 2px 16px;}

  

  .modal-footer {

    padding: 2px 16px;

    background-color: #5cb85c;

    color: white;

  }





  .close {

    color: #000;

    float: right !important;

    font-size: 28px;

    font-weight: bold;

}

























   /* on click profile open */













  /* section one css */





  .section-one{

    width: 100%;

    float: left;  

  }



  .video-d img{

    width: 100%;

  }



  .banner-desk{

    display: block;

  }

  

  .banner-mob{

    display: none;

  

  }





  @media only screen and (min-width: 0px) and (max-width: 1000px){



    .banner-desk{

      display: none;

    }

    

    .banner-mob{

      display: block;

     

    }

    



  }















    /* section one css */







      /* section two css */



 

  .section-two{

    width: 100%;

    float: left;

    margin: 5% 0;

   }





.section-two-contenar{

  width: 80%;

  margin: 0 auto;

}



.section-two-contenar-left{

  width: 50%;

  float: left;

}



.section-two-contenar-left img{

  width: 100%;

}



.section-two-contenar-left-image-div{

  width: 90%;

  margin: 0 auto;

position: relative;

}



.section-two-contenar-left-image-div h1{     font-size: 80px;

  text-align: center;

  position: absolute;

  color: #fff;

  top: 50%;

  width: 100%;

  font-weight: 400;

  text-transform: uppercase;}



.section-two-contenar-right{

  width: 44%;

  float: right;

  margin: 15% 3% 0;

}





.section-two-contenar-right h2{color:#194f7a; font-size: 30px; font-weight: 600;

  text-align: justify;



}









.section-two-contenar-right p{

  padding: 15px 0 0 0;

  font-size: 16px;

  line-height: 26px;

  text-align: justify;

}











@media only screen and (min-width: 0px) and (max-width: 1000px){

  .section-two-contenar-left {

    width: 100%;

    float: left;

}



.section-two-contenar-left img{

  width: 100%;

}





.section-two-contenar-right {

  width: 100% !important;

  float: left;

}





.section-two-contenar-right h2{

  font-size: 16px;

}



.section-two-contenar-right p {

  padding: 0px;

  font-size: 14px;

}







}

   



   /* section two css */







   /* section three css */

   .section-three{

    width: 100%;

    float: left;

    margin: 5% 0;

    background: url(../images/half_logo.png) no-repeat; 

    background-size: contain;

   }





   .section-three-contenar{

    width: 80%;

    margin: 0 auto;

   }



   .section-three-contenar-new{

    width: 80%;

    margin: 5% 10% 0;

    float: left;

   }



   .section-three-contenar-new h2{

    text-align: center; color: #194f7a; font-size: 30px; font-weight: bold;

   }



   .vision{

    width: 29%;

    float: left;

    background-color: #cdcdcd30;

    border-radius: 13em;

    margin: 2%;

    height: 830px;

   }



   .vision-image-div img{

    

    width: 70%;

    margin: 50px;

   }





   .vision h2{

    text-align: center;

   }



   .vision p{

    text-align: center;

    padding: 0 25px 25px;

    line-height: 25px;

    font-size: 15px;

   }





   .vision-image-div{

    background-color: #194f7a;

    border-radius: 50%;

    margin: 21px 21px 0 21px;

    padding: 35px;

    width: 400px;

    height: 400px;

   }



   .secanddiv img{

    width: 70%;

    margin: 40px 50px;

   }



   .therddiv img{

    width: 70%;

    margin:70px 50px;

   }



   .section-three-contenar h2{

    text-align: center;

    color: #194f7a;

    font-size: 50px;

    font-weight: 400;

    margin: 50px 0 10px 0;



   }







   @media only screen and (min-width: 0px) and (max-width: 1000px){



    .vision {

      width: 100%;

      float: left;

     

      border-radius: 11em;

      margin: 10% 0 0 0;

      height: auto;

  }





  .vision img{

    width: 100%;

    margin: 0px;

  }



  .section-three-contenar h2 {

    font-size: 30px;

    margin: 15px 0 5px 0;

}





.vision p {

 font-size: 14px;

 padding: 0 20px 40px;

  line-height: 22px;

}



.section-three-contenar-new h2 {

  font-size: 16px;

}





   }





   @media only screen and (min-width: 1367px) and (max-width: 1440px){



   

  }





  @media only screen and (min-width: 1281px) and (max-width: 1366px){

    

    .vision p {

      text-align: center;

      padding: 24px;

      line-height: 30px;

  }

  }





  @media only screen and (min-width: 1153px) and (max-width: 1280px){

    .section-three-contenar img{

      width: 100%;

    }

  }



  @media only screen and (min-width: 1025px) and (max-width: 1152px){

 



  }





  @media only screen and (min-width: 1001px) and (max-width: 1024px){



  



    .section-two-contenar-left-image-div {

      padding: 50% 0px;

  }



  }



 

 





   /* section three css */







   /* section four css */

   .section-four{

    width: 100%;

    float: left;

    margin: 5% 0;

    position: relative;

   }







.section-four-contenar{

  width: 80%;

  margin: 0 auto;

}





.section-four-contenar h1{

  text-align: center;

}



.pro-fon-size{margin: 35px 0 15px 0;

  font-weight: 600;

  font-size: 25px;

  color: #000;}



.section-four-contenar{

  text-align: center;

}





.section-four-contenar h2{font-size: 50px; color: #000; font-weight: bold;}

.section-four-contenar h3{font-size: 35px; color: #000; font-weight: bold;}



.leadership{

  width: 27%;

  float: left;

  margin: 3%;

  position: relative;

}



.leadership1{

  width: 27%;

  float: left;

  margin: 3% 36.5%;

  position: relative;

}



.section-four-contenar p{ color:#000; font-size: 16px;     text-align: justify;

}



.section-four-contenar h5{color: #000;

  font-size: 25px;

  text-align: center;

}



.section-four-contenar h4{text-align: left;}



.leadership h2, .leadership1 h2{

  text-align: center;

  font-size: 32px;

  color: #194f7a;

  margin: 20px 0 0 0;

}



.leadership p, .leadership1 p{

  text-align: center;

  font-size: 14px;

  font-weight: 600;

  color: #194f7a;

}



.leadership-image{

  border: 10px solid #194f7a;

  border-radius: 50%;

  padding: 10px;

  margin: 30px 0 0 0;

}



.leadership-image img{

 

  width: 100%;

}





.leadership:nth-child(4) {

  width: 27%;

  margin: 80px 36% 0;

}







#show {display:none;}

#hide {display:block;}

#show:target {display: block; }

#hide:target {display: none; }



#hide{

    width: 100%;

    background-color:gray; 

    position: absolute;

    top: 60%;

    color: white;

    border-radius: 2%;

}



.maindivrelative{



}



.onclickbtn{

  position: absolute;

  top: 72%;

  right: 17%;

}



.openbigdiv{

  width: 10%;

  border-radius: 50%;

  background-color: gray;

}



.cutbtnstyle{

  float: right;

        color: black;

        font-size: 31px;

        padding: 10px;

        position: absolute;

        top: 1%;

        right: 1%;

}















#show3 {display:none;}

#hide3 {display:block;}

#show3:target {display: block; }

#hide3:target {display: none; }



#hide3{

    width: 100%;

    background-color:gray; 

    position: absolute;

    top: 60%;

    color: white;

    border-radius: 2%;

}



















#hide4{

  width: 100%;

  background-color:gray; 

  position: absolute;

  top: 60%;

  color: white;

  border-radius: 2%;

}









#show4 {display:none;}

#hide4 {display:block;}

#show4:target {display: block; }

#hide4:target {display: none; }





#hide2{

  width: 100%;

  background-color:gray; 

  position: absolute;

  top: 60%;

  color: white;

  border-radius: 2%;

}



#hide2 h3 {

  padding: 15% 0 2%;

}



#hide h3 {

  padding: 15% 0 2%;

}



#hide3 h3 {

  padding: 15% 0 2%;

}



#hide4 h3 {

  padding: 15% 0 2%;

}









#show2 {display:none;}

#hide2 {display:block;}

#show2:target {display: block; }

#hide2:target {display: none; }







@media only screen and (min-width: 0px) and (max-width: 1000px){



  .leadership {

    width: 100%;

    float: left;

}



.leadership-image img{

  width: 100%;

}



.leadership:nth-child(4) {

  width: 100%;

  margin: 0px 0%;

}



.popUpBtn {

  border-radius: 50%;

    background-color: #a5a5a5;

    width: 48px;

    height: 48px;

    position: absolute;

    top: 60%;

    right: 0%;

}



.new-modal {

  position: absolute;

  right: 0%;

  top: 260px;

}





.section-four-contenar h2{

  font-size: 35px;

}



.section-four-contenar h5 {

 

  font-size: 20px;}



.section-four-contenar p{

  font-size: 14px;

}



.leadership h2, .leadership1 h2{ font-size: 25px;}



.toggled {

  height:400px;padding: 30px; width: 100%;

  float: left;

  }



  .leadership1{width: 100%; margin: 3% 0 0 0 ;}



  .links{ 

    position: fixed;

    bottom: 0;

    top:auto;

    width: 100%;

    left: 0;

    background: #efefef;

    border-radius: 35px;

    z-index: 99;

  }



  .links1{ 

    position: fixed;

    bottom: 0;

    top:auto;

    width: 100%;

    left: 0;

    background: #efefef;

    border-radius: 35px;

    z-index: 99;

  }



  .links2{ 

    position: fixed;

    bottom: 0;

    top:auto;

    width: 100%;

    left: 0;

    background: #efefef;

    border-radius: 35px;

    z-index: 99;

  }





  .links3 { 

    position: fixed;

    bottom: 0;

    top:auto;

    width: 100%;

    left: 0;

    background: #efefef;

    border-radius: 35px;

    z-index: 99;

  }



  .section-four-contenar h4{font-size: 15px;}

  .section-four-contenar p{font-size: 13px;}



  .pop {

    font-size: 40px; 

    bottom: -6px;

    left: 11px;

  }



}



@media only screen and (min-width: 1367px) and (max-width: 1440px){

  .leadership-image img{

    width: 100%;

  }



  .popUpBtn {

    border-radius: 50%;

    background-color: #a5a5a5;

    width: 18%;

    height: 55px;

    position: absolute;

    top: 59%;

    right: 1%;

}



.new-modal {

  position: absolute;

  left: -14%;

  top: 260px;

}



.new-modal-two {

  position: absolute;

  right: -19%;

    top: 260px;

}



.new-modal-three {

  position: absolute;

  right: -26%;

  top: 260px;

}



.new-modal-four {

  position: absolute;

  right: 0%;

  top: 260px;

}

.vision-image-div img {

  width: 70%;

  margin: 30px;

}



.secanddiv img {

  width: 70%;

  margin: 30px;

}



.therddiv img{margin: 70px 30px}



}





@media only screen and (min-width: 1281px) and (max-width: 1366px){

.leadership-image img{

  width: 100%;

}



.popUpBtn {

  border-radius: 50%;

  background-color: #a5a5a5;

  width: 19%;

  height: 55px;

  position: absolute;

  top: 57%;

  right: 0%;

}







.new-modal{

  position: absolute;

  left: -7%;

  top: 200px;

}



.new-modal-two{

  position: absolute;

  left: 650px;

  top: 280px;

}





.new-modal-three{

  position: absolute;

  right: -30%;

  top: 280px;

}



.new-modal-four{

  position: absolute;

  left: 0%;

  top: 280px;

}



.new-modal {

  position: absolute;

  left: -6%;

  top: 260px;

}



.new-modal-two {

  position: absolute;

 left: 24%;

top: 260px;

}



.new-modal-three {

  position: absolute;

  right: -27%;

top: 260px;

}





.new-modal-four {

  position: absolute;

  right: 0%;

  top: 260px;

}



.vision-image-div {

  width: 273px;

  height: 273px;

}



.vision-image-div img {

  width: 70%;

  margin: 30px;

}



.secanddiv img {

  width: 70%;

  margin: 30px;

}



.therddiv img{margin: 70px 30px}





}



@media only screen and (min-width: 1153px) and (max-width: 1280px){

  .leadership-image img{

    width: 100%;

  }







  

  .popUpBtn {

    border-radius: 50%;

    background-color: #a5a5a5;

    width: 19%;

    height: 55px;

    position: absolute;

    top: 57%;

    right: 0%;

  }

  

  

  

  .new-modal{

    position: absolute;

    left: -7%;

    top: 200px;

  }

  

  .new-modal-two{

    position: absolute;

    left: 650px;

    top: 280px;

  }

  

  

  .new-modal-three{

    position: absolute;

    right: -30%;

    top: 280px;

  }

  

  .new-modal-four{

    position: absolute;

    left: 0%;

    top: 280px;

  }

  

  .new-modal {

    position: absolute;

    left: -6%;

    top: 260px;

  }

  

  .new-modal-two {

    position: absolute;

   left: 24%;

  top: 260px;

  }

  

  .new-modal-three {

    position: absolute;

    right: -27%;

  top: 260px;

  }

  

  

  .new-modal-four {

    position: absolute;

    right: 0%;

    top: 260px;

  }

  .vision-image-div img {

    width: 70%;

    margin: 30px;

  }

  

  .secanddiv img {

    width: 70%;

    margin: 30px;

  }

  

  .therddiv img{margin: 70px 30px}





  .vision-image-div{ width: 255px; height: 255px;}

  .section-three-contenar h2 {

   

    font-size: 28px;

   

    margin: 20px 0 5px 0;

  }



}



@media only screen and (min-width: 1025px) and (max-width: 1152px){

  .leadership-image img{

    width: 100%;

  }

  

  .popUpBtn {

    border-radius: 50%;

    background-color: #a5a5a5;

    width: 22%;

    height: 55px;

    position: absolute;

    top: 53%;

    right: 0%;

}

}





@media only screen and (min-width: 1001px) and (max-width: 1024px){

  .leadership-image img{

    width: 100%;

  }



  .popUpBtn {

    border-radius: 50%;

    background-color: #a5a5a5;

    width: 25%;

    height: 55px;

    position: absolute;

    top: 50%;

    right: -8%;

}

}





   /* section four css */







   /* section five css */

   .section-five{

    width: 100%;

    float: left;

    margin: 0% 0;

    padding: 10% 0 22%;

    background-color: darkcyan;

    background: url(../images/blue_background.jpg);

   }





   .milestones{

    width: 80%;

  margin: 2% auto;

   }



   .milestones h1{

    color: white;

   }



.section-five-contenar{

  width: 80%;

  margin: 0 auto;

}





.our-milestones{

  width: 20%;

  float: left;

  border: 2px solid white;

  padding: 20px;

  border-radius: 30px;



}



.our-milestones-inner h1{

  text-align: center;

  color: #fff;

  font-size: 35px;

  font-weight: 600;

  line-height: 30px;



}



.our-milestones-inner h2{

  text-align: center;

  color: #fff;

  font-size: 25px;

  font-weight: bold;

}





.our-milestones-inner{

  padding: 135px 0 230px;

  border-radius: 30px;

  background-color: #00000080;

 

}







@media only screen and (min-width: 0px) and (max-width: 1000px){

  .our-milestones {

    width: 100%;

    float: left;

     

    padding: 15px;

    border-radius: 30px;

    margin: 0px 0;

}



.our-milestones-inner {

  padding: 60px 0;

  border-radius: 30px;

 

}



.our-milestones-inner h1{

  font-size: 30px;

}



.our-milestones-inner h2{

  font-size: 20px;

}



p {

  font-size: 14px;

   

}







}









@media only screen and (min-width: 1367px) and (max-width: 1440px){



.our-milestones-inner h2{

  font-size: 20px;

}



.our-milestones-inner h1{

  font-size: 25px;

}



}



@media only screen and (min-width: 1281px) and (max-width: 1366px){

  .our-milestones-inner h2{

    font-size: 18px;

  }



  .our-milestones-inner h1{

font-size: 20px;

  }

}





@media only screen and (min-width: 1153px) and (max-width: 1280px){

  .our-milestones-inner h2{

    font-size: 16px;

  }





  .our-milestones-inner h1{

    font-size: 18px;line-height: 20px;

  }

}



@media only screen and (min-width: 1025px) and (max-width: 1152px){

  .our-milestones-inner h2{

    font-size: 14px;

  }





  .our-milestones-inner h1{

    font-size: 16px;

  }

}







@media only screen and (min-width: 1001px) and (max-width: 1024px){

  .our-milestones-inner h2{

    font-size: 14px;

  }



  .our-milestones-inner h1{

    font-size: 16px;

  }

}



   



   /* section five css */







   /* section six css */

   .section-six{

    width: 100%;

    float: left;

    padding: 5% 0;

    background: #eeeeee;

   }







 .section-six-contenar{

  width: 80%;

  margin: 0 auto;

 }















  

  

  

  





  .newproiimage img{

    width: 100% !important;

  }



  .newproiimage img{

    max-width: 100%;

    

  }



  .newproiimage{

   width: 100%

  }





.newproicontant{

  width: 100%;

  float: left;

}







  @media (min-width: 0px) and (max-width: 575px) {

    .slide-box .newpro-tes {

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 48%;

      background-color: #194f7a;

    }

  }

  

  @media (min-width: 576px) and (max-width: 767.98px) {

    .slide-box .newpro-tes {

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 48%;

      background-color: #194f7a;

    }

  }

  

  @media (min-width: 768px) and (max-width: 991.98px) {

    .slide-box .newpro-tes {

      -ms-flex: 0 0 33.3333%;

      flex: 0 0 33.3333%;

      max-width: 32%;

      background-color: #194f7a;

    }

  }

  

  @media (min-width: 992px)

  {

    .slide-box .newpro-tes {

      -ms-flex: 0 0 25%;

      flex: 0 0 100%;

      max-width: 100%;

      background-color: #194f7a;

    }

  }



  .newpro-tes{

    width: 100%;

    background-color: #194f7a;

  }



  .newproiimage-tes{

    width: 30%;

    float: left;

  }



.newproiimage-tes-image{

 max-width: 100%;

 padding-top: 70px;

 padding-left: 160px;

 padding-bottom: 70px;

}



.newproiimage-tes-image img{

 max-width: 100%;

}

    



  .newproiimage-tes-con{

    width: 70%;

    float: right;

  }



  .newproiimage-tes-image-cont{

    width: 100%;

  }



  .newproiimage-tes-con p{

    padding: 120px;

    font-size: 22px;

    color: white;

  }

  



  .newproiimage img{

    width: 100% !important;

  }



  .featured-pro{

    width: 80%;

    margin: 0 auto;

  }



  .featured-pro h1{

    text-align: center;

  } 





  .cooma{

    font-size: 40px;

    color: yellow;

  }





  @media (min-width: 0px) and (max-width: 1000px) {

    .newproiimage-tes {

      width: 100%;

      float: left;

  }



  .newproiimage-tes-image {

    max-width: 100%;

    padding-top: 0px;

    padding-left: 0px;

    padding-bottom: 0px;

}



.newproiimage-tes-con p {

  padding: 0;

}



.milestones h1 {

font-size: 35px;

text-align: center;

}







  }





  @media (min-width: 0px) and (max-width: 767.98px) {



    .newproiimage-tes{

      width: 100%;

      float: left;

    }

  

    .newproiimage-tes-con{

      width: 100%;

      float: left;

    }



  }





  .newproiimage-tes img{

    width: 100%;

  }











  .carousel-caption {

    background-color: rgba(0, 0, 0, 0.5);

    padding: 20px;

    border-radius: .5rem;

  }





  @media (min-width: 1920px)

  {

.container{max-width: 1560px !important;}



}



  



   /* section six css */









    /* section seven css */



.section-seven{

  width: 100%;

  float: left;

 padding: 5% 0 15%;

 background: #eeeeee;



}



.section-seven-contenar{

  width: 40%;

  margin: 0 auto;

}



.pro-head{

  text-align: center;

  padding: 4% 0;

}







     /* section seven css */





 /* section eight css */





 .section-eight{

  width: 100%;

  float: left;

  margin: 5% 0;

}

.section-eleven{
  width: 100%;

  float: left;

  margin: 5% 0;

}

.section-eleven-contenar{
  width: 80%;

  margin: 0 auto;
}

  .section-eight-contenar{

    width: 80%;

    margin: 0 auto;

  }



  .overlay{

    width: 100%;

  }





  .header-02-sub{

    background-color:#194f7a;

  }



  .testi{

    width: 30%;

    float: left;

  }



  .testi img{

    padding: 70px;

  }



  .testi-cont{

    width: 100%;

    float: left;

    color: white;

  }



  .testi-cont h2{

    padding: 190px 100px 50px 100px;

    text-align: center;

    font-size: 25px;

    line-height: 38px;

  }



  .carousel-item {

    margin-left: 30px;

  }

  .carousel-item:first-child {

    margin-left: 0;

  }























  

  @media only screen and (min-width: 1367px) and (max-width: 1440px){

    

    .newproiimage-tes-image {

      max-width: 100%;

      padding-top: 130px;

      padding-left: 159px;

      padding-bottom: 70px;

  }



  .newproiimage-tes-con p {

    padding: 100px;

    font-size: 20px;

}





.testi-cont h2 {

  padding: 160px 60px 30px 60px;

  font-size: 18px;

  line-height: 32px;

}



.contact h5 {

  font-size: 20px !important;

}





.testi img {

  padding: 40px;

}

p {

  font-size: 14px;

}

.pro-fon-size{font-size: 18px;}

.section-four-contenar h2 {

  font-size: 40px;}

  .section-four-contenar h5{

    font-size: 20px;}



    .leadership h2, .leadership1 h2{ font-size: 25px;}



    .section-four-contenar h3{font-size: 30px;}



    .vision p {

     

      padding: 0 25px 25px;

      line-height: 22px;}



      .vision-image-div {

       

        width: 290px;

        height: 290px;

      }





  }





  @media only screen and (min-width: 1281px) and (max-width: 1366px){



    .newproiimage-tes-image {

      max-width: 100%;

      padding-top: 130px;

      padding-left: 159px;

      padding-bottom: 70px;

  }

  .vision p {

     

    padding: 0 25px 25px;

    line-height: 22px;}

  .newproiimage-tes-con p {

    padding: 100px;

    font-size: 20px;

}



 



 

.contact h5 {

  font-size: 20px !important;

}



.testi-cont h2 {

  padding: 150px 100px 20px 100px;

  

  font-size: 18px;

  line-height: 30px;

}



.our-milestones-inner {

  padding: 75px 0 160px;}





.testi img {

  padding: 40px;

}

p {

  font-size: 13px;

}

.pro-fon-size{font-size: 16px;}

.section-four-contenar h2 {

  font-size: 40px;}

  .section-four-contenar h5{

    font-size: 20px;}



    .leadership h2, .leadership1 h2{ font-size: 25px;}



    .section-four-contenar h3{font-size: 30px;}

  }





  @media only screen and (min-width: 1153px) and (max-width: 1280px){

    .newproiimage-tes-image {

      max-width: 100%;

      padding-top: 130px;

      padding-left: 160px;

      padding-bottom: 70px;

  }



  .newproiimage-tes-con p {

    padding: 100px;

    font-size: 14px;

}

.vision p {

     

  padding: 0 25px 25px;

  line-height: 22px;}

.newproiimage-tes-con p {

  padding: 100px;

  font-size: 20px;

}



.vision { 

  height: 690px;

}









.contact h5 {

font-size: 18px !important;

}



.testi-cont h2 {

  padding: 140px 100px 20px 100px;



font-size: 18px;

line-height: 30px;

}



.section-four-contenar p {

 

  font-size: 13px;}



.our-milestones-inner {

padding: 75px 0 160px;}





.testi img {

padding: 40px;

}

p {

font-size: 13px;

}

.pro-fon-size{font-size: 16px;}

.section-four-contenar h2 {

font-size: 40px;}

.section-four-contenar h5{

  font-size: 18px;}



  .contact h6 {

    font-size: 18px;

  }



  .section-two-contenar-left-image-div h1 {

    font-size: 45px;}



  .leadership h2, .leadership1 h2{ font-size: 25px;}



  .section-four-contenar h3{font-size: 28px;}

  .section-two-contenar-right h2 {

 

    font-size: 26px;}



    .section-two-contenar-right p {

      padding: 10px 0 0 0;

      font-size: 14px;

      line-height: 22px;

    }



    .pop {

      

      left: 7px;

    }





  }





  @media only screen and (min-width: 1025px) and (max-width: 1152px){

    .newproiimage-tes-con p {

      padding: 80px;

      font-size: 22px;

  }





  .newproiimage-tes-image {

    max-width: 100%;

    padding-top: 159px;

    padding-left: 160px;

    padding-bottom: 70px;

}



.vision p {

  font-size: 13px;

 

  padding: 0 25px 25px;

  line-height: 18px;}

.newproiimage-tes-con p {

  padding: 100px;

  font-size: 20px;

}



.vision { 

  height:600px;

}



.vision-image-div img {

 

  margin: 23px;

}





.secanddiv img {

 

  margin: 23px;

}





.therddiv img {

 

  margin: 43px 23px;

}



.section-three-contenar-new h2 {

 

  font-size: 20px;}

  .section-two-contenar-right {

 

    margin: 10% 3% 0;

  }



.contact h5 {

font-size: 18px !important;

}



.testi-cont h2 {

padding: 100px;



font-size: 16px;

    line-height: 27px;

}



.section-four-contenar p {

 

  font-size: 13px;}



.our-milestones-inner {

padding: 75px 0 110px;}





.testi img {

padding: 40px;

}

p {

font-size: 13px;

}

.pro-fon-size{font-size: 14px;}

.section-four-contenar h2 {

font-size: 40px;}

.section-four-contenar h5{

  font-size: 18px;}



  .contact h6 {

    font-size: 18px;

  }



  .section-two-contenar-left-image-div h1 {

    font-size: 45px;}



  .leadership h2, .leadership1 h2{ font-size: 20px;}



  .section-four-contenar h3{font-size: 25px;}

  .section-two-contenar-right h2 {

 

    font-size: 28px;}



    .section-two-contenar-right p {

      padding: 10px 0 0 0;

      font-size: 14px;

      line-height: 22px;

    }



    .pop {

      

      left: 7px;

    }





    .vision-image-div {

     

      width: 225px;

      height: 225px;

    }



    .section-three-contenar h2 {

     

      font-size: 30px;

    

      margin: 20px 0 5px 0;

    }



    .pro-head h1{font-size: 25px;}

    .pro-head{font-size: 25px;}

    .contact h1{font-size: 25px;}

  }





  @media only screen and (min-width: 1001px) and (max-width: 1024px){

    .newproiimage-tes-image {

      max-width: 100%;

      padding-top: 150px;

      padding-left: 160px;

      padding-bottom: 70px;

  }

  .pro-head{font-size: 25px;}

  .contact h1{font-size: 25px;}



  .newproiimage-tes-con p {

    padding: 80px;

    font-size: 22px;

}



.testi-cont h2 {

  padding: 15px;

}



.testi img {

  padding: 40px;

}







.vision p {

  font-size: 13px;

 

  padding: 0 25px 25px;

  line-height: 18px;}

.newproiimage-tes-con p {

  padding: 100px;

  font-size: 20px;

}



.vision { 

  height:600px;

}



.vision-image-div img {

 

  margin: 23px;

}





.secanddiv img {

 

  margin: 23px;

}





.therddiv img {

 

  margin: 43px 23px;

}



.section-three-contenar-new h2 {

 

  font-size: 20px;}

  .section-two-contenar-right {

 

    margin: 10% 3% 0;

  }



.contact h5 {

font-size: 18px !important;

}



.testi-cont h2 {

  padding: 120px 50px 15px 50px;

  font-size: 14px;

  line-height: 19px;

  text-align: center;



}



.section-four-contenar p {

 

  font-size: 13px;}



.our-milestones-inner {

padding: 75px 0 110px;}





.testi img {

padding: 40px;

}

p {

font-size: 13px;

}

.pro-fon-size{font-size: 12px;}

.section-four-contenar h2 {

font-size: 40px;}

.section-four-contenar h5{

  font-size: 18px;}



  .contact h6 {

    font-size: 18px !important;

  }



  .section-two-contenar-left-image-div h1 {

    font-size: 45px;}



  .leadership h2, .leadership1 h2{ font-size: 20px;}



  .section-four-contenar h3{font-size: 22px;}

  .section-two-contenar-right h2 {

 

    font-size: 28px;}



    .section-two-contenar-right p {

      padding: 10px 0 0 0;

      font-size: 14px;

      line-height: 22px;

    }



    .pop {

      

      left: 7px;

    }





    .vision-image-div {

     

      width: 200px;

      height: 200px;

    }



    .section-three-contenar h2 {

     

      font-size: 30px;

    

      margin: 20px 0 5px 0;

    }





    .pro-head h1{font-size: 25px;}



    .section-seven-contenar{

      width: 60%;

      margin: 0 auto;

    }









  }



 /* section eight css */







 /* section nine css */



.section-nine{

  width: 100%;

  float: left;

  margin: 5% 0;

}



.section-nine-contenat{

  width: 80%;

  margin: 0 auto;

}





.contact{

  width: 50%;

  float: left;

}



.contact-loc{

  width: 50%;

  float: right;

  height: 450px;

}



.contact h1{

 padding: 0 0 3%;

}



.contact h5{

font-size: 23px;

padding: 0 0 3%;

 }



 .contact h6{

font-size: 20px;

 }



.contact h6 a{

 color:#000;

 }









@media only screen and (min-width: 0px) and (max-width: 1000px){



  .contact {

    width: 100%;

    float: left;

}

.contact h6 {

  font-size: 14px;

}

.contact-loc {

  width: 100%;

  float: left;

}



.contact h1 {

 font-size: 35px;

}



.contact h5 {

  font-size: 14px;

} 

  .testi{

    width: 100%;

    float: left;

  

  }



  .testi-cont{

    width: 100%;

    float: left;

  }



  .testi img{

    padding:25px 25px;

  }



  .testi-cont h2{

    padding: 10px 30px;

    font-size: 14px;

    line-height: normal;

  }



  .pro-head {

  font-size: 35px;

}

.section-ten-contenar {

  

  height: 390px;

}







.pro-fon-size{

font-size: 16px;

}



.contact-loc{height: 200px;}



}



.section-four-contenar h3 {

  font-size: 26px;

  color: #000;

  font-weight: bold;

}







 /* section nine css */









  /* section ten css */





  .section-ten{

    width: 100%;

    float: left;

    background-color:#eeeeee;

    padding: 40px 0 0;

  }





  .section-ten-contenar{

    width: 80%;

    margin: 0 auto;

  }



  .section-ten-contenar ul{

    width: 32%;

    float: left;

  }





  .section-ten-contenar ul{

   list-style-type: none;

   padding: 0;

  }





  .privacy-policy{

    width: 100%;

    float: left;

    background-color: #194f7a;

    color: white;

  

  }





  .privacy-policy-left{

    width: 50%;

    float: left;

  }



  .privacy-policy-right{

    width: 50%;

    float: right;

  }



  .privacy-policy-left-one{

    margin: 20px 20%;

  }



  .privacy-policy-right-one{

    margin:20px 20%;

  }



  .bi-instagram{

color: orangered;



  }



  .bi-facebook{

    color:#0866ff;



  }



  .bi-youtube{

color: red;

  }



  .bi-linkedin{

color: #2d74a1;

  }



  .icons{

    width: 100% !important;



  }



  .icons li {

    display: inline;

    padding: 10px;

    border: 1px solid #194f7a;



  }





  @media only screen and (min-width: 0px) and (max-width: 1000px){

    .section-ten-contenar ul {

      width: 100%;

      float: left;

      margin: 3% auto;

  }



  .section-eight-contenar {

    width: 100%;}



  .privacy-policy-left {

    width: 100%;

    float: left;

}



.privacy-policy-right {

  width: 100%;

  float: left;

}



.privacy-policy-right-one {

  margin: 0 auto;

  text-align: center;

}



.privacy-policy-left-one {

  margin: 20px auto;

  text-align: center;

}



  }





    /* section ten css */











    @media only screen and (min-width: 1601px) and (max-width: 1700px){

      .contact h5 {

        font-size: 20px;

      }

    

      .testi-cont h2 {

        padding: 80px; 

        font-size: 20px;

        line-height: 30px;

      }

      p {

        font-size: 14px;

      }



      .pro-fon-size {

        margin: 30px 0 10px 0; 

        font-size: 20px;}



        .vision-image-div {

        

          width: 350px;

          height: 350px;

        }



        

      .vision-image-div img {

        width: 60%;}



        .secanddiv  img {

          width: 60%;}



    }





    @media only screen and (min-width: 1701px) and (max-width: 1800px){



      .vision-image-div {

        

        width: 375px;

        height: 375px;

      }



    }

    

    

    @media only screen and (min-width: 1441px) and (max-width: 1600px){

    .contact h5 {

      font-size: 20px;

    }

  

    .testi-cont h2 {

      padding: 150px 80px 40px 80px;

      font-size: 20px;

      line-height: 30px;

    }

    p {

      font-size: 14px;

    }



    .pro-fon-size {

      margin: 30px 0 10px 0; 

      font-size: 20px;}

  



      .vision-image-div {

        

        width: 330px;

        height: 330px;

      }





      .vision-image-div img {

        width: 60%;}



        .secanddiv  img {

          width: 60%;}



          .therddiv img{

            width: 60%;}



  

  }

    

  

  

  

  

  

  







    @media only screen and (min-width: 1441px) and (max-width: 1920px){



.new-modal{

  position: absolute;

  left: 90px;

  top: 280px;

}



.new-modal-two{

  position: absolute;

  left: 650px;

  top: 280px;

}





.new-modal-three{

  position: absolute;

  right: -30%;

  top: 280px;

}



.new-modal-four{

  position: absolute;

  left: 32%;

  top: 280px;

}



}











.animetio-one{

  animation: up-down linear 2s;

  animation-iteration-count: infinite;

  transform-origin: 50% 50%;

  -webkit-animation: up-down linear 2s;

  -webkit-animation-iteration-count: infinite;

  -webkit-transform-origin: 50% 50%;

  -moz-animation: up-down linear 2s;

  -moz-animation-iteration-count: infinite;

  -moz-transform-origin: 50% 50%;

  -o-animation: up-down linear 2s;

  -o-animation-iteration-count: infinite;

  -o-transform-origin: 50% 50%;

  -ms-animation: up-down linear 2s;

  -ms-animation-iteration-count: infinite;

  -ms-transform-origin: 50% 50%;

}



.animetio-two{

  animation: up-down linear 4s;

  animation-iteration-count: infinite;

  transform-origin: 50% 50%;

  -webkit-animation: up-down linear 4s;

  -webkit-animation-iteration-count: infinite;

  -webkit-transform-origin: 50% 50%;

  -moz-animation: up-down linear 4s;

  -moz-animation-iteration-count: infinite;

  -moz-transform-origin: 50% 50%;

  -o-animation: up-down linear 4s;

  -o-animation-iteration-count: infinite;

  -o-transform-origin: 50% 50%;

  -ms-animation: up-down linear 4s;

  -ms-animation-iteration-count: infinite;

  -ms-transform-origin: 50% 50%;

}





.animetio-three{

  animation: up-down linear 6s;

  animation-iteration-count: infinite;

  transform-origin: 50% 50%;

  -webkit-animation: up-down linear 6s;

  -webkit-animation-iteration-count: infinite;

  -webkit-transform-origin: 50% 50%;

  -moz-animation: up-down linear 6s;

  -moz-animation-iteration-count: infinite;

  -moz-transform-origin: 50% 50%;

  -o-animation: up-down linear 6s;

  -o-animation-iteration-count: infinite;

  -o-transform-origin: 50% 50%;

  -ms-animation: up-down linear 6s;

  -ms-animation-iteration-count: infinite;

  -ms-transform-origin: 50% 50%;

}





.animetio-four{

  animation: up-down linear 4s;

  animation-iteration-count: infinite;

  transform-origin: 50% 50%;

  -webkit-animation: up-down linear 4s;

  -webkit-animation-iteration-count: infinite;

  -webkit-transform-origin: 50% 50%;

  -moz-animation: up-down linear 4s;

  -moz-animation-iteration-count: infinite;

  -moz-transform-origin: 50% 50%;

  -o-animation: up-down linear 4s;

  -o-animation-iteration-count: infinite;

  -o-transform-origin: 50% 50%;

  -ms-animation: up-down linear 4s;

  -ms-animation-iteration-count: infinite;

  -ms-transform-origin: 50% 50%;

}



.animetio-five{

  animation: up-down linear 2s;

  animation-iteration-count: infinite;

  transform-origin: 50% 50%;

  -webkit-animation: up-down linear 2s;

  -webkit-animation-iteration-count: infinite;

  -webkit-transform-origin: 50% 50%;

  -moz-animation: up-down linear 2s;

  -moz-animation-iteration-count: infinite;

  -moz-transform-origin: 50% 50%;

  -o-animation: up-down linear 2s;

  -o-animation-iteration-count: infinite;

  -o-transform-origin: 50% 50%;

  -ms-animation: up-down linear 2s;

  -ms-animation-iteration-count: infinite;

  -ms-transform-origin: 50% 50%;

}



@keyframes up-down{

  0% {

    transform:  translate(1px,20px)  ;

  }

  24% {

    transform:  translate(1px,30px)  ;

  }

  50% {

    transform:  translate(1px,200px)  ;

  }

  74% {

    transform:  translate(1px,30px)  ;

  }

  100% {

    transform:  translate(1px,20px)  ;

  }

}



@-moz-keyframes up-down{

  0% {

    -moz-transform:  translate(1px,20px)  ;

  }

  24% {

    -moz-transform:  translate(1px,30px)  ;

  }

  50% {

    -moz-transform:  translate(1px,200px)  ;

  }

  74% {

    -moz-transform:  translate(1px,30px)  ;

  }

  100% {

    -moz-transform:  translate(1px,20px)  ;

  }

}



@-webkit-keyframes up-down {

  0% {

    -webkit-transform:  translate(1px,20px)  ;

  }

  24% {

    -webkit-transform:  translate(1px,30px)  ;

  }

  50% {

    -webkit-transform:  translate(1px,200px)  ;

  }

  74% {

    -webkit-transform:  translate(1px,30px)  ;

  }

  100% {

    -webkit-transform:  translate(1px,20px)  ;

  }

}



@-o-keyframes up-down {

  0% {

    -o-transform:  translate(1px,20px)  ;

  }

  24% {

    -o-transform:  translate(1px,30px)  ;

  }

  50% {

    -o-transform:  translate(1px,200px)  ;

  }

  74% {

    -o-transform:  translate(1px,30px)  ;

  }

  100% {

    -o-transform:  translate(1px,20px)  ;

  }

}



@-ms-keyframes up-down {

  0% {

    -ms-transform:  translate(1px,20px)  ;

  }

  24% {

    -ms-transform:  translate(1px,30px)  ;

  }

  50% {

    -ms-transform:  translate(1px,200px)  ;

  }

  74% {

    -ms-transform:  translate(1px,30px)  ;

  }

  100% {

    -ms-transform:  translate(1px,20px)  ;

  }

}





 



@media only screen and (min-width: 0px) and (max-width: 1000px){

  .video-d {

        

    margin: 84px 0 0 0;

  }

  

  .section-two-contenar-left-image-div h1 {

  font-size: 40px;}

  

  .vision-image-div { 

    margin:19px auto 0 auto;

   

    width: 250px;

    height: 250px;}

  

    .section-seven-contenar{

      width: 80%;

      margin: 0 auto;

    }





    @keyframes up-down{

      0% {

        transform:  translate(1px,20px)  ;

      }

      24% {

        transform:  translate(1px,30px)  ;

      }

      50% {

        transform:  translate(1px,70px)  ;

      }

      74% {

        transform:  translate(1px,30px)  ;

      }

      100% {

        transform:  translate(1px,20px)  ;

      }

    }

    

    @-moz-keyframes up-down{

      0% {

        -moz-transform:  translate(1px,20px)  ;

      }

      24% {

        -moz-transform:  translate(1px,30px)  ;

      }

      50% {

        -moz-transform:  translate(1px,70px)  ;

      }

      74% {

        -moz-transform:  translate(1px,30px)  ;

      }

      100% {

        -moz-transform:  translate(1px,20px)  ;

      }

    }

    

    @-webkit-keyframes up-down {

      0% {

        -webkit-transform:  translate(1px,20px)  ;

      }

      24% {

        -webkit-transform:  translate(1px,30px)  ;

      }

      50% {

        -webkit-transform:  translate(1px,70px)  ;

      }

      74% {

        -webkit-transform:  translate(1px,30px)  ;

      }

      100% {

        -webkit-transform:  translate(1px,20px)  ;

      }

    }

    

    @-o-keyframes up-down {

      0% {

        -o-transform:  translate(1px,20px)  ;

      }

      24% {

        -o-transform:  translate(1px,30px)  ;

      }

      50% {

        -o-transform:  translate(1px,70px)  ;

      }

      74% {

        -o-transform:  translate(1px,30px)  ;

      }

      100% {

        -o-transform:  translate(1px,20px)  ;

      }

    }

    

    @-ms-keyframes up-down {

      0% {

        -ms-transform:  translate(1px,20px)  ;

      }

      24% {

        -ms-transform:  translate(1px,30px)  ;

      }

      50% {

        -ms-transform:  translate(1px,70px)  ;

      }

      74% {

        -ms-transform:  translate(1px,30px)  ;

      }

      100% {

        -ms-transform:  translate(1px,20px)  ;

      }

    }





    .section-five{background-size: cover;}





    .testi-cont h2 {

      padding: 100px 30px 20px 30px;

      text-align: center;

      font-size: 12px;

      line-height: 17px;

  }



  .testi-cont {

    width: 100%;

    float: left;

    color: white;

}



.testi {

  width: 100%;

  float: left;

}



.testi img {

  padding: 10px 70px 0;

}





.contact {

  width: 100%;

  float: left;

}



.contact-loc {

  width: 100%;

  float: left;

  height: 400px;

  padding: 20px 0;

}



.contact h5 {

  font-size: 14px;

  padding: 0 0 3%;

}



.contact h6 {

  font-size: 14px;

}

   

.contact h1{

  font-size: 35px;

}



.modal-content {

  font-size: 12px;

}



.modal-content {

  margin: 0 2%;

}





.modal-header{

  padding: 10px !important;

}



.modal .custom-close {

  right: -2px !important;

  top: -33px !important;

}

  

  }







  .owl-controls {  position: absolute;  margin-top: 300px;}

  .owl-nav button.owl-next {right: 0;

    padding: 0 13px !important;

    position: absolute;

    display: block !important;

    background: url(../images/a-2.png) no-repeat !important;

    border: 1px solid #ffffff;

    pointer-events: visible;

    width: 18px;

    height: 21px;

    background-size: cover !important;

    color:#f6c30a;

  }

    .owl-nav button.owl-prev {left: 0; padding: 0 13px !important; position: absolute;   display: block !important;  background:url(../images/a-1.png)!important;   border: 1px solid #ffffff;

      pointer-events: visible;

      width: 18px;

      height: 21px;

      background-size: cover !important;

      color: #f6c30a;}





      .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{color: #f6c30a;}

  .owl-carousel .owl-nav button.disabled {  display: none;}

  .owl-nav {  width: 95%;  position: absolute;  pointer-events: none;  top: 45%;  left: 50%;  transform: translate(-50%, -50%);}





  .modal-content {

    width: 100% !important;}





    .modal {

      position: absolute;

       top: 0px !important; 

      right: 0;

      bottom: 0;

     left: 0px !important;

      z-index: 1050;

      display: none;

      overflow: hidden;

      outline: 0;

  }



  #section-one{

    text-decoration: none;

    color: #000;

  }



  .mb-3{

    list-style: none;

   

  }



  .flex-column ul{

    padding: 0;

  }



  .close:not(:disabled):not(.disabled) {

    cursor: pointer;

}



.modal .custom-close {

  position: absolute;

  right: -22px;

  top: -30px;

  padding: 0.3rem 0.6rem;

  color: #fff;

  font-size: 2.5rem;

  transition: all 0.4s;

  opacity: 1;

}



.modal-header {

  padding: 2px 16px;

  background-color: #0c273d;

  color: #000;

  display: block !important;

  width: 100%;

  color: white;

       border-top-left-radius: 0rem !important;  

     border-top-right-radius: 0rem !important; 

}





.boxborder{

  border: 1px solid black;

}



.buten:hover{

  background-color: black;

  color: white;

}



.buten{

  border: 1px solid black;

background-color: #0c273d;

color: white;

}



.item p{

  text-align: justify;

}



.disc{

  cursor: pointer;

  text-decoration: none;

  color: white;

}



.privacy-policy-left-one .disc{

  text-decoration: none;

  color: white;

}





/* contact form */




.form-bg-color {
  background: #b2a585;
  padding: 16px 0;
}




















#rangers, #islanders, #penguins {
  display: none;
}



.selectform {
  padding: 5px;
  border-radius: 4px;
  font-size: 16px;
  width: 80%;
  margin: 0 10% !important;
}



/* media start*/
.media-box{
  /* border: 1px solid red; */
}
.media-box .media-cards{
  margin: auto;
  /* max-width: 1500px; */
  display: grid;
  gap: 20px;
  align-items: start; 
  /* align-items: stretch; */
  grid-template-columns: repeat(3, 1fr);
  /* grid-template-columns: repeat(auto-fill, minmax(370px, 1fr )); */
}
.media-cards-box{
  /* border: 1px solid red; */
  padding: 5px;
 box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1);
}
.media-cards-box img{
  border-radius: 3px;
  width: 100%;
  /* text-align: center; */
  /* justify-content: center; */
  /* float: center; */
  /* margin: auto; */
  object-fit: cover;
}

.tabs-events {
  margin: 1rem;
}

.tabs-events button {
  color: white;
  border-radius: 5px;
  padding: 10px;
  /* border: 1px solid ; */
  background-color: #194f79;
  cursor: pointer;
}


.tabcontent {
  transition: 0.5s ease-in;
/* transition: 3s; */
  opacity: 1;
}

.content-media{
 
  padding: 1rem;
}
.content-media h1{
font-size: 1.5rem;
}
.content-media p{
  font-size: 0.8rem;
}
/* media end */








.fade-out {
  opacity: 0;
  transition: opacity 0.3s ease;
  display: none;
}

.fade-in {
  opacity: 1;
  transition: opacity 0.3s ease;
  display: block;
}

.know{
  color: white;
  border-radius: 5px;
  padding: 10px;
  /* border: 1px solid ; */
  background-color: #194f79;
  cursor: pointer;
}



@media screen and (max-width: 768px){
  .media-box .media-cards{
  
    /* align-items: stretch; */
    grid-template-columns: repeat(1, 1fr);
    /* grid-template-columns: repeat(auto-fill, minmax(370px, 1fr )); */
  }
  .media-cards-box{
    /* border: 1px solid red; */
    padding: 0px;
   box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1);
  }
}