*,
*::before,
*::after{box-sizing:border-box;}
html, body{margin:0;padding:0;min-height:100%;}
body{font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;line-height:1.6;color:#121212;background-color:#fff;}
img {
max-width: 100%;
height: auto;
display: block;
} a{color:#121212;text-decoration:none;}
a:hover{color:#35666f;text-decoration:underline;}
h1, h2, h3, h4, h5, h6{margin:0 0 0.5rem;font-weight:700;line-height:1.3;color:#121212;}
h1, .h1{font-size:clamp(2rem, 5vw, 2.75rem);}
h2, .h2{font-size:clamp(1.5rem, 3vw, 2rem);}
.container{width:100%;max-width:1215px;margin:0 auto;padding:0 1rem;}
.row{display:flex;flex-wrap:wrap;margin:0 -0.75rem;}
.row > div{padding:0 0.75rem;}
.d-flex{display:flex;}
.align-center{align-items:center;}
.justify-between{justify-content:space-between;}
.text-center{text-align:center;}
.col6, .col8, .col12{width:100%;}
.vacation-banner{background-color:#000;color:#fff;}
.gallery-images{display:none;}
.vacationbanner-imagesd-flex{display:flex;flex-direction:column;gap:0.75rem;}
.one-ing-big img{width:100%;border-radius:0.5rem;object-fit:cover;}
.one-img-port img, .tw-img img{width:100%;border-radius:0.5rem;object-fit:cover;}
.tw-img{display:flex;gap:0.75rem;}
.video-orimg, .show-all-img{flex:1;position:relative;}
.show-all-img span[data-fancybox-trigger="gallery"]{position:absolute;right:0.75rem;bottom:0.75rem;background:rgba(0, 0, 0, 0.7);color:#fff;padding:0.35rem 0.7rem;border-radius:999px;font-size:0.8rem;}
.vaction-text{padding:1.75rem 0 1rem;background:#fff;}
.container-left{margin-left:auto;padding-left:1rem;}
.back-button{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.9rem;cursor:pointer;color:#35666f;}
.back-button i{font-style:normal;}
.vaction-text h1.h2{margin-top:0.5rem;}
.country-flg{display:inline-flex;align-items:center;gap:0.5rem;margin-right:1rem;font-size:0.9rem;}
.country-flg img{width:22px;height:auto;border-radius:3px;}
.vaction-text .d-flex.align-center span a{font-size:0.9rem;}
.breadcrumb{font-size:0.85rem;margin-bottom:0.75rem;}
.breadcrumb a{color:#35666f;}
.breadcrumb span{color:#121212;}
.vacation-menu{position:sticky;top:0;z-index:50;background:#ffffff;border-bottom:1px solid #e4e4e4;}
.vacation-menu .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:0.5rem;padding-bottom:0.5rem;}
.share-mobile a{margin-right:0.75rem;font-size:1.1rem;}
.dropdown{position:relative;}
.dropdown-toggle{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1rem;border-radius:999px;border:1px solid #dddddd;background:#ffffff;font-size:0.9rem;cursor:pointer;}
.dropdown-toggle .arrow{font-size:0.75rem;}
.dropdown-menu{position:absolute;right:0;top:calc(100% + 0.35rem);min-width:220px;padding:0.5rem 0;margin:0;list-style:none;border-radius:0.5rem;border:1px solid #e4e4e4;background:#ffffff;box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);display:none;z-index:100;}
.dropdown-menu.show{display:block;}
.dropdown-menu li a{display:block;padding:0.5rem 1rem;font-size:0.9rem;}
.dropdown-menu li a:hover{background:#f5f5f5;text-decoration:none;}
.vacation-data{padding:1.5rem 0 2rem;background:#fff;}
.vacation-data .row{align-items:flex-start;}
.accordion-item{border-radius:0.5rem;border:1px solid #e4e4e4;margin-bottom:1rem;background:#ffffff;overflow:hidden;}
.accordion-header{position:relative;background:#f9f9f9;}
.accordion-button{width:100%;padding:0.9rem 1rem;border:none;background:none;text-align:left;display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:600;cursor:pointer;}
.accordion-button::after{content:"▾";margin-left:0.5rem;font-size:0.75rem;transition:transform 0.2s ease;}
.accordion-button[aria-expanded="true"]::after{transform:rotate(-180deg);}
.accordion-button.active{background:#fff;}
.accordion-collapse{display:none;}
.accordion-collapse.show{display:block;}
.accordion-body{padding:1rem;}
@media(min-width:768px){
.vacationbanner-imagesd-flex {
flex-direction: row;
}
.col6 {
width: 50%;
}
.col8 {
width: 66.666%;
}
.col12 {
width: 100%;
}
.vaction-text {
padding: 2.5rem 0 1.5rem;
}
.vacation-menu .container {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.vacation-data {
padding-top: 2rem;
}
}