@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
:root {
    --primaryColor: #3264ff;
    --primaryColorHover: #0038e1;
    --greyColor: #63687a;
    --bgGrey: #ebeef1;
    --softGreyColor: #dcdfe4;
    --solidColor: #00263e;
    --successColor: #22c58b;
    --dangerColor: #c72a3d;
    --yellowColor: #fed141;
    --orangeColor: #ff8200;
    --bgFb: #3b5998;
    --colorDark : #212121;
}
@font-face {
    font-family: 'new_spiritbold';
    src: url('../fonts/new-spirit/fonnts.com-new-spirit-bold-webfont.woff2') format('woff2'),
         url('../fonts/new-spirit/fonnts.com-new-spirit-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'new_spiritsemibold';
    src: url('../fonts/new-spirit/fonnts.com-new-spirit-semi-bold-webfont.woff2') format('woff2'),
         url('../fonts/new-spirit/fonnts.com-new-spirit-semi-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'a_attack_graffitiregular';
    src: url('../fonts/graffiti/aattackgraffiti-webfont.woff2') format('woff2'),
         url('../fonts/graffiti/aattackgraffiti-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'there_bratregular';
    src: url('../fonts/there/there_brat-webfont.woff2') format('woff2'),
         url('../fonts/there/there_brat-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "perfect_islandregular";
    src: url("../fonts/perfect-island/perfect_island-webfont.woff2")
            format("woff2"),
        url("../fonts/perfect-island/perfect_island-webfont.woff")
            format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "montheavy_demo";
    src: url("../fonts/mont/mont-heavydemo-webfont.woff2") format("woff2"),
        url("../fonts/mont/mont-heavydemo-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lucky_dip_caitlinregular';
    src: url('../fonts/caitlin/luckydipcaitlin-webfont.woff2') format('woff2'),
         url('../fonts/caitlin/luckydipcaitlin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'souvenirregular';
    src: url('../fonts/souvenir/souvenir-webfont.woff2') format('woff2'),
         url('../fonts/souvenir/souvenir-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'souvenirbold';
    src: url('../fonts/souvenir/souvenirb-webfont.woff2') format('woff2'),
    url('../fonts/souvenir/souvenirb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    
}
@font-face {
    font-family: 'calvera_personal_useregular';
    src: url('../fonts/calvera/calvera-webfont.woff2') format('woff2'),
         url('../fonts/calvera/calvera-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face{
    font-family:'ZwiftSprint-Black';
    src:url('../fonts/zwift/ZwiftSprint-Black.woff') format("woff");
    font-weight:900;
    font-style:normal
}
@font-face{
    font-family:'ZwiftSprint-Bold';
    src:url('../fonts/zwift/ZwiftSprint-Bold.woff') format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'ZwiftSprint-Medium';
    src:url('../fonts/zwift/ZwiftSprint-Medium.woff') format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'ZwiftSprint-Regular';
    src:url('../fonts/zwift/ZwiftSprint-Regular.woff') format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'ZwiftFondo-Black';
    src:url('../fonts/zwift/ZwiftFondo-Black.woff') format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'ZwiftFondo-Medium';
    src:url('../fonts/zwift/ZwiftFondo-Medium.woff') format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'ZwiftFondo-Regular';
    src:url('../fonts/zwift/ZwiftFondo-Regular.woff') format("woff");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family: 'gilroy-extrabolduploaded_file';
    src: url('../fonts/gilroy/gilroy-extrabold-webfont.woff2') format('woff2'),
    url('../fonts/gilroy/gilroy-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.bg-deals{
    padding : 1.9rem 15px;
    border-radius:0.5rem;
    background:black;
    line-height : 2.25rem;
}
.bg-deals img{
    width : 92%;
    margin:auto;
    margin-bottom : 1.5rem;
}
.bg-deals .h3{
    font-size:1.875rem
}
.gilroy-extra{
    font-family: 'gilroy-extrabolduploaded_file';
}
.souvenirbold{
    font-family: 'souvenirbold';
}
.souvenir{
    font-family: 'souvenirregular';
}
.table-hover > tbody > tr:hover > * {
    background: #f7faff;
}
.text-success {
    color: var(--successColor) !important;
}
a {
    color: var(--primaryColor);
    text-decoration: none;
}
a:hover {
    color: var(--primaryColorHover);
}
p {
    font-weight: 500;
}
body {
    font-family: 'Poppins', sans-serif;
    /* font-family: "Montserrat", sans-serif; */
    /* color: var(--solidColor); */
    /* color: #333; */
    color: #212121;
    font-size:14px;
    /* background : #f5f4f5; */
    /* background: #f6f8fd; */
    width: 100%;
}
body,html{
    overflow-x: hidden !important;

}
.hide-body{
    overflow:hidden;
}
.alert {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
.alert button {
    background-size: 25%;
}
.sticky-fa {
    position: absolute;
    font-size: 50px;
    left: 0;
    top: 0;
    transform: translate(-25%, -25%);
    -webkit-transform: translate(-25%, -25%);
    -o-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    opacity: 0.3;
}
.alert-success {
    background: var(--successColor);
    color: white;
    font-weight: bold;
}
.alert-success-rgb {
    background: #eafbf7;
    color: black;
}
.navbar-top .dropdown-menu {
    right: 0;
    left: inherit;
}
.navbar-top .dropdown-menu li a {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    font-weight: 500;
}
.navbar-top .dropdown-menu li a svg {
    margin-right: 10px;
}
.navbar-top.nav-dark{
    background:black;
}
.navbar-top.nav-dark .nav-link span{
    color:white !important  ;
}
.navbar-top.nav-dark .nav-link svg{
    color:#30d9b7 !important
}
.navbar-top {
    /* background : #111c2f */
    background: white;
    /* box-shadow: 0 0px 10px rgba(0, 0, 0, 0.01), 0 6px 6px rgba(0, 0, 0, 0.01); */
    transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -o-transition: all.5s ease;
    -moz-transition: all.5s ease;

}
.navbar-top.nav-transparent{
    background:transparent;
}

.navbar-top.nav-transparent .nav-link span{
    color:white;
}
.navbar-top.nav-transparent .nav-link:not(.nav-btn):hover,
.navbar-top.nav-transparent .nav-link.active{
    background: transparent;
}


.nav-mobile a {
    /* padding : 23px 18px; */
    padding-top: 23px;
    padding-bottom: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav-mobile a img {
    width: 18px;
}
.navbar-top .nav-item {
    display: flex;
    align-items: stretch;
}
.navbar-top .nav-link {
    display: flex;
    align-items: center;
    padding: 1.1rem !important;
}
.navbar-top .nav-link:not(.nav-btn):hover,
.navbar-top .nav-link.active span,
.nav-mobile a.active {
    color: var(--primaryColor) !important;
}
.navbar-top .nav-link:hover span,
.navbar-top .nav-link.active span,
.nav-mobile a.active span {
    color: var(--primaryColor);
}
.navbar-top .nav-link:hover svg,
.navbar-top .nav-link.active svg,
.nav-mobile a.active svg {
    color: var(--primaryColor);
}
.navbar-top .nav-link img {
    width: 20px;
}
.navbar-top .nav-link span {
    margin-left: 10px;
    color: var(--solidColor);
    font-weight: 500;
}
.navbar-top .nav-link svg {
    /* height : 1.2rem; */
    color: var(--primaryColor);
}
.navbar-toggler-icon{
    height:1.1em;
    width:1.1em;
    background:var(--bgGrey);
    padding:0.3rem;
}
.navbar-toggler svg{
    color:var(--greyColor);
}
.navbar-toggler:focus{
    box-shadow:none;
}
.bg-primary{
    background:var(--primaryColor)
}
.hero .bg-primary {
    font-size: 20px;
}
.hero {
    height: 587px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    align-items: center;
    position: relative;
}
.hero::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    position: absolute;
}
.hero .content-hero {
    width: 100%;
    color: white;
    position: relative;
}
@keyframes typing {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}
-webkit-@keyframes typing {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}
@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}
@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(5px);
    }
}
.to-down {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.hero-to-down {
    position: absolute;
    bottom: 30px;
    z-index: 100;
    font-size: 18px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.hero .content-hero h1 {
    margin-top: 1rem;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: "montheavy_demo";
}
.search-box.show {
    display: block;
}
.search-box {
    left:0;
    display: none;
    background: white;
    border-radius: 8px;
    position: absolute;
    bottom: 0;
    z-index: 5;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
}
.btn-circle {
    border-radius: 50px;
}
.btn-circle-fix {
    width : 40px;
    height : 40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius: 50px;
}
.btn-primary {
    background: var(--primaryColor) !important;
    border-color: var(--primaryColor) !important;
    color:white !important;
}
.btn-white {
    background: white !important;
    border-color: white !important;
    color:black !important;
}
.btn-orange {
    color: white;
    background: var(--orangeColor);
    border-color: var(--orangeColor);
}
.btn-outline-orange {
    color: var(--orangeColor) !important;
    background: transparent;
    border-color: var(--orangeColor);
}
.btn-orange:hover {
    color: white;
}
.btn-secondary {
    background: var(--bgGrey);
    border-color: var(--bgGrey);
    color: var(--greyColor);
}
.btn-fb {
    background: var(--bgFb);
    border-color: var(--bgFb);
    color: white;
}
.btn-fb:hover {
    background: #334e84;
    border-color: #334e84;
    color: white;
}
.btn-google {
    background: white;
    border-color: white;
    color: var(--solidColor);
    border: 2px solid var(--softGreyColor);
}
.btn-google:hover {
    background: var(--bgGrey);
}
.btn-default {
    background: white;
    border-color: white;
}
.btn-danger{
    background:#c04365;
    border-color:#c04365;
    color:white;
}
.btn-success {
    background : var(--successColor);
    border-color:var(--successColor);
}
.btn-primary:hover {
    background: var(--primaryColorHover);
    border-color: var(--primaryColorHover);
}
.input-search {
    border-radius: 50px;
    overflow: hidden;
    padding: 4px;
    background: white;
}
.input-search input::placeholder {
    color: #cccacc;
}
.input-search input:focus {
    outline: none;
}
.input-search input {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-color: transparent;
    background: white !important;
}
.input-search button {
    border-radius: 50px !important;
}
.info-hero-bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    color: white;
    font-size: 18px;
    letter-spacing: 1px;
}
.info-hero-bottom span {
    margin-left: 10px;
}
.info-hero-bottom img {
    margin-top: -5px;
    width: 30px;
}
.img-hotel{
    position:relative;
    overflow:hidden;
}
.hotel img{
    height:250px;
    width:100%;
    object-fit:cover;
}
.img-hotel .link-web{
    align-items:center;
    justify-content:center;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    color:white;
    background:rgba(0,113,235,0.8);
    display:flex;
    transform:translateY(100%);
    transition: all.5s ease;
}
.hotel:hover .link-web{
    transform:translateY(0%);
}
.img-hotel .link-web a{
    border:3px solid white;
    border-radius:50px;
}
.tabs-hotel{
    border-bottom:0px;
}
.tabs-hotel .nav-link{
    margin-right:10px;
    border-radius:50px;
    font-size:14px;
    margin-bottom:10px;
    background:white;
    border : 2px solid #eee;
}
.tabs-hotel .nav-link.active{
    background:var(--primaryColor);
    color:white;
    border:none;
}
.box-destination:hover img,.box-destination2:hover img {
    transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
}
.owl-destination-hero .owl-destination-hero-nav-bottom{
    display:flex;
    width:80%;
    margin-top:20px;
}
.owl-destination-hero .owl-destination-hero-nav-bottom .nav-line{
    flex-grow : 4;
    position:relative;
}
.owl-destination-hero .owl-destination-hero-nav-bottom .nav-line:before{
    content:"";
    width:95%;
    height:1px;
    background:white;
    position:absolute;
    left:2.5%;
    top:50%;
}
.owl-destination-hero .owl-destination-hero-nav-bottom .hero-no{
    display:flex;
    align-items:center;
    font-size:40px;
    font-weight:600;
    color:white;
}
.owl-destination-hero .owl-nav button svg{
    font-size:18px !important;
}
.owl-destination-hero .owl-nav button{
    background:transparent !important;
    border:2px solid white !important;
    width : 40px !important;
    height : 40px !important;
    color:white !important;
}
.owl-destination-hero .owl-nav{
    width:auto;
    margin-top:5px;
    position:relative;
    justify-content:start;
    transform:translateY(0);
    -webkit-transform:translateY(0);
    -o-transform:translateY(0);
    -moz-transform:translateY(0);
}
.owl-destination-hero .box-destination {
    height: 280px;
    width: 200px;
    border:none;
}
.box-destination2{
    position:relative;
    /* transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -o-transition: all.5s ease;
    -moz-transition: all.5s ease; */
    border-radius:25px;
    overflow:hidden;
    transition-duration: 300ms;
    transition-property: transform, box-shadow;
    transition-timing-function: ease-out;
    transform: rotate3d(0);
  
}
.box-destination2:hover{
    /* transition-duration: 150ms;
    box-shadow: 0 5px 20px 5px #00000044; */
  
    /* transform:translateY(-8px);
    -webkit-transform:translateY(-8px);
    -o-transform:translateY(-8px);
    -moz-transform:translateY(-8px);
    position:relative; */
}
.box-destination2 .glow{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    
    background-image: radial-gradient(circle at 50% -20%, #ffffff22, #0000000f);    
}
.box-destination2 .destination-title{
    box-shadow:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.25));
    -webkit-box-shadow:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.25));
    font-weight : 600;
    color:white;
    font-size : 23px;
    position:absolute;
    width : 100%;
    height : 100%;
    top : 0;
    left : 0;
    display:flex;
    align-items:flex-end;
    justify-content : start;
    padding : 30px;
    
}
.box-destination2 img{
    height: 365px;
    object-fit:cover;
    width: 200px;
    transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -o-transition: all.5s ease;
    -moz-transition: all.5s ease;

}
.hero-destination .owl-nav,.hero-destination .owl-dots{
    /* transform:translateY(-150%);
    -webkit-transform:translateY(-150%);
    -moz-transform:translateY(-150%);
    -o-transform:translateY(-150%);
    width : auto;
    top : 0; */
}
.hero-destination .owl-nav{
    justify-content:space-between;
    right : 0;
}
.hero-destination .owl-nav button svg{
    font-size : 15px !important;
}
.hero-destination .owl-nav button:hover svg{
    color: var(--primaryColor)
}
.hero-destination .owl-dots{
    position:absolute;
}
.owl-destination-hero .box-destination .destination-title {
    background-image:none;
}
.box-destination {
    height: 230px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #ddd;
}
.box-destination img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -o-transition: all.5s ease;
    -moz-transition: all.5s ease;
}
.box-destination .destination-title {
    position: absolute;
    background-image: linear-gradient(
        to top,
        rgb(26, 43, 73, 1),
        rgb(255, 255, 255, 0.1)
    );
    top: 0;
    left: 0;
    padding: 1rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-weight: 700; */
    text-align: center;
    color: white;
    letter-spacing: 1px;
    font-size: 28px;
    letter-spacing:2px;
    font-family: 'there_bratregular';
}
.font-spirit-bold{
    font-family: 'new_spiritbold';
}
.font-montez{
    font-family: "Montez", cursive;
}
.font-there{
    font-family: 'there_bratregular';
}
.title-box-yellow{
    position:relative;
    display:inline-block;
    z-index : 2;
}
.title-box-yellow:before{
    content : '';
    position:absolute;
    left : 0;
    width : 40%;
    height : 100%;
    z-index : -1;
    background:var(--yellowColor);
}
.bg-special{
    background:url('../img/blue-fire-kawah-ijen.jpg');
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:cover !important;
    background-attachment :fixed !important;
    position:relative;
    z-index:1;
}
.bg-special::before{
    content:"";
    z-index:-1;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(17, 28, 47, 0.7);
}
.special-text{
    font-size:50px;
}
.special img{
    width:100%;
    height:350px;
    object-fit:cover;
    border : 3px solid var(--yellowColor);
    padding:10px;
    border-radius:15px;
}
.zoom-animated{
    animation: zoom-in-zoom-out 1.5s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }
    50% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }
}
.box-card {
    border: 2px solid var(--softGreyColor);
    border-radius: 8px;
    overflow: hidden;
}
.box-card .body {
    padding: 1rem;
    color: white;
    position: relative;
}
.box-card .top {
    overflow: hidden;
    height: 150px;
}
.box-card .body .info {
    font-size: 13px;
    position: absolute;
    top: 0;
    z-index: 10;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    background: var(--orangeColor);
    padding: 3px 5px;
    border-radius: 5px;
    font-weight: bold;
    color: white;
    left: 1rem;
}
.box-card .body a {
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
    color: var(--primaryColor);
}
.box-card .body p {
    font-size: 14px;
    color: var(--greyColor);
}
.box-card .body h6 {
    font-weight: bold;
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
    color: var(--solidColor);
}
.box-card:hover img {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
}
.box-card .top img {
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: cover;
    transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -o-transition: all.5s ease;
    -moz-transition: all.5s ease;
}
.circle {
    border-radius: 50px;
}
.img-our-team {
    border-radius: 10px;
    width: 150px !important;
    height: 150px;
    object-fit: cover;
}
.nav-link{
    color:var(--primaryColor);
}
.btn-outline-primary {
    border-color: var(--primaryColor) !important;
    color: var(--primaryColor);
}
.btn-outline-primary.active {
    background : #d5dfff !important;
    color: var(--primaryColor);
}
.btn-outline-primary:hover {
    background: var(--primaryColor) !important;
    border-color: var(--primaryColor);
    color: white !important;
}
.ls-1{
    letter-spacing : 1px;
}
.color-black{
    color:black !important;
}
.color-dark{
    color:va(--colorDark);
}
.color-softgrey2 {
    color: var(--bgFb) !important;
}
.bg-neon{
    background : #30d9b7;
}
.bg-dark {
    background: var(--solidColor) !important;
}
.bg-grey {
    background: var(--bgGrey);
}
.bg-softGrey {
    background: #f6f8fd;
}
.bg-orange {
    background: var(--orangeColor);
}
.bg-yellow {
    background: var(--yellowColor);
}
.bg-white {
    background: white;
}
.bg-black {
    background: black !important;
}
.box-package a {
    text-decoration: none;
}
.box-package {
    background: var(--solidColor);
    border-radius: 8px;
    /* box-shadow : 0 0 0.675rem 0.075rem rgb(26,43,73,0.1); */
    padding: 15px;
    margin-bottom: 22px;
}
.box-package h5 {
    color: var(--yellowColor);
    font-size: 17px;
    font-weight: 700;
}
.box-package p {
    color: white;
    font-size: 15px;
}
.box-package h5 span {
    color: var(--softGreyColor);
    font-size: 15px;
    font-weight: 400;
    margin-left: 10px;
}
.box-package img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.list-scroll-item::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #dee0e7;
}

.list-scroll-item::-webkit-scrollbar
{
	height: 10px;
	background-color: #e2e2e6;
}

.list-scroll-item::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #9d9d9d;
}
.list-scroll-item{
    display:flex;
    overflow-x : auto;
}
.package-info-w-icon {
    display: inline-block;
    color: var(--greyColor);
    font-size: 15px;
    margin-right: 13px;
}
.package.package-video{
    background:black;
}
.package.package-video .layer-video .play{
    position:absolute;
    top : 50%;
    left : 50%;
    font-size : 40px;
    color:white;
    opacity:0.8;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
}
.package.package-video .layer-video{
    position:absolute;
    top : 0;
    left : 0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    display:flex;
    align-items:flex-end;
}
.package.package-video .layer-video .content-bottom{
    display:flex;
    padding:1rem;
    gap : 1rem;
}
.package.package-video .layer-video .content-bottom .icon-play{
    border-radius:100%;
    width : 45px;
    height : 45px;
    font-size : 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--primaryColor);
    color:white;
}
.package.package-video .package-banner{
    position:absolute;
    height:80%;
    width:100%;
    top:10%;
}
.package {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    width : 350px;
    background:white;
    /* min-height:430px; */
    border : 1px solid #eee;
    transition: all.3s ease !important;
    -webkit-transition: all.3s ease !important;
    -moz-transition: all.3s ease !important;
    -o-transition: all.3s ease !important;
    box-shadow : 0px 8px 16px rgba(25, 25, 25, 0.2)
}
.package .duration{
    position:absolute;
    top : 0;
    right : 20px;
    font-weight:bold;
    width : 45px;
    height : 45px;
    font-size : 17px;
    background:var(--primaryColor);
    color:white;
    display:flex;
    justify-content : center;
    align-items:center;
    border-radius : 100%;
    transform:translateY(-50%)
}
.package-name{
    font-size : 18px;
    font-weight:600;
    color : var(--colorDark)
}
.package .package-banner {
    height: 230px;
    position:relative;
    overflow:hidden;
}
.package .package-banner .price:before{
    content : "START";
    position:absolute;
    top : 0;
    left :0;
    background:#ce0c1c;
    color:white;
    font-size:10px;
    border-radius : 50px;
    padding : 0rem .3rem;
    transform:translateY(-75%);
    -webkit-transform:translateY(-75%);
    -o-transform:translateY(-75%);
    -moz-transform:translateY(-75%);
}
.package .package-banner .price{
    position:absolute;
    z-index:10;
    top : 20px;
    left : 10px;
    background:white;
    color:black;
    font-size : 12px;
    font-weight :600;
    padding : .3rem .7rem;
    border-radius:50px;
}
.package .package-banner .duration {
    position : absolute;
    z-index:2;
    top : 10px;
    left : 10px;
    border-radius : 50px;
    font-size : 12px;
    padding : 0.3rem 0.5rem;
    font-weight:600;
    background:#e1eaff;
    color:var(--primaryColor);
}
.package .package-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -o-transition: all.5s ease;
    -moz-transition: all.5s ease;
}
.package .package-info.colorfull:before{
    content: "";
    width: 100%;
    height: 9px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(90deg,#8f288c,#8f288c 16.6%,#b31b32 0,#b31b32 33.2%,#f59120 0,#f59120 49.8%,#0767b1 0,#0767b1 66.4%,#29387e 0,#29387e 83%,#fdd204 0,#fdd204);
}
.package .package-info {
    display:flex;
    position:relative;
    flex-direction:column;
    justify-content:space-between;
    /* min-height: calc(430px - 280px ); */
    /* text-transform:capitalize; */
    background: white;
    /* min-height: 110.8px; */
}
.package .package-info h5 {
    font-size: 18px;
    color:var(--solidColor);
}
.package .package-info h6 span {
    color: var(--softGreyColor);
    font-weight: 500;
    font-size: 15px;
}
.color-softgrey2 {
    color: #9fb5dd !important;
}
.color-primary {
    color: var(--primaryColor) !important;
}
.color-secondary {
    color: #554b57 !important;
}
.color-orange {
    color: var(--orangeColor) !important;
}
.color-danger {
    color: var(--dangerColor) !important;
}
.color-yellow {
    color: var(--yellowColor) !important;
}
.color-white {
    color: white !important;
}
.color-softgrey {
    color: var(--greyColor);
}
.color-solidgrey {
    color: var(--solidColor);
}
.color-solid {
    color: var(--solidColor);
}
.color-price{
    color:#AD1B00;
}
.package .package-detail {
    background: var(--primaryColor);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all.3s ease;
    -webkit-transition: all.3s ease;
    -moz-transition: all.3s ease;
    -o-transition: all.3s ease;
}
.package .package-detail .package-detail-content {
    color: white;
    height: 100%;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transition: all.3s ease;
    -webkit-transition: all.3s ease;
    -moz-transition: all.3s ease;
    -o-transition: all.3s ease;
}
.package:hover{
    /* transform: translateY(-10px) !important;
    -webkit-transform: translateY(-10px) !important;
    -o-transform: translateY(-10px) !important;
    -moz-transform: translateY(-10px) !important; */
}
.package:hover img{
    transform: scale(1.3) !important;
    -webkit-transform: scale(1.3) !important;
    -o-transform: scale(1.3) !important;
    -moz-transform: scale(1.3) !important;
}
/* .package:hover .package-detail {
    opacity: 1;
} */
/* .package:hover .package-detail .package-detail-content {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
} */
.package .package-detail .package-detail-content h1 {
    font-size: 45px;
    margin-bottom: 0px;
}
.package .package-detail .package-detail-content h6 {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 300;
}
#footer {
    /* background: #1a2b49; */
    /* background: var(--solidColor) !important; */
    background: #000000;
    padding : 130px 85px;
}
#footer ul {
    padding-left: 0;
    list-style: none;
}
#footer a:hover {
    color: white;
}
#footer a {
    color: #fff;
    text-decoration: none;
}
#footer li {
    margin-bottom: 8px;
}
#footer h5 {
    font-weight: bold;
    color: white;
}
#footer .bottom {
    background: black;
}
#footer .bottom .links a {
    font-size: 14px;
    margin-left: 5px;
}
.logo-footer{
    width : 200px;
}
.text-decoration-underline.dotted{
    text-decoration-style: dotted !important;
}
.text-decoration-underline.custom{
    text-underline-offset : .2em;
    text-decoration-thickness : 1px
}
.mt-md-6{
    margin-top : 4rem
}
.mt-6{
    margin-top : 4rem
}
.footer-sosmed{
    /* display:flex; */
    margin-top : 7rem;
}
.follow-links {
    display: flex;
}
.review-links {
    display: flex;
}
.review-links a {
    background: white;
    border-radius: 100%;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.review-links a img {
    width: 20px;
    height: 20px;
}
.follow-links .link.fb {
    background: var(--bgFb);
}
.follow-links .link.ig {
    background: #cd307f;
}
.follow-links .link.yt {
    background: #c4302b;
}
.follow-links .link.wa {
    background: #10c045;
}
.follow-links .link.en {
    background: #eb493c;
}
.follow-links .link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    height: 30px;
    width: 30px;
    background: red;
    border-radius: 100%;
}
.follow-links svg {
    color: white;
    /* height : 1.1em;  */
}
.fs-11 {
    font-size: 11px !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-13 {
    font-size: 13px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-17 {
    font-size: 17px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.fs-19 {
    font-size: 19px !important;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-22 {
    font-size: 22px !important;
}
.fs-23 {
    font-size: 23px !important;
}
.fs-25 {
    font-size: 25px !important;
}
.fs-28 {
    font-size: 28px !important;
}
.fs-30 {
    font-size: 30px !important;
}
.fs-35 {
    font-size: 35px !important;
}
.fs-40 {
    font-size: 40px !important;
}
.fs-50 {
    font-size: 50px !important;
}
.fs-60 {
    font-size: 60px !important;
}
.hero-page::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.4;
    z-index: 1;
}
.hero-page.full,
.hero.full {
    height: 100vh;
}
.hero-page {
    height: 50vh;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    align-items: center;
    position: relative;
}
.hero-page .container {
    position: relative;
    z-index: 2;
}
.hero-page h1 {
    font-size: 65px;
    text-shadow: 5px 3px 9px rgb(25 39 40 / 30%);
}
.hero-page h2 {
    font-size: 45px;
}
.hero-page h1,
.hero-page h2 {
    z-index: 2;
    position: relative;
    color: white;
    margin-bottom: 5rem;
    font-weight: bold;
}
.hero-content-bottom {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    color: white;
    z-index: 1;
}
.box-filter {
    background: white;
    padding: 15px;
}
.box-filter .content-filter ul {
    list-style: none;
    padding: 10px;
    margin-bottom: 0;
}
.box-filter .content-filter ul li {
    font-size: 14px;
}
.box-filter .content-filter ul li label {
    font-weight: 500;
}
.box-filter .content-filter ul li .count-package {
    float: right;
    color: var(--greyColor);
}
.box-filter .content-filter .title {
    font-weight: 600;
    font-size: 15px;
    color: var(--solidColor);
    padding: 10px;
    border-bottom: 1px solid var(--softGreyColor);
}
.star svg {
    height: 0.8em;
    color: var(--greyColor);
}
.star svg.selected {
    color: var(--yellowColor);
}
.star-last-count {
    position: relative;
    overflow: hidden !important;
}
.star-last-count::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--yellowColor);
}
.review {
    color: var(--greyColor);
    font-size: 15px;
    margin-bottom: 20px;
}
.detail-package-carousel .owl-wrapper {
    margin: 0 auto !important;
}
.detail-package-carousel img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.detail-package-carousel .item {
    position: relative;
}
.detail-package-carousel .item .info {
    background: rgb(0, 0, 0, 0.5);
    padding: 15px;
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.info-white {
    background: white;
    color: var(--primaryColor);
    padding: 5px 10px;
    display: inline-block;
    font-size: 14px;
    margin-right: 7px;
}
.dropdown-toggle.no-icon:after {
    display: none;
}
.navigation-sticky {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);

    transition: all.3s ease;
    -webkit-transition: all.3s ease;
    -moz-transition: all.3s ease;
    -o-transition: all.3s ease;

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
}
.navigation-sticky.sticky {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
}
.navigation-sticky .navigation-info {
    background: var(--solidColor);
    color: white;
}
.navigation-details {
    background: white;
}
.navigation-details ul {
    margin-bottom: 0px;
    display: flex;
    list-style: none;
    padding-left: 0px;
}
.navigation-details ul li a span {
    vertical-align: middle;
}
.navigation-details ul li a {
    padding: 12px 0px;
    font-size: 15px;
    color: var(--greyColor);
    font-weight: 500;
}
.navigation-details ul li a.active,
.navigation-details ul li a:hover {
    color: var(--primaryColor);
    font-weight: 600;
}
.navigation-details ul li:first-child a span {
    padding-left: 0px;
}
.navigation-details ul li a span {
    padding: 0px 15px;
}
.navigation-details ul li {
    display: flex;
}
hr.separator {
    border-top: 1px solid var(--greyColor);
    background: none;
    margin-top: 40px;
    margin-bottom: 40px;
}
hr.dashed{
    border-top: 3px dashed var(--greyColor);
    background: none;
}
.package-information {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px dashed var(--softGreyColor);
}
.package-information ul.check {
    list-style: none;
    padding-left: 0px;
}
.package-information ul.check .fa-check {
    color: var(--successColor);
    margin-right: 10px;
}
.package-information ul.check .fa-xmark {
    color: var(--dangerColor);
    margin-right: 15px;
}
.package-information ul {
    padding-left: 15px;
}
.package-information p,
.package-information h6 {
    margin-bottom: 0px;
}
.package-information h6 {
    font-weight: 700;
}
.package-information .col-md-9 {
    margin: 0px;
    font-weight: 500;
}
.car{
    position:relative;
    overflow:hidden;
    z-index:2;
}
.car::before{
    /* content:""; */
    position:absolute;
    width:150px;
    height:150px;
    background:var(--primaryColor);
    right:0;
    top:0;
    border-radius:100%;
    transform:translate(25%,-25%);
    z-index:-1;
}
.car img,.car,.hover-up{
    transition:all.5s ease !important;
    -webkit-transition:all.5s ease !important;
    -o-transition:all.5s ease !important;
    -moz-transition:all.5s ease !important;
}
.car:hover,.hover-up:hover{
    box-shadow : 0 0 0.675rem 0.075rem rgb(26,43,73,0.1);
    transform: translateY(-10px) !important;
    -webkit-transform: translateY(-10px) !important;
    -moz-transform: translateY(-10px) !important;
    -o-transform: translateY(-10px) !important;    
}
.car:hover img{
    /* transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -webkit-transform:scale(1.2); */
}
.car .col-6:first-child{
    position:relative;
    z-index:2;
}
.car .line{
    position:absolute;
    left:20px;
    bottom:0;
    z-index:1;
    height:50%;
    display:flex;
    align-items:end;
}
.car .line div{
    margin-left:5px;
    border-radius:50px 50px 0px 0px;
    width:40px;
}
.car .line div:first-child{
    background:rgba(0,113,235,0.3);
    height:100%;
}
.car .line div:last-child{
    background:rgba(255,130,0,0.3);
    height:50%;
}
.card-book {
    padding: 15px;
    border: 2px solid var(--softGreyColor);
    border-top: 4px solid var(--primaryColor);
}
.about-activity {
    display: flex;
    margin-bottom: 1.5rem;
}
.about-activity div:first-child {
    width: 1.5em;
    text-align: center;
}
.form-cart {
    background: white;
    padding: 5px 10px;
    height: 100%;
    font-weight: bold;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
}
.form-cart .form-cart-hidden {
    position: absolute;
    background: white;
    bottom: 0;
    height: 0px;
    z-index: -1;
    left: 0;
    width: 100%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    transition: all.3s ease;
    -moz-transition: all.3s ease;
    -webkit-transition: all.3s ease;
    -o-transition: all.3s ease;
}
.show .fa-chevron-down,
.show .fa-chevron-up {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.form-cart#input-tshirt {
    position: inherit;
}
.form-cart.show .form-cart-hidden {
    z-index: 1;
    height: auto;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
}
.change-pax:first-child {
    background: var(--dangerColor);
}
.change-pax:last-child {
    background: var(--primaryColor);
}
.change-pax {
    color: white;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-weight: bold;
    font-size: 20px;
}
.modal {
    background: rgba(26, 43, 73, 0.9);
}
.modal-content {
    border-radius: 1rem !important;
}
.table-custom thead td:first-child {
    border-top-left-radius: 8px;
}
.table-custom thead td:last-child {
    border-top-right-radius: 8px;
}
.table-custom td,
.table-custom th {
    padding: 1rem;
}
.table-custom thead {
    background: var(--primaryColor);
    color: white;
}
.table-custom thead tr td {
    font-weight: bold;
}
.table-custom td {
    vertical-align: middle;
    font-weight: 500;
}
.package-avability {
    border: 2px solid var(--primaryColor);
}
small {
    font-weight: 500;
}
.package-avability .icon-check {
    background: var(--bgGrey);
}
.package-avability .icon-check {
    width: 3em;
    height: 3em;
    border-radius: 100%;
    color: var(--successColor);
    display: flex;
    align-items: center;
    justify-content: center;
}
.package-avability .icon-check svg {
    width: 2em;
    height: 2em;
}
h6 {
    line-height: 150%;
}
.img-cart {
    width: 140px;
    height: 160px;
    object-fit: cover;
}
.close-absolute {
    position: absolute;
    top: 15px;
    right: 15px;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-700 {
    font-weight: 700;
}
.fw-800 {
    font-weight: 800;
}
.fw-600 {
    font-weight: 600;
}
.fw-black{
    font-weight: 900;
}
.devider-login {
    border-top: 1px solid var(--softGreyColor);
    position: relative;
}
.devider-login::before {
    content: "or";
    font-weight: 600;
    color: var(--softGreyColor);
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    background: white;
    left: 50%;
    top: 75%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.form-control {
    padding: 0.65rem 0.65rem;
    border-width: 1px;
    border-radius: 8px;
}
label {
    font-weight: bold;
    margin-bottom: 10px;
}
.border-black{
    border : 2px solid black
}
.border-destination {
    border: 1px solid var(--softGreyColor);
    border-radius: 8px;
}
.border-destination h6 {
    font-weight: bold;
    color: var(--primaryColor);
    margin-bottom: 0;
}
.border-destination small {
    color: var(--orangeColor);
}
.border-destination:hover {
    background: var(--bgGrey);
}
.border-top-primary {
    border-top: 3px solid var(--primaryColor) !important;
}
.checkout-navigation a {
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid var(--softGreyColor);
}
.checkout-navigation a.active {
    color: var(--solidColor) !important;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--solidColor);
}
.img-preview-checkout {
    width: 150px;
    height: 75px;
    object-fit: cover;
}

.card-price.picked {
    box-shadow: 0 0 0.675rem 0.5rem rgb(0, 120, 80, 0.1);
}
.default-shadow {
    box-shadow: 0 0 0.675rem 0.5rem rgb(159, 181, 221, 0.1);
}
.h-100 {
    height: 100%;
}
.h-100vh {
    height: 100vh;
}
.card-price.picked .body {
    border: 2px solid var(--successColor);
}
.card-price {
    background: white;
    border-radius: 8px;
}
.card-price.picked .pax-category {
    background: var(--successColor);
}
.card-price .pax-category {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: var(--primaryColor);
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 10px 15px;
}
.card-price .body {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 20px 15px;
    text-align: center;
}
.card-price .body .price {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.card-price.picked .body a {
    color: var(--successColor);
}
.card-price .body a {
    font-weight: bold;
    text-decoration: underline;
}
.owl-nav {
    margin-top: 0 !important;
    position: absolute;
    display: flex;
    width: 100%;
    overflow: hidden;
    justify-content: space-between;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.owl-jvto .owl-nav button:hover {
    background: var(--primaryColor) !important;
}
.owl-jvto .owl-nav button:hover span {
    color: white;
}
.owl-jvto .owl-nav button {
    font-size: 30px !important;
    width: 40px;
    height: 40px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1),
        0 6px 6px rgba(0, 0, 0, 0.1);
}
.owl-jvto .owl-nav button:first-child {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.owl-jvto .owl-nav button:last-child {
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
}
.owl-nav button {
    transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -o-transition: all.5s ease;
    -moz-transition: all.5s ease;

    background: white !important;
    font-size: 15px !important;
    color : #757575 !important;
    width: 35px;
    height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 100% !important;
    margin : 0px !important;
    border : 1px solid #e6e6e6 !important;
}
.owl-service-image .owl-nav{
    width : calc(100% + 35px);
    left : calc(-35px / 2);
}
.owl-trustpilot .owl-dots{
    position: absolute;
    width: 100%;
}
.owl-nav button:focus span,
.owl-nav button:hover span {
    color: var(--solidColor);
}
.owl-nav button span {
    margin-top: -5px;
}
.lh-200 {
    line-height: 200%;
}
.lh-130 {
    line-height: 130%;
}
.lh-150 {
    line-height: 150%;
}
.radius-default {
    border-radius: 8px;
}
.radius-15 {
    border-radius: 15px !important;
}
.radius-30 {
    border-radius: 30px !important;
}
.link-collapse.show {
    background: var(--primaryColor);
    color: white;
}
.link-collapse {
    border: 1px solid var(--primaryColor);
    background: white;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.iti {
    display: block !important;
}
.cart-item .bottom {
    background: white;
}
.cart-item .bottom div {
    font-weight: bold;
    font-size: 15px;
    padding: 15px;
}
.cart-item .bottom .review-title {
    color: var(--greyColor);
    border-right: 1px solid var(--softGreyColor);
    background: var(--yellowColor);
}
.cart-item .bottom .remove {
    border-left: 1px solid var(--softGreyColor);
}
.cart-item .bottom .remove a {
    color: var(--dangerColor);
}
.btn-blink{
	animation:btnBlink 1.5s infinite;
}
.btn-blink:hover{
	animation:0;
}
@keyframes btnBlink{
	0%{		opacity: 1;	}
	25%{	opacity: 0.5;	}
	50%{	opacity:0;	}
	75%{	opacity:0.5;	}
	100%{	opacity: 1;	}
}
.btn-default {
    border: 2px solid var(--softGreyColor);
}
.modal-center.show {
    display: flex !important;
    align-items: center;
}
.modal-center.show .modal-dialog {
    width: 100%;
}
.text-lg-review {
    font-size: 3rem;
    font-weight: bold;
}
#review .review-text {
    font-weight: bold;
    color: var(--primaryColor);
}
#review .review-number {
    text-align: right;
    font-weight: bold;
    min-width: 20px;
}
#review .review-progress-bg {
    background: #e6eaed;
    height: 13px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    margin-right: 10px;
}
#review .review-progress {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    background: var(--primaryColor);
}
.img-comment {
    width: 55px;
    border: 2px solid var(--softGreyColor);
    padding: 3px;
    height: 55px;
    object-fit: cover;
    border-radius: 100%;
}
.review-box {
    font-size: 14px;
}
.review-box .date svg {
    color: var(--primaryColor);
}
.review-box .date span {
    margin-left: 7px;
    font-weight: bold;
    color: var(--greyColor);
}
.review-box .name {
    font-weight: bold;
    color: var(--greyColor);
    margin-top: 10px;
}
.section{
    min-height:100vh;
}
.section-destination{
    min-height : 70vh;
    background : url('../img/bg-destination.jpg');
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content : center;
}
.section-destination::after{
    /* content: ""; */
    position: absolute;
    bottom: -1px;
    z-index: 38;
    width: 100vw;
    height: 16vw;
    pointer-events: none;
    mask: url('../img/web/round-separator.svg')
}
.section-gallery img {
    border-radius: 8px;
}
.img-parent {
    width: 100%;
    height: 565px;
    object-fit: cover;
}
.img-child img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    margin-bottom: 14px;
}
.student-package-hero h1 {
    /* font-family: "Gochi Hand", cursive; */
    font-size: 60px !important;
}
.student-package-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 28, 47, 0.4);
}
.nav-menu-account {
    list-style: none;
    padding-left: 0;
}
.nav-menu-account li a {
    padding: 10px 15px;
    margin-bottom: 10px;
    display: block;
    font-weight: 500;
}
.nav-menu-account li a.active {
    border-radius: 8px;
    background: var(--primaryColor);
    color: white;
}
.img-profile-account {
    position: relative;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
}
.img-profile-account a {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    background: rgba(255, 130, 0, 0.7);
    color: var(--solidColor);
    padding-top: 7px;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}
