@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');
html{
    scroll-behavior: smooth;
}

:root {
    --primary-color: #5A0E27;
    --secondary-color:#BFA559;
    --blue-color:#161730;

}
*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Metropolis-Bold';
    src: url('../fonts/Metropolis-Bold.woff') format('woff'),
    url('../fonts/Metropolis-Bold.woff2') format('woff2')
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis-Regular';
    src: url('../fonts/Metropolis-Regular.woff') format('woff'),
    url('../fonts/Metropolis-Regular.woff2') format('woff2')
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis-Light';
    src: url('../fonts/Metropolis-Light.woff') format('woff'),
    url('../fonts/Metropolis-Light.woff2') format('woff2')
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis-Medium';
    src: url('../fonts/Metropolis-Medium.woff') format('woff'),
    url('../fonts/Metropolis-Medium.woff2') format('woff2')
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body{
    font-family: 'Metropolis-Regular';
    color: var(--blue-color);
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-family: 'Metropolis-Bold';
}
p{
    margin: 0;
}
ul{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
.sec_btn a{
    background: var(--primary-color);
    color: #fff;
    padding: 8px 25px;
    text-decoration: none;
    border-radius: 10px;
    font-size: 14px;
    display: inline-block;
}
.sec_btn a.blue-btn{
    background: var(--blue-color);
    color: #fff;
    padding: 8px 25px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
}
.btn:focus{
    outline: none !important;
    border: none !important;
}


.sec_top-bar{
    background: var(--primary-color);
    padding: 8px 0;
    text-align: center;
    color: #fff;
}
.sec_top-bar p{
    font-family: 'Metropolis-Light';
    font-size: 13px;
}
.sec_top-bar a{
    color: var(--secondary-color);
}

.sec_banner{
    padding: 50px 0;
    position: relative;
    background: #161730;
}
.sec_banner .abs-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.sec_banner .abs-img img{
    height: 100%;
    width: 100%;
    opacity: 0.2;
}
.sec_banner .container{
    z-index: 99;
    position: relative;
    color: #fff;
}
.sec_banner h1{
    font-family: 'Metropolis-Regular';
    font-size: 47px;
    margin-bottom: 0;
}
.sec_banner h1 span{
    color: var(--secondary-color);
}
.sec_banner p{
    font-family: 'Metropolis-Light';
    font-size: 20px;
    margin-bottom: 40px;
}
.sec_banner .icons-part{
    margin-top: 40px;
}
.sec_banner .icons-part .banner-icon{
    background: var(--secondary-color);
    width: 75px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.sec_banner .icons-part .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.sec_banner .icons-part .item:last-child .banner-icon{
    background: linear-gradient(
            to left,
            #b6b7b7 0%,
            #cfd0d0 21.8%,
            #eeefef 49.2%,
            #cfd0d0 73.2%,
            #b6b7b7 100%
    );

}
.banner-second-icons img{
    width: 100%;
    max-width: 25px;
}
.sec_banner .icons-part .item p{
    font-size: 13px;
    margin-bottom: 25px;
}

.sec_banner  .banner-second-icons{
    background: rgba(255, 255, 255, 0.76);
    padding: 20px;
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    margin-top: 40px;
}
.sec_banner  .banner-second-icons .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.sec_banner  .banner-second-icons .banner-icon{
    background: var(--primary-color);
    width:50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.sec_banner  .banner-second-icons .item p{
    color: var(--primary-color);
    font-size: 11px;
    margin-bottom: 0;
}
.sec_below_banner{
    padding: 100px 0;
}

.sec_below_banner .left-box{
    background: #5A0E27;
    color: #fff;
    padding: 52px 0;
    border-radius: 0 40px 40px 0;
    margin-right: 60px;
}
.sec_below_banner .left-box .right{
    padding-left: 30px;
}
.sec_below_banner .left-box .right h3{
    font-size: 35px;
    margin-bottom: 0;
}
.sec_below_banner .left-box .right h5{
    font-family: 'Metropolis-Regular';
    font-size: 30px;
}
.sec_below_banner .left-box p{
    margin-bottom: 50px;
    padding-left: 60px;
}
.sec_below_banner .left-box .abs-img{
    position: absolute;
    top: -97px;
    left: 40px;
}
.sec_below_banner .left-box .abs-img img{
    max-width: 267px;
}
.sec_below_banner .left-box  .sec_btn{
    margin-left: 40%;
}
.sec_below_banner .left-box  .sec_btn a{
    background: var(--secondary-color);
    border-radius: 5px;
    font-size: 18px;
}
.sec_below_banner .right-box{
    background: var(--secondary-color);
    color: #fff;
    padding: 52px 60px;
    border-radius: 40px 0 0 40px;
    margin-left: 50px;
    position: relative;
}

.sec_below_banner .right-box .abs-img{
    position: absolute;
    top: -69px;
    right: 20px;
    z-index: 9;
}

.sec_below_banner .right-box .abs-img img{
    max-width: 257px;
}
.sec_below_banner .right-box .right h3{
    font-size: 35px;
    margin-bottom: 0;
    color: var(--blue-color);
    margin-bottom: 5px;
}
.sec_below_banner .right-box  h5{
    margin-bottom: 102px;
    font-family: 'Metropolis-Regular';
    font-size: 30px;
    color: var(--blue-color);

}
.sec_below_banner .right-box  .sec_btn a{
    background: var(--blue-color);
    border-radius: 5px;
    font-size: 18px;
}
.sec_below_banner .right-box .abs-round{
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 1;
}
.sec_below_banner .right-box img{
    max-width: 380px;
}






.sec_short_info_home{
    padding-bottom: 50px;
}
.sec_short_info_home h3{
    color: var(--blue-color);
    font-size: 40px;
    margin-bottom: 30px;
}



.sec_home_celebrity{
   /*background:  #251B120F;*/
    padding: 50px 0 70px 0;
}
.flags{
    display:flex;
    align-items:center;
}

.flag{
    width:30px;              /* size of the circles */
    aspect-ratio:1;           /* keep them square -> circle */
    border-radius:50%;
    object-fit:cover;         /* make the SVG/IMG fill the circle */
    margin-left:-10px;        /* overlap amount */
    z-index:0;
    border:2.5px solid #F6F6F6;
}
.flag:first-child{ margin-left:0; }

.sec_home_celebrity .sec_title h3{
    color: var(--primary-color);
    font-size: 45px;
    margin: 0;
}
.sec_home_celebrity .sec_title{
    padding-bottom: 25px;
}
.sec_home_celebrity .tab_slider .nav-tabs{
    border: none;
    margin-bottom: 30px;
}
.sec_home_celebrity .tab_slider .nav-link{
    color: #131A36B3;
    min-width: 120px;
    padding: 8px 30px;
}
.sec_home_celebrity .tab_slider .nav-link.active{
    background: var(--secondary-color) !important;
    color: #fff !important;
    border-radius: 5px;
}
.sec_home_celebrity .content p{
    margin-bottom: 0;
    font-size: 13px;
}
.sec_home_celebrity .price p {
    font-size: 12px;
}
.sec_home_celebrity .price p span{
    color: var(--primary-color);
    font-size: 16px;
    margin-right: 10px;
}
.sec_home_celebrity .info{
    padding: 10px 0 5px 0;
    border-bottom: 1px solid #0000000F;
}
.sec_home_celebrity .swiper-slide{
    padding-bottom: 10px;
}
.sec_home_celebrity .swiper-slide .content h3{
    font-family: 'Metropolis-Regular';
    font-size: 24px;
    margin-top: 15px;
}
.sec_home_celebrity .item{
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    background-color: white;
    padding: 0px;
    border-radius: 10px;
}
.sec_home_celebrity .item .content{
    padding: 5px 15px;
}
.sec_home_celebrity .main-content p{
    width: 90%;
}
.sec_home_celebrity .btn-part{
    margin-top: 15px;
    padding: 0 15px 15px;
}
.sec_home_celebrity .btn-part p{
    color: var(--primary-color);
    margin-bottom: 5px;
    line-height: 1;
}
.sec_home_celebrity .btn-part .sec_btn a{
    background: var(--primary-color);
    color: #fff;
    padding: 8px 25px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    margin-top: 10px;
}
.sec_home_celebrity .main_btn{
    margin-top: 40px;
}
.sec_home_celebrity .main_btn a{
    font-size: 16px;
}
.sec_home_celebrity .tab-pane{
    position: relative;
}
.sec_home_celebrity .abs-arrows {
    position: absolute;
    right: 0;
    top: -50px;
    display: flex;
    gap: 30px;
}
.sec_home_celebrity .swiper-button-next, .sec_home_celebrity .swiper-button-prev{
    position: unset;
    width: unset;
}
.sec_home_celebrity .swiper-button-next:after, .sec_home_celebrity.swiper-rtl .swiper-button-prev:after,
.sec_home_celebrity .swiper-button-prev:after,  .sec_home_celebrity .swiper-rtl .swiper-button-next:after{
    display: none;
}
.sec_home_celebrity .swiper-button-next img, .sec_home_celebrity .swiper-button-prev img{
    width: 100%;
    max-width: 50px;
}


.home_hotel{
    background:#251B120F;
}

.home_hotel .main_btn a{
    background: var(--primary-color) !important;
}
.sec_home_celebrity.home_hotel .tab_slider .nav-link.active{
    background: var(--blue-color) !important;
}
.sec_home_celebrity.home_hotel .main-content .aminities{
    display: flex;
    justify-content: space-between;
}

.sec_home_celebrity.home_hotel .main-content .aminities .col{
    display: flex;
    align-items: center;
}
.sec_home_celebrity.home_hotel .sec_btn a{
    background: var(--blue-color);
    min-width: 100px;
    text-align: center;
    margin: 0;
}
.sec_home_celebrity.home_hotel .sec_btn a.gold-btn{
    background: var(--secondary-color);
}
.sec_home_celebrity.home_hotel .view{
    display: flex;
    align-items: center;
    background: #f2f2f1;
    margin-left: -15px;
    padding: 11px 15px;
    border-radius: 0 10px 10px 0;
}
.sec_home_celebrity.home_hotel .view p{
    margin: 0;
    color: #101010;
    font-size: 14px;
}




.sec_home_why_us{
    padding: 80px 0 50px;
}
.sec_home_why_us .sec_title{
    font-size: 40px;
    margin-bottom: 30px;
}


.sec_home_why_us .left-box{
    background: var(--primary-color);
    color: #fff;
    padding: 60px 60px 40px;
    border-radius: 0 40px 40px 0;
    margin-right: 60px;
}
.amenities ul li{
    display: inline-block;
}
.sec_home_why_us .swiper{
    padding-bottom: 80px;
}
.sec_home_why_us .abs-content{
    background: #fff;
    color: #000;
    padding: 30px;
    position: absolute;
    left: 0px;
    bottom: -80px;
    width: 80%;
    border-radius: 20px;
}
.sec_home_why_us .swiper-slide{
    position: relative;
}
.sec_home_why_us .swiper-slide img{
    padding-left: 40px;
    overflow: hidden;
    border-radius: 30px;
    width: 100%;
    height: 347px;
    object-fit: cover;
}
.sec_home_why_us .abs-content h3{
    font-family: 'Metropolis-Regular';
    font-size: 24px;
}

.sec_home_why_us .right-box{
    background: var(--blue-color);
    color: #fff;
    padding: 60px;
    border-radius: 40px 0 0 40px;
    margin-left: 0;
    padding-bottom: 120px;
}
.sec_home_why_us .right-box img{
    overflow: hidden;
    border-radius: 30px;
    width: 100%;
    height: 347px;
    object-fit: cover;
}

.sec_home_why_us .right-box .abs-content {
    background: #fff;
    color: #000;
    padding: 30px;
    position: absolute;
    left: -30px;
    bottom: -80px;
    width: 100%;
    border-radius: 20px;
}

.sec_home_project{
    background: var(--blue-color);
    padding: 70px 0 ;
    color: #fff;
}
.sec_home_project .right h3{
    font-size: 36px;
    margin-bottom: 20px;
}
.sec_home_project .right p{
    font-family: 'Metropolis-Light';
    margin-bottom: 30px;
}
.sec_home_project .right .sec_btn a{
    background: var(--secondary-color);
}
.sec_home_project .below-part{
    margin-top: 50px;
    background: #CBCCF14D;
    padding: 30px ;
    border-radius: 100px;
}
.sec_home_project .below-part .first-item{
    background: var(--blue-color);
    padding: 20px ;
    border-radius: 80px;
}
.sec_home_project .below-part  h5{
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 1.5;
}
.sec_home_project .below-part  p{
    font-size: 12px;
}
.sec_home_project .below-part .second-item{
    display: flex  ;
    align-items: center;
    flex: auto;
    gap: 20px;
}
.sec_home_project .below-part .second-item img{
    width: 100%;
    max-width: 170px;
}

.sec_home_why_us.home_investors{
    padding: 30px 0 80px;
}
.sec_home_why_us.home_investors .left-box{
    background: var(--secondary-color);
}

.sec_home_celebrity .btn-part{
    align-items: center;
    margin-top: 20px;
}
.sec_home_celebrity.home_hotel.rnb .sec_btn a{
    min-width: unset;
    margin-top: 0;
}
.sec_home_celebrity.home_hotel.rnb .sec_btn{
    display: flex;
    gap: 10px;
}


.sec_about_banner{
    border-bottom: 10px solid var(--secondary-color);
}
.sec_about_banner .left-box{
    background: linear-gradient(
            267deg,              /* matches x1,y1 → x2,y2 direction */
            rgba(191, 165, 89, 0) 0%,   /* transparent gold */
            rgba(191, 165, 89, 0.988) 100%  /* almost solid gold */
    );
    border-radius: 20px;
    padding: 60px 100px 60px 50px ;
}


.sec_about_banner .sec_title{
    padding-top: 80px;
}
.sec_about_banner .sec_title h5{
    font-size: 28px;
    color: var(--secondary-color);
    font-family: 'Metropolis-Regular';
    margin-bottom: 40px;
}
.sec_about_banner .sec_title h3{
    font-family: 'Metropolis-Regular';
    font-size: 40px;
    color: #fff;
    margin-bottom: 0;
}
.sec_about_banner .sec_title h3 span{
    color: var(--secondary-color);
}
.sec_about_banner .sec_title p{
    color: #fff;
    margin-bottom: 80px;
}
.sec_about_banner .left-box h3{
    font-family: 'Metropolis-Regular';
    color: var(--primary-color);
    font-size: 30px;
    margin-bottom: 20px;
}

.sec_about_banner .left-box p{
    color: #fff;
    font-family: 'Metropolis-Light';
    font-size: 18px;
}


.sec_team{
    background: #2e2f45;
    color: #fff;
    padding: 60px 0;
}
.sec_team .sec_title{
    text-align: center;
}
.sec_team .sec_title h3{
    font-family: 'Metropolis-Regular';
    font-size: 35px;
    color: var(--secondary-color);
    margin-bottom: 80px;
}
.sec_team .team-item .img-part .abs-img{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.sec_team .team-item{
    margin-bottom: 100px !important;
}

.sec_team .team-item h5 {
    margin-top: 20px;
    font-size: 22px;
    margin-bottom: 10px;
}
.sec_team  .team-item .left p{
    background: var(--secondary-color);
    padding: 5px 35px;
    border-radius: 5px;
    display: inline-block;
    color: var(--blue-color);
    margin-bottom: 0;

}
.sec_team  .team-item .right{
    padding-left: 70px;
}


.about_growth{
    background: var(--blue-color);
    color: #fff;
    padding: 100px 0 60px 0;
    position: relative;
}

.about_growth .sec_title h3{
    color: var(--secondary-color);
    font-family: 'Metropolis-Regular';
    margin-bottom: 80px;
}

.about_growth .left p a{
    color: #fff;
}

.about_growth .abs-bg{
    position: absolute;
    bottom: 0;
    width: 100%;
}


.sec_intl_conglo{
    background:
            linear-gradient(
                    90deg,
                    rgba(191,165,89,0) 0%,
                    rgba(191,165,89,0.549) 21.5%,
                    rgba(191,165,89,0.859) 47.9%,
                    rgba(191,165,89,0.631) 74.5%,
                    rgba(191,165,89,0) 100%
            ),
            #161730; /* base background */
    padding: 70px 0;
    color: #fff;
}
.sec_intl_conglo .sec_title h3{
    font-family: 'Metropolis-Regular';
    margin-bottom: 40px;
}
.sec_intl_conglo .main-content{
    margin-top: 80px;
}
.sec_intl_conglo .main-content .swiper-slide{
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}
.sec_intl_conglo .main-content .swiper-pagination{
    top: unset !important;
    bottom: 0px;
}
.sec_intl_conglo .main-content .swiper-wrapper{
    padding-bottom: 50px;
}
.sec_intl_conglo .main-content .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #ffffff;
}

/* Scoped styles */
.sec_journey {
    background: #161730;
}

/* timeline container */
.sec_journey .timeline {
    position: relative;
    padding: 36px 0 8px;     /* top aligns dots to the line */
    overflow-x: auto;        /* stays nice on small screens */
}

/* the solid gold line */
.sec_journey .timeline-line {
    position: absolute;
    left: 0;
    right: 0;
    top: 43px;           /* aligns with dot centers */
    height: 2px;
    background: #bfa559;
    opacity: 0.95;
}


/* list and items */
.sec_journey .timeline-points {
    position: relative;
    padding-left: 0;
    margin: 0;
    gap: 2rem;
    min-width: 640px;        /* helps spacing when viewport is very narrow */
}

.sec_journey .timeline-points > li {
    min-width: 140px;        /* keeps labels readable */
    color: #cfd3ff;          /* soft white/blue for text on dark bg */
}

/* dots */
.sec_journey .dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #bfa559;
    border: 2px solid #bfa559;
    position: relative;
}

/* year & places */
.sec_journey .year {
    font-weight: 600;
    color: #bfa559;
    letter-spacing: 0.3px;
}

.sec_journey .places {
    color: #e9ebff;
    opacity: 0.9;
    line-height: 1.25;
    font-size: 0.95rem;
}

/* small tweaks for very small screens */
@media (max-width: 576px) {
    .sec_journey .timeline { padding-top: 44px; }
    .sec_journey .timeline-line { top: 44px; }
    .sec_journey .timeline-points { min-width: 560px; gap: 1.5rem; }
    .sec_journey .places { font-size: 0.9rem; }
}



.sec_book_country{
    padding: 150px 0 150px;
    position: relative;
}
.sec_book_country .sec_title h3{
    color: #fff;
    margin-bottom: 30px;
    font-weight: 400;
}
.sec_book_country .slider-part{
    position: relative;
}
.sec_book_country .bookCountry{
    width: 90%;
}
.sec_book_country .swiper-wrapper{
   padding-bottom:  40px;
}
.sec_book_country .abs-bg{
    position: absolute;
    top: 100px;
    right: 0;
    width: 80%;
    height: 450px;
    background: var(--primary-color);
    z-index: -1;
    border-radius: 0 0 0 70px;
}
.sec_book_country  .swiper-slide{
    position: relative;
}
.sec_book_country  .swiper-slide .abs-text{
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
}
.sec_book_country  .swiper-slide img{
    height: 280px;
    object-fit: cover;
    border-radius: 15px;
}
.sec_book_country  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--secondary-color);
}
.sec_book_country  .swiper-slide h5{
    font-size: 20px;
    color: #fff;
}
.sec_book_country .swiper-button-next, .sec_book_country .swiper-button-prev {
    top: 130px !important;
}

