body{
    overflow-x: hidden;
}
.widthlogo{
    width:100px;
}
.nav-item.dropdown:hover .dropdown-menu {


    display: block;
    
    
    }
.bcolor{
    background-color: #FF9900;
}
.color{
    color:#FF9900;
}
.bold{
    font-weight: bold;
}
.grey{
    color:GREY;
}
.end{
    display: flex;
    justify-content: end;
    align-items: end;
    flex-direction: column;
}
.flex{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.paddinglogo{
    padding:20px 0px;
}

.home1{
   
     background-image: url("../images/DSC8606.jpg"); 
    background-repeat: no-repeat;
    background-size: cover;
    height:70vh; 
    position: relative; 
    background-position: center;
    /* z-index:-1; */
    padding:0;
}
.home1::before {
    content: "";
    position: absolute;
    width: 100%;
    height:100%;
    /* background-color: rgba(0, 0, 0, 0.78); */
    background-color: rgba(0, 0, 0, 0.73);
    z-index: 0; 
    padding:0;
    margin:0;
  }
  .text {
    position: relative; 
    z-index: 1; 
    color: white; 
  
  }

.topheight{
    height:70vh;
}
.white{
    color:white;
}
.button6{
    padding:18px 40px;
   
    font-weight: 500;
    font-size:13px;
    border:none;
    /* background: linear-gradient(to left, #FF567A, #FD9161); */
    background-color: #FF9900;
    color:white;
    border-radius: 10px;
    
  }


.button{
    padding:18px 40px;
    font-weight: 500;
    font-size:13px;
    border:none;
    /* background: linear-gradient(to left, #FF567A, #FD9161); */
    background-color: #FF9900;
    color:white;
    border-radius: 10px;
    
  }
  .button:hover{
    background: linear-gradient(to left, #ffffff, #ffffff);
    color:black;
    border: 1px solid #FF9900;
    
  }
.margin_5{
    margin-top: 5%;
}
.widthtop{
    width:100%;
}
  @media(max-width:430px){

.widthtop{
    width:60%;
}
  }
.margin_8{
    margin-top: 8%;
}
.testi1{
    border-radius: 50%;
}
.backimg1{
    
    background-image: url("../images/DSC8606.jpg"); 
    background-repeat: no-repeat;
    background-size: cover;
    height:50vh; 
    position: relative; 
    background-attachment: fixed;
    background-position: center;
     z-index:-1; 
    padding:0;
}
.backimg1::before {
    content: "";
    position: absolute;
    width: 100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.78);
    z-index: 0; 
    padding:0;
    margin:0;
  }
.align{
    text-align: center;
}
.price1{
    width:100%;
    height:200px    
}
.shadow{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding:5% 5%;
     height:520px; 
    background-color: white;
}
.minusmrgin{
    margin-top: -150px;
    z-index:2;
}
.widthdesign1{
    width:100%;
}
/* ......................................... */
.touch3{
    width:50%;
  }
  .styling2 {
    position: relative;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    transition: all 2s ease;
    height: auto; /* Adjust as needed */
  }
  
  .styling2 img {
    width: 50%;
    height: auto;
    transition: transform 2s ease;
  }
  
  .styling2 .hover-text {
    display: none;
    opacity: 0;
    transition: opacity 5s ease-in-out, transform 5s ease;
    position: relative;
    margin-top: 10px;
    color: #ffffff; /* Adjust text color as needed */
    background-color: black;
    padding:15% 2%;
    text-align: center;
    border-radius: 20px;
    width: 100%;
    font-weight: bold;
   
  }
  
  .styling2:hover img {
    transform: translateY(-20px); /* Move the image up slightly to make space for the text */
  }
  
  .styling2:hover .hover-text {
    display: block;
    opacity: 1;
    transform: translateY(10px); /* Slide the text up slightly */
  }
  .backimgblack{
    background-color: black;
    height:350px;
    border-bottom-right-radius: 30%;
  }
  .widthmen{
    width:70%;
  }

.padding-top{
    margin-top: 10% ;
}
.menminus{
    margin-top: 100px;
    
}
.padding_1{
    padding-top: 2%;
}

.map{
    
    background-image: url("../images/map.png"); 
    background-repeat: no-repeat;
    background-size: cover;
    height:30vh; 
    position: relative; 
    /* background-attachment: fixed; */
    background-position: center;
     z-index:-1; 
    padding:0;
    margin-top: 15%;
   
}




.iconwidth2{
    width:120px;
    height:120px;
    
    background: linear-gradient(to left, #FF567A, #FD9161);
    padding:30px 15px;
    border-radius: 50%;
  }
  .iconwidth2 {
    transition: transform 0.4s ease; /* Smooth transition for flipping */
  }
  
  .iconwidth2:hover {
    transform: rotateY(180deg); /* Flip the image horizontally on hover */
  }
  .iconwidth{
    width:120px;
    height:120px;
    background-color:#e4e4e583 ;
    padding:30px 15px;
    border-radius: 50%;
  }
  .iconwidth {
    transition: transform 0.4s ease; /* Smooth transition for flipping */
  }
  
  .iconwidth:hover {
    transform: rotateY(180deg); /* Flip the image horizontally on hover */
  }


  .marginiconminus{
    margin-top: -100px;
  }
  

.footrcolor{
  background-color: #123821;
}

.social{
  background-color:#192e21;
  color: #ffffff;
  padding:2%;
  border-radius: 50%;
  font-size: 20px;

}

  .padd1{
    padding:3% 0%;
  }
  .widthfooterlogo{
    width:50%;
  }
  .bold{
    font-weight: bold;
  }


  .footergrey{
    color:grey;
    font-family:"Calibri Light";
   line-height: 1;
   }
   .footericonsfinl{
   color:#FF9900;
   
   
   
   }
   .footergrey:hover{
     color:rgb(255, 255, 255);
     font-family:"Calibri Light";
    }
   
/* ..........................................................about.us page................................................................... */
.abouthome2{
    background-image: url("../images/home1.jpg"); 
    background-repeat: no-repeat;
    background-size: cover;
    height:40vh; 
    position: relative; 
    background-position: center;
    /* z-index:-1; */
    padding:0;
}
.topheight{
    height:70vh;
}







.designchng1{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    width:100%;
    height:60px;
    border-radius: 5px;
    

}

.blue{
    color:rgb(53, 97, 107);
}


 .mapmrg{
        margin-top: 20%;
        
    }
/* .......................hover color background.............................................. */
.shadow9 {
  position: relative;
  overflow: hidden;
  
}

.shadow9::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color:#0099cc4c;
    transition: left 0.3s;
  z-index: 1;
  
}

.shadow9:hover::before {
  left: 0;
}





.recwidth{
  width:50%;
}

.bckgroundimg{
  background-image: url("../images/site-footer-shape-1.png");
  background-repeat: no-repeat;
  background-size:auto;
   position: relative; 
  background-position:bottom;
  /* z-index:-1; */
  padding:0;
  opacity: 8;
  background-color: #123821;
}

.bckgroundimg::before {
  content: "";
  position: absolute;
  width: 100%;
  height:100%;
   background-color: #123821af; 
  z-index: 0; 
  padding:0;
  margin:0;
}










@media(max-width:1201px){
    .hide{
        display: none;
    }
}

@media(max-width:992px){
    .menminus{
        margin-top: 170px;
        
    }
}
@media(max-width:900px){
    .widthlogo{
        width:110%;
    }
}

@media(max-width:768px){
    .smallviewmrgin{
        margin-top: 5%;
    }
    .menminus{
        margin-top: 30px;
        
    }
    .mapmrg{
        margin-top: 90%;
    }
    .smllmap{
        margin-top: 30%;
    }
    .icons2{
        margin-top: 15%;
    }
    .widthlogo{
      width:140%;
  }














    .iconwidth2{
      width:120px;
      height:120px;
      
      background:transparent;
      padding:30px 10px;
      border-radius: 0%;
    }
    .iconwidth2 {
      transition: transform 0.4s ease; /* Smooth transition for flipping */
    }
    
    .iconwidth2:hover {
      transform: rotateY(180deg); /* Flip the image horizontally on hover */
    }
    .iconwidth{
      width:120px;
      height:120px;
      background-color:transparent;
      padding:30px 10px;
      border-radius: 0%;
    }
    .iconwidth {
      transition: transform 0.4s ease; /* Smooth transition for flipping */
    }
    
    .iconwidth:hover {
      transform: rotateY(180deg); /* Flip the image horizontally on hover */
    }





}