/* =========================================
GLOBAL
========================================= */

body{
margin:0;
padding:0;
font-family:'Roboto',sans-serif;
background:#ffffff;
}

.container{
max-width:1320px;
}

section{
padding:70px 0;
}

p{
font-size:14px;
line-height:1.8;
}

/* =========================================
HERO SECTION
========================================= */

.nlh-hero-section{
position:relative;
width:100%;
min-height:820px;
display:flex;
align-items:center;
overflow:hidden;
background:
linear-gradient(rgba(0,0,0,0.45),rgba(0,0,0,0.50)),
url('https://images.unsplash.com/photo-1512343879784-a960bf40e7f2?q=80&w=1800&auto=format&fit=crop') center center/cover no-repeat;
}

.nlh-content-wrapper{
position:relative;
z-index:3;
width:100%;
padding-top:120px;
padding-bottom:90px;
}

.nlh-hero-content{
max-width:760px;
}

/* =========================================
HERO TAGLINE
========================================= */

.nlh-hero-tagline{
display:inline-block;
padding:9px 16px;
margin-bottom:22px;
background:rgba(255,255,255,0.12);
border:1px solid rgba(255,255,255,0.22);
backdrop-filter:blur(12px);
border-radius:60px;
color:#ffffff;
font-size:13px;
font-weight:500;
letter-spacing:.5px;
}

/* =========================================
HERO TITLE
========================================= */

.nlh-hero-title{
margin:0 0 20px;
font-size:clamp(42px,4vw,58px);
line-height:1.12;
font-weight:800;
color:#ffffff;
letter-spacing:-1px;
}

/* =========================================
HERO DESCRIPTION
========================================= */

.nlh-hero-description{
margin:0 0 34px;
font-size:16px;
line-height:1.9;
color:rgba(255,255,255,0.92);
font-weight:400;
max-width:680px;
}

/* =========================================
HERO BUTTONS
========================================= */

.nlh-hero-buttons{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-bottom:36px;
}

.nlh-primary-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 28px;
background:#359eff;
color:#ffffff;
text-decoration:none;
border-radius:60px;
font-size:14px;
font-weight:600;
transition:all .35s ease;
box-shadow:0 10px 24px rgba(53,158,255,0.30);
}

.nlh-primary-btn:hover{
background:#1c84e5;
color:#ffffff;
transform:translateY(-2px);
}

.nlh-secondary-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 28px;
background:rgba(255,255,255,0.12);
border:1px solid rgba(255,255,255,0.22);
backdrop-filter:blur(10px);
color:#ffffff;
text-decoration:none;
border-radius:60px;
font-size:14px;
font-weight:600;
transition:all .35s ease;
}

.nlh-secondary-btn:hover{
background:rgba(255,255,255,0.22);
color:#ffffff;
transform:translateY(-2px);
}

/* =========================================
TRUST BOXES
========================================= */

.nlh-trust-row{
display:flex;
flex-wrap:nowrap;
gap:12px;
}

.nlh-trust-box{
position:relative;
flex:1;
display:flex;
align-items:center;
gap:10px;
padding:12px 14px;
background:rgba(255,255,255,0.10);
border:1px solid rgba(255,255,255,0.18);
backdrop-filter:blur(14px);
border-radius:16px;
transition:all .35s ease;
}

.nlh-trust-box:hover{
transform:translateY(-3px);
background:rgba(255,255,255,0.16);
}

.nlh-trust-icon{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,0.16);
color:#ffffff;
font-size:16px;
flex-shrink:0;
}

.nlh-trust-text h3{
margin:0;
font-size:13px;
line-height:1.4;
font-weight:600;
color:#ffffff;
}

/* =========================================
BLOG SECTION
========================================= */

.nlb-blog-section{
position:relative;
padding:70px 0;
background:#f7f7f7;
overflow:hidden;
}

/* =========================================
BLOG HEADER
========================================= */

.nlb-header-wrap{
display:flex;
align-items:center;
justify-content:flex-start;
margin-bottom:34px;
}

.nlb-section-title{
margin:0;
font-size:36px;
line-height:1.2;
font-weight:700;
color:#111111;
letter-spacing:-0.5px;
}

/* =========================================
BLOG CARDS
========================================= */

.nlb-card{
position:relative;
height:100%;
display:flex;
flex-direction:column;
background:#ffffff;
border-radius:20px;
overflow:hidden;
border:1px solid #e7e7e7;
transition:all .35s ease;
}

