/* General styles */
body, html {
  margin: 0;
  padding: 0;
}

.header {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.fixed-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(assest/pexels-eduardo-romero-817034-3649407.jpg);  background-size: cover;
  background-position: center;
  z-index: -1;
}

.header-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
}





#home {
   
  text-align: center;
  padding: 20px 10px;
  background-color: #000000; /* Light gray background color */
}

.home-content {
 
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  align-items: center;
  color: rgb(85, 85, 85);
  font-family: 'Poppins', sans-serif;
  
}

.home-text {
  text-align: left; /* Adjusted text alignment */
  margin-left: 20px;
  color: white;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}

.home-image img {
  max-width: 100%;


  /* Ensure the image doesn't exceed its container */
}





#between {
   height: 40vh;
   
   background-position: center;

   background-image: url(assest/day1.png);
}




.section {
  padding: 50px 0;
  background: transparent;
  color: white;
}


















 
#adds-page {
  
  text-align:center;
  /* Light blue background color */ /* Light blue background color */
  padding: 20px 0;
  background: transparent;
}


.grid-container3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Responsive columns */
  grid-gap: 20px;
  background: transparent;
}

.grid-items {
  width: 100%; /* Take full width on smaller screens */
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); /* Shadow for each image */
  background: transparent;
}

.card {
 
  border-radius: 10px;
  padding: 10px;
  background: transparent;
  
}

.card-image img {
  border-radius: 50%; /* Makes the image circular */
  width: 150px;
  height: 150px;
  margin: 0 auto;
  display: block;
  background: transparent;
}

.card-content {
  color: white;
  text-align: center;
}

.card-content h3 {
  margin-top: 10px;
  color: white;
  font-size: 18px;
}

.card-content p {
  font-size: 14px;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

.ratings {
  margin-top: 10px;
}

.fa-star {
  color: orange;
}

.checked {
  color: orange;
}






  
.cta-button {
  background-color: #ffcb3a;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  margin-top: 20px;
  display: inline-block;
  border-radius: 5px;
}



.cta-buttons {
  background-color: #ffcb3a;
  color: rgb(82, 42, 42);
  padding: 10px 20px;
  text-decoration: none;
  margin-top: 20px;
  display: inline-block;
  border-radius: 5px;
  font-size: 30px;
}




.ctas-buttons {
  background-color: #ffcb3a;
  color: rgb(82, 42, 42);
  padding: 10px 20px;
  text-decoration: none;

  display: inline-block;
  border-radius: 5px;
  font-size: 20px;
}


.footer {
  height: 250px;
  background-color: #333;
  color: #fff;
  padding: 20px;
}

.footer-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.company-info {
  display: grid;
  grid-template-rows: auto auto;
  grid-gap: 10px;
}

.company-details h3 {
  margin-top: 0;
}

.social-media {
  display: flex;
  flex-direction: column;
}

.social-icons {
  display: flex;
}

.social-icons a {
  color: #fff;
  margin-right: 10px;
}

.logo img {
  width: 100px; /* Adjust the size as needed */
  height: auto;
}















  @media (max-width: 900px) {
    
  
  
  
  
    #home, #second-page, #fourth-page, #fith-page, #se-page,#ses-page, #shop,#third-page,#ten-page {
      padding: 20px 0;
    }
    
    
    .home-content {
      grid-template-columns: 1fr; /* Change to a single column on small screens */
    }
    
    
    
    .home-text {
      text-align: left;
    }
    
    
    
    }
    
    
    
    
    
    
    @media (max-width: 600px) {
    
      body {
        margin: 0;
        padding: 0;
    }
    
    
    
    
    
    #home, #second-page, #fourth-page, #fith-page, #se-page,#ses-page, #shop,#third-page,#ten-page {
      padding: 20px 0;
    }
    
    
    .home-content {
      grid-template-columns: 1fr; /* Change to a single column on small screens */
    }
    
    
    
    .home-text {
      text-align: left;
    }
    
  }
    
    
    @media (max-width: 1200px) {
    
    
      body {
        margin: 0;
        padding: 0;
    }
    
    
   
    
    
    
    
    
    #home, #second-page, #fourth-page, #fith-page, #se-page,#ses-page, #shop,#third-page,#ten-page {
      padding: 20px 0;
    }
    
    
    .home-content {
      grid-template-columns: 1fr; /* Change to a single column on small screens */
    }
    
    
    
    .home-text {
      text-align: left;
    }
    
      
    
    }
    
    
    
    
    
    
    
    
    
    /* Media Query for Small Screens */
    @media only screen and (max-width: 768px) {
      body {
          margin: 0;
          padding: 0;
      }
    
    
    
    
      #home, #second-page, #fourth-page, #fith-page, #se-page,#ses-page, #shop,#third-page,#ten-page {
        padding: 20px 0;
    }
    
    
    .home-content {
        grid-template-columns: 1fr; /* Change to a single column on small screens */
    }
    
    
    
    .home-text {
        text-align: left;
    }
    
    
    
    }