/* Set the height of the carousel item */
/* Set the height of the carousel item */


/* Adjust the images inside the carousel */
.carousel-inner img {
  height: 100%; /* Ensure the image height takes up 100% of the carousel item's height */
  width: auto;  /* Maintain the image's aspect ratio */
}


a{
    text-decoration: none;
}

body {
    overflow-x: hidden;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f8f9fa;
  }

 ul{ list-style: none; /* Remove the bullets */
    padding: 0;       /* Remove padding */
    margin: 0; 
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 2rem;

}
.whatsapp-button {
  position: fixed;
  bottom: 20px; /* Distance from the bottom */
  right: 20px;  /* Distance from the right */
  z-index: 9999; /* Ensures it overlaps other elements */
  width: 60px;  /* Width of the button */
  height: 60px; /* Height of the button */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #25d366; /* WhatsApp green color */
  border-radius: 50%; /* Circular button */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add shadow for better visibility */
  transition: transform 0.3s ease; /* Smooth hover effect */
}

.whatsapp-button img {
  width: 50%; /* Icon size relative to the button */
  height: auto;
}

.whatsapp-button:hover {
  transform: scale(1.1); /* Slight zoom on hover */
}

.navbar{
  height: 6rem;
  position: fixed;
  width: 100%;
  background-color: white;
  z-index: 111111;
}

.wrap-banner-info {
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 5px;
}

.common-banner .wrap-heading {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
}

.common-banner h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  margin: 0;
}

.detail-featured-table {
  background: #008bd2bf;
  text-align: center;
  color: #ffffff;
  max-width: 900px;
  margin: 0 auto;
  height: 15rem;
}

.table {

  --bs-table-bg: #008bd2bf;
  color: w;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  /* border: 10px solid #dee2e6; */
}
.detail-featured-table td {
  font-size: 16px;
  padding: 18px 10px;
  font-weight: 400;
  border: 1px solid #dee2e6;
}

.head-logo-icon{
  width: 15% !important;
}

.other-home-project {
  background: #f2f2f2;
}
.list-unstyled {
  gap: 8px;
}
.list-unstyled li{
  font-size: 13px;
  font-weight: 100;
  color: #323131;
}

.highlits-col{
   font-weight: 600;
    padding: 2%;
}
 









/* Responsive adjustments */
  @media (max-width: 768px) {

  .new-form {
    margin: auto;
    width: 95%;
  }
  .text-head{
    font-size: 12px;
  }
  .text-head-2{
    font-size: 22px !important;
  }
  .image-banner{
    margin-top: 25%!important;
  }
  .image-ofover{
    display: flex;
    justify-content: center;
  }
  .image-ofover img{
 width: 60%;
  } 
  .common-banner .wrap-heading{
    top: -10px;
  }
  .detail-feat{
    margin-bottom: 15rem !important;
  }

  .head-logo-icon{
    width: 42%!important;
  }
  .highlits-col{
    width: 97%;
  }
  .navbar-nav{
    margin-left: 0px;
  }
  
}


/* new effect------------------------------- */
.inner-button{
    cursor: pointer;
    border: 1px solid white;
    padding: 5px;
}
/* From Uiverse.io by satyamchaudharydev */ 
.card {
    --bg: #f7f7f8;
    --hover-bg: #211f20;
    --hover-text: #ffffff;
    text-align: center;
    background: var(--bg);
    padding: 1.5em;
    padding-block: 1.8em;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    transition: .3s cubic-bezier(.6,.4,0,1),transform .15s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1em;
  }
  
 
  
  .card > :not(span) {
    transition: .3s cubic-bezier(.6,.4,0,1);
  }
  

  
  .card span {
    position: absolute;
    inset: 0;
    color: white;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--hover-text);
    /* border-radius: 5px; */
    font-weight: bold;
    top: 100%;
    transition: all .3s cubic-bezier(.6,.4,0,1);
  }
  
  .card:hover span {
    top: 0;
    color: white;
    font-size: 1.2em;
  }
  
  .card:hover {
    background: var(--hover-bg);
    
  }
  
  .card:hover>div,.card:hover>strong {
    opacity: 0;
  }
/* -------------------------------------------- */

/* From Uiverse.io by xueyuantan */ 
.highlits-col {
    font-size: 15px;
    font-family: inherit;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 6px 6px 12px #c5c5c5,
                -6px -6px 12px #ffffff;
   }
   
   .highlits-col::before {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #3a3e3b 0%, #000000 100%);
    transition: .5s ease;
    color: white;
  
    z-index: -1;
   }
   .highlits-col:hover{
    color: white;
   }
   
   
   .highlits-col:hover::before {
    width: 100%;
    color: white;
   }
/* ------------------------------------------- */

 /* Same CSS as before */
 .popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-form {
  background: white;
  padding: 10px;
  border-radius: 10px;
  width: 92%;
  max-width: 520px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  position: relative;
  top: 7%;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
}

.new-form {
  margin: auto;
}


.popup-form .new-form {
  margin: 0;
}

/* Default static width */




 .new-form{
  display: flex;
  justify-content: space-between;
 }
 .static-form{
  width: 520px;
 }

 .left-div-new {
flex-direction: column;
gap: 1rem;
justify-content: center;
align-items: center;
 }

 .left-div-new div{
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
 }
 .left-div-new img{
  width: 2rem;
  height: 2rem;
  
 }
 #popupContent{
  display: flex;
  justify-content: center;
  align-items: center;
 }
 .right-div{
  /* margin-left: 3px; */
  border: 1px solid black;
  padding: 20px;
  display: flex;
  padding-top: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 }