.img-profile-account img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}
.img-profile {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover;
    border-radius: 100%;
}
.account-content {
    border-left: 1px solid var(--softGreyColor);
    height: 100%;
    padding: 1rem 2rem;
    padding-right: 0px;
}
.badge-info {
    background: #02a2b9;
    color: white;
}
.badge-warning {
    background: var(--orangeColor);
    color: white;
}
.badge-primary {
    background: var(--primaryColor);
    color: white;
}
.badge-success {
    background: var(--successColor);
    color: white;
}
.badge-danger {
    background: var(--dangerColor);
    color: white;
}
.tooltip-inner {
    background-color: var(--solidColor);
    opacity: 1 !important;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: var(--solidColor) !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: var(--solidColor) !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--solidColor) !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--solidColor) !important;
}
.img-schedule {
    width: 100%;
    height: 110px;
    object-fit: cover;
    padding: 2px;
    border: 1px solid var(--softGreyColor);
}
.modal-content {
    overflow: hidden;
}
.img-to-open img {
    cursor: pointer;
}
.img-popup.show {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}
.img-popup {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(26, 43, 73, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -o-transition: all.5s ease;
    -moz-transition: all.5s ease;
}
.img-popup img {
    height: 80%;
}
.owl-hero.owl-carousel .owl-stage-outer.inherit {
    overflow: inherit;
}
.box-partner {
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-weather tr td{
    background : rgba(0,38,62,0.8);
    color:white !important;
    padding : 0.8rem;
}
#destinations{
    background-repeat:no-repeat  !important;
    background-size:cover  !important;
    background-position:bottom;
}
#banner-footer {
    background: url("../img/jvto/custom-package-crop.jpg");
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top center !important;
    position: relative;
    z-index: 1;
}
#banner-footer:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.py-25 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-23 {
    padding-top: .8rem;
    padding-bottom: .8rem;
}
.is-wa{
    margin-top:1rem;
    display:flex;
    align-items:center;
    font-size:13px;
    color:var(--solidColor);
    font-weight:bold;
    background:rgba(41,172,0,0.2);
    padding:.3rem;
    border-radius:50px;
}
.is-wa .wa{
    font-size:15px;
    color:white;
    margin-right:10px;
    border-radius:100%;
    width : 30px;
    height : 30px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#10c045;
}
.row-package-hero.hide{
    transform:translate(-50%,100%);
    -webkit-transform:translate(-50%,100%);
    -o-transform:translate(-50%,100%);
    -moz-transform:translate(-50%,100%);
}
.accordion-button:not(.collapsed){
    background:var(--primaryColor);
    color:white;
}
.row-package-hero{
    transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -moz-transition: all.5s ease;
    -o-transition: all.5s ease;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    background : rgba(255,255,255,0.2);
    position:absolute;
    bottom:0;
    z-index:100;
    left:50%;
    width:100%;
    border:1px solid rgba(255,255,255,0.5);
}
.package-hero:hover .sticky-desc{
    visibility: visible;
    opacity: 1;
}
.package-hero:hover img{
    transform:scale(0.95);
}
.package-hero{
    position:relative;
}
.package-hero .sticky-desc:after{
    content:"";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position:absolute;
    bottom:0;
    left:0;
    transform:translateY(100%);
    -webkit-transform:translateY(100%);
    -o-transform:translateY(100%);
    -moz-transform:translateY(100%);
    border-top: 10px solid var(--solidColor);
}
.package-hero .sticky-desc{
    position:absolute;
    top:-10px;
    transform:translateY(-100%);
    -webkit-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    transition: visibility 0.3s, opacity 0.5s linear;
    -webkit-transition: visibility 0.3s, opacity 0.5s linear;
    -moz-transition: visibility 0.3s, opacity 0.5s linear;
    -o-transition: visibility 0.3s, opacity 0.5s linear;
    visibility:hidden;
    opacity:0;
    background:var(--solidColor);
    font-size:13px;
    color:white;
    padding:10px;
    width:200%;
}