.nlb-card:hover{
transform:translateY(-5px);
box-shadow:0 14px 38px rgba(0,0,0,0.08);
}

/* =========================================
BLOG IMAGE
========================================= */

.nlb-image-wrap{
position:relative;
width:100%;
aspect-ratio:1.2/1;
overflow:hidden;
}

.nlb-image-wrap img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .6s ease;
}

.nlb-card:hover img{
transform:scale(1.05);
}

/* =========================================
IMAGE BOOK BUTTON
========================================= */

.nlb-image-book-btn{
position:absolute;
left:12px;
bottom:12px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 14px;
background:#ffd400;
color:#111111;
text-decoration:none;
font-size:12px;
font-weight:700;
border-radius:50px;
z-index:5;
transition:all .35s ease;
box-shadow:0 6px 18px rgba(0,0,0,0.18);
}

.nlb-image-book-btn:hover{
background:#ffcc00;
color:#111111;
transform:translateY(-2px);
}

/* =========================================
BLOG CONTENT
========================================= */

.nlb-card-content{
padding:16px;
flex:1;
display:flex;
flex-direction:column;
}

.nlb-tags-wrap{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-bottom:12px;
}

.nlb-tag{
display:inline-flex;
align-items:center;
justify-content:center;
padding:6px 11px;
background:#eef1f4;
border-radius:8px;
font-size:11px;
font-weight:500;
color:#111111;
line-height:1;
}

/* =========================================
BLOG TITLE
========================================= */

.nlb-card-title{
margin:0 0 10px;
font-size:18px;
line-height:1.35;
font-weight:700;
color:#1c84e5;
transition:all .3s ease;
}

.nlb-card:hover .nlb-card-title{
color:#156fc2;
}

/* =========================================
BLOG DESCRIPTION
========================================= */

.nlb-card-description{
margin:0;
font-size:14px;
line-height:1.7;
color:#111111;
}

/* =========================================
FAQ SECTION
========================================= */

.bgd-faq-section{
position:relative;
padding:70px 0;
background:#f7f7f7;
overflow:hidden;
}

/* =========================================
FAQ HEADER
========================================= */

.bgd-faq-heading-wrap{
margin-bottom:40px;
}

.bgd-faq-title{
margin:0 0 10px;
font-size:40px;
line-height:1.1;
font-weight:800;
color:#111111;
}

.bgd-faq-subtitle{
margin:0;
font-size:16px;
line-height:1.7;
color:#555555;
}

/* =========================================
FAQ ACCORDION
========================================= */

.bgd-faq-accordion{
display:flex;
flex-direction:column;
gap:16px;
}

.bgd-faq-item{
border:none;
border-radius:22px !important;
overflow:hidden;
background:#ffffff;
}

.bgd-faq-btn{
padding:20px 22px !important;
background:#ffffff !important;
color:#111111 !important;
font-size:16px;
font-weight:600;
line-height:1.5;
box-shadow:none !important;
border:none !important;
transition:all .35s ease;
}

.bgd-faq-btn:hover{
color:#1c84e5 !important;
}

.bgd-faq-btn:not(.collapsed){
color:#00b894 !important;
background:#ffffff !important;
}

.bgd-faq-btn::after{
background-size:18px;
width:18px;
height:18px;
}

.bgd-faq-body{
padding:0 22px 22px;
font-size:14px;
line-height:1.8;
color:#444444;
}

.bgd-faq-body p:last-child{
margin-bottom:0;
}

/* =========================================
BOTTOM FAQ CTA
========================================= */

.bgd-faq-contact-box{
margin-top:50px;
padding:28px 32px;
background:#ededed;
border-radius:22px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}

.bgd-faq-contact-content h3{
margin:0 0 8px;
font-size:22px;
font-weight:700;
color:#111111;
}

.bgd-faq-contact-content p{
margin:0;
font-size:14px;
line-height:1.8;
color:#444444;
}

.bgd-faq-contact-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 28px;
background:#00b894;
color:#ffffff;
text-decoration:none;
border-radius:60px;
font-size:14px;
font-weight:600;
transition:all .35s ease;
white-space:nowrap;
}

.bgd-faq-contact-btn:hover{
background:#1c84e5;
color:#ffffff;
transform:translateY(-2px);
}

/* =========================================
FOOTER SECTION
========================================= */

.bgd-footer-section{
position:relative;
padding:70px 0 26px;
background:#141414;
overflow:hidden;
}

/* =========================================
FOOTER LOGO
========================================= */

