@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Syne:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syne&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@700&display=swap');
 
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body{
    width: 100%;
    height: 100vh;
    background-color: #00040C;
    scroll-behavior: smooth;
     scroll-padding: 10rem;
}
 


a{
    text-decoration: none;
    color: #fff;
}

#home-section{
      position: fixed;
      width: 100%;
      left: 0;
      z-index: 1000;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
  }
    
#home-section:focus{
   outline: unset;
   border: unset;
   box-shadow: none;
}
 
#home-section.scroll-on{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   background:  #212121;
   transition: all .15s ease-in-out 0s;
    height: 70px;
}
 
#home-section .nav-links{
   padding: 0 0.625rem;
   transition: all 200ms linear ;
}

 
.container{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    gap: 540px;
     position: relative;
     
     
}
#home-section{
   position: relative;
   width: 100%;
   
    
}

.container nav ul li{
    list-style: none;
    display: inline-block;
    margin: 0 10px;
    margin-right: 20px;
}
.container ul li a{
    text-decoration: none;
    color: #fffffff3;
    font-size: 15px;
    font-family: "Kumbh Sans";
    font-weight: 700;
    
}
.container img{
   width: 80px;
   padding: 5px 0px;
   margin-right: 15px;
}
#home-section.scroll-on img{
padding: 9px;
transition: all .15s ease-in-out 0s;

}
 
.nav-links{
    display: flex;
    justify-content: space-around;
    align-items: center;
    transition: all ease 5s;
}
.container ul li a:hover{
  color: #ffffffd8;
}


.contact-us-button{
    width: 115px;
    height: 43px;
    padding: 5px;
    background-color: #00a496;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all ease 0.5s;
    font-family: "Kumbh Sans", sans-serif;
}

.contact-us-button:hover{
    background-color:#00a496d3;
    color: #fff;
}

 


 
.line{
    border: 0.5px solid rgba(128, 128, 128, 0.063);
     width: 72.5%;
    margin: 0 auto;
}


 .banner{
    width: 100%;
    height: 100%;
    margin-top: 9%;
    transition: all .15s ease-in-out 0s;
    position: relative;
      
 }
