@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,700&family=Roboto+Mono:ital,wght@1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@1,700&display=swap');

*{
    margin: 0;
}
.no-space{
	padding: 0 !important;

}
.name input{
    width: 98%;
}
.iconnav i{
    font-size: 20px;
    margin-right: 20px; 
    color: black;
}
/* .form-control{
    margin-left: 25rem;
    padding: .375rem 9.75rem;
} */


.home-banner{
    margin-top: 100px !important;
}
.category h3{
    font-family: 'Roboto Mono', monospace;
    font-size: 36px;
}
.img1 img{
    width: 50px;
    height: 50px;
}
.outdoor h4{
    padding: 20px 0;
}
.outdoor-1 p{
    padding: 20px 0;
}
.indoor h4{
    padding: 20px 0;
}
.indoor-1 p{
    padding: 20px 0;
}
/* #color{
    background-color: blue;
} */
.footer-icons li{
  list-style: none;
  color: white;
  margin: 0 10px;
}
.text{
    margin-top: 50px!important;
}
.text h1{
    font-family: 'Poppins', sans-serif;
    max-width: 400px;
}
.text p{
    font-family: 'Poppins', sans-serif;
    margin: 20px 0;
    max-width: 515px;
}
.icon i{
    font-size: 30px;
    margin-right: 20px; 
    color: black;
}
.carousel-item img{
    width: 100%;
    height: 800px;
    background-size: 100%;
}
.carousel-itemb img{
    width: 100%;
    height: 600px;
}
.carousel-itemb1 img{
    width: 100%;
    height: 500px;
}
.carousel-itemb2 img{
    width: 100%;
    height: 477px;
}
.img1 span{
    font-size: 5px;
}
.navbar-nav{
    margin: 0 auto !important;
    
}
.imgsaath{
    margin-top: 100px;
}
.form-control2 {
    margin-left: 0rem;
    padding: .375rem 0.75rem;
}
.form-control3 {
    margin-left: 0rem;
    padding: .375rem 35.75rem;
}
.form-control1{
    padding: .375rem 0.75rem;
    width: 45%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}
.form-control2{
    float: right;
    padding: .375rem 0.75rem;
    width: 50%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}
.mii img{
    width: 100%;
    height: 461px;
}
.mii1 img{
    margin: 12px;
    width: 100%;
    height: 461px;
    margin-top: 250px;
}
.myimg img{
    margin-left: 20px;
}
.pyp{
    width
}
.ico img{
    margin-left: 30px;
    margin-top: 10px;
}
.map img{
    height: 400px;
    width: 100%;
}
.p-2 {
    padding: 1.5rem!important;
    height: 240px;
}
.card{
    margin: 20px 10px;
}
/* .img1{
    margin-top: 20px;
} */
.p-3{
    width: 100%;
    border-radius: 50px;
    padding: 0rem!important;
    text-align: center;
}
.row {
    --bs-gutter-x: 0rem !important;
}

.container-fluid{
    --bs-gutter-x: 0rem !important;
}

.login button{
    width: 100%;
}
.plant{
    margin-left: 70px !important;
}

@media screen and (max-width: 576px) and (min-width: 320px){
    .outdoor-1 p{
        padding: 0;
        text-align: center;
    }
    .myimg img{
        background-size:100%;
        width: 100%;
    }
   
    .footer-icons{
      display: block !important;
      }
      .mii1 img{
        margin: 10px !important;
    }
      
    .footer-icons li{
      margin-top: 10px;
        }
        .myimg img {
            margin-left: 0px !important;
        }
        
   
}
@media screen and (max-width: 768px) and (min-width: 576px){
    .footer-line p{
        text-align: center;
    }
    .mii1 img{
        margin: 10px !important;
    }
}