.bgd-footer-logo{
max-width:200px;
height:auto;
margin-bottom:20px;
border-radius:8px;
}

.bgd-footer-tagline{
margin:0 0 28px;
font-size:15px;
line-height:1.8;
color:#ffffff;
}

/* =========================================
FOOTER CONTACT
========================================= */

.bgd-footer-contact-wrap{
display:flex;
flex-direction:column;
gap:14px;
}

.bgd-footer-contact-item{
display:flex;
align-items:flex-start;
gap:12px;
font-size:15px;
line-height:1.7;
color:#d6d6d6;
}

.bgd-footer-contact-item i{
font-size:16px;
color:#9a9a9a;
margin-top:3px;
}

/* =========================================
FOOTER HEADINGS
========================================= */

.bgd-footer-heading{
margin:0 0 20px;
font-size:20px;
font-weight:700;
color:#ffffff;
}

/* =========================================
FOOTER LINKS
========================================= */

.bgd-footer-links{
margin:0;
padding:0;
list-style:none;
display:flex;
flex-direction:column;
gap:14px;
}

.bgd-footer-links li a{
text-decoration:none;
font-size:15px;
color:#d6d6d6;
transition:all .3s ease;
}

.bgd-footer-links li a:hover{
color:#359eff;
padding-left:4px;
}

/* =========================================
SOCIAL ICONS
========================================= */

.bgd-footer-social-wrap{
display:flex;
align-items:center;
gap:12px;
margin-bottom:30px;
}

.bgd-footer-social{
width:48px;
height:48px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
text-decoration:none;
color:#ffffff;
transition:all .35s ease;
}

.bgd-footer-social:hover{
transform:translateY(-3px);
}

.bgd-footer-social.fb{
background:#1877f2;
}

.bgd-footer-social.tw{
background:#000000;
}

.bgd-footer-social.yt{
background:#ff0000;
}

.bgd-footer-social.ig{
background:#d62976;
}

/* =========================================
PAYMENT SECTION
========================================= */

.bgd-payment-title{
margin-top:10px;
}

.bgd-payment-wrap{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-bottom:28px;
}

.bgd-payment-wrap span{
padding:8px 12px;
background:#ffffff;
border-radius:8px;
font-size:11px;
font-weight:600;
color:#111111;
}

/* =========================================
SECURITY BOX
========================================= */

.bgd-footer-security-box{
display:flex;
align-items:center;
justify-content:space-between;
padding:16px 20px;
border:1px solid rgba(255,255,255,0.18);
border-radius:16px;
max-width:300px;
}

.bgd-security-left{
display:flex;
align-items:center;
gap:8px;
color:#ffffff;
font-size:14px;
font-weight:600;
}

.bgd-security-left i{
font-size:18px;
color:#00b894;
}

.bgd-security-divider{
width:1px;
height:20px;
background:rgba(255,255,255,0.18);
}

.bgd-security-right{
font-size:16px;
font-weight:700;
color:#ffffff;
}

/* =========================================
FOOTER BOTTOM
========================================= */

.bgd-footer-bottom{
margin-top:50px;
padding-top:22px;
border-top:1px solid rgba(255,255,255,0.08);
text-align:center;
}

.bgd-footer-bottom p{
margin:0;
font-size:14px;
color:#bdbdbd;
}

/* =========================================
TABLETS
========================================= */

@media(max-width:991px){

.nlh-hero-section{
min-height:auto;
padding:70px 0;
}

.nlh-content-wrapper{
text-align:center;
padding-top:70px;
padding-bottom:40px;
}

.nlh-hero-content{
margin:0 auto;
}

.nlh-hero-description{
margin-left:auto;
margin-right:auto;
}

.nlh-hero-buttons{
justify-content:center;
}

.nlh-trust-row{
justify-content:center;
}

.nlb-section-title{
font-size:30px;
}

.bgd-faq-title{
font-size:32px;
}

.bgd-faq-contact-box{
flex-direction:column;
align-items:flex-start;
}

}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

section{
padding:50px 0;
}

p{
font-size:13px;
line-height:1.7;
}

.nlh-hero-section{
min-height:auto;
padding:50px 0;
background-position:center center;
}

.nlh-content-wrapper{
padding-top:50px;
padding-bottom:20px;
text-align:center;
}

.nlh-hero-title{
font-size:34px;
line-height:1.2;
}

.nlh-hero-description{
font-size:14px;
line-height:1.8;
margin-bottom:26px;
}