.package-hero .img{
    padding:3px;
    border:1px solid rgba(255,255,255,0.5);
}
.package-hero img{
    object-fit:cover;
    height:100px;
    width:100%;
    transition:all.5s ease;
}
.sticky-about a{
    color:white;
    display:flex;
    height:100%;
    width:100%;
    justify-content:center;
    align-items:center;
}
.sticky-about .item{
    display:flex;
}
.sticky-about .text a{
    padding-right:15px;
    padding-left:15px;
}
.sticky-about .item:hover .text{
    transform:translateX(calc(0%));
    -webkit-transform:translateX(calc(0%));
    -o-transform:translateX(calc(0%));
    -moz-transform:translateX(calc(0%));
}
.sticky-about .text{
    font-size:14px;
    font-weight:600;

    transform:translateX(calc(-100% - 50px));
    -webkit-transform:translateX(calc(-100% - 50px));
    -moz-transform:translateX(calc(-100% - 50px));
    -o-transform:translateX(calc(-100% - 50px));

    transition:all.5s ease;
    -webkit-transition:all.5s ease;
    -moz-transition:all.5s ease;
    -o-transition:all.5s ease;
}
.sticky-about .icon svg{
    font-size:25px;
}
.sticky-about .icon{
    width:50px;
    z-index:2;
    height:50px;
}
.sticky-about .text,.sticky-about .icon{
    border-bottom:1px solid rgba(255,255,255,0.5);
}
.sticky-about .icon{
    background:#0d9937;
}
.sticky-about .text{
    background:#10c045;
}
.sticky-about .item:last-child .text,.sticky-about .item:last-child .icon{
    border-bottom:none;
}
.sticky-about{
    position:fixed;
    padding-left:0px;
    margin-bottom:0px;
    left:0;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    z-index:1000;
}
.travel-tshirt img{
    height : 300px;
    width:100%;
    object-fit:cover;
}
.travel-tshirt{
    position:relative;
}
.travel-tshirt .icon{
    position:absolute;
    width:30px;
    height:30px;
    background:rgb(255,255,255,0.5);
    border-radius:100%;
    right:10px;
    top:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgb(26,43,73,0.5);
}
#about-hero{
    z-index:1;
    min-height:100vh;
    display:flex;
    position:relative;
    align-items:center;
    background:var(--solidColor);
}
.jvto{
    z-index:-1;
    position:absolute;
    opacity : 0.2;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    left:20px;

}
.sam{
    position:relative;
    border:0.3px solid rgb(255,255,255,0.3);
    padding: 10px;
}
.bg-package{
    background:#e6f4fd;
    border-radius:30px;
}
#particles-js{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#hero{
    position:relative;
    height:70vh;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center !important;
    display:flex;
    align-items:center;
    flex-direction:row;
    z-index:1;
    transition:all.5s ease;
}
#hero:before{
    /* content:""; */
    z-index:-1;
    height:100%;
    width:100%;
    position:absolute;
    background:rgb(0,0,0,0.5);
}
#hero .hero-text{
    width:80%;
    margin:auto;
}
#hero .hero-text h1 .travel{
    font-family: 'lucky_dip_caitlinregular';
    font-size:150px;
    color:#f9de33;
    letter-spacing:7px;
}
#hero .hero-text h1, #hero .hero-text h1 p{
    font-size:60px;
    font-weight:900;
    /* color: transparent;
    -webkit-text-stroke: 1px #fff; */
    color:white;
}
.what-they-say{
    background:white;
    padding:20px;
}
.what-they-say img{
    width:65px !important;
    height:65px !important;
    object-fit:cover;
}
#section{
    min-height:70vh;
    position:relative;
}

