*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

/* navigation*/

.navbar{
     border-bottom: 1px solid grey; 
    height: 62px;
    
}
.container-fluid a img{
    margin-top: -8%;
    margin-left: 5%;
   
}
.nav-link{
  margin-left: -15%;
  width: 100%;
}


   .navbar-brand{
    font-weight: bolder;
}

 .nav-item{
    padding-left:1rem;
} 



.navbar ul li a{
  color: black;
  padding: 10px;
  padding-top: 5%;
}
.nav ul li {
  display: inline;
  padding-right: 10%;
}
.menu{
  color: black !important;
 
}
.color{
padding-top: 1%;
}

.form-control{
    background-color: rgb(224, 186, 186) ;
    border: 1px solid rgba(255, 255, 255, .5);;
    border-radius: 0;
    opacity: 1;
}

.form-control .form-inline{
    width: 200px; 
}


.form-control:focus{
    color:black;
    background-color: #fff;
    border-color:#a75470;
    box-shadow:none;
}

.form-control::placeholder{
     color: rgba(255, 255, 255, .5); 
    
}
.form-control{
  padding-right: 100%;
}

.btn {
    color: #fff;
    background-color: #a56177;
    border-color:rgb(224, 186, 186);
    border-radius: 0;
    height: 38px;
  }

.btn:hover,.btn:focus  {
    color: #fff;
    box-shadow: 0 0 0 0.2rem #a56177;
  }

.dropdown-menu{
    padding: 0;
    border-radius: 0;
    background-color: rgb(223, 197, 197); 

} 

.dropdown-item{
    color: rgba(255, 255, 255, .5);
}

.dropdown-item:hover{
background-color: rgb(224, 186, 186);
color:white;
}

/* heading */
.heading{
  width: 100%;
}
.heading h2{
text-align: center;
margin-top: 1%;
}

/* banner */
.ban{
  margin-top: 2%;
   background-image: url(./blognew.webp); 
  background-repeat: no-repeat;
  background-size: 100%;
  height: 75vh;
}
.text {
    text-align: center;
    margin-top: 1%;
}
/* text */
 .item {
  width: 100%;
  /* height: 100px; */
  margin: 50px auto;
  padding-top: 75px;
  color: black;
} 

.item h3{
  font-size: 20px;
  text-align: center;
}

.item p{
  margin-top: 2%;
   width: 80%; 
  font-size: 15px;
  margin-left: 11.2%; 
}

/* example */
.example{
  margin-top: 1%;
}
.example i h4{
  margin-left: 11.2%; 
font-size: 15px;
margin-top: 3%;
}
.example p{
  width: 80%;
  margin-left: 11.2%; 
font-size: 15px;
margin-top: 2%;
}
.item2 {
    width: 100%;
    /* height: 100px; */
    margin: 50px auto;
    padding-top: 75px;
    color: black;
  } 
  .item2 img{
    height: 80vh;
     margin-top: -5%; 
    width: 80%;
    margin-left: 11%;
  }
.luxury p{
  margin-top: -2%;
  text-align: center;
}
/* 2nd example */
.example2{
  margin-top: 1%;
}
.example2 h3{
   margin-left: 11.2%; 
font-size: 18px;
}
.example2 h4{
  margin-left: 11.2%; 
font-size: 15px;
margin-top: 3%;
}
.example2 p{
  width: 80%;
  margin-left: 11.2%; 
font-size: 15px;
margin-top: 2%;
}
/* 3rd example */
.example3{
  margin-top: 1%;
}
.example3 h3{
   margin-left: 11.2%; 
font-size: 18px;
}
.example3 h4{
  margin-left: 11.2%; 
font-size: 15px;
margin-top: 3%;
}
.example3 p{
  width: 80%;
  margin-left: 11.2%; 
font-size: 15px;
margin-top: 2%;
}
.item3 {
  width: 100%;
  /* height: 100px; */
  margin: 50px auto;
  padding-top: 75px;
  color: black;
} 
.item3 img{
  height: 80vh;
   margin-top: -5%; 
  width: 80%;
  margin-left: 11%;
}
.luxury2 p{
  margin-top: -2%;
  text-align: center;
}


/* 5th example */
.example5{
  margin-top: 1%;
}
.example5 h3{
   margin-left: 11.2%; 
font-size: 18px;
}
.example5 h4{
  margin-left: 11.2%; 
font-size: 15px;
margin-top: 3%;
}
.example5 p{
  width: 80%;
  margin-left: 11.2%; 
font-size: 15px;
margin-top: 2%;
}
.item4 {
  width: 100%;
  /* height: 100px; */
  margin: 50px auto;
  padding-top: 75px;
  color: black;
} 
.item4 img{
  height: 80vh;
   margin-top: -5%; 
  width: 80%;
  margin-left: 11%;
}
.luxury3 p{
  margin-top: -2%;
  text-align: center;
}



/* 6th example */
.example6{
  margin-top: 1%;
}
.example6 h3{
   margin-left: 11.2%; 
font-size: 18px;
}
.example6 h4{
  margin-left: 11.2%; 
font-size: 15px;
margin-top: 3%;
}
.example6 p{
  width: 80%;
  margin-left: 11.2%; 
font-size: 15px;
margin-top: 2%;
}
/* new */
.nexample{
    margin-top: 1%;
  }
  .nexample h3{
     margin-left: 11.2%; 
  font-size: 18px;
  }
  .nexample h4{
    margin-left: 11.2%; 
  font-size: 15px;
  margin-top: 3%;
  }
  .nexample p{
    width: 80%;
    margin-left: 11.2%; 
  font-size: 15px;
  margin-top: 2%;
  }



.women {
  margin-top: 5%;
  margin-left: 11.2%; 
  font-size: 15px;
  width: 80%;
}

/* icons */
.icon{
  margin-top: 2%;
  width: 80%;
margin-left: 11.2%;
text-align: center;
/* border: 1px solid grey; */
}
.icon i{
  font-size: 25px;
  /* padding-left: 25px; */
  /* padding-right: 25px; */
  margin-top: 2%;
  border: 1px solid grey;
  border-radius: 50%;
  padding: 1%;
}




.footer-container {
  display: flex;
  justify-content: space-around;
  /* background-color: rgba(128, 128, 128, 0.121);  */
  padding: 20px;
  flex-wrap: wrap;
  padding-top: 2%;
  margin-top: 3%;
  border-top: 1px solid black;
}

.footer-section {
  margin: 10px;
}

.footer-section h4 {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.footer-section p, .footer-section a {
  color: black;
  text-decoration: none;
  margin: 5px 0;
}
.footer-section p{
  font-size: 14px;
}
.footer-section a:hover {
  text-decoration: underline;
}

.footerphoto h4{
  font-size: 1.1rem;
}
.footerphoto img{
  margin-top: 2%;
}

.footer-bottom {
  text-align: center;
  padding: 10px;
  background-color: #22222231;
  /* color: #ccc; */
}