/* background color */
#section1 {
  background-color: #00396c;
}

/* Styling for individual items */
.section1 .ac-item {
  color: #ffc73c;
  padding-bottom: 8%;
  font-family: "Poppins", sans-serif;
  font-size: 10pt;
}
/* Flex container for 'choose' elements */
.section1 .ac-item .span-class-choose {
  height: 40pt;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2%;
  min-width: 55%;
}

.section1 .ac-item .span-class-choose span {
  text-align: center;
}

.yellwo-border-span-choose {
  display: flex;
  justify-content: center;
  margin-bottom: 2%;
}

/* Flexbox container for the item box */
.section1 .wrap-for-box {
  display: flex;
  justify-content: center;
}

/* Styling for the item box */
.section1 .ac-item-box {
  background-color: #f8f6f1;
  height: 150pt;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20pt;
  max-width: 150pt;
  min-width: 150pt;
}

.section1 .ac-item-box:hover {
  border: 4px solid #ffc73c;
}

/* Image inside the item box */
.section1 .ac-item-box img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
  transition: max-width 0.3s ease, max-height 0.3s ease;
}

/* Image hover effect */
.section1 .ac-item-box img:hover {
  transform: scale(1.05) !important;
  transition: transform 0.3s ease;
}

/* Grid layout for the container */
.section1 .container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150pt, 1fr));
  gap: 5px;
  padding: 0px;
  width: 70%;
}

/* Title for the section */
.section1 .chooseac-topic {
  padding-top: 4%;
  display: flex;
  justify-content: center;
  color: #f8f6f1;
  font-family: "Agrandir", sans-serif;
  font-size: 24pt;
  text-align: center;
}

/* Underline style below the section title */
.section1 .choose-air-conditioner-underline {
  position: relative;
  width: 55%;
  height: 2px;
  background-color: #ffc73c;
  margin: 0 auto;
}
.section1 .choose-air-conditioner-underline .chooseacline {
  position: absolute;
  width: 60%;
  height: 2px;
  background-color: #ffc73c;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/* Dot at the start of the underline */
.section1 .choose-air-conditioner-underline .chooseacdot {
  width: 15px;
  height: 15px;
  background-color: #ffc73c;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Subheading text styling */
.sub-content-chooseac {
  color: #f8f6f1;
  display: flex;
  justify-content: center;
  padding-bottom: 4%;
  font-family: "Poppins", sans-serif;
  font-size: 11pt;
  text-align: center;
  margin-top: 2pt;
}
.chooseacshowmorebutton {
  display: flex;
  justify-content: center;
}

/* Styling for 'show more' button */
.chooseacshowmorebutton button {
  background-color: #025951;
  color: white;
  border: none;
  margin-bottom: 2%;
  margin-top: 4%;
  padding: 0.5% 1% 0.5% 1%;
  border-radius: 4pt;
  font-family: "Poppins", sans-serif;
  font-size: 11pt;
}

/* Responsive design for small screens */
@media (max-width: 520px) {
  .sub-content-chooseac p {
    text-align: center;
    width: 85%;
  }
}