#gallery-section .col-md-2{
    padding:0;
}
#gallery-section img{
    width:100%;
    height:200px;
    object-fit:cover;
    object-position:center center;
}
.img-gallery{
    position:relative;
    overflow:hidden;
}
.img-gallery svg{
    position:absolute;
    left:15px;
    top:15px;
    z-index:3;
    color:white;
}
.img-gallery:before{
    content:"";
    z-index:1;
    height:100%;
    width:100%;
    position:absolute;
    background:rgb(0,38,62,0.5);
    transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -o-transition: all.5s ease;
    -moz-transition: all.5s ease;
}
.img-gallery img{
    transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -o-transition: all.5s ease;
    -moz-transition: all.5s ease;
}
.img-gallery:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
}
.img-gallery:hover:before{
    opacity:0;
    z-index:0;
}
.pick-addon:hover,.pick-addon.picked{
    background:rgb(27,42,69,0.1);
    border-radius:15px;
    cursor: pointer;
}
.pick-addon{
    position:relative;
}
.pick-addon.picked svg{
    display:block;
}
.pick-addon svg{
    font-size:30px;
    position:absolute;
    color:var(--successColor);
    top : 10px;
    right : 10px;
    display:none;
}
.card-weather{
    min-height : 211px;
}
.zwift-bold{
    font-family: "ZwiftSprint-Bold";
    font-weight:bold;
}
.zwift-black{
    font-family: "ZwiftSprint-Black";
}
.zwift-medium{
    font-family: "ZwiftSprint-Medium";
}
.zwift-reguler{
    font-family: "ZwiftSprint-Reguler";
}
.img-hero-new:before{
    /* content : ""; */
    width : 100%;
    height : 30%;
    position:absolute;
    left : 0;
    bottom : 0;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.7));
    z-index : 1;
}
.layer-body.show{
    display:block !important;
}
.layer-body{
    display:none;
    width : 100%;
    height : 100%;
    position:fixed;
    left : 0;
    bottom : 0;
    background : rgba(0,0,0,0.8);
    z-index : 100;
}
.img-hero-new .content{
    position:absolute;
    width:100%;
    height:100%;
    top : 0;
    left:0;
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items:center;
}
.img-hero-new video{
    width : 100vw;
    height : 100vh;
    object-fit : cover;
}
.img-hero-new{
    z-index : 2;
    position:relative;
    width : 100%;
    height : 60vh;
    color:white;
    /* display:flex;
    flex-direction:column;
    justify-content:center; */
    /* background : url('../img/hero-home.webp'); */
    background-position:center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
}
.img-hero-new .top-content{
    position: absolute;
    top : 50%;
    transform: translateY(-50%);
}
.img-hero-new h1{
    font-size : 60px !important
}
.img-hero-new .nav-tab-bottom{
    position: absolute;
    bottom:0;
    left :0;
    width : 100%;
    padding-top : 1rem;
    z-index:1;
}
.service-image{
    display:flex;
    gap : 1rem;
}
.service-image .service-item.active{
    width : 40%;
}
.service-image .service-item{
    border-radius: 10px;
    overflow:hidden;
    /* width : calc(60%/4); */
    position:relative;
    transition : width .5s ease;
    -webkit-transition : width .5s ease;
    -o-transition : width .5s ease;
    -moz-transition : width .5s ease;
}
.service-image .service-item .service-name div{
    writing-mode: vertical-rl;
    display:flex;
    justify-content:center;
    transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
}
.service-image.mobile .service-item .service-name{
    font-size : 20px;
    padding : 0.5rem;
}
.service-image.desktop .service-item .service-name{
    justify-content:center;
}
.service-image .service-item .service-name .img-name{
    width:auto;
    margin-top : auto;
    margin-bottom : auto;
}
.service-image .service-item .service-name{
    display:flex;
    position:absolute;
    width : 50%;
    height : 100%;
    background : linear-gradient(to right, rgba(0,0,0,0.5),rgba(0,0,0,0));
    bottom : 0;
    left : 0;
    padding : 1rem;
    color:white;
    font-weight : 900;
    font-size : 35px;
    letter-spacing : 2px;
    /* font-family: "ZwiftSprint-Black"; */
}
.service-image .service-item img:nth-child(2){
    width : 100%;
    height : 500px;
    object-fit:cover;
}
.nav-tab-bottom .nav-content{
    display:flex;
}
.nav-tab-bottom .nav-content a{
    color:white;
    font-size : 20px;
    font-weight:700;
    padding : 1rem 2rem;
}
.nav-tab-bottom .nav-content a.active{
    background:white;
    color : black;
    border-radius: 20px 20px 0px 0px;
}
.img-hero-new h2{
    /* font-size : 50px; */
    /* font-weight:bold */
    /* font-family: 'League Spartan', sans-serif;
    font-weight:800;
    font-size : 80px;
    line-height:90%; */
    /* text-transform : uppercase; */
}
.img-hero-new h5{
    font-family: 'League Spartan', sans-serif;
    font-size : 25px;
    font-weight:400;
    line-height:150%;
}
.img-hero-new .img-sosmed{
    position : absolute;
    bottom: 0;
    left : 0;
    width:100%;
    text-align:center;

}
.hero-destination{
    /* z-index:2;
    transform:translateY(-25%);
    -webkit-transform:translateY(-25%);
    -o-transform:translateY(-25%);
    -moz-transform:translateY(-25%); */
}
.content-tour-type.left{
    height : 480px;
}
.content-tour-type:not(.left){
    height : 230px;
}
.content-tour-type{
    position:relative;
    overflow:hidden;
    border-radius : 10px;
}
.content-tour-type img{
    height : 100%;
    width:100%;
    object-fit:cover;
    transition: all.3s ease;
    -webkit-transition: all.3s ease;
    -o-transition: all.3s ease;
    -moz-transition: all.3s ease;
}
.content-tour-type .layer-text{
    position:absolute;
    top : 0;
    left : 0;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content : space-around;
    text-align:center;
    align-items:center;
    background:rgba(0,0,0,0.2);
    color:white;
}
.content-tour-type.left .layer-text{
    padding : 1rem 2rem;
}
.content-tour-type:not(.left) .layer-text{
    padding : 1rem 1rem;
}
.content-tour-type.left .layer-text .tiny-title{
    font-size : 17px;
}
.content-tour-type:not(.left) .layer-text .tiny-title{
    font-size : 13px;
}
.content-tour-type .layer-text .tiny-title{
    font-weight:bold;
    color:var(--yellowColor);
}
.content-tour-type .layer-text .tour-type{
    font-family: 'there_bratregular';
}
.content-tour-type.left .layer-text .tour-type{
    font-size : 50px;
}
.content-tour-type:not(.left) .layer-text .tour-type{
    font-size : 30px;
}
.content-tour-type .layer-text .description{
    font-size : 14px;
}
.content-tour-type .layer-text a{
    background:white;
    color:black;
    border-radius:50px;
    font-weight : bold;
}
.content-tour-type.left .layer-text a{
    padding : .5rem 2rem;
    font-size : 15px;
}
.content-tour-type:not(.left) .layer-text a{
    padding : .3rem 1.5rem;
    font-size : 13px;
}
.content-tour-type:hover .layer-text{
    backdrop-filter : blur(5px);
}
.content-tour-type:hover img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
}
.img-why{
    width : 100% !important;
}
.title-border{
    position:relative;
    display:inline-block;
}
.title-border:after{
    content : "";
    left : 0;
    bottom : 0;
    width : 100%;
    height : 5px;
    border-radius : 50px;
    background:var(--primaryColor);
    position:absolute;
}
.nav-top{
    display:flex;
    justify-content:flex-end;
    gap : 1.5rem;
}
.nav-top a{
    color : var(--colorDark);
}
.nav-bottom{
    display:flex;
    justify-content:flex-end;
    gap : 1.5rem;
}
.nav-top a:hover,.nav-bottom a:hover,.nav-top a.active,.nav-bottom a.active{
    color:var(--primaryColor)
}
.nav-bottom a{
    color : var(--colorDark);
    font-size:15px; 
    font-weight : 500;
}
.blink{
    position:relative;
}
.blink .blink-text{
    position:absolute;
    top : 0;
    left : -10px;
    background : var(--primaryColor);
    color:white;
    border-radius : 10px;
    padding : 0.3rem 0.5rem;
    font-size : 10px;
    font-weight:bold;
    transform : translateY(-100%);
    -webkit-transform : translateY(-100%);
    -o-transform : translateY(-100%);
    -moz-transform : translateY(-100%); 
}
.img-who-we-are{
    position:relative
}
.img-who-we-are .text-bottom{
    position:absolute;
    bottom : 0;
    width : 60%;
    left : 15%;
    text-align:center;
    font-weight:600;
    padding : .7rem;
    font-size:15px;
    background:white;
    border-radius:50px;
    box-shadow:0 .2rem 1rem rgba(0,0,0,.15)!important;
    transform:translateY(50%);
    -webkit-transform:translateY(50%);
    -o-transform:translateY(50%);
    -moz-transform:translateY(50%);
}
.img-who-we-are img{
    width:90%;
    height:400px;
    object-fit:cover;
    border-radius:30px;
}
.banner-section{
    display:flex;
    align-items:center;
    background:#181230
}
.banner-section .left{
    width : 50%;
    min-height:400px;
    background:url('../img/common/img-collect.jpg');
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    display:flex;
    justify-content:space-between;
}
.banner-section .left .first img:first-child{
    width:100%;
    object-fit:cover;
    border-radius: 0px 0px 20px 20px;
    height:160px;
}
.banner-section .left .first img:last-child{
    border-radius: 20px 20px 0px 0px;
    margin-top : 20px;
    height:220px;
    width:100%;
    object-fit:cover;
}
.banner-section .left .second img:first-child{
    width:100%;
    object-fit:cover;
    border-radius: 0px 0px 20px 20px;
    height:220px;
}
.banner-section .left .second img:last-child{
    border-radius: 20px 20px 0px 0px;
    margin-top : 20px;
    height:160px;
    width:100%;
    object-fit:cover;
}
.banner-section .left .third img:first-child{
    width:100%;
    object-fit:cover;
    border-radius: 0px 0px 20px 20px;
    height:190px;
}
.banner-section .left .third img:last-child{
    border-radius: 20px 20px 0px 0px;
    margin-top : 20px;
    height:190px;
    width:100%;
    object-fit:cover;
}
.banner-section .left div{
    width : 31.5%;
}
.banner-section .right{
    width : 50%;
}
.how-it-works{
    position:relative;
    background:white;
    border : 1px solid #eee;
    overflow:hidden;
    border-radius : 10px;
    transition: all.5s ease !important;
    -webkit-transition: all.5s ease !important;
    -o-transition: all.5s ease !important;
    -moz-transition: all.5s ease !important;
}
.how-it-works img{
    width : 70px !important;
}
.whats-different .numb{
    position:absolute;
    top : 5px;
    left : 5px;
    font-weight:600;
    font-size:20px;
    width : 40px;
    height : 40px;
    border-radius:100%;
    background:#ea4335;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow : 0 0 0.675rem 0.075rem rgb(26,43,73,0.1);
}
.whats-different{
    position:relative;
    background:white;
    border : 1px solid #eee;
    padding : 1rem;
    border-radius : 30px;
    transition: all.5s ease !important;
    -webkit-transition: all.5s ease !important;
    -o-transition: all.5s ease !important;
    -moz-transition: all.5s ease !important;
}
.whats-different p{
    font-weight:400;
}
.whats-different:hover{
    box-shadow : 0 0 0.675rem 0.075rem rgb(26,43,73,0.1);
    transform: translateY(-10px) !important;
    -webkit-transform: translateY(-10px) !important;
    -moz-transform: translateY(-10px) !important;
    -o-transform: translateY(-10px) !important;    
}
.whats-different img{
    width : 100%;
    height : 250px;
    object-fit:cover;
    border-radius : 30px;
}
.rounded-15{
    border-radius:15px;
}
.animation-move-up{
    -webkit-animation: move 15s ease-in infinite;
    animation: move 15s ease-in infinite;
    top: 50px;
    position:relative;
}
.animation-move-up:hover{
    -webkit-animation: none;
    animation: none;
}
.animation-move-down{
    -webkit-animation: moveDown 15s ease-in infinite;
    animation: moveDown 15s ease-in infinite;
    bottom: 50px;
    position:relative;
}
.animation-move-down:hover{
    -webkit-animation: none;
    animation: none;
}
.collaborate a{
    display:inline-block;
    margin-bottom:10px;
}
.img-logo-sticky-btn{
    position:absolute;
    top : 50%;
    right : 0;
    width : 170px;
    height : 170px;
    transform:translate(50%,-50%);
    opacity:0.2
}
.overflow-hidden{
    overflow:hidden;
}
.relative{
    position:relative;
}
.absolute{
    position:absolute;
}
.navigation-menu-top.white .searchbar-rounded{
    border : 1px solid #ddd;
}
.searchbar-rounded{
    cursor:pointer;
    border-radius : 15px;
    background:white;
    color:black;
    width : 80%;
    padding : .5rem .7rem;
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size : 17px;
}
.searchbar-rounded .search-btn{
    width : 45px;
    height : 45px;
    background:var(--primaryColor);
    color:white;
    display:flex;
    justify-content:center;
    align-items:center
}
.video-office:hover .layer-play{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.video-office{
    position: relative;
}
.video-office .layer-play{
    transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -o-transition: all.5s ease;
    -moz-transition: all.5s ease;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display: flex;
    align-items:center;
    justify-content: center;
    margin-left: -30px;
    cursor: pointer;
}
.video-office .layer-play .play{
    display: flex;
    align-items:center;
    justify-content: center;
    font-size:30px;
    width: 80px;
    height: 80px;
    background: white;
    border-radius: 100%;
}
.video-office-fixed iframe{
    width : 80%;
    height: 60%;
}
.video-office-fixed.show{
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    z-index:100000;
}
.video-office-fixed.show iframe{
    display: block;
}
.video-office-fixed iframe{
    display: none;
}
.video-office-fixed{
    /* transition: all.2s ease; */
    /* -webkit-transition: all.2s ease; */
    /* -o-transition: all.2s ease; */
    /* -moz-transition: all.2s ease; */
    transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    width: 100%;
    height: 100%;
    position: fixed;
    top : 0;
    left : 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.9);
}
.gsap-destination-content{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    position:relative;
}
.gsap-destination-content .text-title{
    position:absolute;
    padding-right : 2rem;
    z-index:2;
    color:white;
    background:black;
    max-width : 100%;
    height:100%;
    justify-content:center;
    display:flex;
    flex-direction:column;
}
.gsap-destination-content .img-absolute-gsap{
    
}
.gsap-destination-content .panel{
    height: 100vh;
    flex: 1 0 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: black;
    color: white;
}
.destination-item-gsap{
    width : 300px;
    margin-right:2rem;
}
.destination-item-gsap img{
    width : 100%;
}
.img-hero-new .hero{
    width:100%;
    height : 100%;
    object-fit:cover
}
.search-nav.show{
    border-bottom-left-radius : 0px;
    border-bottom-right-radius : 0px;
}
.scrolled .search-nav{
    border : 1px solid #ddd;
}
.search-nav{
    border-radius:20px;
    margin-left:2rem;
    display:flex;
    background:white;
    padding : .7rem 1.5rem;
    position:relative;
    color:black
} 
.search-nav .item{
    cursor : pointer;
    display:flex;
    align-items:center;
    font-weight : 500;
    padding-right : 5rem;
    margin-right : 1rem;
    border-right:1px solid #ddd;
} 
.scrolled .search-nav .content-bottom{
    border : 1px solid #ddd;
    border-top : none;
    width : calc(100% + 2px); 
    left : -1px;
}
.search-nav .content-bottom{
    z-index : 100;
    width : 100%; 
    left : 0;
    display:none;
    position:absolute;
    bottom:0;
    transform : translateY(100%);
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    background:white;
    padding : 1.5rem;
} 
.search-nav .content-bottom .content-destination .img-content{
    position:relative;
    border-radius:5px;
    overflow:hidden;
}
.search-nav .content-bottom .content-destination .destination-name.selected,#place-destination-search .destination-name.selected{
    background:rgba(50,100,255,.5)
}
.search-nav .content-bottom .content-destination .destination-name{
    position:absolute;
    width : 100%;
    height : 100%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding-left : .2rem;
    padding-right : .2rem;
    color:white;
    background:rgba(0,0,0,.3)
}
.search-nav .content-bottom .content-destination .img-content{
    position:relative;
}
.search-nav .content-bottom .content-destination img{
    width : 100%;
    height : 100px;
    object-fit:cover;
}
.search-nav .content-bottom .form-control{
    border : 1px solid #ddd;
}
.search-nav .content-bottom .choose-pax{
    display:flex;
    justify-content:space-between;
    border : 1px solid #ddd;
    padding : 1rem 1rem;
    box-sizing : border-box;
    border-radius : 10px;
    font-weight:500;
}
.search-nav .content-bottom .choose-pax .pax{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.search-nav .content-bottom .choose-pax .pax button{
    border :none;
    border-radius:100%;
    width : 30px;
    height : 30px;
    font-size : 20px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.search-nav .content-bottom .choose-pax .pax span{
    margin : 0px 1rem;
}
.search-btn.sm{
    width:30px;
    height:30px;
}
.search-btn{
    border : none;
    background:var(--primaryColor);
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius : 15px;
    color:white;
}
#trustpilot-gtm-floating-wrapper{
    display:none;
}
.rotate-arrow .arrow-icon{
    transform:rotate(0);
    -webkit-transform:rotate(0);
    -o-transform:rotate(0);
    -moz-transform:rotate(0);
    transition : all.5s ease;
    -webkit-transition : all.5s ease;
    -o-transition : all.5s ease;
    -moz-transition : all.5s ease;
}
.rotate-arrow.rotated .arrow-icon{
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
}
.img-why-us{
    width : 700px;
    transform:translateY(30%);
    -webkit-transform:translateY(30%);
    -o-transform:translateY(30%);
    -moz-transform:translateY(30%);
}
.owl-why-us .owl-stage-outer{
    padding-top : 2rem;
    padding-bottom : 2rem;
}
.owl-service-image .owl-item{
    transition : all.5s ease;
    -webkit-transition : all.5s ease;
    -o-transition : all.5s ease;
    -moz-transition : all.5s ease;
}
.card-color{
    border-radius: 15px;
}
.card-color.green{
    background: linear-gradient(342deg,#4b6fdb,#75dd98);
}
.card-color.orange{
    background: linear-gradient(342deg,#ff6564,#ffcc64);
}
.card-color .card-packages:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.card-color .card-packages,.card-color .card-packages2{
    box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
    border-radius: 20px;        
    overflow: hidden;
}
.card-color .card-packages .img{
    overflow: hidden;
    height : 300px;
}
.card-color .card-packages img{
    transition : all.5s ease;
    -webkit-transition : all.5s ease;
    -o-transition : all.5s ease;
    -moz-transition : all.5s ease;
    width : 100%;
    height : 100%;
    object-fit: cover;
}
.card-color .card-packages .body h4{
    font-size: 20px;
}
.card-color .card-packages .body{
    text-align: center;
    padding : 15px;
    background: white;
    /* font-family: 'Montserrat', sans-serif; */
    color:#212529;
}
.card-color-travel-style.card-custom .custom{
    font-size : 30px;
}
.card-color-travel-style.card-custom:before,.card-color-travel-style.card-mice:before{
    content : "";    
    position:absolute;
    bottom : 0;
    width : 100%;
    height : 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
}
.card-color-travel-style .mice{
    color:white;
    position : absolute;
    font-size:50px;
    left : 10px;
    bottom : 8%;
    font-weight : 900;
}
.card-color-travel-style .mice div:last-child{
    font-size : 14px;
    font-weight : 500;
}
.card-color-travel-style .custom{
    color:white;
    position : absolute;
    font-size:50px;
    left : 10px;
    bottom : 10%;
    font-weight : 900;
}
.card-color-travel-style .custom div:last-child{
    font-size : 14px;
    font-weight : 500;
}
.card-color-travel-style img{
    width : 100%;
    height : 100%;
    object-fit:cover;
}
.card-color-travel-style{
    position:relative;
    height : 358px;
    width : 100%;
    overflow:hidden;
    border-radius : 20px;
    color:black;
}
.card-color-travel-style .card-caption .top{
    font-size : 1rem;
    font-weight : 900;
    letter-spacing : 1px;
}
.card-color-travel-style .card-caption .bottom{
    font-size : 1rem;
    font-weight : 300;
    font-size : .9rem;
}
.card-color-travel-style .card-caption{
    position : absolute;
    width : 80%;
    padding : 1rem;
    top : 10%;
    left : 0;
    background : #ff6564;
}
.owl-down .owl-item{
    transition : all .5s ease;
}
.card-down{
    transition: all.3s ease;
    -webkit-transition: all.3s ease;
    -o-transition: all.3s ease;
    -moz-transition: all.3s ease;

    position: relative;
    opacity: 0.5;
}
.card-down img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
}
#owl-down-sm .card-down img{
    height: 350px;
}
.card-down .text{
    z-index: 2;
    /* font-family: 'Montserrat', sans-serif; */
    border-radius: 15px;
    left : 5%;
    bottom : 0;
    position: relative;
    width: 90%;
    background: white;
    text-align: center;
    padding : 1rem;
    transform : translateY(-50%);
    -webkit-transform : translateY(-50%);
    -moz-transform : translateY(-50%);
    -o-transform : translateY(-50%);
    box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
}
.card-down .text h5{
    /* font-family: 'Montserrat', sans-serif; */
    font-size : 1.875rem;
    font-weight: 900 !important;
    margin-bottom : 10px;
}
.card-down .text p{
    /* font-family: 'Montserrat', sans-serif; */
    color:#212529;
}
.card-down .text-mobile{
    position:absolute;
    top : 0;
    left : 0;
    width : 100%;
    text-align:center;
    font-size : 1.25rem;
    font-weight:800;
    text-transform:uppercase;
    color:white;
    transform:translateY(-150%);
}
.container-custom{
    width : 90%;
    margin:auto;
}
.card-hero-bottom{
    border-radius:15px;
    color:black;
    background:white;
    width : 75%;
    left : calc(25% / 2);
    margin:auto;
    z-index : 2;
    position:absolute;
    transform : translateY(-40%);
    -moz-transform : translateY(-40%);
    -o-transform : translateY(-40%);
    -webkit-transform : translateY(-40%);
}
.card-hero-bottom .card-info-list:not(.mobile-ver){
    display:flex;
    overflow-x: auto;
    gap : 1rem;
}
.card-hero-bottom .card-info-list::-webkit-scrollbar{
    display:none;
}
.card-hero-bottom .card-info-list .card-info.one{
    background:#0b67b3;
}
.card-hero-bottom .card-info-list .card-info.two{
    background:#ce0c1c;
}
.card-hero-bottom .card-info-list .card-info.three{
    background:#873580;
}
.card-hero-bottom .card-info-list .card-info.four{
    background:#009363;
}
.card-hero-bottom .card-info-list .card-info .sticky-fa-card{
    font-size:30px;
    /* position: absolute;
    top : 0;
    left : 0;
    transform : translate(-15%,-15%);
    -webkit-transform : translate(-15%,-15%);
    -o-transform : translate(-15%,-15%);
    -moz-transform : translate(-15%,-15%);
    z-index: -1;
    opacity : 0.3 */
}
.card-hero-bottom .card-info-list .card-info.one .read-more{
    background : #5099e2;
}
.card-hero-bottom .card-info-list .card-info.two .read-more{
    background : #f11626;
}
.card-hero-bottom .card-info-list .card-info.three .read-more{
    background : #ba4eb1;
}
.card-hero-bottom .card-info-list .card-info.four .read-more{
    background : #00d28e;
}
.card-hero-bottom .card-info-list .card-info .read-more{
    color:white;
    border-radius : 50px;
    font-size : 12px;
    padding : .2rem .5rem;
    height:20px;
    align-items:center;
    display:inline-flex;
    position:relative;
    padding-right : 25px;
    box-shadow: -2px 3px 2px rgb(0,0,0,0.3);    
    -webkit-box-shadow: -2px 3px 2px rgb(0,0,0,0.3);    
}
.card-hero-bottom .card-info-list .card-info .read-more .right{
    position:absolute;
    right:0;
    top : 0;
    border-radius:100%;
    width : 20px;
    height : 20px;
    background:white;
    color:#5099e2;
    display:flex;
    align-items:center;
    justify-content:center;
}
.card-hero-bottom .card-info-list .card-info img{
    width : 30px;
}
.card-hero-bottom .card-info-list .card-info{
    z-index: 2;
    overflow:hidden;
    position : relative;
    width : 25%;
    padding : 1rem 1.5rem;
    font-weight:500;
    color:white;
    display:flex;
    text-align:left;
    gap : 1rem;
    align-items:center;
    border-radius : 15px;
}
.logo-jvto{
    width : 120px;
    height:50px;
}
.button-link{
    background:none;
    padding : 0;
    border:none;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    /* width : 35px; */
    background:var(--primaryColor)
}
.btn-inclusive:hover{
    color:#f4c900;
}
.btn-inclusive{
    font-weight:600;
    background:#003e93;
    color:#f4c900;
    border : 2px solid #f4c900;
    font-size : 12px;
    cursor:pointer;
}
.all-inclusive-popup.show{
    transform:translateY(calc(0% - 7.5vh));
    -webkit-transform:translateY(calc(0% - 7.5vh));
    -o-transform:translateY(calc(0% - 7.5vh));
    -moz-transform:translateY(calc(0% - 7.5vh));
}
.all-inclusive-popup{
    position:fixed;
    bottom:0;
    left : 0;
    z-index:100000;
    height : 85vh;
    width:80%;
    left:10%;
    text-align:center;
    overflow : auto;
    background:white;
    border-radius : 25px;
    transition : all.5s ease;
    -webkit-transition : all.5s ease;
    -o-transition : all.5s ease;
    -moz-transition : all.5s ease;
    transform:translateY(100%);
    -webkit-transform:translateY(100%);
    -o-transform:translateY(100%);
    -moz-transform:translateY(100%);
}
.navigation-menu-top.white{
    position:relative;
    border-bottom : 1px solid #ddd
}
.navigation-menu-top:not(.white),.navigation-menu-top.white.scrolled{
    position:fixed;
}
.navigation-menu-top.scrolled,.navigation-menu-top.white{
    background:white;
}
.navigation-menu-top{
    transition: all.5s ease;
    width : 100%;
    top : 0;
    left : 0;
    z-index : 100;
    /* background:transparent; */
    background-image : linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0))
}
.popup-contact.show{
    transform:translateY(0);
    -webkit-transform:translateY(0);
    -o-transform:translateY(0);
    -moz-transform:translateY(0);
}
.popup-contact{
    transition : all.5s ease;
    -webkit-transition : all.5s ease;
    -o-transition : all.5s ease;
    -moz-transition : all.5s ease;

    transform:translateY(calc(100% + 20%));
    -webkit-transform:translateY(calc(100% + 20%));
    -o-transform:translateY(calc(100% + 20%));
    -moz-transform:translateY(calc(100% + 20%));
    width : 50%;
    height:80%;
    left : 25%;
    top : 10%;
    border-radius:30px;
    z-index:100000;
    position:fixed;
    background:white;
    overflow:auto;
}
.choose-pax .pax{
    display:flex;
    gap : .5rem;
    align-items:center;
}
.choose-pax .pax button{
    width:25px;
    height:25px;
    border-radius:100%;
    background:#ced4da;
    border : none;
    display:flex;
    align-items:center;
    justify-content:center;
}
.map iframe{
    filter : invert(100%)
}
.map{
    width : 100%;
    height: 70vh;
    display: flex;
    border-radius: 30px;
    overflow: hidden;
}
.map .left{
    background: #000000;
    width : 35%;
    height: 100%;
    /* font-family: 'Montserrat', sans-serif; */
    color : white;
}
.map .right{
    width : 65%;
    height: 100%;
}
.map-slide{
    height: 70vh;
}
.map-slide .text{
    padding : 1rem;
    text-align: center;
}
.map-slide .img:after{
    content : "";
    position: absolute;
    bottom : 0;
    left : 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,1),rgba(0,0,0,0))
}
.map-slide .img{
    width : 100%;
    height: 60%;
    position: relative;
}
.map-slide .text{
    overflow: auto;
    width : 100%;
    height: 60%;
    position: relative;
}
.map-slide .img img{
    width : 100%;
    height: 100%;
    object-fit: cover;
}
.map-slide .img h5{
    position: absolute;
    z-index: 2;
    bottom : 0;
    left : 0;
    width : 100%;
    text-align: center;
}
.owl-map .owl-nav{
    top : 35%;
}
.owl-map .owl-nav button{
    background: transparent  !important;
}
h2.big-title{
    font-size: 3.75rem;        
}
.big-title{
    font-weight: 800;
    font-size : 3rem;
    color:#212529;
}
.owl-exo .owl-dots{
    position:absolute;
    left : 0;
    bottom : 20px;
    width : 50%;
}
.owl-exo{
    position:relative;
}
.owl-exo::after{
    content: "";
    background: url('https://www.exotravel.com/w3_assets/images/top-video-shadow.png') 50% 0 no-repeat;
    height: 66px;
    display: block;
    position: absolute;
    border: 0;
    bottom: -66px;
    width: 100%;
    background-size: contain;
}
.owl-exo.home .item-owl-exo{
    height : 450px;
}
.item-owl-exo{
    position:relative;
    overflow:hidden;
    display : flex;
    width:100%;
    height : 600px;
    border : 1px solid #ddd;
}
.item-owl-exo .left{
    width:50%;
    display : flex;
    flex-direction:column;
    justify-content:center;
}
.item-owl-exo .right{
    width:50%;
}
.item-owl-exo .right img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.owl-service-image .owl-dots{
    margin-top : 10px;
    /* display:flex;
    justify-content:center;
    border-radius : 5px;
    background:#dee0e7; */
}
.owl-service-image .owl-dots .owl-dot:not(.active) span{
    background : #989898 !important
}
.banner-review:before{
    content : "";
    position:absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.8),rgba(0,0,0,0));
    z-index: -1;
}
.banner-review{
    display:flex;
    flex-direction: column;
    justify-content:center;
    color:white;
    z-index: 2;
    position:relative;
    height : 600px;
    background : url('https://javavolcano-touroperator.com/assets/img/destinations/surabaya---ijen---bromo-(3d-2n)-1676510962600/bromo20.webp?1705480892');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
.hero-student{
    background: rgba(50, 100, 255, 0.15);
    border-radius: 30px;
    position: relative;
    height: auto;
    min-height: 70vh;
}
.hero-student h1{
    font-size : 60px;
    font-weight: bold
}
.hero-student .img-1{
    position: relative
}
.hero-student .img-1 img{
    width : 100%;
    height : 400px;
    object-fit: cover;
    border-radius: 30px;
}
.hero-student .img-2{
    position: relative
}
.hero-student.home .img-1 img,.hero-student.home .img-2 img{
    height : 300px;
}
.hero-student .img-2 img{
    width : 100%;
    height : 400px;
    object-fit: cover;
    border-radius: 30px;
}
.hero-student .package{
    box-shadow: none;
}
.hero-student #student-package1 .package-info{
    background: #e4e480;
    color:#ff6b07
}
.hero-student #student-package2 .package-info{
    background: #d9d9d9;
    color:#ff6b07
}
.hero-student #student-package3 .package-info{
    background: #a9b3d3;
    color:#e4e480
}
.hero-student #student-package4 .package-info{
    background: #f8f7f4;
    color:#ff6b07
}
.hero-student #student-package5 .package-info{
    background: #5991ae;
    color:#e4e480
}
.hero-student #student-package6 .package-info{
    background: #f4c87a;
    color:#ff6b07
}
.hero-student .package-banner{
    height:280px;
}
.hero-student.home .package-banner{
    height:220px;
}
.tshirt-home{
    min-height : 70vh;
    background: url('../img/bg/wall.jpg');
    background-position: center;
    background-size: cover; 
    position : relative;
    z-index : 2;
}
.tshirt-home:before{
    content : "";
    z-index : -2;
    position : absolute;
    width : 100%;
    height : 100%;
    background : rgba(255,255,255,0.9);
    top : 0;
    left : 0;
}
.tshirt-home .text-tshirt{
    position:relative;
    transform: translateY(25%);
}
.owl-offers img{
    border-radius : 16px;
    /* height : 160px; */
    width : 100%;
    object-fit:cover
}
.owl-offers .item{
    padding-top : 10px;
    padding-bottom : 10px;
}
.owl-offers .item img{
    transition : all.1s ease;
}
.owl-offers .item img:hover{
    box-shadow : 0 4px 20px 0 rgba(0,0,0,.08);
    transform:translateY(-4px)
}
.owl-offers .owl-nav{
    z-index : -1;
}
.owl-offers .offers-indicators{
    position : absolute;
    width : 100%;
    height : 30%;
    bottom : 0;
    right : 0;
    background : linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    border-bottom-left-radius : 16px;
    border-bottom-right-radius : 16px;
    color:white;
    display:none;
    padding : .6rem .6rem;
    font-size : 13px;
}
.send-email-mobile.sticky.first .collapse-content{
    display: none;
}
/* .send-email-mobile.sticky.first{
    position: absolute;
    transform: translateY(-100%);
}
.send-email-mobile.sticky{
    transform: translateY(0);
    position: fixed;
    top : 0;
    left : 0;
    z-index: 10000;
} */
.send-email-mobile.popup{
    flex-direction:column;
    align-items:center;
    width : 90%;
    border-radius : 30px;
}
.send-email-mobile.popup .left{
    height : 200px;
    margin-left : 0;
}
.send-email-mobile.popup .right{
    padding : 16px;
    width : 100%
}
.send-email-mobile.popup .right h3{
    font-size : 23px;
    text-align:center
}
.send-email-mobile.popup .right p{
    font-size : 16px;
    text-align:center
}
.send-email-mobile.popup .right label{
    font-size : 16px;
    text-align:center
}
.send-email-mobile.popup .right .input-email{
    text-align:center
}
.send-email-mobile.popup .right .input-email input{
    width : 75%;
    padding : .9rem .8rem;    
    font-size : 16px;
}
.send-email-mobile.popup .right .input-email button{
    padding : .9rem .8rem;    
    font-size : 16px;
}
.send-email-mobile{
    transition: all .5s ease;
    width: 100%;
    overflow: hidden;
    min-height : 58px;
    background: #4d40cc;
    display: flex;
    position: relative;
    z-index: 2;
}
.send-email-mobile .banner-svg svg:nth-child(1){
    z-index: -1;
}
.send-email-mobile .banner-svg svg:nth-child(1){
    color: #1fdfdf;
    height: 50px;
    left: -30px;
    position: absolute;
    top: 24px;
    width: 85px;    
}
.send-email-mobile .banner-svg svg:nth-child(2){
    color: #ff5b00;
    height: 125px;
    position: absolute;
    right: -30px;
    top: -100px;
    width: 119px;
}
.send-email-mobile .banner-svg svg:nth-child(3){
    bottom: -310px;
    color: #ffc102;
    height: 319px;
    position: absolute;
    right: -22px;
    width: 251px;
}
.send-email-mobile .left{
    /* background : url('https://res.klook.com/image/upload/v1661166588/zbr1zjkdmk4ymlupla1d.webp'); */
    background : url('../img/disc-phone-banner.png');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 100%;
    flex: none;
    margin-left: 24px;
    margin-top: 20px;
    position: relative;
    width: 110px;
    z-index: 1;
}
.send-email-mobile .right{
    z-index: 2;
    color : white;
    padding : 16px 4px 16px 16px    
}
.send-email-mobile .right .collapse-content.collapse {
    display: none; /* Ensure that collapsed content is hidden */
}

