*{
  margin: 0;
  padding: 0;
}

/*----Navigation Bar----*/
#nav-bar{
position:sticky;
margin-top: 100px;
bottom: 10;
z-index: 10;
}

.navbar-brand img{
  height: 110px;
  /*width: 90px;*/
  padding-left: 30px;
  margin-top: 2px;
  margin-bottom: 0px 2px;
  width:350px;
}


.navbar-nav li{
height: 60px;
padding-left: 30px;
text-align: center;
margin-top: 30px;
color:#006400 ;
}

.navbar-nav li a{
float:right;
text-align: left;
}

#nav-bar ul li a:hover{
color: #006400;
}

.navbar{
background: #ffffff;
} 

.navbar-toggler{
border: none!important;
}

.nav-link{
color: #006400!important;
font-weight: 600;
font-size: 18.5px;
}

.dropdown{
position: fixed;
z-index: 9999;
}

   /*----Contact Us Form----*/
   @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");

   body,
   input,
   textarea {
     font-family: "Poppins", sans-serif;
   }
   
   .container {
     position: relative;
     width: 100%;
     min-height: 100vh;
     padding: 2rem;
     background-color: #fafafa;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   
   .form {
     width: 100%;
     max-width: 820px;
     background-color: #fff;
     border-radius: 10px;
     box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
     z-index: 1000;
     overflow: hidden;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
   }
   
   .contact-form {
     background-color: #006400;
     position: relative;
   }
       
   
   form {
     padding: 2.3rem 2.2rem;
     z-index: 10;
     overflow: hidden;
     position: relative;
   }
   
   .title {
     color: #fff;
     font-weight: 500;
     font-size: 1.5rem;
     line-height: 1;
     margin-bottom: 0.7rem;
   }
   
   .input-container{
     position: relative;
     margin: 1rem 0;
   }

   .input{
     width: 100%;
     outline: none;
     border: 2px solid #fafafa;
     background: none;
     padding: 0.6rem 1.2rem;
     color: #fff;
     font-weight: 500;
     font-size: 0.95rem;
     letter-spacing: 0.20px;
     border-radius: 5px;
     transition: 0.3s;
   }
   
   textarea .input{
     padding: 0.8rem 1.2rem;
     min-height: 150px;
     border-radius: 5px;
     resize: none;
     overflow-y:auto;
   }

   .input-container label{
     position: absolute;
     top: 50%;
     left:15px;
     transform: translateY(-50%);
     padding: 0 0.4rem;
     color: #fafafa;
     font-size: 0.9rem;
     font-weight: 400;
     pointer-events: none;
     z-index: 1000;
     transition: 0.5s;
   }


   .input-container span{
     position: absolute;
     bottom: 12px;
     right: 17px;
     font-size: 14px;
     color: #e1e6e1;
    }

   .input-container.textarea label{
     top: 1rem;
     transform: translateY(0);
   }

  /*For button*/ 
   .btn {
     padding: 0.6rem 1.3rem;
     background-color: #fff;
     border: 2px solid #fafafa;
     font-size: 0.95rem;
     line-height: 1;
     border-radius: 5px;
     cursor: pointer;
     transition: 0.3s;
     margin: 0;
     width: 100%;
   }
   
   .btn:hover {
     background-color: #fafafa;
   }

  /*For movement*/
   .input-container label::before,
   .input-container label::after{
     content:"";
     position: absolute;
     opacity: 0;
     transition: 0.3s;
     height: 5px;
     background-color: #006400;
     top: 50%;
     transform: translateY(-50%);
     width: 100%;
   }

 
   .input-container label:before{
     left:50%;
   }

   .input-container label:after{
     right: 50%;
   }

   .input-container.focus label{
     top: 0;
     transform: translateY(-50%);
     left: 25px;
     font-size: 0.8rem;
   }

   .input-container.focus label:before,
   .input-container.focus label:after {
     width: 65%;
   }

   /*Contact Form*/
   .contact-info {
     padding: 2.3rem 2.2rem;
     position: relative;
   }
   
   .contact-info .title {
     color: #006400;
   }
   
   .text {
     color: #333;
     margin: 1.5rem 0 2rem 0;
   }
   
   .information {
     display: flex;
     color: #555;
     margin: 0.7rem 0;
     align-items: center;
     font-size: 0.95rem;
   }
   
   .icon {
     width: 28px;
     margin-right: 0.7rem;
   }
   
   .social-media {
     padding: 2rem 0 0 0;
   }
   
   .social-media p {
     color: #333;
   }
   
   .social-icons {
     display: flex;
     margin-top: 0.5rem;
   }
   
   .social-icons a {
     width: 35px;
     height: 35px;
     border-radius: 5px;
     background-color: #006400;
     color: #fff;
     text-align: center;
     line-height: 35px;
     margin-right: 0.5rem;
     transition: 0.3s;
   }
   
   .social-icons a:hover {
     transform: scale(1.05);
   }
   
   .contact-info:before {
     content: "";
     position: absolute;
     width: 110px;
     height: 100px;
     border: 22px solid #006400;
     border-radius: 50%;
     bottom: -77px;
     right: 50px;
     opacity: 0.3;
   }
   
   
   @media (max-width: 850px) {
     .form {
       grid-template-columns: 1fr;
     }
   
     .contact-info:before {
       bottom: initial;
       top: -75px;
       right: 65px;
       transform: scale(0.95);
     }
   
     .text {
       margin: 1rem 0 1.5rem 0;
     }
   
     .social-media {
       padding: 1.5rem 0 0 0;
     }
   }
   
   @media (max-width: 480px) {
     .container {
       padding: 1.5rem;
     }
   
     .contact-info:before {
       display: none;
     }
   
     form,
     .contact-info {
       padding: 1.7rem 1.6rem;
     }
   
     .text,
     .information,
     .social-media p {
       font-size: 0.8rem;
     }
   
     .title {
       font-size: 1.15rem;
     }
   
     .social-icons a {
       width: 30px;
       height: 30px;
       line-height: 30px;
     }
   
     .icon {
       width: 23px;
     }
   
     .input {
       padding: 0.45rem 1.2rem;
     }
   
     .btn {
       padding: 0.45rem 1.2rem;
     }
   }
 

/*required fields*/
.required::after{
 content: " *";
 color: red;
 font-size: 18px;
}
  .coming-soon-txt{
     padding-bottom: 1000px;
     margin-top: 100px;
     font-size: larger;
     text-align: center;
  }