/*---------------------------------------
  Carousel add text to the image        
-----------------------------------------*/

#Carousel-header {
    top: 338px;
  left: 281px;
  width: 778px;
  height: 379px;
  /* UI Properties */
  text-align: left;
  font: normal normal 900 110px/116px Playfair Display;
  letter-spacing: 0px;
  text-transform: capitalize;
  opacity: 1;
  }

  #btn-color{
    top: 789px;
left: 288px;
width: 304px;
height: 90px;
background: var(--unnamed-color-f75402) 0% 0% no-repeat padding-box;
background: #F75402 0% 0% no-repeat padding-box;
border: 1px solid #707070;
border-radius: 32px;
opacity: 1;
  }

  #carousalBTN{
    top: 789px;
left: 288px;
width: 304px;
height: 90px;
/* UI Properties */
background: var(--unnamed-color-f75402) 0% 0% no-repeat padding-box;
background: #F75402 0% 0% no-repeat padding-box;
border: 1px solid #707070;
border-radius: 32px;
opacity: 1;
  }

  #Certified{
    color: #F75403;
  }


  .login  {
    /* background-color: #0057fc; */
    color: white;  
    top: 62px;
left: 1562px;
width: 200px;
height: 40px;
/* UI Properties */
background: var(--unnamed-color-55d246) 0% 0% no-repeat padding-box;
background: #55D246 0% 0% no-repeat padding-box;
border-radius: 12px;
opacity: 1; 
/* position: absolute; */
/* bottom: 5; */

}

.featured-block-about {
  text-align: center;
  transition: all 0.5s ease;
  min-height: 256px;
  padding: 15px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  /* box-shadow: 0px 8px 6px #00000029; */
  border: 1px solid #707070;
  /* border-radius: 32px; */
  opacity: 1;
}

.featured-block-about-reduce-border-height{
  text-align: center;
  transition: all 0.5s ease;
  min-height: 200px;
  padding: 15px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  /* box-shadow: 0px 8px 6px #00000029; */
  border: 1px solid #707070;
  /* border-radius: 32px; */
  opacity: 1;
}
/*  */
#container {
  display: table; 
  width: 100%;
}

@media (min-width: 500px) {
  #sub-menu {
    display: table-header-group;
  }
}

.logo {
  width: auto;
  height: 80px; /* Adjust the height value as needed */
}


.field-full {
  width: 100%;
  box-sizing: border-box;
}



/* Add this CSS to your stylesheet */

/* Make the card responsive */
.card {
  max-width: 100%; /* Allow the card to take the full width of its parent container */
}

/* Make the form content responsive */
.form-content {
  max-width: 100%; /* Allow the form content to take the full width of its parent container */
  padding: 0 10px; /* Add some padding for better spacing on smaller screens */
}

/* Make the form responsive */
.form-style-9 {
  max-width: 100%; /* Allow the form to take the full width of its parent container */
}

/* Make the input fields responsive */
.field-full {
  width: 100%; /* Make the input fields take the full width of their parent container */
  box-sizing: border-box; /* Include padding and border in the element's total width */
}

/* Add media queries for further responsiveness (e.g., for different screen sizes) */
@media (max-width: 768px) {
  .form-content {
    padding: 0 20px; /* Adjust padding for smaller screens */
  }
}