.send-email-mobile .right .collapse-content.collapsing {
    height: auto; /* Enable smooth transition */
}

.send-email-mobile .right .collapse-content.collapse.show {
    display: block; /* Ensure that expanded content is visible */
}
.send-email-mobile .right h3{
    font-size : 16px;
    font-weight: 600;

}
.send-email-mobile .right p{
    font-size : 12px;
    font-weight: 400;
}
.send-email-mobile .right .input-email input:focus{
    outline:none
}
.send-email-mobile .right .input-email label{
    font-size : 13px;
    font-weight:500;
    display:block
}
.send-email-mobile .right .input-email input{
    border-radius : 15px;
    border : none;
    padding : .6rem .8rem;
    /* width : 150px; */
    width : 65%;
    font-size : 13px;
}
.send-email-mobile .right .input-email button{
    margin-left : .3rem;
    padding : .6rem 1rem;
    border : none;
    background:#ff5b00;
    border-radius : 15px;
    color:white;
    font-size : 13px;
    font-weight:600; 
}
.send-email-mobile .close{
    padding: 5px;
}
.send-email-mobile .close a{
    color:white;
    font-size : 20px;
    position: absolute;
    top : 10px;
    right : 10px;
}

.owl-trustpilot .item img{
    width : 100px !important
}
.owl-trustpilot .owl-dots{
    margin-top : 20px !important;
}
.owl-trustpilot .owl-dots .active span{
    background:#00b67a !important
}

