*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}

@font-face {
  /* font-family: 'Dosis Extralight';
  src:url(fonts/Dosis/static/Dosis-ExtraLight.ttf) */

  font-family: 'Dosis regular';
  src:url(fonts/Dosis/static/Dosis-Light.ttf)
}


html,
body {
  padding: 0;
  margin: 0;
  background-color: #eee;
  color: #fff;
  /* font-family: sans-serif; */
  font-family: 'Dosis Extralight', sans-serif;
   overflow-x: hidden;
}

/* Updated Logo Styles */
.logo {
  height: 100px; /* Adjust based on your logo height */
  display: flex;
  align-items: center;
  margin-right: 30px; /* Added spacing between logo and menu */
}

.logo img {
  height: 100%;
  width: auto;
  max-height: 100px; /* Control maximum logo size */
  transition: all 0.3s ease;
  /* background-color: white; */

}


/* Navigation Styles */
.navbar {
  /* position: fixed; */
  width: 100%;
  padding: 10px 0;
  /* background-color: transparent; */
  background-color: rgb(32, 39, 55);  
  transition: all 0.3s ease;
  z-index: 1000;
}

.navbar.scrolled {
  background-color: rgb(32, 39, 55);
  padding: 10px 0;
}

.nav-container {
  /*max-width: 1200px;*/
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

.logo {
  color: rgb(9, 40, 88);
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
}

.nav-links {
  display: flex;
  list-style: none;
}

.nav-links li {
  margin-left: 30px;
}

.nav-links a {
  color: white;
  /* color: rgb(255, 255, 255); */
  text-decoration: none;
  font-size: 24px;
  padding: 10px 15px; /* Added padding for better click area */
  transition: color 0.3s ease;
}

.nav-links a:hover {
  /*color: white;*/
  text-decoration: underline;
}

.burger {
  display: none;
  cursor: pointer;
}

.burger div {
  width: 30px;
  height: 3px;
  background-color: white;
  margin: 5px;
  transition: all 0.3s ease;
}


/*about us section*/
#about-us {
  /* background-color: rgb(32, 39, 55); */
  background-color: white;
  padding: 40px 20px;
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #333;
}

#about-us .container {
  max-width: 800px;
  margin: 0 auto;
}

#about-us h1 {
  font-size: 2.5rem;
  /* color: #2c3e50; */
  color: rgb(32, 39, 55);
  margin-bottom: 20px;
  /* text-align: center; */
}

#about-us h2 {
  font-size: 2rem;
  /* color: #2c3e50; */
  color: rgb(32, 39, 55);
  margin-top: 30px;
  margin-bottom: 15px;
}

#about-us h3 {
  font-size: 1.2rem;
  /* color: #2c3e50; */
  color: rgb(32, 39, 55);
  margin-top: 30px;
  margin-bottom: 15px;
}

#about-us p {
  font-size: 1.1rem;
  margin-bottom: 20px;
  text-align: justify;
}

#about-us strong {
  /* color: #e67e22; */
  color: rgb(32, 39, 55);
  font-weight: bold;
}

/* Responsive Design */
@media (max-width: 768px) {
  #about-us h1 {
      font-size: 2rem;
  }

  #about-us h2 {
      font-size: 1.5rem;
  }

  #about-us p {
      font-size: 1rem;
  }
}
/*end of about us*/

/*footer start*/
/*footer section*/
.footer {
  /* background-color: #f8f9fa;  */
  background-color: #202838;
  padding: 20px; /* Add some padding around the footer */
}

/*.footer a {
color: #007bff;
text-decoration: none;
}*/

.footer-wrapper {
  display: flex;
  /* justify-content: center;  */
  justify-content: space-around;
}

.footer-section {
  margin-right: 20px; /* Add spacing between footer sections */
}

.footer-section:last-child {
  margin-right: 0; /* Remove margin from the last footer section */
}

.footer-section h3 {
  /* color: #333;  */
  color: lightgray;
}

.footer-section ul {
  list-style-type: none; /* Remove bullet points */
  padding: 0;
}

.footer-section ul li {
  margin-bottom: 10px; /* Add space between list items */
  font-size: 14px; /* Adjust font size */
  /* color: #666;  */
  color: lightgray;
}

.contact-button {
  background-color: rgb(0, 123, 255); /* Blue button background */
  color: #fff; /* White button text */
  padding: 10px 20px; /* Add padding to button */
  border: none; /* Remove button border */
  border-radius: 5px; /* Add border radius to button */
  cursor: pointer; /* Add pointer cursor on hover */
}

.contact-button:hover {
  background-color: #0056b3; /* Darker blue on hover */
}

.footlogo {   
 width: 250px;
 /* background-color: lightgray; */
}

.end-container {
display: flex;
/* justify-content: center; */
flex-direction: column; 
align-items: center;
background-color:#202838 ;
}

.end{
color: lightgray;
font-style: italic;
}

.legallink{
text-decoration: none; /* Remove underline */
color: lightgray; /* Set text color to lightgray */
}

.legallink:hover{
color: rgba(211, 211, 211, 0.632); 
}

.end1{
margin-bottom: 5px;
}

.powered a{
color: rgb(0, 123, 255);
text-decoration: none;
}
/*footer ends*/



@media screen and (max-width: 939px) {
    .nav-links {
        position: fixed;
        right: -100%;
        /* top: 70px; */
        top: 100px;
        /* top: 100%; */
        height: calc(100vh - 70px);
        /* background-color: rgba(32, 40, 56, 0.9); */
        /* background-color: rgba(32, 40, 56, 1); */
        background-color: white;
        flex-direction: column;
        align-items: center;
        width: 100%;
        transition: right 0.5s ease;
        padding-top: 30px;
    }
  
    .logo img {
        max-height: 70px;  /* Slightly smaller logo on mobile */
    }
  
    .nav-links li {
        margin: 20px 0;
    }
  
    .nav-links a {
        /* color: white; */
        color: rgba(32, 40, 56, 1);;
        font-size: 24px;
    }
  
    .burger {
        display: block;
    }
  
    .nav-active {
        right: 0;
    }
  
    .toggle .line1 {
        transform: rotate(-45deg) translate(-5px, 6px);
    }
  
    .toggle .line2 {
        opacity: 0;
    }
  
    .toggle .line3 {
        transform: rotate(45deg) translate(-5px, -6px);
    }

    /*footer start*/
    .footer-wrapper {
      flex-direction: column; /* Change to column layout when screen width is 768px or less */
    }
    
    .footer-section ul li {
    
      font-size: 12px; /* Adjust font size */
    
    }
    /*footer ends*/
  
  }