.nlh-hero-buttons{
flex-direction:column;
gap:12px;
margin-bottom:24px;
}

.nlh-primary-btn,
.nlh-secondary-btn{
width:100%;
padding:14px 20px;
font-size:14px;
}

.nlh-trust-row{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:8px;
}

.nlh-trust-box{
padding:10px 6px;
border-radius:12px;
flex-direction:column;
text-align:center;
gap:6px;
}

.nlh-trust-icon{
width:32px;
height:32px;
font-size:13px;
}

.nlh-trust-text h3{
font-size:9px;
line-height:1.3;
}

.nlb-blog-section{
padding:50px 0;
}

.nlb-section-title{
font-size:26px;
}

.nlb-card-content{
padding:14px;
}

.nlb-card-title{
font-size:16px;
}

.nlb-card-description{
font-size:13px;
line-height:1.7;
}

.nlb-image-book-btn{
left:10px;
bottom:10px;
padding:7px 12px;
font-size:10px;
}

.bgd-faq-section{
padding:50px 0;
}

.bgd-faq-heading-wrap{
margin-bottom:30px;
}

.bgd-faq-title{
font-size:30px;
}

.bgd-faq-subtitle{
font-size:14px;
}

.bgd-faq-item{
border-radius:18px !important;
}

.bgd-faq-btn{
padding:16px 16px !important;
font-size:14px;
}

.bgd-faq-body{
padding:0 16px 16px;
font-size:13px;
}

.bgd-faq-contact-box{
padding:20px;
border-radius:18px;
}

.bgd-faq-contact-content h3{
font-size:20px;
}

.bgd-faq-contact-btn{
width:100%;
}

.bgd-footer-section{
padding:55px 0 22px;
}

.bgd-footer-logo{
max-width:170px;
}

.bgd-footer-heading{
font-size:18px;
}

.bgd-footer-links li a{
font-size:14px;
}

.bgd-footer-contact-item{
font-size:14px;
}

.bgd-footer-social{
width:42px;
height:42px;
font-size:16px;
}

.bgd-payment-wrap span{
font-size:10px;
padding:7px 10px;
}

.bgd-footer-security-box{
max-width:100%;
}

.bgd-footer-bottom{
margin-top:40px;
}

}

/* =========================================
INFO SECTION
========================================= */

.bgd-info-section{
position:relative;
padding:70px 0;
background:#f7f7f7;
overflow:hidden;
}

/* =========================================
INFO CARD
========================================= */

.bgd-info-card{
position:relative;
padding:34px;
background:#ffffff;
border-radius:24px;
border:1px solid #e8e8e8;
height:100%;
transition:all .35s ease;
}

.bgd-info-card:hover{
transform:translateY(-4px);
box-shadow:0 14px 38px rgba(0,0,0,0.06);
}

/* =========================================
HEADER
========================================= */

.bgd-info-header{
margin-bottom:28px;
}

.bgd-info-title{
margin:0 0 10px;
font-size:32px;
line-height:1.2;
font-weight:700;
color:#111111;
}

.bgd-info-subtitle{
margin:0;
font-size:14px;
line-height:1.8;
color:#555555;
}

/* =========================================
TRUST GRID
========================================= */

.bgd-trust-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
}

.bgd-trust-mini{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:18px 14px;
background:#f7f9fb;
border-radius:18px;
border:1px solid #ececec;
transition:all .35s ease;
min-height:90px;
}

.bgd-trust-mini:hover{
background:#1c84e5;
transform:translateY(-3px);
}

.bgd-trust-mini:hover span{
color:#ffffff;
}

.bgd-trust-mini span{
font-size:14px;
font-weight:600;
line-height:1.5;
color:#111111;
transition:all .35s ease;
}

/* =========================================
VISIT LIST
========================================= */

.bgd-visit-list{
display:flex;
flex-direction:column;
gap:16px;
}

.bgd-visit-item{
display:flex;
align-items:flex-start;
gap:16px;
padding-bottom:16px;
border-bottom:1px solid #ececec;
}

.bgd-visit-item:last-child{
padding-bottom:0;
border-bottom:none;
}

.bgd-visit-number{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
background:#1c84e5;
border-radius:50%;
font-size:13px;
font-weight:700;
color:#ffffff;
flex-shrink:0;
}

.bgd-visit-item p{
margin:0;
font-size:14px;
line-height:1.8;
color:#222222;
}

/* =========================================
TABLETS
========================================= */