.deals-banner{
    overflow:hidden;
    display:flex;
    height : 400px;
    width:100%;
}
.deals-banner .left{
    border-top-left-radius : 25px;
    border-bottom-left-radius : 25px;
    width : 60%;
    background : #4d40cc;
    padding-left : 40px;
    padding-top : 40px;
    display:flex
}
.deals-banner .left img{
    width: 200px;
}
.deals-banner .left-text h1{
    font-size : 35px;
    font-weight : 600;
}
.deals-banner .left-text{
    color:white;
    padding-left : 20px;
    padding-bottom : 40px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.deals-banner .left-text p{
    font-size : 16px;
    font-weight : 400;
}
.deals-banner .left-text .media-info{
    display:flex;
    align-items:center
}
.deals-banner .left-text .media-info .or:before,.deals-banner .left-text .media-info .or:after{
    content : "";
    height : 50px;
    width : 1px;
    background:white;
    display:block;
    margin:auto;
}
.deals-banner .left-text .input-email input:focus{
    outline:none
}
.deals-banner .left-text .input-email label{
    font-size : 16px;
    font-weight:500;
    display:block
}
.deals-banner .left-text .input-email input{
    border-radius : 15px;
    border : none;
    padding : .8rem;
    width : 250px;
    font-size : 16px;
}
.deals-banner .left-text .input-email button{
    margin-left : .3rem;
    padding : .8rem 1rem;
    border : none;
    background:#ff5b00;
    border-radius : 15px;
    color:white;
    font-size : 16px;
    font-weight:600; 
}
.deals-banner .left-text .media-info .qr{
    background:white;
    border-radius:10px;
    margin-top : 5px;
    padding : 10px;
}
.deals-banner .left-text .media-info .qr img{
    width : 100px;
}
.deals-banner .right{
    width : 40%;
}
.deals-banner .right img{
    width : 100%;
    height:100%;
    object-fit:cover;
    border-top-right-radius : 25px;
    border-bottom-right-radius : 25px;
}
.deals-banner .sendMailDiscount button:disabled{
    opacity : 0.7;  
}
.deals-banner .input-email .is-success{
    width:343px
}
.popup-send-email{
    width : 100%;
    height : 100%;
    position:fixed;
    top : 0;
    left : 0;
    display:flex;
    justify-content : center;
    align-items:center;
    background : rgba(0,0,0,0.8);
    z-index : 100000;
}
.input-email .is-error{
    color : #0dcaf0;
    margin-top : 5px;
}
.trustpilot-widget-mobile{
    border : 1px solid #d6d6d6;
    padding : 24px;
}
.trustpilot-widget-mobile .widget-header{
    text-align:center
}
.trustpilot-widget-mobile .widget-item{
    height : 270px;
    overflow:auto;
}
#offers-curve{
    min-height : 100vh;
    background:url('../img/bg/cartoon-paradise.avif');
    background-position:center;
    background-size : cover;
}
.curve-top{
    position:absolute;
    top : 0;
    left : 0;
    width : 100%;
}
.curve-down{
    position:absolute;
    bottom : -1px;
    left : 0;
    width : 100%;
}
#offers-curve .h1{
    font-size: 100px;
    font-weight:800;
    line-height:100%;
    margin-top:1.5rem;
    font-family:"ZwiftSprint-Black";
}
#offers-curve .h6{
    line-height :120%;
}
#offers-curve .container-offers{
    z-index:2;
    padding-top : 15rem    
}
#offers-curve .container-offers .h6{
    font-size : 24px;
}
.start-end{
    position:relative
}
.start-end .dots-panel  {
    top : 50%;
    transform:translateY(-50%);
    height : 40%;
    width : 1.3px;
    background:black;
    position:absolute;
    left : 20px;
    z-index : 10;
}
.start-end .dots-panel:before  {
    content : "";
    position:absolute;
    border-radius:100%;
    border : 3px solid black;
    height : 10px;
    width : 10px;
    background:white;
    top : -15px;
    left : -4px;
}
.start-end .dots-panel:after  {
    content : "";
    position:absolute;
    border : 3px solid black;
    height : 10px;
    width : 10px;
    background:white;
    bottom : -15px;
    left : -4px;
}
.start-end .location-plane{
    position:absolute;
    top : 50%;
    transform:translateY(-50%);
    right : 20px;
    font-size : 20px;
}
.hr{
    opacity : 1;
    background : #e6e6e6
}
#trustpilot-review{
    padding-top : 6rem;
    padding-bottom : 6rem;
    background-image:url('../img/destinations/1687322060_BROMO 1.jpg');
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
.container-trustpilot{
    color : #90c7c1;
    background:#213638;
    border-radius : 35px;
}
.container-trustpilot h1{
    text-align:center;
    font-weight:600;
    line-height: 140%;
    font-size: 21.4px;
    margin-bottom: 2rem;
    font-family: 'new_spiritbold';
}
.review-item{
    background:white;
    padding : 1rem;
}
.review-item .review-title{
    color : black;
    font-weight:600;
    font-size : 15px;
    margin-top : 8px;
}
.review-item .review-text{
    color : black;
    font-weight:500;
    font-size : 13px;
    margin-top : 5px;
    opacity:0.7
}
.review-item .review-name{
    color : black;
    font-weight:400;
    font-size : 13px;
    margin-top : 5px;
    opacity:0.7
}
.owl-trustpilot-review .owl-dots{
    margin-top:15px;
}
.owl-trustpilot-review .owl-dots .active span{
    background : #90c7c1 !important
}
.owl-trustpilot-review .owl-nav{
    left : -40px;
    width:calc(100% + 80px);
}
.owl-trustpilot-review .owl-nav button{
    background : none !important;
    width :25px;
    height :25px;
    opacity: .5;
}
.home-inclusive{
    height:400px;
    border-radius:15px;
    overflow:hidden;
    position:relative;
}
.home-inclusive img{
    width:100%;
    height:100%;
    object-fit:cover
}
.home-inclusive:hover .layer-inclusive{
    visibility: visible;
    opacity: 1;
}
.home-inclusive .layer-inclusive{
    visibility: hidden;
    opacity: 0;
    transition: all.3s ease;
    display:flex;
    position:absolute;
    width:100%;
    height:100%;
    top : 0;
    left:0;
    justify-content:center;
    align-items:center;
    color:white;
    font-size:25px;
    font-weight:bold;
    gap : 3rem;
    padding : 2rem;
    line-height:120%
}
.banner-inclusive-home{
    width: 100%;
    height: 400px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.banner-inclusive-home .layer-inclusive-home{
    position: absolute;
    top : 0;
    left : 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    color:white;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}
.banner-inclusive-home img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.icon-inclusive i{
    font-size: 30px;
}
.icon-inclusive div{
    line-height: 120%;
}
.inclusive-home-banner{
    /* background: url('../img/all-inclusive/bg-inclusive-home.jpg'); */
    width: 100%;
    /* height: 440px; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
    z-index : 2;
}
.inclusive-home-banner h1{
    font-size:96px;
    line-height:100%
}
.inclusive-home-banner h5{
    font-size:24px;
    margin-top : 25px;
}
.inclusive-home-banner::before{
    content : "";
    z-index : -1;
    position:absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 50%;
    /* background-image:linear-gradient(to bottom,rgba(42,45,57,1), rgba(42,45,57,0)); */
}
.inclusive-home-banner::after{  
    content : "";
    z-index : -1;
    position:absolute;
    bottom : 0;
    left : 0;
    width : 100%;
    height : 50%;
    /* background-image:linear-gradient(to top,rgba(42,45,57,1), rgba(42,45,57,0)); */
}
.inclusive-home-content{
    /* background: #2a2d39; */
}
.inclusive-home-content img{
    transition: all .3s ease;
}
.inclusive-home-content img:hover{
    transform : translateY(-10px);
}
.phpdebugbar{
    display:none
}
.package-6.full,.package-6.popular{
    width : 100%;
}
.package-6.popular .count-package{
    position:absolute;
    top : 10px;
    left : 10px;
    z-index : 10;
}
.package-6.popular:hover .top img{
    transform: scale(1.2);
}
.package-6{
    position:relative;
    width : 185px;
}
.package-6 .top{
    position: relative;
    overflow: hidden;
    border-radius : 10px;
}
.package-6 .top .specials{
    position: absolute;
    top : 5px;
    left : 5px;
    font-weight: 600;
    font-size : 12px;
    background: #c72a3d;
    color:white;
    padding : 1px 5px;
    border-radius : 5px;
    z-index: 5;
}
.package-6.full .top img{
    width:100%;
    height:225px;
}
.package-6.popular .top img{
    width:100%;
    height:300px;
    transition: all.7s ease;
}
.package-6 .top img{
    width:185px;
    height:185px;
    object-fit:cover;
    border-radius : 10px;
}
.package-6.popular .day{
    font-size : 0.75rem;
}
.package-6 .day{
    position:absolute;
    bottom : 12px;
    left : 15px;
    color:white;
    font-size : 12px;
    font-weight:600;
}
.package-6 .day span{
    font-size: 13px;
    font-weight: 700;
}
.package-6.font-white .bottom .name,.package-6.font-white .bottom .from{
    color:white
}
.package-6 .bottom .name{
    color:#333333;
    font-size : 14px;
    font-weight:600;
    line-height: 1.5;
    margin-top:14px;
}
.package-6 .bottom .from{
    color:#333333;
    margin-top : 8px;
    font-size : 0.85rem;
    line-height: 1.25;
    opacity: 0.8;
    font-weight: 500;
}
.section-package-theme .img-theme{
    position:relative;
}
.section-package-theme .img-theme.inclusive img{
    height:228px;
}
.section-package-theme .img-theme img{
    width:100%;
    max-height:330px;
    object-fit:cover;
    transition: opacity 0.5s ease-in-out;    
}
.section-package-theme .img-theme:before{
    content : "";
    position:absolute;
    top : 0px;
    left:0px;
    width : 100%;
    height : 40%;
    z-index:10;
}
.section-package-theme.one .img-theme:before{
    background-image : linear-gradient(to bottom, rgba(204, 225, 245, 1),rgba(204, 225, 245, 0))
}
.section-package-theme.two .img-theme:before{
    background-image : linear-gradient(to bottom, rgba(194, 239, 248, 1),rgba(194, 239, 248, 0))
}
.section-package-theme .img-theme:after{
    content : "";
    position:absolute;
    bottom : 0px;
    left:0px;
    width : 100%;
    height : 50%;
}
.section-package-theme.one .img-theme:after{
    background-image : linear-gradient(to top, rgba(23,11,7,1),rgba(23,11,7,0))
}
.section-package-theme.two .img-theme:after{
    background-image : linear-gradient(to top, rgba(17, 27, 23, 1),rgba(17, 27, 23, 0))
}
.section-package-theme .theme-top{
    padding : 3rem 1rem;
}
.section-package-theme.one .theme-top{
    background : #cce1f5;
}
.section-package-theme.two .theme-top{
    background : #c2eff8;
}
.section-package-theme.one .theme-bottom{
    background : #170b07;
}
.section-package-theme.two .theme-bottom{
    background : #111b17;
}
.youtube-frame {
    cursor: pointer;
    position: relative;
    width: 100%;
    padding-top: 133.33%; /* 4:3 aspect ratio (height/width * 100) */
    border-radius: 15px;
    overflow: hidden;
    transition: all .2s ease;
}
.youtube-frame:hover{
    transform: scale(1.1);
}
.youtube-frame:hover .background-overlay{
    /* background: rgba(0,0,0,0); */
}

.embed-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.youtube-frame video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0,0,0,0.3); */
    z-index: 1; /* Pastikan berada di bawah embed-container */
}
.title-video {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to top, rgba(0,0,0,0.5),rgba(0,0,0,0));
    z-index: 2;
    color:white;
    padding : 1.5rem
}
.video-thumbnail{
    position: absolute;
    width : 100%;
    height : 100%;
    top : 0;
    left :0;
    object-fit: cover;
    z-index: 2;
}
/* Menyembunyikan logo YouTube yang muncul saat load */
.youtube-frame iframe {
    pointer-events: none; /* Hilangkan interaksi di awal, logo tidak akan terlihat */
}

