@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap');

html {
    height:100%;
  }
  
  body {
    margin:0;
  }
  
  .bg {
    animation:slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);
    bottom:0;
    left:-50%;
    opacity:.5;
    position:fixed;
    right:-50%;
    top:0;
    z-index:-1;
  }
  
  .bg2 {
    animation-direction:alternate-reverse;
    animation-duration:4s;
  }
  
  .bg3 {
    animation-duration:5s;
  }
  
  @keyframes slide {
    0% {
      transform:translateX(-25%);
    }
    100% {
      transform:translateX(25%);
    }
  }


/*-----------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #11245A;
 }
 
 .title-sm {
    font-size: 16px;
    letter-spacing: 1px;
 }
 
 a {
    font-weight: 700;
    transition: all 0.4s ease;
    text-decoration: none;
 }
 
 img {
    width: 100%;
 }
 
 small {
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
 }
 
 section {
    padding-top: 100px;
    padding-bottom: 100px;
 }
 
 .navbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.9);
 }
 
 .navbar-logo {
    max-height: 60px; /* Adjust the maximum height of the logo as needed */
    width: auto;
  }
  
 
 #Aboutus{
     padding-bottom: 0px;
 }
 


 .content{
     color: black;
     font-size: 15px;
 }
 
 
 #contact {
     padding: 50px 0;
 }
 
 .content-det{
     background-color: rgba(255, 255, 255, 0.7);
     padding: 2vw;
     border-radius: 1vw;
     box-shadow: 0 0 2vw rgba(0, 0, 0, 0.5);
 }
 
 /* Example media query for adjusting styles for smaller screens */
 @media screen and (max-width: 768px) {
     .content-det {
         background-color: rgba(255, 255, 255, 0.7);
         padding: 10px; /* Adjust padding for smaller screens */
         border-radius: 5px; /* Adjust border radius for smaller screens */
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Adjust box shadow for smaller screens */
         
     }

     .line{
        border-top: 1px solid black;
        margin-bottom: 20px;
     }



 }
 
 .contact-form {
     background-color: rgba(255, 255, 255, 0.7);
     padding: 30px;
     border-radius: 10px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 }
 
 .contact-form input[type="text"],
 .contact-form input[type="email"],
 .contact-form input[type="tel"],
 .contact-form textarea {
     border: 1px solid #ddd;
     border-radius: 5px;
     padding: 10px;
     margin-bottom: 15px;
     width: 100%;
 }
 
 .contact-form button[type="submit"] {
     background-color: #007bff;
     color: #fff;
     border: none;
     border-radius: 5px;
     padding: 10px 20px;
     cursor: pointer;
     transition: background-color 0.3s ease;
 }
 
 .contact-form button[type="submit"]:hover {
     background-color: #0056b3;
 }
 
 #cta {
     background-color: black;
 }
 
 .navbar-nav{
     color: white;
     text-align: center;
 }