input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.error {
  color: red;
  font-size: 0.8em;
  display: none;
}
.error.active {
  display: inline;
}


p a,i{
  text-decoration: none !important;
  list-style: none !important;
  font-size: 1rem;
}

.icons{
  position: fixed;
  width: 70px;
  height: 45px;
  margin-top: 420px;
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,.5);
  background-color: #5be89d;
  border-radius: 25px;
  box-sizing: border-box;
  text-decoration: capitalize;
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.icons p{
  height: 45px;
  position: relative;

}

.icons p a{
  display: block;
  width: 100%;
  height: 100%;
  line-height: 45px;
  padding-left: 10%;
  border-radius: 25px;
  color: #ffff;
  transition: all 0.2s linear;
}

.icons p a i{
  position: absolute;
  top: 1px;
  left: 18px;
  font-size: 1.9rem;

}


span{
  display: none;
}

.icons p a:hover{
  width:150px;
  z-index:1;
  border-radius: 25px;
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,.5);
}


.icons p:nth-child(1):hover a{
  background-color:brown;

}

.icons p a:hover span{
  display: block;
  padding-left: 35%;

}

.spin {
  animation: spin 2s infinite linear;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.navbar-brand {
  align-items: center;
}

.navbar {
  background-color: white;
  border-bottom: 3px solid #5be89d;
}

.navbar ul li a {
  font-size: 1.1rem;
  margin-left: 1.5rem;
}

.navbar ul li a:hover{
  color: brown !important;
}


.h-font {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
}

.navbar-nav {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
}



#loginreg button {
  background-color: #5be89d;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
}

.section1 {
  padding: 1rem;
  padding-bottom: 2rem; /* background-image: url("images/contactus.jpg"); */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.section1 h3 {
  color: brown;
  text-align: center;
  font-weight: bold;
  padding: 2rem;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}

.section1 img {
  padding-top: 4rem;
}

.hsection2 {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 2rem;
  padding-top: 0rem;
  text-align: center;
  font-weight: bold;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  align-items: center;
}

.hsection2 .hsectionpara {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 4rem;
  text-align: left;
  font-weight: bold;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  width: 50%;
}

.hsectionpara h4 {
  font-size: 1.7rem;
  font-weight: bold;
  color: brown;
}

.hsectionpara a {
  text-decoration: none;
  background: #5be89d;
  color: black;
  width: 25%;
  padding: 0.6rem;
  text-align: center;
  font-weight: bold;
  border-radius: 4px;
}

.hsectionpara a:hover {
  color:white !important;
  background-color:brown !important;
}

.hection2img img {
  width: 400px;
  border-radius: 100%;
}

.hsection3 {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 2rem;
  padding-top: 0rem;
  text-align: center;
  font-weight: bold;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  align-items: center;
}

.hsection3 .hsectionpara {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 2rem;
  padding-left: 0.7rem;
  text-align: left;
  font-weight: bold;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  width: 45%;
}

.hsectionpara h4 {
  font-size: 1.7rem;
  font-weight: bold;
  color: brown;
}

.hsectionpara p {
  font-size: 1.1rem;
  font-weight: normal;
}

.hsectionpara a {
  text-decoration: none;
  background: #5be89d;
  color: black;
  width: 20%;
  padding: 0.4rem;
  text-align: center;
  font-weight: bold;
  border-radius: 4px;
}

.hsectionpara a:hover {
  color: black;
  background-color: rgb(117, 116, 116);
}

.hection3img img {
  width: 450px;
  border-radius: 100%;
}

#slider {
  padding: 5rem;
}

#slider h2 {
  color: brown;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  text-align: center;
  padding-bottom: 1.5rem;
}

/* store page design */

.storesection1 {
  padding: 10rem;
  padding-bottom: 1rem;
  text-align: center;
  font-weight: bold;
}

.storesection1 h3 {
  color: brown;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  text-align: center;
}

.storesection2 {
  padding: 2rem;
}

.storesection2 button {
  background-color: #5be89d;
}

.storesection2 a {
  background-color: #5be89d;
  display: flex;
  justify-content: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  text-decoration: none;
  color: black;
}

.storesection2 a:hover {
  background-color: brown;
  color: white !important;
}

#formdesign {
  padding: 5rem;
}

#formdesign h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  color: indianred;
}

#formdesign p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  color: black;
}

.csection1 {
  padding: 1rem;
  padding-bottom: 2rem; /* background-image: url("images/contactus.jpg"); */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.csection1 h2 {
  color: rgb(240, 9, 9);
  text-align: center;
  font-weight: bold;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}

.csection1 p {
  text-align: center;
  font-weight: bold;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}

.csection2 img {
  height: 60vh;
}

#csection3 {
  padding: 2rem;
  padding-left: 6rem;
  padding-right: 6rem;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}

/**Footer page**/

.footer {
  background: #aaacac;
  padding: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  border-top: 3px solid #5be89d;
}

.footer .company h3 {
  font-size: 1.3rem;
  color: black;
}

