@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

.no-overflow-x {
  overflow-x: hidden;
}
/* global reset */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
   
}

body{
    font-family: "DM Sans";
}

/* Nav section */
.navbar.nav_bg{
  background-color: #F8FFEB !important;
}
.nav_logo{
    padding-right: 3.75rem !important;
}

 .nav_link.active{
    color: #165A0F !important;
    font-weight: 600;
    border-bottom: 1px solid #165A0F   
}
 
.nav_link:hover{
    color: #165A0F !important;
    font-weight: 500;
}

 .underline-hover:hover::after {
  width: 100%;
}

.underline-hover:hover::after,
.nav-link.active::after {
  width: 100%;
}

.underline-hover {
  position: relative;
  text-decoration: none;
}

.underline-hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #165A0F; /* matches text color */
  transition: width 0.3s ease;
}

.nav_profile{
  width: 195px !important;
}
.dropdown-menu {
  display: none;
  position: absolute;
  right: 0;
  background-color: white;
  min-width: 150px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  border-radius: 8px;
  z-index: 1000;
  padding: 10px 0;
}

.dropdown-menu a {
  display: block;
  padding: 10px 16px;
  color: #333;
  font-size: 1.2rem;
  text-decoration: none;
  transition: background 0.2s;
}

.dropdown-menu a:hover {
  background-color: #f0f0f0;
}

/* Show menu when active */
.profile-dropdown.active .dropdown-menu {
  display: block;
}

/* Hero section */
.hero-section1{
    background-image: url("/images/aa.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 31.25rem; 
}

.hero-tag{
    padding-top: 14.88rem;
    font-size: 4rem !important;
    font-weight: 600;
    line-height: 5.21rem;
}

/* search section */
header{
  width: 77.5rem;
}
.search_school{
    align-items: center;
}
.search_bar{
    width: 67.94rem !important;
    height: 2.5rem !important;
    border-radius: 4px;
    border: 0.1px solid #999999;
}

.search_icon{
  border-radius: 4px;
  border: 0.1px solid #999999;
}


.filter{
    max-width: 6.69rem;
    height: 2.5rem;
    padding: 5px;
    gap: 0.25rem;
    border-radius: 4px;
    border: 0.5px solid #999999 !important;
    color: #999999;
}


.search_result{
    max-width: 77.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.63rem;
    text-align: left;
    color: #999999;
    /* visibility: hidden; */
}

.search_result span{
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.95rem;
  text-align: left;
  color: #165A0F;
}

/* Tab Navigation */
.btn_best_match{
  color: #165A0F !important;
}

.btn_recent_match, .btn_saved{
  color: #6F6F6F !important;
}

.btn_best_match:hover, .btn_recent_match:hover, .btn_saved:hover {
  color: #165A0F !important;
}
  
/* property details */
  
  /* .verified-badge {
    position: absolute;
    top: 2.5rem;
    left: 0.625rem;
    background-image: url('verified-badge.png');
  }
  
  .favorite-icon {
    position: absolute;
    top: 0.625rem;
    right: 3.125rem;
    background-image: url('favorite-icon.png');
    
  }

  .post_date{
    font-size: 0.87rem;
    font-weight: 400;
    line-height: 1.13rem;
    text-align: left;
  }
*/
  .listing_img{
   
  } 

 .gender{
    position: relative;
    top: 0.625rem;
    left: 0.625rem;
    font-size: 0.7rem;
    font-weight: 500;
    color: #165A0F;
    background-color: #fff;
    padding: 5px 10px 5px 10px ;
}

 .favorite{
    position: absolute;
    top: 3.125rem;
    left: 25.687rem;
    font-size: 1rem;
    font-weight: 500;
    color: #999999;
    background-color: #fff;
    padding: 3px 5px 3px 5px ;
    border: none;
}

.user_verified{
    position: absolute ;
    top: 19.25rem;
    left: 1.25rem;
    font-size: 0.7rem;
    font-weight: 500;
    color: #165A0F;
    background-color: #fff;
    padding: 5px 10px 5px 10px ;
}

.icon_alignment{
  vertical-align: middle;
}

.user_verified i{
  padding-right: 0.31rem;
  font-size: 0.9rem;
}

  .listing_description{
    min-width: 24.62rem;
    max-width: 24.62rem;
    height: 19.19rem;
  }

  #hostel_name{
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.69rem;
    text-align: left;
  }

  #hostel_description{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.02em;
    text-align: left;
  }

  #room_no{
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.63rem;
      }

  #hostel_description a{
    padding-left: 0;
    color: #165A0F;
  }

  .list_item {
    padding-left: 0;
  }

  .list_item li{
    padding-left: 0;
    text-align: 2rem;
  }

  #school_name{
    font-size: 12px;
    font-weight: 400;
    line-height: 0.98rem;
    text-align: left;
  }

  #hostel_description{
    text-align: left;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.02em;
  }

  #image_list{
    height: 2.5rem;
    width: 4.75rem;
  }

  .amenities{
    border-left: 0.1px solid #bebdbd  ;
    max-width: 16.69rem;
    height: 19.31rem;
    margin-left: 0px;
    padding-left: 0;
    padding-top: 1.8rem !important;
    margin-bottom: 2rem;
  }

  .amenities_price{
    color:#165A0F;
  }

  .amenities h2{
    font-size: 1.13rem !important;   
    font-weight: 700;
    line-height: 1.3rem;
    text-align: left;
    padding-top: 0.4rem;
  }

  .li-amenites{
    display: flex;
    list-style: none;
    padding-top: 0.81rem;
    text-align: left;
    max-width: 16.06rem;
    align-items: start;
    margin-left: 0px;
    padding-left: 0px !important;
  }

  .amenities_btn{
    width: 16.06rem;
    height: 2.62rem;
    border-radius: 4px;
    background-color: #165A0F;
    border: none;
  }


  /* footer */
  footer{
    background-color: #0F3F0B;
    color:  #FCFFFC ;
    margin-top: 5rem;
    width: 100% !important;
  }
  .headline{
    max-width: 292px;
  }

  .btn_footer{
    background-color: #fff;
    border-radius: 50%;
    padding: 3px;
    width: 3rem;
    color: rgb(0, 0, 0);
  }

  .social-link{
    background-color: #fff;
    border-radius: 50%;
    padding: 3px;
    width: 2rem;
  }

  .quick_links h5,  .contact_info h5, .legal h5{
    font-size: 20px;
    font-weight: 500;
    line-height: 26.04px;
    color: #FCFFFC;
  } 

  .quick_links a,  .contact_info a, .legal a{
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    color: #FCFFFC !important;
  }

  .quick_links li,  .contact_info li, .legal li{
    margin-top: 1.5rem;
  }

  .copy_right{
    border-top: 1px solid #9FBB9D;
    background-color: #0F3F0B;
    color: #FCFFFC; 
  }