/* Responsive adjustments for tablets */
@media (max-width: 1024px) {
  :root {
      font-size: 20px; /* Adjust base size for tablets */
  }

 /* Font size classes using rem units */
.fontSize1 {
  font-size: 2rem; /* 40px if base size is 16px */
}

.fontSize2 {
  font-size: 1.8rem; /* 36px if base size is 16px */
}

.fontSize3 {
  font-size: 1.6rem; /* 32px if base size is 16px */
}

.fontSize4 {
  font-size: 1rem; /* 20px if base size is 16px */
}

.fontSize5 {
  font-size: 0.8rem; /* 16px if base size is 16px */
}


.fontSize5 {
  font-size: 0.88rem; /* 16px if base size is 16px */
}

.fontSize6 {
  font-size: 0.64rem; /* 16px if base size is 16px */
}


  .imageContainer {
    height: 65vh; /* Adjust height for tablets */
    background-position: center center; /* Center the image */
}

.Footercontainer1{
  
  background-position: center center; /* Center the image */
}

.logo img {
  width: 100%; 
  height: 45%;
  left:0%;
  top: -5%;
  transform: scale(1.3); 

}
.about-text-box {
  position: absolute;
  top: 47%;
  left: 59%; /* Adjust text box positioning on wider screens */
  transform: translate(-55%, 7%);
  width: 30vh;
}

.mobile-container {
  flex-direction: row;
  align-items: baseline;
  text-align: left;
}

.form-group {
  flex-direction: column; /* Stack vertically on smaller screens */
  align-items: flex-start;
}

.form-group label,
.form-group input {
  width: 100%; /* Full width on mobile */
}

.containerMaplebkg {
  flex-direction: column; /* Stack the elements vertically on smaller screens */
  height: auto;
}

.containerMaple, .bazzarheader {
  width: 100%; /* Full width on small screens */
  padding: 5%; /* Add more padding for mobile */
}
.footlogo img {
  width: 50%;
  /* height: 45%; */
  left: -26%;
  top: -15%;
  transform: scale(1.2);
}
}