.footer .company a {
  font-size: 1rem;
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.footer .company a:hover {
  color: white;
}

.footer .policies h3 {
  font-size: 1.3rem;
  color: black;
}

.footer .policies a {
  font-size: 1rem;
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.footer .policies a:hover {
  color: white;
}

.footer .Online h3 {
  font-size: 1.3rem;
  color: black;
}

.footer .Online img {
  cursor: pointer;
  padding-bottom: 3rem;
}

.footer .two h3 {
  font-size: 1.3rem;
  color: black;
}

.footer .two h5 {
  font-size: 1rem;
  color: black;
}

/**Copyrights page**/

.copy {
  border-top: 4px solid white;
  background: #3766f4;
  padding: 0.1rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  justify-content: space-between;
  align-items: center;
}

.copy h3 {
  font-size: 1rem;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  color: black;
}

#privacypolicy {
  padding: 10rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
}

#privacypolicy h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  color: indianred;
  padding-bottom: 1.8rem;
}

#privacypolicy ul li {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  color: black;
  padding-bottom: 1rem;
}

#privacypolicy p {
  font-family: Georgia, "Times New Roman", Times, serif;
}

/* moibile view */

@media only screen and (min-width: 300px) and (max-width: 767px) {
  .sidebar {
    background-color: transparent;
    backdrop-filter: blur(10px);
  }

  .section1 {
    background-size: cover;
    background-position: center center;
    height: 380px !important;
  }

  .section1 p {
    padding-top: 2rem;
    padding-left: 0.8rem;
    color: white;
    font-size: 13px;
    text-align: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
  }

  .section1 img{
   padding-top: 6.4rem;
  }

  .hsection2 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 1.5rem;
    text-align: center;
    font-weight: bold;
    font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
    align-items: center;
  }

  .hsection2 .hsectionpara {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0rem;
    padding-top: 3rem;
    text-align: left;
    font-weight: bold;
    font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
    width: auto;
  }

  .hsectionpara h5,
  h2 {
    font-size: 1.1rem;
    color: rgb(117, 116, 116);
  }

  .hsectionpara p {
    font-size: 0.9rem;
  }

  .hsectionpara a {
    text-decoration: none;
    background: black;
    color: white;
    width: 50%;
    padding: 0.1rem;
    text-align: center;
    font-weight: bold;
    border-radius: 4px;
    font-size: 0.8rem;
  }

  .hsectionpara a:hover {
    color: black;
    background-color: rgb(117, 116, 116);
  }

  .hection2img img {
    padding-top: 4rem;
    width: 250px;
  }

  .hsection3 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 1.5rem;
    text-align: center;
    font-weight: bold;
    font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
    align-items: center;
    border-top: 2px solid #3766f4;
  }

  .hsection3 .hsectionpara {
    display: flex;
    padding: 0rem;
    padding-bottom: 1rem;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: left;
    font-weight: bold;
    font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
    width: auto;
  }

  .hsection3para h5,
  h2 {
    font-size: 1.1rem;
    color: rgb(117, 116, 116);
  }

  .hsection3para ul {
    font-size: 0.9rem;
  }

  .hection3img img {
    width: 250px;
  }

  .storesection2{
    padding: 4rem !important;
  }

  .slider {
    padding: 1rem;
  }

  .slider h2 {
    font-size: 1.2rem;
    text-align: center;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    padding-bottom: 1rem;
  }

  #formdesign {
    padding: 1.8rem;
  }

  #formdesign h3 {
    font-size: 1.5rem;
  }

  #formdesign p {
    font-size: 1rem;
  }

  .csection1 {
    padding: 1rem;
    padding-bottom: 2rem; /* background-image: url("images/contactus.jpg"); */
  }

  .csection1 h2 {
    color: rgb(240, 9, 9);
    text-align: center;
    font-weight: bold;
    font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  }

  .csection1 p {
    text-align: center;
    font-weight: bold;
    font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  }

  .csection2 img {
    height: 40vh;
    width: auto;
  }

  #csection3 {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
  }

  #csection3 .csection3para2 iframe {
    width: auto;
  }

  /**Footer page**/

  .footer {
    background: #aaacac;
    padding: 1.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    border-top: 3px solid #5be89d;
  }

  .footer .company h3 {
    font-size: 1.2rem;
    color: black;
  }

  .footer .company a {
    font-size: 0.8rem;
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  .footer .company a:hover {
    color: white;
  }

  .footer .policies h3 {
    padding-top: 1.2rem;
    font-size: 1.2rem;
    color: black;
  }

  .footer .policies a {
    font-size: 0.8rem;
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  .footer .policies a:hover {
    color: white;
  }

  .footer .Online h3 {
    padding-top: 1rem;
    font-size: 1.2rem;
    color: black;
  }

  .footer .Online img {
    cursor: pointer;
  }

  .footer .two h3 {
    font-size: 1.2rem;
    color: black;
  }

  .footer .two h5 {
    font-size: 0.8rem;
    color: black;
  }

  /**Copyrights page**/

  .copy {
    border-top: 4px solid #ecf0f1;
    background: #3766f4;
    padding: 0.2rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    justify-content: space-between;
    align-items: center;
  }

  .copy h3 {
    font-size: 0.6rem;
    font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
    color: black;
  }
}

/* CSS for iPhone 14 */
@media only screen and (max-device-width: 2532px) and (max-device-height: 1170px) {
  /* Adjust the CSS properties for the images that have issues on the iPhone 14 */
  .problematic-image {
    width: 100%; /* Adjust the width as needed */
    max-height: auto; /* Maintain aspect ratio */
  }
}