.header {

  padding-top: 20px;
  padding-bottom: 20px;
  
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: center;


  background-color: rgb(51, 101, 138);
  

  
  z-index: 1;
  font-size: 15px;
}

@media (max-width:800px) {
  .header {
    width: 100%;
  }
}

.header-two {
  padding-top: 20px;
  padding-bottom: 20px;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  
  

  background-color:rgb(160, 185, 198);
 
  
  color: black;
  font-size: 16px;
}

@media (max-width:800px) {
  .header-two {
    width: 100%;
  }
}

.right-section {
  align-items: center;
  display:flex;
  padding-right: 0;
  margin-right: 0;
  }

  .left-section {
    align-items: center;
    display: flex;
  }

  .middle-section {
    align-items: center;
    display: flex;
  }
  
  .left-middle {
    display: flex;

  }

  .left-middle a {
      text-align: center;
      color: black;
      text-decoration: none;
    
  }
  
  .right-middle {
    display: flex;
    padding-left: 20px;
    align-items: center;
  }
  
.header-two-link a {
  color: black;
  text-decoration:none;
  padding-left: 20px;
  padding-right: 20px;
}

.cropped-logo {
  cursor: pointer;
  margin-left: 1px;
  color: black;
}

.cropped-logo a {
  color: black;
  text-decoration: none;
  height: 16px;
}

.search-icon {
  height: 16px;
  margin-left: 1px;
}

.search-bar {
  
  height: 16px; 
  padding-left: 10px; 
  padding-right: 10px;
  border-radius: 20px;
  width: 150px;
  font-family:  "Vazirmatn", sans-serif;
  font-size: 9px;
  text-align: center;
  border-style: solid;
  border-color: rgb(0,124,119);
  background-color: rgb(44,83,128);;
  color: white;
}

.search-bar::placeholder {
  font-family: "Vazirmatn", sans-serif;;
  font-size: 9px;
  text-align: center;
  color: white;
}


.phone-number{
  color: black;
  font-size: 15px;
  margin-left: 10x;
}

.address {
  color: black;
}
@media (max-width:700) {
  .address{
    font-size: 8px;
  }
}

.address a { 
  text-align: center;
  color: black;
  text-decoration: none;
}

.header-two p {
  cursor: pointer;
  text-align: center;
}
/* General Footer Styling */
.footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Default: 4 equal columns */
  column-gap: 20px;
  row-gap: 20px; /* Added spacing between rows */
  padding: 20px;
  background-color: #30AEA2;
  color: white;
}

.footer-section {
  padding: 10px;
}

/* Links */
.footer a {
  color: white;
  text-decoration: none;
}

.footer a:hover {
  color: rgb(32, 58, 83);
  cursor: pointer;
}

/* Subsection Titles */
.footer-subtype1,
.footer-subtype2,
.footer-subtype3,
.footer-subtype4 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}

/* Google Map */
.google-map iframe {
  border-radius: 10px;
  width: 100%; /* Makes the map responsive */
  height: 200px; /* Adjust height for smaller screens */
}

/* Footer Bottom */
.footer-bottom {
  text-align: center;
  padding: 10px 0;
  background-color: #207178;
  color: white;
  font-size: 14px;
}

/* Medium Screens (Tablet and Small Desktops) */
@media (max-width: 800px) {
  .footer {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on medium screens */
    column-gap: 15px;
    row-gap: 20px;
  }

  .google-map iframe {
    height: 220px; /* Slightly taller for readability */
  }
}

/* Small Screens (Mobile) */
@media (max-width: 500px) {
  .footer {
    grid-template-columns: 1fr; /* Single column layout for small screens */
    row-gap: 15px;
  }

  .footer-subtype1,
  .footer-subtype2,
  .footer-subtype3,
  .footer-subtype4 {
    font-size: 18px; /* Adjust font size for smaller screens */
  }

  .google-map iframe {
    height: 180px; /* Compact map height */
  }
}