/* Base */
:root{
  --primary:#007DA4;
  --primary-600:#1677d8;
  --primary-300:#DBF6FF;
  --text-900:#0b1320;
  --muted:#6b7280;
  --surface:#ffffff;
}
html,body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-900);}
body{padding-top:74px;background-color:#fff;}
.fw-extrabold{font-weight:800;}
.xsmall{font-size:.75rem;}
.btn-primary-light{
  background-color: var(--primary-300);
}
select {
  color: #999 !important;
}
select option {
  color: #999 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #999 !important;
}
.form-control{
  color: #999 !important;
}
.form-control::placeholder {
  color: #999 !important;
}
.select2-results__option--selectable {
  color: #999 !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: #000 !important;
}
.resetFilter{
  cursor: pointer;
  background-color: white;
  padding-left: 4px;
  padding-right: 4px;
}
.bg-primary{
  background-color: var(--primary) !important;
}
.text-primary{
  color: var(--primary) !important;
}
/* Hero */
.hero-search{min-height:540px;display:flex;align-items:flex-start;padding-top:72px;padding-bottom:24px;}
.hero-search .display-6{letter-spacing:.2px;}
.hero-search .container {max-width: 1500px;}
.search-panel .nav-pills .nav-link{color:#ccc;padding: 6px 20px !important;}
.search-panel .nav-pills .nav-link:hover{color: #fff;}
.search-panel .nav-pills .nav-link.active{background:#fff;color:#18324b;border-color:#cfe3f5;box-shadow:0 1px 0 rgba(15,43,69,.04), 0 0 0 3px rgba(56,149,255,.1) inset;border-radius: 30px !important;}
.search-panel .form-label{margin-bottom:.25rem;color:#5b6b7f;font-weight:600;}
.search-panel .form-control, .search-panel .form-select{border-color:#d7e1ec;}
.search-panel .btn-primary{background:var(--primary);border-color:var(--primary);}
.search-panel .btn-primary:hover{background:var(--primary-600);border-color:var(--primary-600);}
.from_selection{position: absolute;font-size: 11px;color: #666;left: 18px;;}
.bedrooms_selection_cnt{width: 100%;display:flex;gap: 3px;}
.bedrooms_selection_cnt span{
  width: 40px;height: 40px;border-radius: 30px;background-color: #ECECEC;color: #000000;font-size: 13px;display: flex;align-items: center;justify-content: center;
}

.bathrooms_selection_cnt{width: 100%;display:flex;gap: 3px;}
.bathrooms_selection_cnt span{
  width: 40px;height: 40px;border-radius: 30px;background-color: #ECECEC;color: #000000;font-size: 13px;display: flex;align-items: center;justify-content: center;
}

.search-panel{
  border-radius: 50px !important;
      padding: 50px 20px !important;
}
.search-panel .form-control-lg, .search-panel .form-select-lg{
  border: solid 2px #e5e5e5;
}
.search-panel .text-end a{
      color: #666;
}
.bedrooms_selection_cnt span:hover{
  background-color: #007ea44b;
  border-color:#007DA4;
  cursor: pointer;
}
.bedrooms_selection_cnt span.active{
  background-color: #007ea44b;
  border-color:#007DA4;
}

.bathrooms_selection_cnt span:hover{
  background-color: #007ea44b;
  border-color:#007DA4;
  cursor: pointer;
}
.bathrooms_selection_cnt span.active{
  background-color: #007ea44b;
  border-color:#007DA4;
}


.radius_selection_cnt{
  width: 100%;display:flex;gap: 3px;
}
.radius_selection_cnt span{
  border-radius: 10px;background-color: #fff;color: #000000;font-size: 13px;display: flex;align-items: center;justify-content: center;
      display: flex;
      align-items: center;
    justify-content: center;
    padding: 15px 6px;
    border: 2px #dfdfdf solid;
    width: 100%;
}
.radius_selection_cnt span:hover{
  background-color: var(--primary);
  color: #fff;
}
.hero-bg  img{width: 100%;}

/* Cards */
.bg-cover{background-position:center;background-size:cover;background-repeat:no-repeat;}
.project-card .badge{border-radius:10rem;padding:.4rem .6rem;font-weight:600;}
.progress-thin{height:.4rem;background:#e9eef5;}
.progress-thin .progress-bar{background:linear-gradient(90deg,#2aa6ff,#0e6fff);} 
.project-card .company {
  border: 1px solid #dedddd;
  border-radius: 10px;
  width: 60px;
  margin-top: 10px;
  float: right;
  padding: 2px;
  position: absolute;
  right: 12px;
}
.project-card .agent-img {
  width: 40px;
  height: 40px;
  border-radius: 15%;
  position: absolute;
  right: 13px;
  top: 120px;
  bottom: 15px;
}

/* Looking for */
.looking-for{background:url('../images/looking-for-bg.jpg') center/cover no-repeat;position:relative;padding:64px 0;}
.looking-for .overlay-dark{position:absolute;inset:0;background:#0f3e4dc2;} 
.lf-card{background:rgba(255,255,255,.1);color:#fff;transition:all .2s;background:linear-gradient(340deg, rgb(255 255 255 / 19%) 0%, rgb(255 255 255 / 0%) 100%);} 
.lf-card.active, .lf-card:hover{background:var(--primary);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);} 

/* Hubs */
.hub-card{background-color:#dde7f2;border:1px solid #e3ebf3;overflow: hidden;}
.hub-card:hover img{transform: scale(1.1);}
.hub-card img{transition: 0.2s ease-in-out;}
.owl-theme .owl-nav [class*='owl-']{background:#0f2b45;color:#fff !important;border-radius:999px;width:36px;height:36px;line-height:36px;margin:0 6px;}
.owl-theme .owl-dots .owl-dot span{background:#c9d6e5;}
.owl-theme .owl-dots .owl-dot.active span{background:#1e90ff;}
.btn-group .btn{min-width:68px}

/* Map */
.map-placeholder{background:url('../images/map-placeholder.jpg') center/cover no-repeat;min-height:420px;border:1px solid #e7eef6;background-color:#f6f9fc;}
.list-group .thumb{width:40%;height:auto;background-color:#e9eef5;flex:0 0 auto;}
.list-group .thumb img{width: 100%;}
/* Updates */
/* .update-card .ratio{background-color:#eaeff5;} */
.update-card .ratio{background-color: #717171;}
.update-card .ratio.bg-cover{overflow: hidden;}
.update-card .ratio.bg-cover img{transition: 0.2s ease-in-out;}
.update-card .ratio.bg-cover:hover img{transform: scale(1.1);}

.rent_with_map_dtl{
  width: 100%;
  padding: 5px 0;
  border-top:1px #e5e5e5 solid ;
  border-bottom:1px #e5e5e5 solid ;
  color: #666;
  font-size: 13px;
  margin: 3px 0;
  display: inline-block;
}
.rent_with_map_list_btn_row{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.rent_dtl{
  font-size: 10px;
  color: #fff;
  background-color: var(--primary);
  border-radius: 30px;
  display: inline-block;
  text-decoration: none;
  padding: 2px 10px;
  text-transform: uppercase;
}
.rent_with_map_list_btn_row a:last-child{
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  color: #666;
}
.view_all{
    font-size: 15px;
  text-decoration: none;
  color: #666;
  padding: 15px;
}
/* Footer */
footer .border-top{border-color:#e9eef5 !important;}
.section-padding{padding:56px 0;}
.footer-mini{background:#0f2b45;color:#cfe0f3;}
.footer-mini .small, .footer-mini a{color:#cfe0f3;text-decoration:none;}
.qatar_hub_btn_group{
    width: 114%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: -7%;
    top: 30%;
    z-index: 9;
}
.qatar_hub_btn_group .btn{
  width: 80px;
  height: 80px;
  border-radius: 50px;
  border: solid 1px #e5e5e5;
  background-color: #fff;
  flex: inherit;
}
.qatar_hub_btn_group .btn:hover{
  background-color: var(--primary);
}
.search-panel .nav-pills{
  max-width: 350px;
    margin: auto;
    margin-top: -75px;
    justify-content: center;
    background-color: #47728a;
    padding: 4px;
    border-radius: 40px;
}
.exp_name{
    position: absolute;
    bottom: 25px;
    left: 25px;
    font-size: 16px;
    color: #fff;
    height: auto;
    top: inherit;
}
.search-panel .form-control-lg, .search-panel .form-select-lg{
   font-size: 15px;
    padding: 12px 16px;
}
.home-main-heading{
  width: 100%;
  font-size: 40px;
  color: #05394A;
  font-weight: 400 !important;
}
.home-main-cnt{
  color: #919191;
  font-weight: 400 !important;
  font-size: 15px;
}
.task_btn_border{
  border: solid 1px #E1E1E1;
  border-radius: 7px;
  padding: 5px;
}
.task_btn_border .rounded-pill{
   border-radius: 5px !important;
}
.task_btn_border .rounded-pill:hover{
  border: solid 1px #ccc;
}

.rounded-pill.active {
  background-color: var(--primary-300);
  border: solid 1px #007DA4;
  border-radius: 5px !important;
}
.new-project-card{
  border: solid 1px #ccc !important;
  padding: 5px;
}
.new-project-card .bg-cover{
  border-radius: 15px;
  overflow: hidden;
}
.new-project-card .bg-cover img{
  max-width: 100%;
  transition: 0.2s ease;
}
.new-project-card:hover .bg-cover img{
  transform: scale(1.1);
}

.delivery_date{
  padding: 5px 0;
  background-color: #fff;
  color: #242424;
  text-decoration: none;
  border-radius: 30px;
  font-size: 12px;
  padding: 2px 10px;
}
.project-card-top_details{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    height: auto;
    top: inherit;
    padding: 10px;
    color: #fff;
    align-items: end;
}
.project-card-top_details h3{
  margin: 0;
      font-size: 23px;
    margin-top: 5px;
}
.project-card-top_details-offer{
  background-color: #E52727;
    font-size: 12px;
  padding: 2px 10px;
      display: inline-block;
    border-radius: 30px;
}

.view_details_quik__dtl_loc{
   width: 100%;
   border-radius: 10px;
   background-color: var(--primary);
   color: #fff;
   margin-top: 10px;
   display:  inline-block ;
}
.location_ico{font-size: 12px;opacity: 0.8;}
.view_details_quik__dtl_loc:hover{
  background-color: #05394A;
}
.view_all_property{
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #666;
  margin-top: 40px;
}
.view_all_property a{
  color: #666;
  text-decoration: none;
}
.view_all_property a:hover{color: #007DA4;}
.rent_with_map{
  width: 100%;
}
.rent_with_map .rounded-pill{
  border-radius: 30px !important;
}
.rent_with_map .rounded-pill.active{
  background-color: var(--primary) !important;
  color: #fff !important;
}
.rent_with_map .task_btn_border{
  border-radius: 30px !important;

}
.latestUpdateSec .btn-group button{
  width: 40px;
  height: 40px ;
  border-radius: 50px;
  flex: inherit;
  min-width: inherit;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
        margin-left: 5px !important;
}
.latestUpdateSec .btn-group button:hover{
  background-color: var(--primary);
  color: #fff;
}
.latestUpdateSec .owl-carousel .owl-item img{
  height: auto;
}
.latestUpdateBox{
  position: relative;
}
.latestUpdateBoxCnt{
      position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
}
.qatar_properties_near{
  width: 100%;
  display: inline-block;
  padding: 40px 0;
}
.qatar_properties_near .rent_buy .active{
  border: 0;
  color: var(--primary);
}
.qatar_properties_near_cnt{
 width: 100%;
  display: inline-block;
}
.qatar_properties_near_cnt ul{
  padding: 0;
  max-width: 500px;
  margin: auto;
}
.qatar_properties_near_cnt li{
   width: 100%;
  display: inline-block;
  text-align: center;
  padding: 5px 0;
    border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}
.qatar_properties_near_cnt li a{
  text-decoration: none;
  color: #666;
}
.qatar_properties_near_cnt li:hover{
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}
.footer_top_bar{
  width: 100%;
  display: inline-block;
  padding: 10px;
  background-color: var(--primary);
  color: #fff;
}
.footer_top_bar ul{padding: 0;margin: 0;}
.footer_top_bar li{display: inline-block;padding: 0 10px;}
.footer_top_bar a{text-decoration: none;color: #fff;font-size: 13px;}
.footer_top_bar a:hover{color: #a3e9ff;}
.footer_section{
  background-color: #E6F0F3;
}
.footer_section li a{color: #05394A !important;}
.footer_section li a:hover{color: #256479 !important;}

.properties_view_sec{
  width: 100%;
  display: inline-block;
  padding:50px 0;
}
.listview_selector{
  width: auto;
  float: right;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px ;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.listview_selector a{
  background-color: #EFEFEF;
  border-radius: 10px;
  padding: 10px ;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #00000042;
  text-decoration: none;
}
.listview_selector a:hover{
  background-color: #D7F3FC;
  color: #000;
}
.listview_selector a.active{
  background-color: #D7F3FC;
  color: #000;
}
.listview_selector span{color: #666;min-width: 60px;}
.properties_view_div{
    width: 100%;
    display: inline-block;
}
.mail-btn-property{
  width: 100%;
  border-radius: 30px;
  padding: 8px 5px;
  text-decoration: none;
  border: solid 1px #ccc;
  text-align: center;
  color: #666;
}
.phone-btn-property{
  width: 100%;
  border-radius: 30px;
  padding: 8px 5px;
  text-decoration: none;
  border: solid 1px #007DA4;
  text-align: center;
  color: #007DA4;
}
.whatsapp-btn-property{
  width: 100%;
  border-radius: 30px;
  padding: 8px 5px;
  text-decoration: none;
  border: solid 1px #42BE55;
  background-color: #42BE55;
  text-align: center;
  color: #fff;
}
.mail-btn-property:hover, .phone-btn-property:hover, .whatsapp-btn-property:hover{
  color: #fff;
  background-color: var(--primary);
}
.property_listView .card-body h4{
    color: #007DA4;
    font-size: 19px;
    margin-top: 9px;
}
.property_listView .card-body{
      padding: 8px;
}
.property_listView .project-card-top_details{
  top: 0;
  bottom: inherit;
}
.prjCard_list_view .project-card-top_details-offer{
  background-color: #CBA91F;
}
.bg-gray{
  background-color: #F5F5F5;
}

.details_page_banner{
  width: 100%;
  display: inline-block;
  background-color: #fff;
  padding: 20px;
}
.btn_slider_row{
  width: 110px;
  position: absolute;
  right: 30px;
  bottom: 20px;
  z-index: 5;
  text-align: right;
}
.btn_slider_row a{
  border-radius: 30px;
  height: 40px;
  width: 40px;
  border: solid 1px #e5e5e5;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background-color: #ffffff0c;
}
.btn_slider_row a:hover{
  background-color: #fff;
  color: var(--primary);
}


 .main-image {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }
    .main-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    .sub-images img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    
    .overview-icon {
        font-size: 24px;
        color: #007bff;
    }
    .amenities-list, .nearby-list {
        list-style: none;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .amenities-list li, .nearby-list li {
        display: flex;
        align-items: center;
    }
    .amenities-icon {
        margin-right: 10px;
        color: #007bff;
    }
    .details-card {
        background-color: #fff;
        padding: 20px;
        border-radius: 3%;
    }
    .social-share a {
        color: #fff;
        background-color: #e4e4e4;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0 5px;
        text-decoration: none;
        color: #000;
    }
 .social-share a:hover {
        background-color: #003f5f !important;
        color: #fff !important;
        border-color: #0056b3  !important;
    }
    .btn-primary-custom {
        background-color: #0056b3;
        border-color: #0056b3;
        color: #fff;
    }
    .btn-primary-custom:hover {
        background-color: #003f5f !important;
        color: #fff !important;
        border-color: #0056b3  !important;
    }
    .arrow_published_user{
      width: 30px;
      height: 30px;
      line-height: 30px;
      border-radius: 30px;
      background-color: #e6e6e6;
      margin-left: auto;
      display: inline-block;
      color: #666;
      text-align: center;
    }
    .published_user_dtail p{
      margin: 0;
      font-size: 11px;
    }
    .published_dtail_img img{
      width: 70px;
      height: 70px;
      border-radius: 30px;
    }

    .preimuim_bg{
      background-color: #CBA91F;
      padding: 3px 10px;
      font-size: 12px;
      color: #fff;
      height: 22px;
      border-radius: 30px;
      float: right;
      margin-left: auto;
    }

 .about-us-hero {
    position: relative;
    background-size: cover;
    background-position: center;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    padding: 90px 10px;
    border-radius: 100px;
    background-image: url(../images/about-bg.jpg);
    background-size: cover;
}

.about-us-hero-text {
    position: relative;
    z-index: 1;
}

/* Who We Are Section */
.who-we-are-section {
    padding: 80px 0;
}
.who-we-are-heading {
    font-size: 3rem;
    font-weight: normal;
}

/* Vision and Mission Section */
.find-property-section {
    padding: 80px 0;
    background-color: #f1f5f9;
}
.vision-mission-card {
    background-color: var(--primary);
    color: #fff;
    padding: 40px;
    border-radius: 10px;
}
.vision-mission-card h2 {
    font-size: 2rem;
    margin-bottom: 20px;
}
.vision-mission-card h4 {
    font-weight: bold;
}
.vision-mission-image {
    display: flex;
    align-items: center;
    justify-content: center;
}
.vision-mission-image img {
    max-width: 100%;
    height: auto;
    border-radius:50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);

}
.learn-more-btn {
    background-color: #fff;
    color: #007bff;
    border: none;
    border-radius: 30px;
}
.learn-more-btn:hover {
    background-color: #f0f0f0;
    color: #0056b3;
}

/* The Yazeed Difference Section */
.yazeed-difference-section {
    padding: 80px 0;
}
.yazeed-difference-card {
    background-color: #E4E4E4;
    border-radius: 10px;
    text-align: center;
    padding: 30px;
}
.yazeed-difference-card:hover {
    background-color: #343a40;
    color: #fff;
}
.yazeed-difference-icon {
    font-size: 3rem;
    margin-bottom: 20px;
    color: #ced4da;
}
.yazeed-difference-card.dark-bg .yazeed-difference-icon {
    color: #fff;
}
.yazeed-difference-card h5 {
    font-weight: bold;
    color: var(--primary);
    margin: 20px 0;
}
.yazeed-difference-card:hover h5 {
    color: #fff;
}   

 .agents-header {
    position: relative;
    text-align: center;
    padding: 80px 0;
    overflow: hidden;
    border-radius: 0 0 60px 60px;
    background-color: #fff;
    margin-bottom: 50px;
    background: linear-gradient(358deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.agents-header-bg-text {
    font-size: 17vh;
    font-weight: bold;
    color: rgba(128, 128, 128, 0.1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    white-space: nowrap;
}
.agents-header-title {
    position: relative;
    z-index: 1;
    font-size: 2rem;
    color: #333;
}

/* Filter Tabs */
.agents-filter {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.agents-filter-item {
    text-decoration: none;
    color: #6c757d;
    font-size: 1rem;
    position: relative;
    padding: 5px 10px;
    padding-bottom: 5px;
}
.agents-filter-item.active {
    color: var(--primary);
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 5px 5px #ccc;
}


/* Agent/Company Card */
.agent-card, .company-card {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
}
.agent-card-image {
    position: relative;
    height: 350px;
    overflow: hidden;
}
.agent-card-image img {
    /* width: 100%; */
    height: 100%;
    object-fit: cover;
    transition: 0.2s ease-in-out;
}
.agent-card-image:hover img{
  transform: scale(1.1);
}
.agent-card-buttons {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    width: 90%;
    justify-content: space-around;
    border-radius: 50px;
    background-color: #fff;
    padding: 5px 0;
}
.agent-card-buttons:hover{background-color: var(--primary);}
.agent-card-btn {
    background-color:transparent;
    color: #333;
    border: none;
    border-radius: 50px;
    padding: 10px 5px;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.agent-card-buttons:hover .agent-card-btn{
    color: #fff;

}
.agent-card-btn:hover {
    color: #fff;
}
.agent-card-btn i {
    margin-right: 5px;
}

.agent-name {
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}
.agent-role {
    font-size: 0.9rem;
    color: var(--primary);
    text-transform: uppercase;
}

.blogs-section {
    padding: 80px 0;
}
.main-heading {
    font-size: 3rem;
    font-weight: 300;
    color: #6c757d;
}
.main-heading .blogs-word {
    font-weight: 700;
    color: #fff;
    background-color: var(--primary);
}
.card-blog {
    border-radius: 10px;
    overflow: hidden;
    border: none;
}
.card-img-container {
    position: relative;
    overflow: hidden;
}
.card-img-container img {
    width: 100%;
    border-radius: 10px;
    height: 350px;
    object-fit: cover;
    transition: 0.2s ease-in-out;
}
.card-blog:hover .card-img-container img{
  transform: scale(1.1);
}
.card-overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    background-color: var(--primary);
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.8rem;
}
.card-overlay.read-more {
    left: auto;
    right: 20px;
    text-decoration: none;
    color: #fff;
    background-color: transparent;
}
.card-overlay a {
    color: #fff;
    text-decoration: none;
}
.card-blog .card-body{
  font-weight: normal;
  margin-top: 20px;
  color: #000;
  text-decoration: none;
}
.blogs-section a{  text-decoration: none;}

 .blog-details-section {
            padding: 80px 0;
        }
.blog-details-title {
    font-size: 2.5rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}
.blog-details-date {
    display: inline-block;
    background-color: var(--primary);
    color: #fff;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: bold;
    text-transform: uppercase;
}
.blog-details-text {
    color: #555;
    font-size: 1rem;
    line-height: 1.8;
}
.blog-details-image img {
    border-radius: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Other News Section */
.other-news-section {
    padding: 80px 0;
    text-align: center;
    background-color: #F2F4F6;
}
.other-news-section a{
  text-decoration: none;
}
.other-news-heading {
    font-size: 1.5rem;
    color: #333;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 50px;
}

/* Blog Card Styling (re-used from previous conversion) */
 .blog-details-section .card {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border: none;
}
 .blog-details-section .card-img-container {
    position: relative;
}
 .blog-details-section .card-img-container img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
 .blog-details-section .card-overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.8rem;
}
 .blog-details-section .card-overlay.read-more {
    left: auto;
    right: 20px;
    background-color:  var(--primary);
    text-decoration: none;
}
 .blog-details-section .card-overlay a {
    color: #fff;
    text-decoration: none;
}
 .blog-details-section .card-body h5 {
    font-weight: bold;
}
.contact-info-section {
    background-color: var(--primary);
    color: #fff;
    padding: 0px 0;
    text-align: center;
    border-radius: 100px;
    margin-top: 50px;
}
.contact-info-section h1 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0;
}
.contact-info-section p {
    font-size: 1.1rem;
    margin-bottom: 0px;
}
.contact-block {
    border-radius: 50px;
    padding: 60px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 4px;
    margin-bottom: -10px;
    flex-direction: column;
}
.contact-block:hover{
  border-radius: 50%;
  border: solid 1px #e5e5e5;
  background-color: #0B7798;
}
.contact-block-icon {
    font-size: 2rem;
    width: 50px;
    height: 50px;
    background-color: #ffffff14;
    border-radius: 50%;
}
.contact-block-icon svg{
  height: 30px;
}
.contact-block-text {
    text-align: center;
}
.contact-block-text h6 {
    font-weight: bold;
    margin-bottom: 0;
}
.contact-block-text p {
    font-size: 0.9rem;
    margin-bottom: 0;
}

/* Map Section */
.map-section {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
}

/* Contact Form Section */
.contact-form-section {
    background-color: #fff;
    padding: 80px 0;
}
.contact-form-container {
    background-color: #fff;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0 -4px 5px rgba(0,0,0,0.1);
    border: solid 1px #e5e5e5;
        margin-top: -120px;
    position: relative;
}
.contact-form-container h2 {
    font-size: 1rem;
    margin-bottom: 5px;
    color: #242424;
}
.contact-form-container p {
    color: #6c757d;
    font-size: 0.6rem;
    margin-bottom: 30px;
}
.contact-form-container .form-control {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #ced4da;
    padding: 0;
    outline: none;
    box-shadow: none;
}
.contact-form-container label {
    margin-bottom: 5px;
    font-size: 12px;
    color: #666;
}
.contact-form-submit-btn {
    background-color: #343a40;
    color: #fff;
    font-weight: bold;
    padding: 12px 0;
    border-radius: 20px;
    width: 100%;
}
.contact-form-submit-btn:hover{
    color: #fff;
  background-color: var(--primary);
}
.list_right_banner{
  width: 100%;
  display: inline-block;
  position: sticky;
  top: 100px;
  background-color: #fff;
  border: solid 2px #cfcfcf;
  border-radius: 20px;
  overflow: hidden;
}
.list_right_banner img{
  max-width: 100%;
}
.btn-bedroom-seelctor{
    border: solid 2px #e5e5e5 !important;
    width: 100%;
    padding: 12px 5px;
    text-align: left;
    color: #666 !important;
}

.list_right_searches{
   width: 100%;
  display: inline-block;
  background-color: #fff;
  border: solid 2px #cfcfcf; 
  padding: 15px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.list_right_searches ul{
  list-style: none;
   padding-left: 10px;
   line-height: 30px;
}
.list_right_searches a{
  text-decoration: none;
  color: #242424;
  font-size: 14px;
}
.list_right_searches a:hover{
  color: #0056b3;
}
.listadvancedicon{
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 30px;
}
.listadvancedicon .dropdown-toggle{
  background-color: transparent;
    color: #242424;
    padding: 0;
    border: 0;
}
.listadvancedicon .dropdown-menu.show{
      right: 10px !important;
}
.showAdvancedFilter{
  background-color: #fff;
  padding-left: 5px;
}
#advancedFilterSow{
  padding-top: 40px;
      margin-top: -10px;
}

@media (max-width:991px){
  .hero-search .search-panel .col-6{width: 100%;}
  .task_btn_border{flex-wrap: wrap;}
  .qatar_hub_btn_group{left: 0px;width: 100%;}
  .qatar_hub_btn_group .btn { width: 40px; height: 60px;}
  .contact-info-section{border-radius: 20px;padding-top: 20px;}
  .contact-block{    padding: 20px 20px;}
}