.hotel-filter .search-strip{
    background: #d8d3cc;   /* outer strip color */
    border-radius: .8rem;
    padding: .5rem;
}
.hotel-filter .chip{
    background: #e9e6e2;   /* input background */
    color: #5b5b5b;
    border-radius: 12px;
    border: 1px solid #dfdfdf;
    padding: .65rem .9rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    height: 48px;
}
.hotel-filter .chip input,
.hotel-filter .chip select{
    border: 0;
    background: transparent;
    outline: none;
    width: 100%;
    color: inherit;
    font-size: .95rem;
}
.hotel-filter .chip input::placeholder{ color:#8b8b8b; }
.hotel-filter .chip .caret{ color:#8b8b8b; }
.hotel-filter .btn-search{
    height: 48px;
    padding: 0 1.25rem;
    border-radius: .6rem;
}

@media (min-width: 992px){
    .hotel-filter .search-strip{ padding:20px; }
}














.sec_branches-form{
    padding: 60px 0;
    background: rgba(18, 19, 37, 0.06);
}
.sec_branches-form h3{
    font-family: 'Metropolis-Regular';
    font-size: 38px;
}
.sec_branches-form h3 span{
    font-family: 'Metropolis-Bold';
    color: var(--primary-color);
}
.sec_branches-form .form-part{
    background: #fff;
    padding: 30px;
    border-radius: 20px;
}

.sec_branches-form .form-part p{
    margin-bottom: 15px;
    font-size: 15px;
}
.sec_branches-form .form-part .form-control{
    background: rgba(18, 19, 37, 0.06);
    border: none;
    font-size: 13px;
    color: rgba(22, 23, 48, 0.25);
}
.sec_branches-form .form-part .btn{
    background: var(--primary-color);
    width: 100%;
    border-radius: 5px;
    border: none;
}
.sec_branches-form input::placeholder, .sec_branches-form  textarea::placeholder{
    font-size: 13px;
    color: rgba(22, 23, 48, 0.25);
}



.sec_branches_banner .top-img{
    height: 40vh;
    object-fit: cover;
}
.sec_branches_banner .bottom-img{
    height: 45vh;
    object-fit: cover;
}
.sec_branches_banner .big-img{
    height: 85vh;
    object-fit: cover;
}
.sec_branches_banner .item{
    position: relative;
}
.sec_branches_banner .abs-text{
    position: absolute;
    bottom: 30px;
    right: 40px;
    color: #fff;
}






.blog-wrapper .blog-card {
    background: #EEECEA;
    border-radius: 12px;
    padding: 80px 40px 40px;
    display: flex;
    gap: 2rem;
    align-items: center;
}
.blog-wrapper .blog-text {
    flex: 1;
}
.blog-wrapper .blog-image {
    position: relative;
    flex: 1;
}
.blog-wrapper .blog-image img {
    border-radius: 8px;
    width: 100%;
    height: auto;
    display: block;
    z-index: 999;
    position: relative;
}
.blog-wrapper .corner-deco {
    position: absolute;
    top: -25px;
    left: -25px;
    width: 60%;
    height: 70%;
    border: 8px solid var(--primary-color);
    border-radius: 40px 0 0 0;
    z-index: 1;
    background: var(--primary-color);
}
.blog-wrapper .search-bar {
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1rem;
    background: #fff;
    margin-right: -130px;
    z-index: 9999;
    position: relative;
}
.blog-wrapper .search-bar input {
    border: none;
    outline: none;
    flex: 1;
    background: none;
}
.blog-wrapper .tags span {
    font-size: .8rem;
    margin-right: .5rem;
    padding: .2rem .6rem;
    border-radius: 20px;
    background: none;
    color: #333;
}
.blog-wrapper .tags .green {
    background: #d4edda;
    color: #155724;
}
.blog-wrapper .read-btn {
    color: #fff;
    padding: 8px 25px;
    text-decoration: none;
    border-radius: 5px;
    background: var(--primary-color);
    display: inline-block;
    margin-top: 20px;
}
.blog-wrapper .read-btn:hover {
    background: #550a25;
    color: #fff;
}
.blog-wrapper h4{
    font-family: 'Metropolis-Regular';
    margin-bottom: 50px;
    font-size: 40px;
}
.blog-wrapper h5{
    font-family: 'Metropolis-Regular';
    font-size: 40px;
    margin-bottom: 10px;
}
.blog-wrapper p{
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'Metropolis-Light';
    color: rgba(19, 26, 54, 0.7);
}
.blog-section{
    padding: 60px  60px 80px;
    position: relative;
}
.blog-section .abs-bg{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background:#C5C1BA ;
    z-index: -1;
}

.sec_newsletter{
    background: var(--blue-color);
    position: relative;
    padding: 70px 0;
    color: #fff;
}
.sec_newsletter .abs-img{
    position: absolute;
    bottom: 0;
}
.sec_newsletter .abs-img img{
    width: 100%;
    max-width: 334px;
}
.sec_newsletter .right{
    padding: 0 40px;
}
.sec_newsletter  .form-label {
    margin-bottom: .5rem;
    margin: 0;
    color: var(--secondary-color);
}
.sec_newsletter h5{
    color: var(--secondary-color);
}
.sec_newsletter .btn{
    background: var(--secondary-color);
    padding: 8px 45px;
    text-decoration: none;
    border-radius: 5px;
    border: none;
}
.sec_blog_tabs{
    padding: 60px 0;
}
.sec_blog_tabs .nav-tabs {
    border: none;
    padding-bottom: 40px;
}
.sec_blog_tabs .nav-tabs .nav-link{
    color: #040506;
    font-size: 18px;
    padding: 5px 20px;
}

.sec_blog_tabs .nav-tabs .nav-link.active{
    background: rgba(90, 14, 39, 0.2);
    color: var(--primary-color);
    border-radius: 20px;
}
.sec_blog_tabs  .tab-content img{
    border-radius: 15px;
}
.sec_blog_tabs  .tab-content h3{
    font-size: 22px;
    margin-top: 10px;
}
.sec_blog_tabs  .tab-content p{
    font-family: 'Metropolis-Light';
    color: rgba(19, 26, 54, 0.7);
}
.sec_blog_tabs  .tab-content a{
    color: #fff;
    padding: 8px 25px;
    text-decoration: none;
    border-radius: 5px;
    background: var(--primary-color);
    display: inline-block;
    margin-top: 20px;
}
.sec_blog_tabs  .tab-content .cat p{
    color: #1D3E89;
    margin-right: 20px;
}
.sec_blog_tabs  .tab-content  .date p{
    color: rgba(4, 5, 6, 0.5);
}
.sec_blog_tabs  .tab-content .abs-category{
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 7px 20px;
    background: rgba(255, 191, 51, 0.7);
    border-radius: 10px;
}
.sec_blog_tabs  .tab-content .abs-category p{
    color: #fff;
    margin: 0;
}
.sec_list_property{
    padding: 80px 0 150px ;
}
.sec_list_property .wrapper{
    background: #BFA559;
    padding: 60px 60px;
    border-radius: 40px;
    position: relative;
}
.sec_list_property .wrapper h3{
    font-family: 'Metropolis-Regular';
    color: #fff;
    padding-left: 80px;
    font-size: 45px;
}
.sec_list_property .wrapper p{
    font-family: 'Metropolis-light';
    color: #fff;
}
.sec_list_property .wrapper a{
    color: #fff;
    padding: 8px 25px;
    text-decoration: none;
    border-radius: 5px;
    background:var(--blue-color);
    display: inline-block;
    margin-top: 20px;
}
.sec_list_property .wrapper .abs-img{
    position: absolute;
    right: -240px;
    top: -90px;
}
.sec_list_property .wrapper .abs-img img{
    max-width: 635px;
}


.sec_contact_main{
    background: var(--blue-color);
    padding: 180px 0 80px;
}
.sec_contact_main .row{
    align-items: flex-end;
}
.sec_contact_main .left{
    background: #EEECEA;
    padding: 50px 40px;
    border-radius: 20px 0 0 20px;
}
.sec_contact_main .left p{
    font-size: 12px;
    margin-bottom: 15px;
}
.sec_contact_main .form-part .form-control{
    background: rgba(18, 19, 37, 0.06);
    border: none;
    font-size: 13px;
    color: rgba(22, 23, 48, 0.25);
    padding: 10px;
}
.sec_contact_main  .form-part .btn{
    background: var(--secondary-color);
    width: 100%;
    border-radius: 5px;
    border: none;
}
.sec_contact_main input::placeholder, .sec_contact_main textarea::placeholder{
    font-size: 13px;
    color: rgba(22, 23, 48, 0.25);
}
.sec_contact_main .right{
    background: #C5C1BA;
    padding: 30px;
    border-radius: 0 20px 20px 0;
}
.sec_contact_main .right .item{
    margin-top: 20px;
}
.sec_contact_main .right .item h3{
    font-size: 18px;
    margin-bottom: 0;
}


.sec_hotel_wrapper{
    position: relative;
    padding-top: 150px;
    margin-bottom: 150px;
}
.sec_hotel_wrapper .abs-filter{
    position: absolute;
    top: -65px;
    width: 100%;
    left: 0;
}
.sec_hotel_wrapper .sec_title h3{
    color: #161730;
    font-size: 35px;
    font-family: 'Metropolis-Regular';
}
.sec_home_celebrity  .content h3 {
    font-family: 'Metropolis-Regular';
    font-size: 24px;
    margin-top: 15px;
}


/* =============  NAMESPACED STYLES  ============= */
.lp-article {
    color: #222; /* body color close to screenshot */
    line-height: 1.7;
    padding: 150px 0 ;
    position: relative;
}
.lp-article .abs-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background:  rgba(238, 236, 234, 0.7);
    z-index: -1;
}
.lp-article .page-wrap{
    max-width: 1000px;
    margin-inline: auto;
}

/* Top title */
.lp-article .page-title{
    font-weight: 600;
    font-family: 'Metropolis-Regular';
    font-size: 40px;
    text-align: center;
    margin-bottom: 30px;
    color: #313131;
    letter-spacing: .2px;
}

/* meta row */
.lp-article .meta{
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    font-size: .85rem;
    color: #7a7a7a;
    flex-direction: column;
}
.lp-article h2{
    font-family: 'Metropolis-Regular';
    font-size: 30px;
    margin-bottom: 15px;
}
.lp-article .badge-trending{
    background: #f7c948; /* warm yellow tag */
    color: #3b2f0b;
    font-weight: 600;
    font-size: .72rem;
    padding: .25rem .45rem;
    border-radius: .35rem;
}


/* Hero */
.lp-article .hero{
    margin-top: .75rem;
    border-radius: .5rem;
    overflow: hidden;
}
.lp-article .hero img{
    width: 100%;
    height: 360px;
    object-fit: cover;
}

.lp-article p{
    margin-bottom: 14px;
    color:rgba(4, 5, 6, 0.7);
    font-size: 20px
    font-family: 'Metropolis-Light';
}

/* Image-right block */
.lp-article .side-img{
    border-radius: .5rem;
    overflow: hidden;
}
.lp-article .side-img img{
    width: 100%;
    height: 240px;
    object-fit: cover;
}



/* ---- Partner band ---- */
.lp-article .cta-band{
    background:#4c0f18; /* deep maroon similar to mock */
    color:#fff;
    position: relative;
    margin: 200px 0 60px ;
    padding: 60px 0 !important;
}
.lp-article .cta-band .cta-wrap{
    max-width: 1040px;
    margin-inline: auto;
}
.lp-article .cta-img{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
}
.lp-article .cta-img img{
    width: 100%;
    height: 430px;
    object-fit: cover;
    display: block;
}
.lp-article .cta-copy h3{
    margin-bottom:30px;
    font-family: 'Metropolis-Medium';
    font-size: 30px;
}
.lp-article .cta-copy p{
    color:#fff;
    font-size:16px;
    margin-bottom:1rem;
    font-family: 'Metropolis-Light';
}
.lp-article .btn-gold{
    background:var(--secondary-color);
    border: none;
    color:#fff;
    font-weight:600;
    padding:10px 30px;
    border-radius:.35rem;
}
.lp-article .btn-gold .arrow{
    display:inline-grid; place-items:center;
    width:22px; height:22px; margin-left:.4rem;
    border-radius:.3rem;
    font-weight:700;
}

/* ---- Comment block ---- */
.lp-article .comment-wrap{ max-width: 880px; margin-inline:auto; }
.lp-article .comment-title{ font-weight:600; font-size:1.1rem; margin-bottom:.35rem; color:#2f2f2f; }
.lp-article .comment-hint{ color:#888; font-size:.86rem; margin-bottom:1rem; }

.lp-article .form-control,
.lp-article .form-check-input{
    border-color:#e6e6e6 !important;
    box-shadow:none;
}
.lp-article .form-control::placeholder{ color:#b8b8b8; }
.lp-article .comment-area{
    background:#fafafa;
    border:1px solid #ededed;
    min-height: 180px;
}
.lp-article .btn-post{
    background:#c9ad62; color:#2b2210; border:none;
    font-weight:600; padding:.55rem .9rem; border-radius:.35rem;
}

@media (max-width: 767.98px){
    .lp-article .cta-img{ transform: none; margin-bottom:1rem; }
    .lp-article .cta-img img{ height: 260px; }
}

.sec_review .rev-title{font-weight:700;font-size:1.6rem;color:#101318;margin:0}
.sec_review .rev-summary .overall .score{font-weight:800;font-size:2.2rem;line-height:1;color:#111827}
.sec_review .rev-summary .rev-count{color: #161730;
    font-size: 16px;
    margin: 10px 0;}
.sec_review .stars{display:flex;gap:4px}
.sec_review .star{width:30px;height:30px;color:#f3c54b; fill: #F4C963;}
.sec_review .star.line{color:#000}

.sec_review .dist .row-line{    display: grid
;
    grid-template-columns: 60px 1fr 26px;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;}
.sec_review .dist .lbl{color: #161730;font-size:.9rem}
.sec_review .dist .num{color:#6b7280;font-size:.9rem;text-align:right}
.sec_review .bar{height:8px;background:#eef0f2;border-radius:999px;overflow:hidden}
.sec_review .bar>span{display:block;height:100%;background:#101318;border-radius:999px}

/* Subheading */
.sec_review .aud-title{    font-weight: 700;
    color: #101318;
    font-size: 30px;
    margin-bottom: 40px;}

/* Testimonial cards */
.sec_review .avatar{    width: 55px;
    height: 55px;border-radius:50%;object-fit:cover}
.sec_review .name{font-weight:600;line-height:1}
.sec_review .meta{color:#6b7280;font-size:.85rem;line-height:1.2}
.sec_review .stars-mini .mini{width: 20px;
    height: 20px;color:#f3c54b;margin-left:1px;vertical-align:middle;     fill: gold;}
.sec_review .stars-mini .mini.line{color:#cfd3d9}
.sec_review .t-text{    margin: 20px 0;
    color: #161730;
    font-size: .96rem;}
.sec_review  .t-card .rating{
    margin-top: 5px;
}
.sec_review  .t-card{
    width: 90%;
}


/* ================== ALL STYLES SCOPED ================== */
.lp-hotel-single {
    padding: 60px 0;
    background: #fff;
}

.lp-hotel-single .container-narrow {
    max-width: 1120px;
    margin-inline: auto;
}

.lp-hotel-single .page-title {
    font-weight: 800;
    font-size: 45px;
    text-align: center;
    margin-bottom: 30px;
    color: #121325;
}
.lp-hotel-single h2{
    margin: 40px 0 5px;
    font-size: 30px;
}
.lp-hotel-single p.sub_title{
    color: #161730;
    font-size: 18px ;
    margin-bottom: 40px;
}
/* ======= booking-like hero grid ======= */
.lp-hotel-single .bk-hero {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 240px 240px;
    gap: 20px;
    margin-bottom: 80px;
}

.lp-hotel-single .bk-hero .tile {
    position: relative;
    /* border-radius: 12px; */
    overflow: hidden;
    background: #eee;
}

.lp-hotel-single .bk-hero .tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .25s ease;
}

.lp-hotel-single .bk-hero .tile:hover img {
    transform: scale(1.02);
}

.lp-hotel-single .bk-hero .tile.hero {
    grid-column: 1/2;
    grid-row: 1/3;
}

.lp-hotel-single .bk-hero .view-all {
    position: absolute;
    right: 12px;
    bottom: 12px;
    background: rgba(4, 5, 6, .7);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 10px;
    padding: 6px 10px;
    font-weight: 700;
    font-size: .95rem;
}

/* ======= booking card ======= */
.lp-hotel-single .book-card {
    border-radius: 20px;
    background: #fff;
    padding: 30px !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, .08);
}

.lp-hotel-single .book-card .stats {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 10px;
}


.lp-hotel-single .book-card .stat .num {
    font-weight: 800;
}
.lp-hotel-single .book-card h5{
    font-size: 22px;
    margin: 0;
    margin-right: 5px;
}
.lp-hotel-single .book-card img{
    max-width: 17px;
    margin-top: -3px;
}
.lp-hotel-single .book-card p{
    color: #040506;
    font-size: 12px;
}
.lp-hotel-single .book-card h4{
    background: linear-gradient(to right, rgba(22, 23, 48, 0) 0%, rgb(22 23 48 / 26%) 50%, rgba(22, 23, 48, 0) 100%);
    font-size: 20px;
    padding: 10px;
    margin: 20px 0 30px;;
}
.lp-hotel-single .book-card label{
    color: #8A8A8F;
    font-size: 14px;
    padding-left: 10px;
}
.lp-hotel-single .btn-maroon {
    background: var(--primary-color);
    border: none;
    color: #fff;
    border-radius: 8px;
    padding: 10px;
}

.lp-hotel-single .btn-maroon:hover {
    background: #4a0c16;
}

.lp-hotel-single .btn-soft {
    background: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 8px;
    color: var(--primary-color);
    padding: 10px;
}

/* ======= modal ======= */
.lp-hotel-single .modal-content {
    background: #000;
    color: #fff;
}

.lp-hotel-single .modal .btn-close-white {
    filter: invert(1) grayscale(100%);
}

.lp-hotel-single .modal-toolbar {
    position: absolute;
    top: 14px;
    left: 16px;
    right: 16px;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
}

.lp-hotel-single .modal-toolbar .btn {
    border-radius: 10px;
    padding: .45rem .7rem;
}

/* Grid view */
.lp-hotel-single .gallery-grid {
    padding: 82px 18px 18px;
}

.lp-hotel-single .gallery-grid .grid {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 10px;
}

.lp-hotel-single .gallery-grid .thumb {
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.lp-hotel-single .gallery-grid .thumb img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

/* Slider view */
.lp-hotel-single .slider-wrap {
    position: relative;
    height: 92vh;
    border-radius: 30px;
    overflow: hidden;
}

.lp-hotel-single .slider-wrap .carousel, .lp-hotel-single .slider-wrap .carousel-item {
    height: 100%;
}

.lp-hotel-single .slider-wrap .carousel-item img {
    width: 100%;
    height: 92vh;
    object-fit: contain;
    background: var(--secondary-color);
}

.lp-hotel-single .counter-badge {
    background: rgba(0, 0, 0, .55);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 10px;
    padding: .25rem .5rem;
}

/* Thumbnail strip */
.lp-hotel-single .thumb-strip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 28%);
}

.lp-hotel-single .thumb-strip .strip {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.lp-hotel-single .thumb-strip img {
    width: 88px;
    height: 64px;
    object-fit: cover;
    border-radius: 8px;
    opacity: .75;
    border: 2px solid transparent;
    cursor: pointer;
}

.lp-hotel-single .thumb-strip img.active {
    opacity: 1;
    border-color: #c8ad67;
}

.lp-hotel-single.modal.show .modal-dialog {
    transform: none;
    padding: 60px;
}

.lp-hotel-single .modal-content {
    background: var(--secondary-color);
    color: #fff;
    border-radius: 30px;
    height: unset;
}

.lp-hotel-single .book-part{
    position: sticky;
    top: 90px;
}


.hotel-agent{
    position: relative;
    padding: 40px 0;
}
.hotel-agent .abs-bg{
    position: absolute;
    top: 0;
    left: -20%;
    width: 100%;
    background: linear-gradient(to left, rgba(191, 165, 89, 0) 0%, rgba(191, 165, 89, 0.8) 100%);
    height: 100%;
}
.hotel-agent h3{
    font-size: 22px;
}
.hotel-agent p{
    line-height: 1.3;
    margin-bottom: 20px;
    font-size: 15px;
}
.hotel-agent h5{
    font-size: 15px;
    margin-bottom: 1px;
}
.hotel-agent .active p{
    margin: 0;
}
.hotel-agent .img-part img{
    border: 8px solid #fff;
    border-radius: 50%;
}
.hotel-agent .sec_btn a{
    background: var(--primary-color);
    color: #fff;
    padding: 10px 65px;
    text-decoration: none;
    border-radius: 10px;
    font-size: 14px;
    display: inline-block;
    margin: 20px 0 0 30px;
}

.aminities_wrapper .item{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}
.sec_property_info .description p{
    color: #161730;
}
.site_policies ul{
    column-count: 2;
    padding: 50px 0 0;
    position: relative;
}
.site_policies ul li{
    margin-bottom: 30px;
    color: #fff;
}
.site_policies .main-content .abs-bg{
    position: absolute;
    top: 0;
    left: -20%;
    width: 110%;
    background:var(--primary-color);
    height: 100%;
    border-radius: 0 20px 20px 0;
}
.site_policies .main-content  .sec_btn{
    position: relative;
}
.site_policies .main-content  .sec_btn a{
    background: linear-gradient(to left, rgba(191, 165, 89, 0) 0%, rgba(191, 165, 89, 0.8) 100%);
    padding: 10px 80px;
    margin-bottom: 40px;
    margin-left: -200px;
    margin-top: 10px;
}
@media (max-width: 991.98px) {
    .lp-hotel-single .bk-hero {
        grid-template-columns:1fr 1fr;
        grid-template-rows:240px 180px 180px;
    }

    .lp-hotel-single .bk-hero .tile.hero {
        grid-column: 1/3;
        grid-row: 1/2;
    }

    .lp-hotel-single .book-card .stats {
        grid-template-columns:repeat(2, 1fr);
    }

    .lp-hotel-single .gallery-grid .grid {
        grid-template-columns:repeat(3, 1fr);
    }
}

@media (max-width: 575.98px) {
    .lp-hotel-single .bk-hero {
        grid-template-columns:1fr;
        grid-template-rows:220px 160px 160px 160px 160px;
    }

    .lp-hotel-single .bk-hero .tile.hero {
        grid-column: 1;
        grid-row: auto;
    }

    .lp-hotel-single .gallery-grid .grid {
        grid-template-columns:repeat(2, 1fr);
    }
}