@media(max-width:991px){

.bgd-info-card{
padding:28px;
}

.bgd-info-title{
font-size:28px;
}

}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

.bgd-info-section{
padding:50px 0;
}

.bgd-info-card{
padding:22px;
border-radius:20px;
}

.bgd-info-header{
margin-bottom:22px;
}

.bgd-info-title{
font-size:24px;
}

.bgd-info-subtitle{
font-size:13px;
line-height:1.7;
}

.bgd-trust-grid{
gap:10px;
}

.bgd-trust-mini{
padding:14px 8px;
min-height:74px;
border-radius:14px;
}

.bgd-trust-mini span{
font-size:11px;
line-height:1.4;
}

.bgd-visit-list{
gap:14px;
}

.bgd-visit-item{
gap:12px;
padding-bottom:14px;
}

.bgd-visit-number{
width:34px;
height:34px;
font-size:11px;
}

.bgd-visit-item p{
font-size:13px;
line-height:1.7;
}

}

/* =========================================
LIVE WEATHER BOX
========================================= */

.bgd-weather-box{
margin-top:18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:18px 20px;
background:linear-gradient(135deg,#1c84e5,#359eff);
border-radius:20px;
overflow:hidden;
position:relative;
}

.bgd-weather-temp{
font-size:42px;
line-height:1;
font-weight:800;
color:#ffffff;
margin-bottom:6px;
}

.bgd-weather-location{
font-size:14px;
font-weight:500;
color:rgba(255,255,255,0.92);
}

.bgd-weather-title{
font-size:16px;
font-weight:700;
color:#ffffff;
margin-bottom:6px;
text-align:right;
}

.bgd-weather-date{
font-size:13px;
color:rgba(255,255,255,0.88);
text-align:right;
}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

.bgd-weather-box{
padding:14px 16px;
border-radius:16px;
margin-top:14px;
}

.bgd-weather-temp{
font-size:28px;
}

.bgd-weather-location{
font-size:12px;
}

.bgd-weather-title{
font-size:13px;
}

.bgd-weather-date{
font-size:11px;
}

}
/* =========================================
NEXT DAYS WEATHER
========================================= */

.bgd-weather-forecast{
margin-top:12px;
padding:14px 18px;
background:#f3f8ff;
border:1px solid #d8e8ff;
border-radius:16px;
font-size:13px;
line-height:1.8;
font-weight:500;
color:#1c84e5;
}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

.bgd-weather-forecast{
margin-top:10px;
padding:12px 14px;
border-radius:14px;
font-size:11px;
line-height:1.7;
}

}

/* =========================================
HOTELS SECTION
========================================= */

.bgd-hotels-section{
position:relative;
padding:70px 0;
background:#f7f7f7;
overflow:hidden;
}

/* =========================================
SECTION HEADER
========================================= */

.bgd-hotels-heading-wrap{
margin-bottom:34px;
}

.bgd-hotels-title{
margin:0 0 10px;
font-size:36px;
line-height:1.2;
font-weight:700;
color:#111111;
}

.bgd-hotels-subtitle{
margin:0;
font-size:14px;
line-height:1.8;
color:#555555;
}

/* =========================================
CUSTOM 5 COLUMN
========================================= */

.col-custom-5{
position:relative;
width:20%;
padding-left:12px;
padding-right:12px;
}

/* =========================================
HOTEL CARD
========================================= */

.bgd-hotel-card{
position:relative;
background:#ffffff;
border-radius:22px;
overflow:hidden;
border:1px solid #e8e8e8;
transition:all .35s ease;
height:100%;
}

.bgd-hotel-card:hover{
transform:translateY(-5px);
box-shadow:0 14px 38px rgba(0,0,0,0.08);
}

/* =========================================
IMAGE WRAP
========================================= */

.bgd-hotel-image-wrap{
position:relative;
width:100%;
height:240px;
overflow:hidden;
}

.bgd-hotel-image{
position:absolute;
width:100%;
height:100%;
object-fit:cover;
top:0;
left:0;
transition:opacity .5s ease,transform .6s ease;
}

.bgd-hotel-image-1{
opacity:1;
z-index:1;
}

.bgd-hotel-image-2{
opacity:0;
z-index:2;
}

.bgd-hotel-card:hover .bgd-hotel-image-1{
opacity:0;
transform:scale(1.05);
}

.bgd-hotel-card:hover .bgd-hotel-image-2{
opacity:1;
transform:scale(1.05);
}

