html { font-size: 62.5%; }

@font-face {
    font-family: 'Gotham';
    src: url('/_assets/fonts/Gotham-Black.eot');
    src: url('/_assets/fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
        url('/_assets/fonts/Gotham-Black.woff2') format('woff2'),
        url('/_assets/fonts/Gotham-Black.woff') format('woff'),
        url('/_assets/fonts/Gotham-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/_assets/fonts/Gotham-Medium.eot');
    src: url('/_assets/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('/_assets/fonts/Gotham-Medium.woff2') format('woff2'),
        url('/_assets/fonts/Gotham-Medium.woff') format('woff'),
        url('/_assets/fonts/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/_assets/fonts/Gotham-Book.eot');
    src: url('/_assets/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('/_assets/fonts/Gotham-Book.woff2') format('woff2'),
        url('/_assets/fonts/Gotham-Book.woff') format('woff'),
        url('/_assets/fonts/Gotham-Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/_assets/fonts/Gotham-Bold.eot');
    src: url('/_assets/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('/_assets/fonts/Gotham-Bold.woff2') format('woff2'),
        url('/_assets/fonts/Gotham-Bold.woff') format('woff'),
        url('/_assets/fonts/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/_assets/fonts/Gotham-Light.eot');
    src: url('/_assets/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('/_assets/fonts/Gotham-Light.woff2') format('woff2'),
        url('/_assets/fonts/Gotham-Light.woff') format('woff'),
        url('/_assets/fonts/Gotham-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



* { margin: 0; padding: 0; box-sizing: border-box;font-family: 'Gotham'; font-weight: 400; } 
:root { --PrimaryColor:#212591; --blackColor:#000000; --whiteColor:#fff;  --secondaryColor:#F59700; --textPrimary-color:#414141 }
body{ padding: 0; margin: 0; font-family: 'Gotham'; font-weight: 400; font-size: 1.6rem; }
a{text-decoration: none; transition: all .2s ease; }
ul{padding: 0; margin: 0; list-style: none;}


.btn { padding: 12px 2.4rem; border-radius: 10px; border: 1px solid; font-weight: 400; font-size: 1.8rem; transition: all .2s ease; text-transform: capitalize; }
.btn:hover{transform: translateY(-0.25em);}
.btn-primaryx { background-color: var(--PrimaryColor);  border-color: var(--PrimaryColor); color: #ffffff; }
.btn-primaryx:hover { background: var(--whiteColor); color: var(--PrimaryColor); }
.btn:focus{outline: none !important; box-shadow: none !important;}


.btn-secondaryx { background-color: var(--secondaryColor); border-color: var(--secondaryColor); color: #ffffff; }
.btn-secondaryx:hover { background: var(--whiteColor); color: var(--secondaryColor); }



.bg-gray{background: #EFEFEF;}

.same-section{padding: 8rem 0;}
.same-heading{margin-bottom: 6rem;}
.same-heading h2{font-size: 3.4rem; color: var(--textPrimary-color); font-weight: 500; line-height: 1.1; margin-bottom: 2rem;}
.same-heading p{font-size: 1.6rem; color: var(--textPrimary-color); line-height: 1.6;}
.same-heading .section-bottom-btn{margin-top: 3rem;}
.same-heading.text-white :is(h2, p){color: var(--whiteColor);}
.same-section.all-room-list {padding: 8rem 10rem;}





.header{background: rgba(0,0,0,0.8); padding: 3rem 3%;   transition: all 0.3s ease-in-out; position: fixed; width: 100%; top: 0; z-index: 1000; }
.header .navbar { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0; }
.header .navbar .nav-links ul{display: flex; align-items: center; gap: 0 10px;}
.header .navbar .nav-links a { color: var(--whiteColor); font-size: 1.6rem; font-weight: 400; padding: 0 5px; transition: color 0.3s; }
.header .navbar .nav-links a:hover { color: var(--secondaryColor); }
.header .navbar .nav-links .show-mobile-menu{display: none;}

.header .logo-wrap a{display: inline-block;}
.header .contact-info { display: flex; align-items: center; gap: 1.8rem;}
.header .contact-info .contact-text{display: flex; align-items: center;gap: 0.8rem;}
.header .contact-info a:not(.btn){color: var(--whiteColor); font-size: 1.6rem;}
.header .contact-info a:not(.btn):hover{color: var(--secondaryColor);}
.header .contact-info .btn-secondaryx{ border-radius: 50px;font-size: 1.5rem;  padding: 10px 26px; font-weight: 500;}

.logo-wrap .img-fluid {
	max-width: 100%;
	height: 50px;
}

.header .hamburger {display: none; z-index: 99;	cursor: pointer; }
.header .hamburger span {width: 25px; height: 2px; background-color: var(--whiteColor); display: block; margin: 5px 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.header .hamburger span:nth-child(2) { 	width: 15px; }
.header .hamburger.active span:nth-child(2) { opacity: 0; }
.header .hamburger.active span:nth-child(1) { -webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); }
.header .hamburger.active span:nth-child(3) { -webkit-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); -o-transform: translateY(-7px) rotate(-45deg); transform: translateY(-6.5px) rotate(-45deg); } 



.overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transition: all 0.5s; z-index: 999; }



.header.scrolled {padding: 1rem 3%; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.header.scrolled .logo-wrap a { width: 100%; max-width: 180px; display: inline-block; }


.hero-banner .carousel-item img{height: 100vh; object-fit: cover;}
.hero-banner .carousel-caption h1{ font-size: 12rem;  color: var(--whiteColor); font-weight: 500; line-height: 1.2;}
.hero-banner .carousel-caption h3 { font-size:6rem; color: var(--whiteColor); font-weight: 300;}
.hero-banner .carousel-caption{top: 50%; left: 50%; transform: translate(-50%, -50%); right: unset;}

.booking-form {background-color: var(--whiteColor); padding: 2rem; width:100%; max-width: 1200px;   margin: -15rem auto 8rem;border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); position: relative; z-index: 99;} 
.booking-form .form-group {padding: 0 1.5rem;} 
/* .booking-form .col{padding: 0 20px;} */
.booking-form  .col:not(:last-child){border-right: solid 1px #E9E9E9;} 
.booking-form  .form-group label { display: block; font-size: 1.4rem; color: #181A20; font-weight: 500; margin-bottom: 1rem;}
.booking-form  .form-group input,  .booking-form  .form-group select {font-size: 1.4rem; color: #6C757D; width: 100%; padding: 0.6rem 0.6rem 0.6rem 0; border:none; height: 4.5rem;}
.booking-form  .form-group select {background: url(/_assets/_images/down-arrow.png)no-repeat right center;}
.booking-form  .form-group input[type="date"]::-webkit-calendar-picker-indicator  {background: url(/_assets/_images/calendar.png)no-repeat right center;background-size:100%; }
.booking-form  .form-group .form-control:focus{box-shadow: none; border: none;}
.booking-form  .btn-primaryx{ width: 100%; max-width: max-content;  white-space: pre;      padding: 1rem 1.5rem;  }
.booking-form  .col:last-child{max-width: max-content;}


.hotel-features{background: url(/_assets/_images/about-layer.png)no-repeat right top;}
.hotel-features .same-heading h4{font-size: 2rem; color: #404040; font-weight: 400; margin-bottom: 3rem;}
.hotel-features .same-heading h4 .blue-text{color: var(--PrimaryColor); font-weight: 600;}
.hotel-features .feature-images .play-icon{width: 100%; max-width: 13rem; height: 13rem; background: #1C274D; text-align: center; display: flex; align-items: center; justify-content: center; cursor: pointer; border: solid 1.2rem var(--whiteColor); position: absolute; top: 1rem; right: 7rem; }




.our-facilities-wrap .container-fluid{padding: 30px 3%;}
.our-facilities-wrap .item{padding: 1rem 1rem 3rem 1rem;}
.our-facilities-wrap .facilities-card{position: relative; display: block;    border-radius: 16px;
    overflow: hidden;  transition: box-shadow 0.3s ease; }
.our-facilities-wrap .facilities-card .img-box{position: relative; border-radius: 16px; overflow: hidden;}
.our-facilities-wrap .facilities-card .img-box img{object-fit: cover; height: 400px;}
.our-facilities-wrap .facilities-card .img-box:before{position: absolute; left: 0;right: 0; top: 0; bottom: 0; background: linear-gradient(to bottom, #1a1a1ad1, transparent); content: '';}
.our-facilities-wrap .facilities-card h4{font-size: 1.9rem; color: var(--whiteColor); font-weight: 500; line-height: normal;}
.our-facilities-wrap .facilities-card p{font-size: 1.5rem; color: var(--whiteColor); line-height: normal;}
.our-facilities-wrap .facilities-card .contentbx{position: absolute; top: 3rem; left: 3rem; z-index: 1;}
.our-facilities-wrap .facilities-card:hover{ box-shadow: 0 8px 16px rgb(0 0 0 / 19%), 0 4px 6px rgb(0 0 0 / 19%);}

.our-facilities-wrap .owl-dots {text-align: center; margin-top: 4rem;}
.our-facilities-wrap .owl-dots .owl-dot{width: 3rem; height: 3rem; border-radius: 50%; border: solid 1px transparent !important; margin: 0 0.5rem; display: inline-flex; align-items: center; justify-content: center;}
.our-facilities-wrap .owl-dots .owl-dot span{width: 1rem; height: 1rem; border-radius: 50%; background: #11212233; display: inline-block;}
.our-facilities-wrap .owl-dots .owl-dot.active{ border: solid 1px var(--blackColor) !important; }
.our-facilities-wrap .owl-dots .owl-dot.active span{background: var(--blackColor);}




.testimonial-wrap .customers-info{background: url(/_assets/_images/testimonal-quotes-icon.svg)no-repeat top right; padding: 1rem 4rem 1rem 0; margin-bottom: 8vw; }
.testimonial-wrap .customers-img{display: flex; height: 500px; overflow: hidden;border-radius: 16px; }
.testimonial-wrap .customers-img img{width: 100%; height: 100%; object-fit: cover; }
.testimonial-wrap .top-title{font-size: 1.5rem;  color: #181A20; }
.testimonial-wrap .discription-bx{font-size: 2rem;  color: #181A20; font-weight: 500; line-height: 1.5; padding: 3rem 0 5rem;}
.testimonial-wrap .name-info h4{font-size: 1.4rem;  color: #181A20; font-weight: 500;}
.testimonial-wrap .name-info .company-name{font-size: 1.4rem;  color: #717171; font-weight: 400;}
.testimonial-wrap .carousel-btns-list { display: flex ; align-items: center; justify-content: center; gap: 6px; position: absolute; left: 50%; transform: translateX(5%); bottom: 2vw; z-index: 9;}
.testimonial-wrap :is(.carousel-control-prev, .carousel-control-next){opacity: 1;   width: 5rem; height: 5rem; text-align: center; line-height: 5rem; color: #181A20; background: var(--whiteColor); border-radius: 50%; box-shadow:0px 2px 6px #71717138 ; font-size: 1.8rem; position: relative;top: unset; left: unset;  transition: all .2s ease;}
.testimonial-wrap :is(.carousel-control-prev, .carousel-control-next):hover{background: var(--PrimaryColor); color: var(--whiteColor);}



.newsletter-wrap{background: #181A20;}
.newsletter-wrap .same-heading{margin-bottom: 3rem;}
.newsletter-wrap .subscribe-form{width: 100%; max-width: 57rem; margin: auto;}
.newsletter-wrap .subscribe-form .input-group{background: var(--whiteColor); border-radius: 12px; padding: 0.9rem; }
.newsletter-wrap .subscribe-form .form-control {border: 0; height: 5.4rem;font-size: 1.4rem; color: #181A20; font-weight: 500;}
.newsletter-wrap .subscribe-form .form-control::placeholder {color: #181A20;}
.newsletter-wrap .subscribe-form .btn{background: #EB6753; font-size: 15px; border-color: #EB6753; font-weight: 500; border-radius: 12px !important; color: var(--whiteColor);}
input:focus{outline: none !important; box-shadow: none !important;}



.footer{background: #181A20;}
.footer .footer-section h3{font-size: 15px; color: var(--whiteColor); font-weight: 500; line-height: normal; margin-bottom: 2.5rem; margin-top: 1.5rem; }

.footer .address-info li{margin: 13px 0;}
.footer .address-info p{font-size: 14px; color: var(--whiteColor); line-height: 1.7; margin-bottom: 0;}
.footer .address-info p strong{font-size: 15px; color: var(--whiteColor);}
.footer .address-info a{font-size: 15px; color: var(--whiteColor); font-weight: 500;}
.footer .address-info a{font-size: 15px; color: var(--whiteColor); font-weight: 500; }
.footer .footer-menu-list li{padding: 5px 0;}
.footer .footer-menu-list a{font-size: 14px; color: #BEBDBD; font-weight: 400; transition: all .2s ease;}
.footer .footer-menu-list a:hover{color: var(--whiteColor);}
.footer .copyright-border-top{border-top: solid 1px #ffffff12; padding: 1.9rem 0;} 
.footer .copyright{margin-top: 5rem;}
.footer .copyright p{margin-bottom: 0; font-size: 14px; color: var(--whiteColor);} 
.footer .copyright .social-links { display: flex; align-items: center; justify-content: end; gap: 1rem; }
.footer .copyright .social-links span {font-size: 15px; color: var(--whiteColor); }
.footer .copyright .social-links a {width: 3rem; height: 3rem; line-height: 3rem;font-size: 15px; display: inline-block; background: transparent; border-radius: 50%; border: solid 1px transparent; text-align: center;  color: var(--whiteColor); text-decoration: none; transition: all 0.2s ease; }
.footer .copyright .social-links a:hover {background:var(--PrimaryColor); border-color:var(--PrimaryColor); color: var(--whiteColor); text-decoration: none; transition: color 0.3s; }




.rooms-section{ overflow: hidden; position: relative;  background: #EFEFEF;}
.rooms-section .room-wrapper { display: flex; min-height: 700px; position: relative;  }
.rooms-section .room-wrapper .container { position: relative; z-index: 2; }
.rooms-section .room-details { padding: 5rem 0; width: 100%; max-width: 85%;}
.rooms-section .room-label{font-size: 2rem; letter-spacing: 1px; color: var(--textPrimary-color); line-height: 1.2; position: relative; padding-left: 5rem; margin-bottom: 14px;}
.rooms-section .room-label:before{position: absolute; left:0; top: 50%; transform: translateY(-50%); content: ''; width: 40px; height: 1px; background: var(--textPrimary-color);}
.rooms-section .same-heading h2{margin-bottom: 0;}
.rooms-section .same-heading {padding-bottom: 2rem;}
.rooms-section .same-heading .show-all-btn{background: var(--whiteColor); border-color: var(--whiteColor); color: #333333; font-size: 16px; border-radius: 10px;  padding: 15px 24px; white-space: pre;}
.rooms-section .same-heading .show-all-btn:hover{background: var(--PrimaryColor); border-color: var(--PrimaryColor); color: var(--whiteColor);}

.rooms-section  .feature-item{display: flex; align-items: center;  border-bottom: solid 1px #888888; padding: 2rem 0;}
.rooms-section  .feature-item .iconBx{width: 40px;}
.rooms-section  .feature-item h4{width:calc(100% - 40px); font-size: 2.4rem; color: var(--textPrimary-color); font-weight: 400; line-height: 1.2; margin-bottom: 0;}
.rooms-section  .location-item{border: 0;}
.rooms-section  .location-item h4{font-size: 2rem;}
.rooms-section  .price-section{display: flex; align-items: center; justify-content: space-between;}
.rooms-section  .price-section .price{font-size: 3rem; color: var(--textPrimary-color); font-weight: 500;line-height: 1.2;}
.rooms-section  .price-section .btn-primaryx{white-space: pre;}
.rooms-section .price-section{margin-top: 2rem;}


.rooms-section  .room-slider-wrapper { position: absolute; right: 0; top: 0; width: 50%; height: 100%; }
.rooms-section .room-slider-wrapper .carousel { height: 100%; }
.rooms-section .room-slider-wrapper .carousel .carousel-inner,.rooms-section .room-slider-wrapper .carousel .carousel-item { height: 100%; }
.rooms-section .room-slider-wrapper .carousel .carousel-item:before{position: absolute; left: 0 ;right: 0; bottom: 0; top: 0; content: ''; background: linear-gradient(to top, #000000cc, transparent);}
.rooms-section .room-slider-wrapper .carousel .carousel-item img { height: 100%; width: 100%; object-fit: cover; }

.carousel .carousel-btns-list{ display: flex ; align-items: center; justify-content: center; gap: 6px; position: absolute; right:25px; bottom: 20px; z-index: 9;}
.carousel .carousel-control-prev, .carousel .carousel-control-next { width: 50px; height: 50px;    z-index: 2;  background-color:var(--blackColor); color: var(--whiteColor); font-size: 18px; opacity: 1; transition: all 0.3s ease;  top: unset; bottom:unset;position: relative; left: unset;} 
.carousel .carousel-control-prev:hover, .carousel .carousel-control-next:hover{background: var(--PrimaryColor); }


.carousel  .carousel-indicators { margin-bottom: 20px; bottom:40px; left:25px; position: absolute;     justify-content: flex-start; margin: 0; width: max-content;}
.carousel  .carousel-indicators button { width:25px; height: 5px; border-radius:10px; opacity: 1; margin: 0 5px; background:var(--whiteColor); border: none; }
.carousel  .carousel-indicators button.active { background:#BD8A7F; }



.video-modal-dialog .modal-dialog {max-width: 700px; } 
.video-modal-dialog .modal-body {padding: 0;} 
.video-modal-dialog .modal-dialog iframe{display: block; width: 100%; height: 390px;}
.video-modal-dialog .modal-content{ border:solid 7px var(--whiteColor); border-image: initial;}
.video-modal-dialog .btn-close { position: absolute; width: 24px; height: 24px; z-index: 1; opacity: 1; text-align: center; line-height: 24px; right: -18px; top: -18px; font-size: 16px; border-radius: 50%; background: var(--whiteColor); transition: all 0.2s ease 0s; outline: none; } 




.room-banner{background: url(/_assets/_images/room-banner.jpg)no-repeat center top/cover; min-height: 370px; position: relative; padding-top: 150px;}
.room-banner:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: '';     background: rgb(0 0 0 / 75%);}
.room-banner .inner-banner-content{position: relative; z-index: 1;}
.room-banner .inner-banner-content .breadcrumb li{font-size: 1.6rem; color: #F59700; font-weight: 400;}
.room-banner .inner-banner-content .breadcrumb li a{color: var(--whiteColor);}
.room-banner  .breadcrumb-item+.breadcrumb-item::before{color: var(--whiteColor);}
.room-banner h1{color: var(--whiteColor); font-weight: 500; font-size: 4rem; margin: 2rem 0;}
.room-banner p{color: var(--whiteColor); font-size: 1.6rem;}


.all-room-list .left-side-img-bx .room-slider-wrapper { right: unset; left: 0; }
.all-room-list .left-side-img-bx  .room-details{max-width: 100%; padding-left: 10%;}
.all-room-list .load-more {padding: 3rem 0;}
.all-room-list .load-more .btn-secondaryx{ border-radius: 50px;}
.all-room-list .rooms-section .room-wrapper{min-height: 650px;}






.same-heading  h2 .line-before {position: relative; padding-left:20px; font-weight: 500; color: #1A1A1A;} 
.same-heading h2 .line-before:before{ width: 10px; height: 4px; background-color: #F59700;  position: absolute; left: 0; top: 50%; content: '';transform: translateY(-50%);} 


.map-section iframe{display: block; width: 100%;}
.check-available-section{background: url(/_assets/_images/check-avaiability-bg.jpg)no-repeat center top/cover; position: relative; }
.check-available-section::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #14090780; content: '';}
.check-available-section .container{position: relative; z-index: 99;}
.check-available-section .booking-form{max-width: 100%; margin: 0 auto;}
.check-available-section .booking-form .form-group label{white-space: pre;}

.light-text{font-weight: 300;}
.check-available-section .offers-row{padding-top: 40px ;}
.check-available-section .offers-row .offer-card{background: var(--whiteColor); padding: 2rem; border-radius: 20px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 15px;}
.check-available-section .offers-row .offer-card .icon-bx{width: 100%; max-width: 36px; height: 36px; margin: auto; }
.check-available-section .offers-row .offer-card h3{font-size: 2rem; color: var(--blackColor); font-weight: 500; line-height: normal; min-height: 50px;}
.check-available-section .offers-row .offer-card .btn{font-size: 14px; padding: 7px 14px; border-radius: 8px;}
.check-available-section .offers-row .offer-card .btn-light-primaryx{color: var(--PrimaryColor); background: #E3EFFF; border: solid 1px #E3EFFF;}
.check-available-section .offers-row .offer-card .btn-light-primaryx:hover{background: var(--PrimaryColor); color: #E3EFFF; border-color: #E3EFFF;}


.room-tabs {background: var(--whiteColor); border: solid 1px #DFDFDF; border-radius: 6px; width: max-content; margin-bottom: 20px;}
.room-tabs .nav-link{font-size: 16px; color: #4A4A4A; font-weight: 400;border: 0; border-radius: 6px; background: var(--whiteColor); padding: 10px 20px;}
.room-tabs .nav-link.active{background: var(--PrimaryColor); color: var(--whiteColor); }



.room-info-card .room-header{background: var(--whiteColor); padding: 10px; border-radius: 10px; margin-bottom: 20px;}
/* .room-full-info-section .room-info-card{padding: 0 10px;} */
.room-full-info-section .container-fluid{padding: 0 3%;}
.room-full-info-section .room-name{font-size: 15px; color: var(--blackColor); font-weight: 500;}
.room-full-info-section .room-max-occupancy{font-size: 15px; font-weight: 400; color: var(--blackColor);     white-space: pre;    padding: 0 10px; }
.room-full-info-section .room-availability{color: #D7484B; font-size: 15px; font-weight: 400;}
.room-full-info-section .room-capacity{font-size: 15px; font-weight: 500; color: var(--blackColor); margin-bottom: 10px;}
.room-full-info-section .room-description{font-size: 15px; font-weight: 400; color: var(--blackColor);}
.room-full-info-section .room-right-details{padding: 15px;}
.room-full-info-section .facility-check-list{display: flex; flex-wrap: wrap; gap: 10px;}
.room-full-info-section .facility-check-list li { width: 48%;}
.room-full-info-section .facility-check-list li label{ font-size: 15px; color: #494949; font-weight: 400;}

.room-full-info-section .rate-offer-card { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; padding: 10px; border: 1px solid #AAAAAA; border-radius: 10px; background-color: var(--whiteColor); gap: 8px; margin-bottom: 10px; }
.room-full-info-section .rate-offer-card .offer-details { display: flex; flex-direction: column; max-width: 140px; }
.room-full-info-section .rate-offer-card .offer-title { display: flex; align-items: center; white-space: nowrap; }
.room-full-info-section .rate-offer-card .offer-label { overflow: hidden; text-overflow: ellipsis; font-weight: 500;color: var(--blackColor); font-size: 16px; }
.room-full-info-section .rate-offer-card .offer-percent { color: #D44749; font-weight: 500; margin-left: 5px; font-size: 16px; }
.room-full-info-section .rate-offer-card .offer-info { color: #D44749; font-size: 12px; margin-top: 2px; display: flex; align-items: center; } 
.room-full-info-section .rate-offer-card .offer-info i { margin-right: 5px; }
.room-full-info-section .rate-offer-card .offer-benefit { font-weight: 400; white-space: nowrap; }
.room-full-info-section .rate-offer-card .offer-pricing { display: flex; align-items: center; gap: 10px; }
.room-full-info-section .rate-offer-card .price { text-align: right; }
.room-full-info-section .rate-offer-card .current-price { color: #D44749; font-weight: 500; font-size: 20px; display: block; }
.room-full-info-section .rate-offer-card .original-price { text-decoration: line-through; color: #888888; font-size: 16px; font-weight: 500; }
.room-full-info-section .rate-offer-card .cart-btn { background-color: var(--PrimaryColor); border: solid 1px var(--PrimaryColor); color: var(--whiteColor); padding: 5px; border-radius: 8px; cursor: pointer; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }


.booking-summary-card, .card-gray-bg{background: #F2F2F2; position: relative; border-radius: 10px;padding: 20px;}
.booking-summary-card h5{font-size: 16px; color: #2E2E2E; font-weight: 500; line-height: normal;}
.booking-summary-card .remove-icon {
    width: 32px;
    height: 32px;
    background: var(--whiteColor);
    line-height: 32px;
    text-align: center;
    display: block;
    border-radius: 5px;
    color: #D7484B;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 0;
}
.booking-summary-card .booking-text {
    font-size: 15px;
    line-height: normal;
    color: #2E2E2E;
    font-weight: 400;
    padding: 7px 0;
    position: relative;
}
.booking-summary-card .booking-text ul{display: flex; align-items: center; flex-wrap: wrap; gap: 5px; font-size: 15px; color: #2E2E2E; font-weight: 400;}
.booking-summary-card .price-text{color: #5C9F42; font-weight: 500;font-size: 16px;  }
.booking-summary-card .text-danger{color: #D7484B; font-weight: 500;}
.booking-summary-card .total-price-bx{border-top: solid 1px #484848; border-bottom: solid 1px #484848; padding: 5px 0 ;margin: 10px 0;}
.note-bx{font-size: 16px; color: var(--secondaryColor); font-weight: 500; padding-top: 20px;}
.registere-btn .btn-primaryx strong{font-weight:500;}

  


.room-full-info-section .left-slider-wrap{height: 100%; min-height: 500px;}
.room-full-info-section .left-slider-wrap div#roomCarousel { height: 100%; } 
.room-full-info-section .left-slider-wrap .carousel-inner { height: 100%; } 
.room-full-info-section .left-slider-wrap .carousel-inner .carousel-item{height: 100%;}
.room-full-info-section .left-slider-wrap .carousel-item .slider-img{ height: 400px; object-fit: cover;}



/* .form-model */
.form-model .modal-content { border-radius: 20px; border: solid 1px #DCDCDC; }
.form-model .required{color: #FF4A4A;}
.form-model .modal-header { border-bottom: none; padding: 15px; border-bottom: solid 1px #DCDCDC; }
.form-model .btn-close{width: 24px; height: 24px;    opacity: 1; font-size: 17px;  border-radius: 50%; text-align: center; border: solid 1px #3D445C; color: #3D445C; line-height: 24px; background: var(--whiteColor); padding: 0;}
.form-model .btn-close:hover{background: var(--PrimaryColor); color:var(--whiteColor); border-color: var(--PrimaryColor);}
.form-model .modal-title { font-size: 16px; font-weight: 500; color: #212591; line-height: normal; }
.form-model .modal-body { padding: 15px; } 
.form-model form .form-group { margin-bottom: 30px;  position: relative;}

.form-model form label:not(.form-check-label) { position: absolute; left: 18px; top: 9px; font-size: 14px; font-weight: 500; color: #292929; background: #F2F2F2; padding: 0 4px; pointer-events: none; transition: 0.2s cubic-bezier(0.4,0,0.2,1); z-index: 2; }
.form-model form .form-control,
.form-model form .form-select { border-radius: 10px; border: 1px solid #D1D1D1; font-size: 12px; padding: 5px 15px; background-color: #F2F2F2; color: #939393; box-shadow: none; height: 40px; transition: border-color 0.2s; }
.form-model form .form-control:focus,
.form-model form .form-select:focus { border-color: var(--PrimaryColor); background: #fff; } 
.form-model form textarea.form-control{height: 100px;padding-top: 12px;}
.form-model form .form-check-label{     font-size: 14px;
  font-weight: 500;
  color: #292929;margin-bottom: 0; }
.form-model form .form-check-label a{color: var(--secondaryColor);}
.form-model form .submit-btn{margin-top: 30px;}
.form-check-input:checked{background-color:var(--PrimaryColor); border-color: var(--PrimaryColor);}

.form-model form .form-group input:focus + label:not(.form-check-label),
.form-model form .form-group input:not(:placeholder-shown) + label:not(.form-check-label),
.form-model form .form-group textarea:focus + label:not(.form-check-label),
.form-model form .form-group textarea:not(:placeholder-shown) + label:not(.form-check-label),
.form-model form .form-group select:focus + label:not(.form-check-label),
.form-model form .form-group select:valid + label:not(.form-check-label) { top: -20px; left: 12px; font-size: 11px; background: var(--whiteColor); padding: 0 6px; }

.form-model form .forgot-password-text{font-size: 12px; color: var(--secondaryColor); font-weight: 400;}

#loginModal .modal-header{background: var(--PrimaryColor); border-color: var(--PrimaryColor);} 
#loginModal .modal-header .modal-title{color: var(--whiteColor);} 
#loginModal .modal-header .btn-close{background: var(--PrimaryColor-); color: var(--whiteColor); border-color: var(--whiteColor);}
#loginModal .modal-content{border:0;}


/* Payment Progress Bar */
.payment-progress-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 3.5rem;
  position: relative;
  z-index: 2;
}
.payment-progress-bar .progress-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.3rem;
  color: #b3b3c6;
  font-weight: 500;
  position: relative;
  z-index: 2;
  background: transparent;
}
.payment-progress-bar .progress-step .icon-bx {
  font-size: 2.2rem;
  margin-bottom: 0.5rem;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 8px #0001;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--PrimaryColor);
  border: 2px solid #e0e0e0;
  transition: all 0.2s;
}
.payment-progress-bar .progress-step.completed .icon-bx {
  color: var(--secondaryColor);
  border-color: var(--secondaryColor);
  background: #fff;
}
.payment-progress-bar .progress-step.active .icon-bx {
  color: #fff;
  background: var(--PrimaryColor);
  border-color: var(--PrimaryColor);
}
.payment-progress-bar .progress-step span {
  margin-top: 0.2rem;
  font-size: 1.2rem;
  font-weight: 500;
}
.payment-progress-bar .progress-step.completed span {
  color: var(--secondaryColor);
}
.payment-progress-bar .progress-step.active span {
  color: var(--PrimaryColor);
}


/* Payment Page */
.payment-section,.confirmation-section {padding: 18rem 0 5rem 0;}
.payment-section .payment-user-card-v2 {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 24px #21259118;
  padding: 2.5rem 2rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  border-left: 5px solid var(--PrimaryColor);
}
.payment-section .payment-user-card-v2 .user-avatar {
  font-size: 2rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--PrimaryColor);
  background: #f3f6ff;
  border-radius: 50%;
  padding: 0.7rem;
  box-shadow: 0 2px 8px #21259111;
}
.payment-section .payment-user-card-v2 .user-name {
  font-weight: 600;
  font-size: 1.7rem;
  color: var(--PrimaryColor);
}
.payment-section .payment-user-card-v2 .user-email {
  font-size: 1.3rem;
  color: #888;
}
.payment-section .payment-details-card-v2 {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 24px #21259118;
  padding: 2.5rem 2rem;
  font-size: 1.5rem;
  border-left: 5px solid var(--secondaryColor);
}
.payment-section .payment-details-card-v2 .total-price {
  color: #5c9f42;
  font-weight: 700;
  margin-bottom: 1rem;
}
.payment-section .payment-details-card-v2 .reservation-deposit {
  color: #d7484b;
  font-weight: 700;
  margin-bottom: 1rem;
}
.payment-section .payment-details-card-v2 .policy-link a {
  color: var(--PrimaryColor);
  font-weight: 400;
  text-decoration: underline;
  font-size: 1.5rem;
}


/* Confirmation Page */
.confirmation-section .confirmation-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 3rem;
}
.confirmation-section .confirmation-icon {
  font-size: 4rem;
  color: #5c9f42;
  margin-bottom: 2.5rem;
  background: #eafbe7;
  border-radius: 50%;
  padding: 1.5rem 2.2rem;
  box-shadow: 0 4px 24px #5c9f4211;
  width: 70px;
  height: 70px;
  display: flex
;
  align-items: center;
  justify-content: center;
}
.confirmation-section .confirmation-message .success-text {
  color: var(--PrimaryColor);
  font-size: 2.2rem;
  font-weight: 700;
  display: block;
  margin-bottom: 1.2rem;
}
.confirmation-section .confirmation-message .success-text .highlight {
  color: #5c9f42;
}
.confirmation-section .confirmation-message .booking-ref {
  font-size: 1.6rem;
  margin-bottom: 0.7rem;
  color: var(--secondaryColor);
  font-weight: 600;
}
.confirmation-section .confirmation-message .ref-link {
  color: #0074d9;
  font-weight: 600;
  text-decoration: underline;
}
.confirmation-section .confirmation-message .confirmation-info {
  font-size: 1.4rem;
  color: #414141;
  margin-bottom: 0.3rem;
}
.confirmation-section .confirmation-message .date-bold {
  font-weight: 700;
  color: var(--PrimaryColor);
}
.confirmation-section .confirmation-image {
  margin-top: 2.5rem;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 4px 24px #21259118;
}
.confirmation-section .confirmation-image img {
  width: 100%;
  border-radius: 18px;
}

input[readonly] {
    background-color: white !important;
    cursor: default;
}

.head-text {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #212591;
    margin-bottom: 10px;
}
.table-view table.table {
    border: 1px solid #cfcfcf;
}
.table-view table.table thead th {
    background-color: #212591;
    color: #FFF;
}
.table-view table.table tbody th {
    background-color: #dcdcdc;
    font-size: 13px;
    font-weight: 500;
}
.payment-progress-bar .progress-step.completed .icon-bx:hover {
    color: #212591;
    border-color: #212591;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 65px;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

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

.show {display: block;}


.same-heading.room-details-heading {
    margin-bottom: 2rem;
}
.same-heading.room-details-heading h2 {
    font-size: 2rem;
    color: var(--textPrimary-color);
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
}
.new-rooms-details.room-full-info-section .left-slider-wrap {
    height: 100%;
    min-height: 400px;
}
.new-rooms-details.room-full-info-section .left-slider-wrap .carousel-item .slider-img {
    height: 400px;
    object-fit: cover;
}
.booking-summary-card .total-price-bx.second-cls {
    border-top: 0;
    border-bottom: solid 1px #484848;
    padding: 5px 0;
    margin:-10px 0 0;
}
.booking-text.orange-text {
    color: #f59700;
    font-weight: 500;
}
.booking-text.text-blue {
    color: #2347BE;
}


.cancellation-modal .modal-dialog{max-width: 80%; margin: auto;}
.cancellation-modal .btn-close{position: absolute; width: 24px; height: 24px; z-index: 1; opacity: 1; text-align: center; line-height: 24px; right: -4px; top: -4px; font-size: 16px; border-radius: 50%; background: var(--PrimaryColor); color: var(--whiteColor); transition: all 0.2s ease 0s; outline: none; }

.cancellation-modal h3{font-size: 2rem; color: var(--blackColor); font-weight: 500;}
.cancellation-modal h4{font-size: 1.8rem; color: var(--blackColor); font-weight: 400; line-height: 1.6;}
.cancellation-modal p{ color: #6b7280; font-size: 1.4rem; line-height:1.6; }
.cancellation-modal .notice { color: #bb0909; font-weight: 600; margin: 1rem 0; font-size: 1.5rem; }
.cancellation-modal .policy-table {   border-collapse: separate; border-spacing: 0 0.5rem; width: 100%; margin: 1rem 0; font-size: 1.4rem; font-weight: 400; }

.cancellation-modal .policy-table thead th { text-align: left; padding: 1rem;  color: #000; font-weight: 500; font-size: 1.4rem; border: 1px solid #d6dbe1; border-left: 0; }
.cancellation-modal .policy-table thead td { padding: 1rem;}
.cancellation-modal .policy-table thead th:first-child { border-left: 1px solid #e8eef6; } 
.cancellation-modal .policy-table tbody td { padding: 0.9rem 1rem; background: #ffffff; border: 1px solid #e8eef6; border-left: 0; }

.cancellation-modal .policy-table tbody tr td:first-child { border-left: 1px solid #e8eef6; }
.cancellation-modal .policy-table tbody tr td:last-child { border-right: 1px solid #e8eef6; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; font-weight: 700; }
.cancellation-modal .policy-table tbody tr:nth-child(odd) td { background: #eaf4fb; }
 .cancellation-modal .policy-table  tr { box-shadow: 0 1px 0 rgba(0,0,0,0.02); }
 .cancellation-modal .modal-footer{justify-content: center; border-top: 0;}
 .cancellation-modal .booking-summary-card .card-gray-bg{background: transparent;}


@media(max-width:567px){
.cancellation-modal .modal-dialog{max-width: 90%;}
.cancellation-modal .cancellation-model-content{height: 300px; overflow-x: hidden; overflow-y: auto;}

}