.lang-switch{
    display:flex;
    background:white;
    height : 50px;
    align-items:center;
    border-radius:50px;
    padding-left : .8rem;
    padding-right : .8rem;
    cursor:pointer
}
.switch-lang.active{
    border-color : var(--primaryColor) !important
}
.switch-lang.active,.switch-lang:hover{
    box-shadow : 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.package-card-white{
    border-radius : 10px;
    position:relative;
    overflow:hidden
}
.package-card-white .label{
    position:absolute;
    top : 10px;
    left : 10px;
    background : var(--primaryColor);
    color:white;
    font-size : 12px;
    font-weight : 500;
    padding : 1px .2rem;
}
.package-card-white img{
    width : 100%;
    height : 156px;
    object-fit:cover
}
.package-card-white .package-info{
    padding : .8rem;
    background:white;
}
.nav-top-desktop{
    display:flex;
    gap : 4rem;
}
.nav-top-desktop a{
    color:white;
    font-size : 17px;
    display:flex;
    align-items:center
}
.navigation-menu-top.scrolled .nav-top-desktop a:not(.active),.navigation-menu-top.white .nav-top-desktop a:not(.active){
    color:black
}
.nav-top-desktop a:hover{
    color:var(--primaryColor) !important;
}
.nav-top-desktop a.active{
    color:var(--primaryColor);
    font-weight:600;
    text-decoration:underline;
    text-underline-offset : .2em;
    text-decoration-thickness : 2px;
}
.logo-top{
    position: absolute;
    top : 10px;
    left : 50%;
    z-index:100;
    transform: translateX(-50%);
}
.logo-top img{
    width : 100px;
}
.btn-book-now{
    border-bottom : 5px solid #003aea !important;
    transition : all.3s ease;
}
.btn-book-now:hover{
    transform: translateY(-5px);
}
.btn-book-now svg {
    display: inline-block;
    animation: bounce 1s infinite;
}
.search-on-hero{
    width : 100%;
    position:absolute;
    z-index:10;
    transform:translateY(-50%)
}
.search-on-hero-content{
    background:white;
    padding : 0px .5rem;
    height : 62px;
    border-radius:7px;
    display:flex;
    align-items:center  
}
.search-on-hero-where.show{
    display:block;    
}
.search-on-hero-where{
    display:none;    
    width:100%;
    /* padding : 1rem; */
    background : white;
    border-radius:15px;
    /* position:absolute;
    left : 0;
    bottom : -10px;
    transform:translateY(100%); */
}
.search-on-hero-where img{
    width : 100%;
    height: 70px;
    border-radius:8px;
    object-fit: cover;
}
.cursor-pointer{
    cursor:pointer
}
.where-destination{
    cursor : pointer;
}
.where-destination:hover,.where-destination.active{
    /* box-shadow:0 .5rem 1rem rgba(50, 100, 255, .3) !important; */
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-color : var(--primaryColor) !important
}
.where-destination:hover .destination-name,.where-destination.active{
    color:var(--primaryColor)
}
.search-on-hero-when{
    width:100%;
    padding : 1rem;
    background : white;
    border-radius:15px;
    position:absolute;
    left : 0;
    bottom : -10px;
    transform:translateY(100%);
}
.category-package:hover img{
    transform: scale(1.1);
}
.category-package{
    position : relative;
    overflow: hidden;
    border-radius : 8px;
}
.category-package img{
    transition : all.5s ease;
    -webkit-transition : all.5s ease;
    -o-transition : all.5s ease;
    -moz-transition : all.5s ease;
    width: 100%;
    height : 278px;
    object-fit: cover;
}
.category-package .category span{
    background : #1a2b49;
    font-size : 19px;
    font-weight: bold;
    padding : 5px 10px;
    color:white;
}
.category-package .category{
    top : 12px;
    left : 12px;
    right : 12px;
    position :absolute;
    text-align:left
}
.mobile-menu.white{
    position: relative;
}
.mobile-menu.scrolled .btn-contact,.mobile-menu.open .btn-contact{
    border-color : #000 !important;
}
.mobile-menu .btn-contact{
    border : 1px solid transparent;
}
.mobile-menu.scrolled:before,.mobile-menu.open:before{
    transform:translateY(0);
}
.mobile-menu:before{
    content : "";
    border-bottom : 1px solid #ddd;
    transition: .25s ease-in-out;
    transform:translateY(-100%);
    background:white;
    position:absolute;
    z-index:-1;
    width : 100%;
    height : 100%;
    top : 0;
    left :0;
}
.mobile-menu{
    position:fixed;
    width : 100%;
    top : 0;
    left : 0;
    z-index:1000;
}
.menu-button {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: relative;
}
.mobile-menu.scrolled .menu-button span{
    background:#000;
}
.menu-button span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: white;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.menu-button span:nth-child(1) {
    transform: translateX(-25%) rotate(0deg);
    top: 9px;
}

.menu-button span:nth-child(2) {
    top: 19px;
}

.menu-button.open span:nth-child(1) {
    top: 14px;
    transform: rotate(45deg);
}

.menu-button.open span:nth-child(2) {
    top: 14px;
    transform: rotate(-45deg);
}
.menu-button.open span{
    background:var(--dangerColor) !important
}
.mobile-menu .mobile-menu-details{
    overflow:auto;
    position:fixed;
    width:100%;
    background:white;
    left : 0;
    z-index : 100;
    transform:scale(0);
    opacity:0;
    transition: opacity .4s ease-in-out, transform 0s 0s ease;    
}
.mobile-menu.open .mobile-menu-details{
    opacity: 1;
    transform:scale(1);
}
.mobile-menu .mobile-menu-search{
    cursor:pointer;
    transition: all .5s ease;
    opacity : 0;
    overflow:hidden;
    transform:translateY(10px);
    pointer-events: none;
}
.mobile-menu.show-search .mobile-menu-search,.mobile-menu.open .mobile-menu-search{
    transform:translateY(0px);
    opacity : 1;
    pointer-events: inherit;
}
.mobile-menu-search-content{
    opacity:0;
    pointer-events: none;
    position:fixed;
    top : 0;
    left :0;
    width : 100%;
    z-index : 1000;
    background:white;
    transition: opacity .4s ease-in-out;    
}
.mobile-menu-search-content.show{
    opacity:1;
    pointer-events: inherit;
}
.mobile-menu-search-content .input-search{
    border : 1px solid #ddd;
    border-radius:50px;
    padding : .7rem 1.2rem;
}
.mobile-menu-contact{
    transform:translateY(-100%);
    position:fixed;
    background:white;
    width : 100%;
    top : 0;
    left : 0;
    border-bottom-left-radius : 15px;
    border-bottom-right-radius : 15px;
    transition: all .4s ease-in-out;    
}
.mobile-menu-contact.show{
    transform:translateY(-0);
}
.mobile-menu-details .accordion-button:not(.collapsed){
    box-shadow: none
}
.mobile-menu-details .accordion-button.collapsed{
    background: transparent
}
.mobile-menu-details .accordion-button{
    padding-top : 20px;
    padding-bottom : 20px;
    border-top : 1px solid rgba(0, 0, 0, .1);
}
.mobile-menu-details .accordion-button{
    padding-top : 20px;
    padding-bottom : 20px;
    border : none;
}
.mobile-menu-details .accordion-button:not(.collapsed){
    background: transparent;
    color: black;
}
.mobile-menu-details .accordion-item,.mobile-menu-details .border-bottom,.mobile-menu-details .border-top{
    border : none;
    border-bottom : 1px solid rgba(0,0,0,.125); 
}
.mobile-menu-details .accordion-item:first-of-type,.mobile-menu-details .accordion-item:last-of-type{
    border-radius:0px;
}
.mobile-menu-details .accordion-button::after{
    width:0.75rem;
    height:0.75rem;
    background-size:0.75rem;
}
.mobile-menu-contact-content,.mobile-menu-contact-content-body,.mobile-menu-contact-content .description,.mobile-menu-contact-content .a-contact{
    transition: max-height .4s ease-in-out;    
}
.mobile-menu-contact-content:not(.hide),.mobile-menu-contact-content.show .mobile-menu-contact-content-body,.mobile-menu-contact-content.show .description,.mobile-menu-contact-content .a-contact{
    max-height : inherit;
    overflow:auto;
}
.mobile-menu-contact-content.hide,.mobile-menu-contact-content .mobile-menu-contact-content-body,.mobile-menu-contact-content .description,.mobile-menu-contact-content.show .a-contact{
    max-height : 0px;
    overflow:hidden;
}
.mobile-menu-search-destinations{
    position: fixed;
    top: 0;
    left: 0;
    height : 100%;
    overflow:auto;
    width: 100%;
    z-index: 1001;
    background: white;
    display:none
}
.mobile-menu-search-destinations.show{
    display:block
}
.owl-theme .owl-dots .owl-dot span{
    width : 7px;
    height : 7px;
}
.card-package-category{
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
}
.card-package-category.h-full{
    height: 608px;
}
.card-package-category img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-package-category .info-bottom::before{
    content : "";
    position: absolute;
    bottom: 0;
    left : 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(0deg, rgba(14, 19, 19, 0.9) 36.79%, rgba(14, 19, 19, 0) 100%);
}
.card-package-category .info-bottom .content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .4s ease;
}
.card-package-category .info-bottom{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left : 0;
    width : 100%;
    color:white;
    padding : 1.5rem;
}
.card-package-category .info-bottom .buttton-right{
    width : 36px;
    height : 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 8px;
}
.card-package-category:hover .info-bottom .content{
    transform: translateY(-10px);
}
.card-inclusive-icon img{
    width : 30% !important
}
.card-inclusive-icon .card-inclusive-title{
    font-size: 15px;
    /* color:white;
    --interval: 1s;
    display: block;
    text-shadow: 
      0 0 10px var(--color1),
      0 0 20px var(--color2),
      0 0 40px var(--color3),
      0 0 80px var(--color4);
    will-change: filter, color;
    filter: saturate(60%);
    animation: flicker steps(100) var(--interval) 1s infinite;
    color: azure;
    --color1: azure;
    --color2: aqua;
    --color3: dodgerblue;
    --color4: blue; */
}
.card-inclusive-icon{
    background:white;
    /* box-shadow: 0px 3px 5px 0px rgba(0,255,255,0.7);   */
}
.card-inclusive-icon a{
    /* color : rgba(0,255,255,0.7); */
}
.custom-line-through {
    position: relative;
    display: inline-block;
}
.custom-line-through.red::after {
    background-color: #c72a3d;
}
.custom-line-through::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%; /* Posisi di tengah teks */
    height: 1.5px; /* Ketebalan garis */
    background-color: black; /* Warna garis */
}
.package-6 .top .day{
    z-index: 2
}
.package-6 .top::after{
    content : "";
    background: linear-gradient(to top, rgba(0,0,0,0.5),rgba(0,0,0,0));
    border-bottom-left-radius: 10px;;
    border-bottom-right-radius: 10px;;
    position: absolute;
    bottom : 0;
    left : 0;
    width: 100%;
    height : 25%;
    z-index: 1
}
.py-spacer{
    padding-top:7rem;
    padding-bottom:7rem;
}
.card-what-set-us img{
    width : 80% !important;
    border-radius : 30px
}
.card-inclusive:hover,.card-what-set-us:hover{
    transform: translateY(-10px);
}
.card-inclusive,.card-what-set-us{
    transition: all.5s ease;
    background: #f7f7f6;
    width : 250px;
    height : 250px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.card-what-set-us{
    height: auto;
    padding-top : 2rem;
    padding-bottom : 2rem
}

.card-inclusive img{
    width : 37% !important;
}
.info-what-set-us{
    height: 100%;
    border-left : 3px solid #ddd;
}
.item-what-set-us{
    cursor: pointer;
}
.item-what-set-us.active .title-what-set-us{
    font-size : 25px;
}
.item-what-set-us.active .title-what-set-us::before{
    background: black;
}
.title-what-set-us::before{
    content : "";
    left :-5px;
    top : 0;
    width : 3px;
    height : 100%;
    position: absolute;
    background: transparent;
}
.title-what-set-us{
    position: relative;
    border-left : 3px solid transparent;
    font-size : 17px;
    font-weight: 600;
}
.item-what-set-us.active .description-what-set-us{
    height: 100%;
}
.description-what-set-us{
    margin-top : 6px;
    overflow: hidden;
    height: 0;
    font-size : 16px;
}
#img-what-set-us{
    transition : all.5s ease;
}
.content-radius{
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    background:white;
}
.btn-outline-default{
    border : 1px solid white;
}
.owl-inclusive-slide img{
    width : 140px !important;
    height : 140px !important;
    margin:auto
}
.owl-inclusive-slide .owl-nav{
    top: 30% !important;
    width : 110%;
    left : -5%
}
#owl-package-group .owl-nav{
    width : 110%;
    left : -5%
}
#owl-package-group .owl-nav button{
    border : 2px solid black !important;
    color:black !important
}
.owl-inclusive-slide .owl-nav button{
    width : 50px;
    height : 50px;
    background:#1aa090 !important;
    color:white !important;
}
.owl-inclusive-slide .owl-nav button{
    width : 50px;
    height : 50px;
    background:#1aa090 !important;
    color:white !important;
}
.owl-inclusive-slide .owl-dot.active span{
    background:#1aa090 !important;
}
.owl-inclusive-slide .item p{
    width : 80%;
    margin:auto
}
.deals-section{
    min-height : 500px;
    position: relative;
    display: flex;
}
.deals-section .left{
    width : 100%;
    color:white;
    background: #3264ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.deals-section .right::before{
    content : "";
    position: absolute;
    top : 0;
    left : 0;
    width : 70%;
    height : 100%;
    background : linear-gradient(to right, rgba(50,100,255,1),rgba(50,100,255,0))
}
.deals-section .right{
    position: absolute;
    height: 100%;
    width : 50%;
    right:0;
    background: url('https://javavolcano-touroperator.com/assets/img/destinations/2d-1n-surabaya-bromo-1-day-tours-1679725846337/bromo6.webp?1705582663');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.title-home{
    font-size :2.25rem;
    font-weight: 2.5rem;
    color:#4d4d4d
}
.subtitle-home{
    font-size :19px;
    margin:0px;
    margin-top:10px;
    color:#323232
}
.title-home.dark{
    color:#323232
}
.color-blackgrey{
    color:#323232
}
.mb-10{
    margin-bottom:2.5rem
}
.card-wr{
    overflow:hidden;
    border-radius : 0.75rem;
    position: relative;
}
.card-wr.one{
    /* background : #cce5f6 */
    background : #e8cdbc;
}
.card-wr.two{
    /* background : #f2e8e0 */
    background : #a1c9eb
}
.card-wr.three{
    /* background : #f9f7f2 */
    background : #aed7e0
}
.card-wr .top{
    padding-top : 2.5rem;
    padding-left : 1rem;
    padding-right : 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
.card-wr .top .badge-top{
    border-radius: 5px;
    font-size : 16px;
    font-weight:500;
    background : #333333;
    padding-left : 0.75rem;
    padding-right : 0.75rem;
    text-transform: uppercase;
    text-align: center;
    color:white;
}
.card-wr .top .title-top{
    font-size : 24px;
    color : #1a1a1a;
    font-weight: bold;
    text-align: center;
    margin-top :10px;
    margin-bottom :10px;
}
.card-wr .top p{
    color : #1a1a1a;
    font-size : 14px;
    opacity:0.9;
    text-align: center;
    line-height:1.5
}
.card-wr .img{
    position: relative;
}
.card-wr .img::before{
    content : "";
    position: absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100px;
}
.card-wr.one .img::before{
    background: linear-gradient(to bottom, rgba(232,205,188,1),rgba(232,205,188,0));
}
.card-wr.two .img::before{
    background: linear-gradient(to bottom, rgba(161,201,235,1),rgba(163,211,230,0));
}
.card-wr.three .img::before{
    background: linear-gradient(to bottom, rgba(174,215,224,1),rgba(174,215,224,0));
}

.card-wr img{
    width : 100%;
    height: 300px;
    object-fit: cover;
}
.banner-cta{
    width : 100%;
    height : 550px;
    border-radius: 10px;
    background: url("https://javavolcano-touroperator.com/assets/img/destinations/surabaya-mt.ijen-papuma-beach-tumpak-sewu-mt.-bromo-(4d-3n)-1676516621353/bromo20.webp?1705480894");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding :2.5rem;
    text-align: center;
    position: relative;
}


.title-card-why{
    background: #1a1a1a;
    padding : 3rem 1.5rem;
    padding-bottom : 0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.card-why{
    background: #1a1a1a;
    border-radius : 15px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color:white;
    padding : 3rem 1.5rem;
}
.img-avatar{
    width : 38px;
    height : 38px;
    border-radius : 100%;
    object-fit:cover;
}
.btn-google-login:hover{
    background: #e2e2e2
}
.btn-google-login{
    background : #e8e8e8;
}
.btn-login{
    display:flex;
    justify-content: center;
    align-items:center;
    padding : 1rem;
    border-radius: 15px;
    font-weight : 600;
    font-size : 18px;
    position: relative;
}     
.btn-login img {
    position: absolute;
    left : 2rem;
    top : 50%;
    width : 25px;
    transform : translate(-50%,-50%)
}
.modal-custom.show {
    display: flex;
}

.modal-custom {
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100000;
    width: 100%;
    height: 100%;
    position: fixed;
    align-items: center;
    display: none;
    overflow: auto    
}

.modal-custom .modal-custom-content {
    border-radius: 15px;
    background: white;
}
.border-black{
    border-color : black !important;
}
.or{
    position:relative;
    text-align:center;
    color:var(--softGreyColor);
}
.or{
    position:relative;
    border-top:1px solid #ddd;
    height:1px;
    width:100%;
}
.or:before{
    content : "or";
    position : absolute;
    top : 50%;
    left : 50%;
    transform:translate(-50%,-50%);
    font-size : 17px;
    text-align:center;
    color:var(--softGreyColor);
    background:white;
    padding : 0px 10px;
}
@keyframes flicker {
    50% {
      color: white;
      filter: saturate(200%) hue-rotate(20deg);
    }
  }
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(5px);
    }
}
@keyframes move{
    0% {
        top: 70px;
    }
    
    50% {
        top: -55px;
    }
    100% {
        top: 70px;
    }    
}
@keyframes moveDown{
    0% {
        bottom: 70px;
    }
    
    50% {
        bottom: -55px;
    }
    100% {
        bottom: 70px;
    }
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        /* max-width: 80% !important; */
    }
}
@media (min-width: 576px) {
    #langModal .modal-dialog{
        max-width:700px
    }
    .mobile-menu-search-content{
        width:50%;
        left : 25%;
        top : 50%;
        transform: translateY(-50%);
    }
}
@media (max-width: 576px) {    
    .search-on-hero-content{
        border-radius:22px;
        height:50px;
        transform: translateY(-25%)
    }
    .search-on-hero-content .btn{
        border-radius:15px;
    }
    #section-video-home{
        background: white !important;
    }
    #section-video-home .title-home{
        color:#323232 !important;
    }
    .card-wr{
        border-radius: 0px;
    }
    .owl-card-wr:not(.dots-relative) .owl-dots{
        position: absolute;
        width: 100%;
        bottom : 20px;
    }
    .section-package-theme .theme-top{
        padding-top : 2.5rem
    }
    .title-home{
        line-height : 1.3;
        font-size: 1.875rem;
    }
    .deals-section .right{
        position:relative;
    }
    .deals-section .right::before{
        width : 100%;
        height : 40%;
        background : linear-gradient(to bottom, rgba(37,99,235,1),rgba(37,99,235,0))
    }    
    .deals-section{
        flex-direction: column;
    }
    .deals-section .left{
        padding : 3rem .5rem;
    }
    .deals-section .left,.deals-section .right{
        width : 100%;
        min-height: 300px;
    }    
    .owl-inclusive-slide img{
        width : 100px !important;
        height : 100px !important;
        margin:auto
    }
    .py-spacer{
        padding-top : 4rem;
        padding-bottom : 4rem;
    }
    .card-what-set-us{
        width : 100%;
        padding-top : 1rem;
        padding-bottom : 1rem;
    }
    .card-inclusive{
        width : 100%;
        height : 180px;
    }
    .card-what-set-us .fs-17,.card-inclusive .fs-17{
        font-size : 15px !important;
    }
    .section-package-theme .img-theme.inclusive img{
        height:128px;
    }
    .package-6.popular:hover .top img{
        transform: scale(1);
    }

    .package-6.mobile-left-side{
        display: flex;
        width : 100% !important;
        gap : 1rem;
    }
    .package-6.mobile-left-side .top{
        height : 126px !important;
    }
    .package-6.mobile-left-side .top img{
        width : 126px !important;
        height : 126px !important;
    }
    .package-6.mobile-left-side .bottom{
        display: flex;
        flex-direction:column;
    }
    .package-6.mobile-left-side .package-name{
        font-size : 14px !important;
        font-weight: 600 !important;
        line-height:140%
    }
    .package-6.mobile-left-side .fa-star{
        font-size : 13px !important;
    }
    .package-6.popular.group .top img{
        width:100% !important;
        height:275px !important;
        transition: all.7s ease;
    }
    .package-6.popular.group{
        width:100% !important;
    }

    .mobile-menu-details-destination{
        position:relative;
        border-radius:8px;
        overflow:hidden;
    }
    .mobile-menu-details-destination img{
        width : 100%;
        height : 142px;
        object-fit:cover
    }
    .mobile-menu-details-destination .destination-name-bottom{
        position:absolute;
        bottom : 0px;
        left : 0px;
        color:white;
        width : 100%;
        padding : 0.5rem 1rem;
        background:linear-gradient(to top, rgba(0,0,0,1),rgba(0,0,0,0))
    }
    .img-partner{
        width : 40%
    }
    .card-inclusive-icon .card-inclusive-title{
        font-size: 12px;
    }
    .card-package-category{
        height: 376px;
        border-radius: 0.75rem;
    }
    .img-hero-new .top-content{
        position: absolute;
        top : 38%;
        left : 0;
        transform: translateY(-50%);
    }    
    .package-6{
        width: 162px !important;
    }
    .package-6 .top{
        overflow: inherit;
    }
    .package-6 .top img{
        height: 162px !important;
        width: 162px !important;
    }
    .package-6.popular .day{
        font-size : 12px;
    }
    .category-package .category span{
        font-size : 12px
    }
    .category-package img{
        height : 200px
    }
    .btn-book-now{
        font-size:15px
    }
    .card-down .text p{
        font-size : 13px;
    }
    .img-hero-new .container{
        /* margin-bottom : 5rem */
    }
    .img-hero-new h1{
        /* font-size : 30px !important */
        font-size : 40px !important;
    }
    .card-inclusive-icon img{
        width : 50% !important
    }
    .card-inclusive-icon .h5{
        font-size : 17px
    }
    .card-inclusive-icon .fs-16{
        font-size : 14px !important
    }
    .section-package-theme .img-theme img{
        height : 152px;
        width : 100%;
        object-fit : cover;
    }
    #offers-curve .container-offers h6{
        font-size : 19px;
    }
    .inclusive-home-banner h1{
        font-size : 40px
    }
    .inclusive-home-banner h5{
        font-size : 18px
    }
    .layer-inclusive-home h1{
        font-size : 20px;
        letter-spacing: 3px !important;
    }
    .icon-inclusive i{
        font-size: 18px;
    }
    .icon-inclusive div{
        font-size: 11px !important;
    }
    .layer-inclusive-home .subtitle{
        line-height: 120%;
        font-size : 14px !important
    }
    .footer-link a{
        font-size : 17px !important;
        font-weight:400 !important;
        
    }
    #footer .h4{
        font-size : calc(1.275rem)
    }
    .logo-footer{
        width : 150px;
    }
    
    .footer-sosmed{
        margin-top : 2rem
    }
    #footer{
        padding : 50px 1rem;
    }
    .home-inclusive{
        height:150px
    }
    h2.big-title{
        font-size : 43px
    }
    .big-title{
        font-size : 2.5rem
    }
    .plan-yourtrip svg{
        color: black
    }
    .plan-yourtrip{
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        height : 390px;
        background : url('https://www.uber-assets.com/image/upload/f_auto,q_auto:eco,c_fill,w_558,h_558/v1683919251/assets/42/a29147-e043-42f9-8544-ecfffe0532e9/original/travel-ilustra.png');
        background-size:cover;
        background-position:center;
        color:white;
        padding : 1.5rem;
        border-radius : 15px;
    }
    #offers-curve .container{
        padding-bottom: 5rem !important;
    }
    #offers-curve{
        min-height: 70vh;
    }
    #offers-curve .container-offers{
        z-index:2;
        padding-top : .3rem    
    }
    #offers-curve .h1{
        font-size: 43px;
    }    
    .owl-offers .item{
        padding-top : 0px;
        padding-bottom : 0px;
    }
    .owl-offers .owl-item img{
        height : 240px;
        object-fit:cover;
    }
    .owl-offers .offers-indicators{
        display:flex;
        align-items : end;
        justify-content : end;
    }
    .card-color-travel-style.card-custom .custom{
        font-size : 25px;
        height : 100%;
        display : flex;
        flex-direction:column;
        justify-content : space-between;
        bottom : 0;
        padding-top : 5%;
        padding-bottom : 5%;
        z-index : 2;
    }
    .card-color-travel-style.card-custom:after{
        content : "";    
        z-index : 1;
        position:absolute;
        top : 0;
        width : 100%;
        height : 50%;
        background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0));
    }    
    .card-color-travel-style.card-custom .custom div:last-child{
        font-size : 12px;
    }
    .card-color-travel-style .card-caption{
        padding : .4rem;
        width : 85%
    }
    .card-color-travel-style{
        height : 227px;
    }
    .card-color-travel-style .top{
        font-size : 13px !important;
    }
    .card-color-travel-style .bottom{
        font-size : 11px !important;
    }
    .card-color .card-packages .img{
        height : 160px;
    }
    .card-color .card-packages .body h4{
        font-size : 12px !important
    }
    
    .hero-student .img-1,.hero-student .img-2{
        width: 50%
    }
    .hero-student .img-1 img,.hero-student .img-2 img{
        height : 125px;
        width: 100%;
        border-radius: 20px;
    }

    .hero-student{
        background: rgba(50, 100, 255, 0.1);
    }
    .hero-student h1{
        font-size : 40px;
    }
    .hero-student .btn-primary{
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
    .hero-student .text-decoration-underline{
        font-size: 15px !important;
    }

    .owl-exo .owl-dots{
        position:relative;
        bottom : 0;
    }
    .owl-exo.home .item-owl-exo{
        height:auto;
    }
    .owl-exo.home .item-owl-exo .right img{
        height:250px;
    }
    #owl-down-sm .card-down img{
        height: 300px;
    }
    
    .item-owl-exo{
        flex-direction:column-reverse;
        height : auto;
    }
    .item-owl-exo .right img{
        height : 500px;
    }
    .owl-exo .owl-dots{
        width : 100%;
    }
    .item-owl-exo .left,.item-owl-exo .right{
        width:100%;
    }
    .map iframe{
        height : 100%;
    }
    .map{
        flex-direction: column-reverse;
        border-radius: 0px;
        height:auto;
    }
    .map .left{
        width: 100% !important;
        height: auto;
    }
    .map .left .map-slide{
        height: auto;
    }
    .map .right{
        width: 100% !important;
        height:300px;
    }    
    .popup-contact{
        border-radius:0;
        width : 100%;
        left : 0;
        top : 0;
        height:100%;
    }
    .all-inclusive-popup{
        width:100%;
        bottom:0;
        left : 0;
        border-radius: 25px 25px 0px 0px
    }
    .all-inclusive-popup.show{
        transform:translateY(0%);
        -webkit-transform:translateY(0%);
        -o-transform:translateY(0%);
        -moz-transform:translateY(0%);
    }
    .logo-jvto{
        width : 80px;
        height:33px
    }
    .searchbar-rounded{
        width : 100%;
        padding : .4rem .8rem;
        font-size : 13px;
        width : 90%
    }
    .searchbar-rounded .search-btn{
        width : 30px;
        height : 30px;
    }
    .card-hero-bottom .card-info-list .card-info{
        width:100%;
    }
    .package .package-info{
        min-height:130px;
    }
    .trustpilot-home{
        /* position:absolute;
        bottom : 50px;
        width:100%;
        left : 0;
        z-index:10 */
    }
    
    .card-hero-bottom{
        transform : translateY(-20px);
        width : 90%;
        left : 5%;
    }
    .card-hero-bottom.bottom-destination{
        transform:translateY(0%);
        width : 100%;
    }
    .card-down .text{
        font-size : 13px;
        padding : .5rem;
        transform:translateY(-10%);
        -webkit-transform:translateY(-10%);
        -o-transform:translateY(-10%);
        -moz-transform:translateY(-10%);
    }
    .card-down img{
        height : 222px;
    }

    .owl-service-image .owl-stage-outer{
        height:300px !important;
    }
    .service-image.mobile .service-item{
        width:100%;
    }
    .service-image.mobile .service-item img:not(.img-name){
        height:300px
    }
    .service-image.mobile1,.service-image.mobile2{
        margin-bottom : 0.5rem;
    }
    .service-image.mobile1,.service-image.mobile2{
        gap : .5rem;
    }
    .service-image.mobile1 .service-name,.service-image.mobile2 .service-name{
        font-size : 20px;
    }
    .service-image.mobile1 img,.service-image.mobile2 img,.service-image.mobile3 img{
        height : 200px;
    }
    .service-image.mobile2 .service-item, .service-image.mobile1 .service-item{
        width : calc(100%/2);
    }
    .service-image.mobile3 .service-item{
        width:100%;
    }
    .service-image.mobile .service-item .service-name{
        padding-left : 0.1rem;
    }    
    .nav-tab-bottom .nav-content a{
        font-size : 14px;
        font-weight:500;
        padding : 0.6rem 0.7rem;
        display:flex;
        align-items:center;
    }
    .nav-tab-bottom .nav-content a.active{
        border-radius : 10px 10px 0px 0px;
    }

    .package {
        position: relative;
        overflow: hidden;
        border-radius: 15px;
        width : 310px;
    }
    .img-hero-new{
        height : 65vh;
        /* height: 600px; */
        /* background : url('../img/hero-home-mobile.webp'); */
        /*background-position: center;
        background-size: cover;
        background-repeat: no-repeat;         */
    }
    .video-office .layer-play .play{
        font-size: 20px;
        width: 60px;
        height:60px;
        margin-right: -35px;
    }
    .video-office-fixed.show iframe{
        height: 30%;
    }

    .img-who-we-are .text-bottom{
        left : 20%;
    }    
    .x-scroll:not(.show-scroll)::-webkit-scrollbar{
        display:none;
    }
    .x-scroll:not(.show-scroll){
        -ms-overflow-style: none;
        scrollbar-width: none;        
    }    
    .x-scroll{
        width:100%;
        overflow-x : auto;
    }    
    .whats-different img{
        height:200px;
    }
    .x-item:not(.x-auto){
        width : 90%;
    }
    .animation-move-up .card,.animation-move-down .card{
        min-width:80%;
        margin-right : 1rem;
    }
    .banner-section .left{
        min-height:300px !important;
        background:url('../img/common/img-collect-mobile.jpg') !important;
        background-size:cover !important;
        background-position:center !important;
        background-repeat:no-repeat !important;
    
    }
    .banner-section .left,.banner-section .right{
        width : 100%;
    }
    .change-package-link::-webkit-scrollbar,.tabs-hotel::-webkit-scrollbar,.animation-move-up::-webkit-scrollbar,.animation-move-down::-webkit-scrollbar{
        display:none;
    }
    .animation-move-up,.animation-move-down{
        top : 0;
        bottom : 0;
        -webkit-animation:none;
        -ms-overflow-style: none;
        scrollbar-width: none;        
        display:flex;
        width:100%;
        overflow-x : auto;
    }
    .change-package-link,.tabs-hotel{
        flex-wrap:inherit;
        -ms-overflow-style: none;
        scrollbar-width: none;        
        display:flex;
        width:100%;
        overflow-x : auto;
    }
    .change-package-link a{
        min-width : 160px;
        width : auto;
    }
    .tabs-hotel button{
        white-space:nowrap;
        width : auto;
    }
    .img-who-we-are img{
        width : 100%;
        height : 300px;
    }    
    .img-package1{
        height : 70px !important;
    }
    .page3-content-box{
        overflow-x:auto;
    }
    .page3-content-box .box-3-2 .top-content{
        height : 160px !important;
    }
    .page3-content-box .box-3-2{
        width : auto !important;
        min-width : 300px;
        min-height : 350px !important;
    }
    .nav-include{
        overflow-x : auto !important;
        flex-wrap : inherit !important;
        padding-bottom : 15px !important;
    }
    .nav-include li button{
        min-width:140px !important;
    }
    .itinerary-tab-content .left, .itinerary-tab-content .right{
        width : 100% !important;
    }
    .itinerary-list{
        overflow-x : auto;
    }
    .itinerary-list a{
        width:auto !important;
        min-width:110px !important;
        padding : 0.5rem !important;
    }
    .leaflet-container{
        height:250px !important;
    }
    .content-tour-type:not(.left) .layer-text .tour-type{
        font-size : 27px !important;
    }
    .content-tour-type.bottom .layer-text .tour-type{
        font-size : 40px !important;
    }
    .content-tour-type.left .layer-text .tour-type{
        font-size : 40px !important;
    }
    .content-tour-type.left{
        height : 230px !important;
    }
    .img-hero-new h1{
        margin-bottom : 0px;
    }
    .img-hero-new h2{
        font-size : 14px;
        margin-bottom:0px;
        /* position:absolute; */
        width : 100%;
        z-index:2;
        text-align:center;
        /* bottom : 50px;
        transform:translateY(-100%) !important */
    }
    .img-hero-new h5{
        font-size : 20px;
    }
    .img-hero-new:before{
        /* background-image: linear-gradient(to right, rgba(0,0,0,0.8),rgba(0,0,0,0.5)); */
    }
    .img-hero-new .hero{
        width:100%;
        max-height: 800px;
        object-fit:cover
    }
    .socmed-animate img{
        transform:scale(1.5);
    }
    /* .lets{
        font-size : 40px !important;
    } */
    .one-review{
        display:block !important;
        height:auto !important;
    }
    .one-review .text-review, .one-review .bg-image{
        width:100% !important;
    }
    .slide-content h1{
          font-size:40px;
    }
    .navbar-top .nav-link{
        padding:0.7rem 1.1rem !important
    }
    #hero .hero-text h1 .travel{
        font-size:100px;
    }
    #hero .hero-text h1 p:last-child{
        margin-top:-10px !important;
    }
    .hero-text{
        width:90% !important;
    }
    #hero .hero-text h1{
        font-weight:900;
        font-size:50px;
    }
    #banner-footer {
        background: url("../img/jvto/custom-package-mobile.jpg");
        background-position:center !important;
    }
    .box-partner {
        min-height: 100px;
    }
    .img-popup img {
        height: auto;
        width: 80%;
    }
    .account-content {
        border-left: none;
        padding: 1rem;
    }
    .img-parent {
        height: 265px;
    }
    .hero {
        flex-direction: column;
        justify-content: center;
        /* min-height : 100vh; */
    }
    .hero-page {
        flex-direction: column;
        justify-content: space-evenly;
        min-height: 500px;
        padding-top : 4rem;
    }
    .hero-page h1 {
        font-size: 50px;
        margin-bottom: 0px;
    }
    .box-filter .content-filter .title {
        padding: 20px 10px;
    }
    .hero-content-bottom {
        margin-bottom: 1rem;
        position: static;
    }
    /* .info-hero-bottom,.hero-content-bottom{
        margin-top : 2rem;
        position : relative !important;
        bottom : inherit !important;
        left : inherit !important;
        transform : translateX(0) !important;
        -webkit-transform : translateX(0) !important;
        -o-transform : translateX(0) !important;
        -moz-transform : translateX(0) !important;
    } */
    /* .package .package-banner {
        height: 185px;
    } */
    .img-cart {
        width: 100%;
        height: 140px;
        margin-bottom: 15px;
    }
    .row-cart-item {
        background: white;
        padding: 10px;
        border: 1px solid #dee2e6 !important;
    }
    .cart-item {
        margin-bottom: 0px !important;
        border: none !important;
    }
    .cart-item .bottom {
        border: 1px solid var(--softGreyColor);
    }
    .cart-item .bottom div {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .input-search {
        padding: 0px;
    }
    .info-hero-bottom p {
        text-align: center;
    }
    .info-hero-bottom img {
        width: 28px;
    }
    .info-hero-bottom span {
        font-size: 2.7vw;
        margin-left: 0;
        display: block;
        margin-top: 10px;
        font-weight: 300;
    }
    .hero-mobile {
        /* background-repeat:no-repeat  !important; */
        /* background:url('../img/hero/banner-mobile.jpg') !important; */
    }
}