/* =========================================
CATEGORY TAG
========================================= */

.bgd-hotel-category{
position:absolute;
top:14px;
left:14px;
z-index:5;
padding:7px 12px;
background:rgba(255,255,255,0.92);
border-radius:50px;
font-size:11px;
font-weight:700;
color:#111111;
}

/* =========================================
HOTEL CONTENT
========================================= */

.bgd-hotel-content{
padding:18px;
display:flex;
flex-direction:column;
min-height:170px;
}

.bgd-hotel-name{
margin:0 0 8px;
font-size:18px;
line-height:1.3;
font-weight:700;
color:#1c84e5;
min-height:46px;
display:flex;
align-items:flex-start;
}

.bgd-hotel-location{
margin-bottom:8px;
font-size:13px;
color:#555555;
}

.bgd-hotel-usps{
font-size:13px;
line-height:1.7;
color:#111111;
min-height:52px;
display:flex;
align-items:flex-start;
}

.bgd-hotel-location{
margin-bottom:8px;
font-size:13px;
color:#555555;
min-height:22px;
}

/* =========================================
HOTEL BOTTOM ALIGNMENT
========================================= */

.bgd-hotel-bottom{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:auto;
padding-top:10px;
}

.bgd-hotel-price{
font-size:14px;
font-weight:700;
color:#00b894;
}

.bgd-hotel-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 16px;
background:#ffd400;
border-radius:50px;
text-decoration:none;
font-size:12px;
font-weight:700;
color:#111111;
transition:all .35s ease;
}

.bgd-hotel-btn:hover{
background:#ffcc00;
color:#111111;
transform:translateY(-2px);
}

/* =========================================
LAPTOPS
========================================= */

@media(max-width:1199px){

.col-custom-5{
width:25%;
}

.bgd-hotel-image-wrap{
height:220px;
}

}

/* =========================================
TABLETS
========================================= */

@media(max-width:991px){

.col-custom-5{
width:33.333%;
}

.bgd-hotels-title{
font-size:30px;
}

}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

.bgd-hotels-section{
padding:50px 0;
}

.col-custom-5{
width:100%;
}

.bgd-hotels-title{
font-size:26px;
}

.bgd-hotels-subtitle{
font-size:13px;
}

.bgd-hotel-image-wrap{
height:240px;
}

.bgd-hotel-content{
padding:16px;
}

.bgd-hotel-name{
font-size:17px;
}

.bgd-hotel-location,
.bgd-hotel-usps{
font-size:12px;
}

.bgd-hotel-price{
font-size:13px;
}

.bgd-hotel-btn{
padding:9px 14px;
font-size:11px;
}

}

/* =========================================
THINGS TO DO SECTION
========================================= */

.bgd-destination-section{
position:relative;
padding:70px 0;
background:#f7f7f7;
overflow:hidden;
}

/* =========================================
SECTION HEADER
========================================= */

.bgd-destination-heading-wrap{
margin-bottom:28px;
}

.bgd-destination-title{
margin:0;
font-size:36px;
line-height:1.2;
font-weight:800;
color:#111111;
letter-spacing:-1px;
}

/* =========================================
DESTINATION ROW
========================================= */

.bgd-destination-row{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:20px;
}

/* =========================================
DESTINATION CARD
========================================= */

.bgd-destination-card{
display:block;
text-decoration:none;
transition:all .35s ease;
}

.bgd-destination-card:hover{
transform:translateY(-4px);
}

/* =========================================
IMAGE WRAP
========================================= */

.bgd-destination-image-wrap{
position:relative;
width:100%;
aspect-ratio:1/1;
border-radius:18px;
overflow:hidden;
margin-bottom:12px;
}

.bgd-destination-image-wrap img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .6s ease;
}

.bgd-destination-card:hover img{
transform:scale(1.08);
}

/* =========================================
DESTINATION NAME
========================================= */

.bgd-destination-name{
margin:0;
font-size:17px;
line-height:1.4;
font-weight:700;
color:#13294b;
}

/* =========================================
LAPTOPS
========================================= */

@media(max-width:1199px){

.bgd-destination-row{
grid-template-columns:repeat(4,1fr);
gap:18px;
}

.bgd-destination-title{
font-size:32px;
}

}

/* =========================================
TABLETS
========================================= */

@media(max-width:991px){

.bgd-destination-row{
grid-template-columns:repeat(3,1fr);
gap:16px;
}

.bgd-destination-title{
font-size:28px;
}

.bgd-destination-name{
font-size:16px;
}

}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