.text-2{
    font-size: 120px;
    color: #fff;
    text-align: center;
    font-family: "Syne", sans-serif;
    letter-spacing: 9px;
    transition: all ease-in-out 0.2s;
 }
 .text-1{
    font-size: 120px;
    color: #fff;
    text-align: center;
    font-family: "Syne", sans-serif;
    letter-spacing: 9px;
    line-height: 90px;
    
}
  .line-hr-v{
   width: 1px;
   height: 18px;
   background-color: #404349;
    margin-right: 20px;
  }

 .banner p{
    font-family: "Poppins", sans-serif;
 text-align: center;
 color: #fff;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 object-fit: cover;
  font-size: 23px;
  font-weight: 300;
  line-height: 40px;
  margin-top: 10px;
 }
 .img-banner{
    background-image: url(Rectangle-copy-removebg-preview.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
       object-fit: cover;
       
       
     }

      
        
       
     
     .about-section h1{
        color: #fff;
        font-size: 50px;
        font-family: "Syne", sans-serif;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top:20%;
        letter-spacing: 3px;
         
     }
     


     .flex-check{
        display: flex;
        align-items: center;
        margin-top: 15%;
        justify-content: center;
        gap: 10%;
     }
  .text-data-02{
    width: 30%;
    height: 30%;
  }
  .text-data-02 h4{
     color: #FFF;
     font-size: 50px;
     font-family: "Syne", sans-serif;
  }
  .text-data-02 p{
     color: #FFF;
     font-size: 20px;
     font-weight: 300;
     line-height: 30px;
     font-family:  "Poppins", sans-serif;
     line-height: 40px;
     margin-top: 20px;
  }

.brand-title h4{
  font-size: 50px;
  text-align: center;
  font-family: "Syne", sans-serif;
  font-weight: 600;
  margin-top: 20px;
  color: #fff;
  letter-spacing: 3px;
}
.brand-title{
    margin-top: 20%;
}

  .brand-section{
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    
  }


  .brand-section img{
    margin-left: 15%;
  }
 .brand-section h1{
    color: #fff;
    font-size: 50px;
    font-family: "Syne", sans-serif;
    margin-top: 20%;
    text-align: center;
    font-weight: 500;
 }
 .brand-flex p{
    width: 75%;
    font-size: 25px;
    color: #fff;
    font-family:    "Poppins", sans-serif;
    font-weight: 400;
     margin-left: 20%;
 }
 .brand-flex .btn{
    width: 22%;
    height: 50px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    border: 0.5px solid #fff;
    cursor: pointer;
    padding: 10px;
    transition: all ease 0.5s;
    font-family: "Kumbh Sans", sans-serif;
    margin-top: 30px;
    border-radius: 3px;
    margin-left: 20%;
 }
 .brand-flex .btn:hover{
    color: #fff;
    background-color: #00a496;
 }

 .brand-2{
   display: flex;
   align-items: center;
   justify-content: center;
    margin-top: 10%;
     gap: 8%;
 }
 .text-era{
   width: 40%;
 }
 .brand-2 p{
    
    font-size: 25px;
    color: #fff;
    font-family:    "Poppins", sans-serif;
    font-weight: 400;
     margin-left: 5%;
 }
 .brand-2 .btn{
   width: 30%;
    height: 52px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    border: 0.5px solid #fff;
    cursor: pointer;
    padding: 10px;
    transition: all ease 0.5s;
    font-family: "Kumbh Sans", sans-serif;
    margin-top: 30px;
    border-radius: 3px;
    margin-left: 5%;
      
 }
 .brand-2 .btn:hover{
    color: #fff;
    background-color: #00a496;
 }
   
 .brand-3{
   display: flex;
   align-items: center;
   justify-content: center;
    margin-top: 10%;
     gap: 8%;
 }
 .brand-3 p{
    font-size: 25px;
    color: #fff;
    font-family:    "Poppins", sans-serif;
    font-weight: 400;
     margin-left: 5%;
 }
 .brand-3 .btn{
   width: 30%;
    height: 52px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    border: 0.5px solid #fff;
    cursor: pointer;
    padding: 10px;
    transition: all ease 0.5s;
    font-family: "Kumbh Sans", sans-serif;
    margin-top: 30px;
    border-radius: 3px;
    margin-left: 5%;
 }

 .brand-3 .btn:hover{
    color: #fff;
    background-color: #00a496;
 }

 .brand-4{
   display: flex;
   align-items: center;
   justify-content: center;
    margin-top: 5%;
     gap: 8%;
 }
 .brand-4 p{
    font-size: 25px;
    color: #fff;
    font-family:    "Poppins", sans-serif;
    font-weight: 400;
     margin-left: 5%;
 }
 .brand-4 .btn{
   width: 30%;
    height: 52px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    border: 0.5px solid #fff;
    cursor: pointer;
    padding: 10px;
    transition: all ease 0.5s;
    font-family: "Kumbh Sans", sans-serif;
    margin-top: 30px;
    border-radius: 3px;
    margin-left: 5%;
 }
 .brand-4 .btn:hover{
    color: #fff;
    background-color: #00a496;
 }


 .core-title{
width: 100%;
height: 70vh;
   background: #0C595F;
   position: relative;
 }
 .title h4{
    color: #fff;
    font-size: 50px;
    font-family: "Syne", sans-serif;
    font-weight: 600;
     text-align: center;
     margin-top: 10%;
     line-height: 130px;
 }

 .cards{
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
    gap: 20px;
     padding: 10px;
     margin-top: 70px;
 }
 .card1{
   width: 18%;
   height: 300px;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 30px 15px 30px 14px;
    transition: all ease 0.5s;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
 }
 .card1 h4{
    color: #fff;
    font-size: 20px;
    font-family: "Syne", sans-serif;
    font-weight: 600;
    padding: 10px;
 }
 .card1 p{
    color: #fff;
    font-size: 16px;
    font-family: "Syne", sans-serif;
    font-weight: 400;
    padding: 10px;
 }

 .Career{
   width: 80%;
   height: 55%;
     position: absolute;
     left: 10%;
     text-align: center;
     margin-top: 5%;
     border: 2px solid #d9d9d9a5;
     border-radius: 50px;
     padding: 20px;
     background: #161920;
 }
 .Career h4{
    color: #fff;
    font-size: 50px;
    font-family: "Syne", sans-serif;
    font-weight: 600;
     text-align: center;
     margin-top: 3%;
     letter-spacing: 2px;
     line-height: 150px;
 }
 .Career p{
   width: 77%;
    color: #fff;
    font-size: 20px;
    font-family: "Syne", sans-serif;
    font-weight: 400;
     text-align: center;
     letter-spacing: 2px;
     margin-left: 13%;
     line-height: 40px;
     
 }
 .input-design{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3%;
    gap: 10px;
    font-size: 20px;
    font-family: "Syne", sans-serif;
    
}
 
  .input-design{
   position: relative;

  }
  input::placeholder{
   position: absolute;
   color: #ffffff6d;
   padding-left: 5px;
  }
  
 
.input-design input{
   width: 750px;
   height: 50px;
   border: none;
   border-radius: 25px;
   padding: 0px 5px;
   margin: 0 0 5px;   
   font-size: 17px;
   outline: none;
   background-color:#77797C;
   color: #fff;
   font-family: "Kumbh Sans", sans-serif;
   
}
  .input-design button{
    width: 180px;
    height: 50px;
    border: none;
    border-radius: 25px;
    padding: 0px 5px;
    margin: 0 0 5px;
    cursor: pointer;
    color: #fff;
    font-size: 19px;
    outline: none;
    background: #00a496;
    transition: all ease 0.5s;
 }
  

 .latest-news{
   width: 100%;
   height: 100%;
}
 .text-era-slot h4{
   color: #fff;
    font-size: 50px;
    font-family: "Syne", sans-serif;
    font-weight: 600;
     text-align: center;
     margin-top: 3%;
     letter-spacing: 2px;
     line-height: 150px;
 
}
.text-era-slot p{
   width: 77%;
    color: #fff;
    font-size: 25px;
    font-family: "Syne", sans-serif;
    font-weight: 400;
     text-align: center;
     letter-spacing: 2px;
     text-align: center;
     line-height: 40px;
     margin-left: 12%;
}
.flex-items{
   width: 70%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: 15%;
    gap: 10px;
    
}
.touch-cards{
   width: 410.98px;
   height: 600px;
   border-radius: 10px;
   border: 1px solid #ffffff;
   padding: 15px;
   background-color: #161920;
    
}
.touch-cards img{
   width: 352.98px;
   height: 352.98px;
   margin-top: 10px;
}
.touch-cards p{
   width: 352.98px;
   color: #fff;
   font-size: 20px;
   font-family: "Syne", sans-serif;
   font-weight: 500;
   margin-top: 10px;
   line-height: 30px;
}
  .touch-cards a{
   line-height: 70px;
   font-size: 15px;
   font-family: "Kumbh Sans", sans-serif;
   font-weight: 400;
  }
 
  .new-shape{
   height: 50vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   background-color: #0C595F;
   gap: 30px;
  }
  .para-div{
  color: #fff;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 21px;
   line-height: 40px;
  width: 50%;
  text-align: center;
  font-weight: 300;
  padding: 20px;
  }
  .img-div img{
   width: 80px;
   height: 80.73px;
  }

  .input-div{
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
  }

  .form-design input{
   width: 750px;
   height:47px;
   border: none;
   border-radius: 25px;
   font-family: "Kumbh Sans", sans-serif;
   padding: 0px 5px;
   margin: 0 0 5px;   
   font-size: 17px;
   outline: none;
   font-weight: 600;
   background-color:#718F93;
   color: #fff;
   
  }
   .btn-design-2 button{
   width: 180px;
   height: 47px;
   border: none;
   border-radius: 25px;
   padding: 0px 5px;
   margin: 0 0 5px;
   cursor: pointer;
   color: #00a496;
   font-size: 19px;
   outline: none;
   background: #FFF;
   transition: all ease 0.5s;
   font-size: 17px;
   font-weight: 700;
   font-family: "Kumbh Sans", sans-serif;
    
}
   
.line-2{
   width: 100%;
   height: 1px;
   background-color: #44474C;
   margin-top: 7%;
}

.footer{
   width: 100%;
   height: 40%;
   display: flex;
   align-items: center;
   justify-content: center;
}

 
.footer img{
   width: 103.08px;
   height: 97.13px;
   margin-bottom: 30px;
   margin-left: 18%;
}
.flex-direction{
   flex-direction: column;
}
.footer .btn{
    width: 160.73px;
    height: 47px;
    font-size: 15px;
    font-family: "Kumbh Sans", sans-serif;
    font-weight: 400;
    border: 1px solid #ffffff;
     background-color: transparent;
     color: #fff;
     cursor: pointer;
       
}
.nav-links-2{
   width: 25%;
   height: 50%;
   display: flex;
    align-items: center;
    justify-content:center;
    text-align: center;
   text-decoration: none;
   color: #fff;
   margin-left: 200px;
   
}
.location-set{
   width: 25%;
   height: 40%;
   color: #fff;
}

.nav-links-2 ul li  {
     list-style-type: none;
     padding: 10px;
     border-right: 1px solid #FFF;
     border-left: 1px solid #FFF;
      padding-left: 100px;
      padding-right: 100px;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
}
.nav-links-2 ul li a{
   font-size: 20px;
   font-family: "Kumbh Sans", sans-serif;
   font-weight: 300;

}
.footer p{
   font-family: "Kumbh Sans", sans-serif;
   font-size: 13px;
}
.footer .fa-location-dot{
   color: #FFF;
   font-size: 30px;
   margin-right: 12px;
}
.location-icon{
   display: flex;
    width: 100%;
    height: 50%;

}

.socila-links{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
}
 

.location-set .fa-brands{
  color: #FFF;
  font-size: 30px;
   
}
 .disc-add{   
   height: 50px;
   text-align: center;
   color: #FFF;
   font-family: "Kumbh Sans", sans-serif;
   font-size: 18px;
   margin-bottom: 50px;
   font-weight: 400;
 }