.bgd-destination-section{
padding:50px 0;
}

.bgd-destination-heading-wrap{
margin-bottom:20px;
}

.bgd-destination-title{
font-size:24px;
line-height:1.3;
}

.bgd-destination-row{
display:flex;
gap:14px;
overflow-x:auto;
padding-bottom:4px;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}

.bgd-destination-row::-webkit-scrollbar{
display:none;
}

.bgd-destination-card{
min-width:220px;
flex-shrink:0;
}

.bgd-destination-image-wrap{
aspect-ratio:1.2/0.82;
border-radius:16px;
margin-bottom:10px;
}

.bgd-destination-name{
font-size:15px;
line-height:1.4;
}

}

/* =========================================
PAGE HERO
========================================= */

.bgd-page-hero{
position:relative;
min-height:380px;
display:flex;
align-items:center;
overflow:hidden;
border-radius:0 0 0px 0px;
}

/* =========================================
HERO IMAGE
========================================= */

.bgd-page-hero-image{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}

/* =========================================
OVERLAY
========================================= */

.bgd-page-hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55);
z-index:2;
}

/* =========================================
CONTENT
========================================= */

.bgd-page-hero .container{
position:relative;
z-index:3;
}

.bgd-page-hero-content{
max-width:800px;
padding:90px 0 70px;
}

/* =========================================
BREADCRUMB
========================================= */

.bgd-breadcrumb{
display:flex;
align-items:center;
gap:10px;
margin-bottom:18px;
font-size:13px;
font-weight:500;
}

.bgd-breadcrumb a{
color:rgba(255,255,255,0.90);
text-decoration:none;
}

.bgd-breadcrumb a:hover{
color:#ffffff;
}

.bgd-breadcrumb span{
color:rgba(255,255,255,0.80);
}

/* =========================================
TITLE
========================================= */

.bgd-page-title{
margin:0 0 16px;
font-size:48px;
line-height:1.15;
font-weight:800;
color:#ffffff;
letter-spacing:-1px;
}

/* =========================================
DESCRIPTION
========================================= */

.bgd-page-description{
margin:0;
max-width:700px;
font-size:16px;
line-height:1.9;
color:rgba(255,255,255,0.92);
}

/* =========================================
LAPTOPS
========================================= */

@media(max-width:1199px){

.bgd-page-title{
font-size:42px;
}

}

/* =========================================
TABLETS
========================================= */

@media(max-width:991px){

.bgd-page-hero{
min-height:320px;
}

.bgd-page-hero-content{
padding:70px 0 60px;
}

.bgd-page-title{
font-size:36px;
}

.bgd-page-description{
font-size:15px;
}

}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

.bgd-page-hero{
min-height:260px;
border-radius:0 0 0px 0px;
}

.bgd-page-hero-content{
padding:55px 0 45px;
}

.bgd-breadcrumb{
font-size:11px;
margin-bottom:12px;
}

.bgd-page-title{
font-size:28px;
line-height:1.2;
margin-bottom:12px;
}

.bgd-page-description{
font-size:13px;
line-height:1.8;
}

}

/* =========================================
PAGE BADGE
========================================= */

.bgd-page-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 18px;
margin-bottom:18px;
background:rgba(255,255,255,0.12);
border:1px solid rgba(255,255,255,0.20);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border-radius:50px;
font-size:13px;
font-weight:600;
letter-spacing:.3px;
color:#ffffff;
line-height:1;
box-shadow:0 4px 20px rgba(0,0,0,0.15);
}

/* =========================================
BADGE ICON (OPTIONAL)
========================================= */

.bgd-page-badge i{
margin-right:8px;
font-size:12px;
}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

.bgd-page-badge{
padding:8px 14px;
margin-bottom:14px;
font-size:11px;
}

}

/* =========================================
CONTENT SECTION
========================================= */

.bgd-content-section{
position:relative;
padding:70px 0;
background:#ffffff;
}

/* =========================================
CONTENT CARD
========================================= */

.bgd-content-card{
max-width:1100px;
margin:0 auto;
padding:36px;
background:#ffffff;
border:1px solid #ececec;
border-radius:24px;
box-shadow:0 8px 30px rgba(0,0,0,0.04);
}

/* =========================================
TITLE
========================================= */

.bgd-content-title{
margin:0 0 20px;
font-size:32px;
line-height:1.2;
font-weight:700;
color:#111111;
}

/* =========================================
CONTENT TEXT
========================================= */

.bgd-content-card p{
margin-bottom:16px;
font-size:15px;
line-height:1.9;
color:#333333;
}

.bgd-content-card p:last-of-type{
margin-bottom:0;
}

/* =========================================
HIGHLIGHTS
========================================= */

.bgd-content-highlights{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:28px;
}

.bgd-content-highlight{
padding:10px 16px;
background:#f3f8ff;
border:1px solid #dbe9ff;
border-radius:50px;
font-size:13px;
font-weight:600;
color:#1c84e5;
transition:all .3s ease;
}

.bgd-content-highlight:hover{
background:#1c84e5;
color:#ffffff;
}

/* =========================================
TABLETS
========================================= */

@media(max-width:991px){

.bgd-content-card{
padding:28px;
}

.bgd-content-title{
font-size:28px;
}

}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

.bgd-content-section{
padding:50px 0;
}

.bgd-content-card{
padding:22px;
border-radius:20px;
}

.bgd-content-title{
font-size:24px;
margin-bottom:16px;
}

.bgd-content-card p{
font-size:14px;
line-height:1.8;
}

.bgd-content-highlights{
gap:8px;
margin-top:20px;
}

.bgd-content-highlight{
padding:8px 12px;
font-size:11px;
}

}

/* =========================================
HOTEL INFO SECTION
========================================= */

.bgd-hotel-info-section{
position:relative;
padding:70px 0;
background:#f7f7f7;
}

/* =========================================
HOTEL CARD
========================================= */

.bgd-hotel-info-card{
padding:30px;
background:#ffffff;
border:1px solid #ececec;
border-radius:24px;
box-shadow:0 8px 30px rgba(0,0,0,.04);
}

/* =========================================
IMAGE
========================================= */

.bgd-hotel-info-image{
overflow:hidden;
border-radius:20px;
}

.bgd-hotel-info-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transition:all .5s ease;
}

.bgd-hotel-info-card:hover .bgd-hotel-info-image img{
transform:scale(1.04);
}

/* =========================================
BADGE
========================================= */

.bgd-hotel-info-badge{
display:inline-flex;
padding:8px 14px;
background:#f3f8ff;
border:1px solid #d9e7ff;
border-radius:50px;
font-size:12px;
font-weight:600;
color:#1c84e5;
margin-bottom:14px;
}

/* =========================================
TITLE
========================================= */

.bgd-hotel-info-title{
margin:0 0 14px;
font-size:30px;
line-height:1.2;
font-weight:700;
color:#111111;
}

/* =========================================
DESCRIPTION
========================================= */

.bgd-hotel-info-description{
margin-bottom:22px;
font-size:15px;
line-height:1.9;
color:#333333;
}

/* =========================================
FEATURES
========================================= */

.bgd-hotel-features{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:24px;
}

.bgd-hotel-feature{
padding:9px 14px;
background:#f7f9fb;
border-radius:50px;
font-size:12px;
font-weight:600;
color:#111111;
}

/* =========================================
BOTTOM
========================================= */

.bgd-hotel-info-bottom{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}

.bgd-hotel-starting-price{
font-size:20px;
font-weight:700;
color:#00b894;
}

.bgd-hotel-info-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 24px;
background:#ffd400;
border-radius:50px;
text-decoration:none;
font-size:13px;
font-weight:700;
color:#111111;
transition:all .3s ease;
}

.bgd-hotel-info-btn:hover{
background:#ffcc00;
color:#111111;
transform:translateY(-2px);
}

.bgd-hotel-location{
margin-bottom:14px;
font-size:13px;
font-weight:600;
color:#666666;
}

/* =========================================
HOTEL CARD SPACING
========================================= */

.bgd-hotel-info-card{
margin-bottom:30px;
}

.bgd-hotel-info-card:last-child{
margin-bottom:0;
}
/* =========================================
TABLETS
========================================= */

@media(max-width:991px){

.bgd-hotel-info-title{
font-size:26px;
}

}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

.bgd-hotel-info-section{
padding:50px 0;
}

.bgd-hotel-info-card{
padding:20px;
border-radius:20px;
}

.bgd-hotel-info-title{
font-size:22px;
}

.bgd-hotel-info-description{
font-size:14px;
line-height:1.8;
}

.bgd-hotel-info-bottom{
flex-direction:column;
align-items:flex-start;
}

.bgd-hotel-starting-price{
font-size:18px;
}

.bgd-hotel-info-btn{
width:100%;
}

}