*, html, body{margin:0;padding:0;font-size:16px;box-sizing:border-box;}
p,a,li,button{font-family: "Outfit", sans-serif;color:#505050;}
h1,h2,h3,h4{padding:0;margin:0;font-family: "Jost", sans-serif;}
h1{padding-bottom:10px;}
:root{--color-orange:#FF3F45;--color-yellow:#FFD238;--color-light-yellow:#FFF9D1;--color-light-blue:#64DAFF;--color-dark-blue:#0100FD;--color-white:#fff;--color-black:#000;--heading-color:#2C2C2C;--text-color:#666666;--light-grey:#f5f5f5;--color-aqua:#CAF0F8}
.sec-pad{padding:50px 200px}
.hea-sec{display:block;width:100%;height:auto;position:sticky;z-index:1000;background-color:var(--color-yellow);padding:15px;top:0;}
.dek-hea-sec{display:flex;width:100%;height:auto;}
.dek-hea-sec-log{display:flex;max-width:20%;min-width:20%;flex: 1;justify-content: center;align-items: center;}
.dek-hea-sec-log-ima{display:block;max-width:30%;margin-right: auto;text-align:left;transition: max-width 0.3s ease;}
.dek-hea-sec-log-ima-name{display:block;max-width:50%;margin-right: auto;text-align:left;transition: max-width 0.3s ease;}
.dek-hea-sec-log-ima.scrolled {max-width: 15%;}
.dek-hea-sec-nav{display:flex;max-width:80%;min-width:80%;flex: 1;justify-content: right;align-items: center;}
.dek-nav-lis{display:inline-block;width:100%;list-style-type:none;}
.dek-nav-lis li{display:inline;margin:0 10px 0 10px;}
.dek-nav-lis li a {
  text-decoration: none;
  color: var(--color-white);
  border-bottom: 0 solid transparent; /* so we can animate from 0 */
  border-radius: 0;
  transition: border-bottom 0.3s ease, border-radius 0.3s ease;
}

.dek-nav-lis li a:hover {
  border-bottom: 5px solid var(--color-orange);
  border-radius: 0 0 10px 10px;
}
.foo-sec-pho:hover {
    border-bottom: 5px solid var(--color-orange);
  border-radius: 0 0 10px 10px;
}
.mob-hea-sec{display:none;width:100%;height:auto;}
.mob-hea-sec-log{display:flex;max-width:50%;min-width:50%;flex: 1;justify-content: left;align-items: center;}
.mob-hea-sec-men-ico{display:flex;max-width:50%;min-width:50%;flex: 1;justify-content: right;align-items: center;}
.menu-icon {width:30px;height:24px;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;}  
.menu-icon span {display:block;height:2px;width:100%;background:black;border-radius:2px;transition:0.3s;}  
.menu-icon.open span:nth-child(1) {transform:rotate(45deg) translate(5px,5px);}  
.menu-icon.open span:nth-child(2) {transform:rotate(-45deg) translate(5px,-5px);}  

.pri-but{text-decoration:none;background:var(--color-orange);padding:10px 14px;color:var(--color-white);border-radius:5px;margin:0 0 0 10px;font-weight:550;}
.pri-but:hover{border-bottom: 5px solid var(--color-orange);
  border-radius: 0 0 10px 10px;background:transparent;}
.sli-sec{display:block;width:100%;}
.sli-con{display:block;width:100%;min-height:550px;position:relative;overflow:hidden;}
.sli-con-tex-con{display:block;width:100%;min-height:550px;background:var(--color-dark-blue);position:absolute;top:0;left:0;z-index:2;mix-blend-mode: multiply;opacity:0.2;}
.sli-tex-ovr-h1{font-weight:900;color:#fff;font-size:3rem;line-height:100%;text-shadow:-1px -1px 0 #909090,1px -1px 0 #909090,-1px 1px 0 #909090,1px 1px 0 #909090;}
.sli-tex-ovr-h3{font-weight:500;color:#fff;font-size:1.5rem;line-height:100%;text-shadow:-1px -1px 0 #909090,1px -1px 0 #909090,-1px 1px 0 #909090,1px 1px 0 #909090;}
.sli-con-tex-con-tex{display:flex;width:100%;min-height:550px;justify-content:center;align-items:center;position:absolute;top:0;left:0;z-index:4;}
.sli-sli{display:block;width:100%;min-height:550px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-blend-mode:multiply;position:absolute;top:0;left:0;opacity:0;transition:opacity 0.5s ease;z-index:0;}
.sli-sli.active{opacity:1;z-index:1;}
.aut-sdr-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:2;}
.aut-sdr-dots span{display:block;width:12px;height:12px;background:rgba(255,255,255,0.5);border-radius:50%;cursor:pointer;transition:background 0.3s;}
.aut-sdr-dots span.active{background:white;}


.sli-sli-one-tex{display:flex;width:100%;min-height:550px;justify-content:flex-start;align-items: center;padding:50px}
.sli-sli-two-tex{display:flex;width:100%;min-height:550px;justify-content:center;align-items: start;padding:50px}
.sli-sli-three-tex{display:flex;width:100%;min-height:550px;justify-content:flex-end;align-items: center;padding:50px}
.sli-sli-four-tex{display:flex;width:100%;min-height:550px;justify-content:center;align-items: start;padding:50px}
.sli-sli-five-tex{display:flex;width:100%;min-height:550px;justify-content:center;align-items: start;padding:50px}
.sli-sli-six-tex{display:flex;width:100%;min-height:550px;justify-content:center;align-items: end;padding:50px}




.sli-sli-one-tex-hea1{font-weight:900;font-size:3rem;line-height:100%;color:var(--color-white);text-shadow: 2px 2px 4px rgba(0,0,0,0.5)}
.sli-sli-one-tex-hea3{font-weight:550;font-size:1.5rem;line-height:100%;color:var(--color-white);text-shadow: 2px 2px 4px rgba(0,0,0,0.5)}


.abo-sec{display:block;width:100%;opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
.abo-sec.visible {opacity: 1;transform: translateY(0);}
.abo-con{display:flex;width:100%;height:auto;position:relative}
.abo-con-ima{display:flex;max-width:50%;min-width:50%;flex: 1;justify-content: left;align-items: start;background-repeat:no-repeat;background-position:center center;background-size:cover;background-blend-mode:multiply;border-radius:10px;}
.abo-con-tex{display:flex;max-width:50%;min-width:50%;flex: 1;justify-content: left;align-items: start;}
.abo-con-tex-con{padding-left:20px;}
.sec-tit{display:block;text-align:center;font-weight:700;font-size:1.5rem;color:var(--color-dark-blue);padding-bottom:20px;margin:0;padding:0;}
.sub-tit{display:block;font-weight:900;font-size:1.2rem;color:var(--color-white);line-height:100%;}
.sub-tit-blog{display:block;font-weight:900;font-size:1.2rem;colorsec-tit:var(--color-dark-blue);line-height:100%;}
.bns-sec{display:block;width:100%;height:auto;background:#fff;opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease;padding-bottom:20px;}
 .bns-sec.visible {
  opacity: 1;
  transform: translateY(0);
}
.bns-sec-inr{display:block;width:100%;height:auto;background:#44a5d0;position:relative;}
.bns-sec-inr h1{color: var(--color-white);}
/*
.bns-sec, .bns-sec-inr, .con-sec, .con-sec-inn { position: relative; overflow: hidden; clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 75% 98%, 50% 95%, 25% 98%, 0% 95%); animation: waveClip 3s linear infinite; }

@keyframes waveClip { 0% { clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 75% 98%, 50% 95%, 25% 98%, 0% 95%); } 50% { clip-path: polygon(0% 0%, 100% 0%, 100% 93%, 75% 96%, 50% 93%, 25% 96%, 0% 93%); } 100% { clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 75% 98%, 50% 95%, 25% 98%, 0% 95%); } }*/

@keyframes waveUpDown1 {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}
@keyframes waveUpDown2 {
  0% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}
@keyframes waveUpDown3 {
  0% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
  100% { transform: translateY(0); }
}

.wave {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  transform-origin: center;
}

.wave1 {
  animation-name: waveUpDown1;
  animation-duration: 6s;
}

.wave2 {
  animation-name: waveUpDown2;
  animation-duration: 8s;
}

.wave3 {
  animation-name: waveUpDown3;
  animation-duration: 10s;
}
.bns-sec-inr-inr{display:block;}
.bns-sec-inr-inr p{color: var(--color-white);}
.ser-sec{display:block;width:100%;height:auto;}
.ser-con{display:flex;width:100%;flex-wrap:wrap;}
.ser-con-til{display:block;max-width:calc( 100% / 3 );min-width:calc( 100% / 3 );}
.ser-con-til-fro{display:block;width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-blend-mode:multiply;min-height:320px;}
.flip-container {
  perspective: 1000px;
  width: 100%;
  height: 320px;
  position: relative;
  margin: auto;
  padding: 0;
}

.flipper {
  position: relative;
  width: 100%;
  height: 100%;
  transition: 0.6s;
  transform-style: preserve-3d;
}

.flip-container .flipper {
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.flip-container.hover .flipper,
.flip-container.flipped .flipper {
  transform: rotateY(180deg);
}


.front, .back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  /*box-shadow: 0 4px 12px rgba(0,0,0,0.15);*/
  
}
.card-read-more-button {
    color:#fff;
    border: 1px solid rgba(0,0,0,0.15);
}

.front-inner {
    display:flex;
    width: 100%;
    height: 100%;
    justify-content:center;
    align-items:end;
    padding: 50px;
}
.front-inner div{
    text-align:center;
}
.back {
  width: 100%;
  height: 320px;
  background: #fff;
  color: #000;
  transform: rotateY(180deg);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid rgba(0,0,0,0.15);
  position:relative;
}
.back-to-front{display:none;position:absolute;top:5%;right:5%;}
.back-inner {
    padding:20px;
    text-align:left;
}
.back-inner h3{
    font-weight: 550;
    color: var(--color-dark-blue);
}
.back-inner p{
    font-size: 0.8rem;
}
.flip-container-text {
  display: block;
  width: 100%;
  height: auto;
  padding: 25px 10px;
}
.floating-ship {
    display: block;
    max-width: 10%;
    margin: auto;
    position: absolute;
    left: 3%;
    top: 3%;
    transform: rotate(45deg);
    animation: rock 6s ease-in-out infinite alternate;
}

/* Rocking around 45° */
@keyframes rock {
    0% {
        transform: rotate(43deg);
    }
    50% {
        transform: rotate(47deg);
    }
    100% {
        transform: rotate(43deg);
    }
}







#flipBtn,#flipBtn2,#flipBtn3,#flipBtn4,#flipBtn5,#flipBtn6,#flipBtn7,#flipBtn8{background:none;border:none;color:#007acc;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:0;transition:color 0.3s;margin:0;}
#flipBtn::after,#flipBtn2::after,#flipBtn3::after,#flipBtn4::after,#flipBtn5::after,#flipBtn6::after,#flipBtn7::after,#flipBtn8::after{content:'→';display:inline-block;transition:transform 0.3s;margin-left:4px;}
#flipBtn:hover,#flipBtn2:hover,#flipBtn3:hover,#flipBtn4:hover,#flipBtn5:hover,#flipBtn6:hover,#flipBtn7:hover,#flipBtn8:hover{color:#005fa3;}
#flipBtn:hover::after,#flipBtn2:hover::after,#flipBtn3:hover::after,#flipBtn4:hover::after,#flipBtn5:hover::after,#flipBtn6:hover::after,#flipBtn7:hover::after,#flipBtn8:hover::after{transform:translateX(4px);}
#ocean,#river,#luxury,#hotels,#all-inclusive{background:none;border:none;color:#007acc;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:0;}
#ocean .arrow,#river .arrow,#luxury .arrow,#hotels .arrow,#all-inclusive .arrow{display:inline-block;transition:transform 0.3s;}
#ocean.open .arrow,#river.open .arrow,#luxury.open .arrow,#hotels.open .arrow,#all-inclusive.open .arrow{transform:rotate(180deg);}
.des-sec{display:block;width:100%;height:auto;position:relative;}
.des-sec-inn{display:block;width:100%;height:auto;position:relative;overflow-x:auto;scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;}
.des-con{display:flex;width:auto;}
.des-con-loc{display:flex;max-width:40%;min-width:40%;flex: 1;justify-content: center;align-items: center;padding:5px;scroll-snap-align: start;}
.des-con-loc-stu{display:block;width:100%;height:auto;}
.des-con-loc-stu-ima{display:block;width:100%;min-height:400px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-blend-mode:multiply;border-top-left-radius: 10px;
border-top-right-radius: 10px;margin:0!important;padding:0;position:relative;}

.des-con-loc-stu-txt{
    
    background:white;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size:0.8rem;
    padding: 20px;
    color: #505050;
    visibility: hidden;
}

.des-con-btn{
    all: unset;
    cursor: pointer;
    background-color: var(--color-orange);
    color: #fff;
    font-weight: 700;
    padding:10px;
    border-radius:5px;
}
.des-con-loc-stu-tit{display:block;width:100%;height:auto;background:var(--color-yellow);border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;margin:0!important;padding:0;text-align:center;padding:10px;}
.des-con-loc-stu-tit h1{margin:0;padding:0;color:var(--color-white);font-weight:bold;font-size:1.2rem;}
.con-sec{display:block;width:100%;height:auto;background:#bfe2ff;padding-bottom:30px}
.con-sec {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease;
}

.con-sec.visible {
  opacity: 1;
  transform: translateY(0);
}
.countdown{
    border: 1px solid var(--color-orange);padding:3px;
}
.con-sec-inn{display:block;width:100%;height:auto;background:#44a5d0;}
.con-sec-inn-inn{display:block;width:100%;height:auto;}
.con-sec-inn-inn h1{color:var(--color-white);}
.con-con{display:flex;width:100%;flex-wrap:wrap;}
.con-con-ima{display:flex;max-width:50%;min-width:50%;flex: 1;justify-content: left;align-items: start;background-repeat:no-repeat;background-position:center center;background-size:cover;background-blend-mode:multiply;border-radius:10px;}
.con-con-tex{display:flex;max-width:50%;min-width:50%;flex: 1;justify-content: left;align-items: start;padding-bottom:20px;}
.con-con-tex{padding-left:20px;}
.ctt-frm{display:block;width:100%;height:auto;}
.ctt-frm input[type="text"]{display:block;width:100%;height:auto;padding:12px;border:none;border:1px solid #ccc;margin-bottom:5px;}
.ctt-frm textarea{display:block;width:100%;min-height:200px;padding:12px;border:none;border:1px solid #ccc;}
.sub-but{background-color:#FF3F45;color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:16px;border-radius:4px;transition:background-color 0.3s ease;font-weight:550;margin-bottom:15px;}
.sub-but:hover{background-color:#e5393e;}
.foo-sec{padding-top:50px}
.foo-sec-bot{display:flex;width:100%;height:auto;justify-content:center;align-item:center;padding:10px;text-align:center;}
.foo-sec-top{display:flex;width:100%;height:auto;padding:10px;flex-wrap:wrap;}
.foo-sec-top-soc{display:flex;max-width:20%;min-width:20%;flex: 1;justify-content: left;align-items: center;}
.foo-sec-top-soc a{text-decoration:none;padding:10px;}
.foo-sec-top-nav{display:flex;max-width:60%;min-width:60%;flex: 1;justify-content: center;align-items: center;}
.foo-sec-top-pho{display:flex;max-width:20%;min-width:20%;flex: 1;justify-content: right;align-items: center;}
.foo-sec-top-pho a{text-decoration:none;}
.ftr-nav{display:flex;width:100%;list-style-type:none;}
.ftr-nav li{text-decoration:none;padding:5px;border-right: 1px solid #ccc;}
.ftr-nav li:last-child {border-right: none;}
.ftr-nav- li a{text-decoration:none;}
.ftr-nav li a {
  text-decoration: none;
  border-bottom: 0 solid transparent; /* so we can animate from 0 */
  border-radius: 0;
  transition: border-bottom 0.3s ease, border-radius 0.3s ease;
}

.ftr-nav li a:hover {
  border-bottom: 5px solid var(--color-orange);
  border-radius: 0 0 10px 10px;
}
.men-pop-con {
  display: flex;
  width: 100%;
  height: 100vh;
  background: var(--color-yellow);
  position: fixed;
  top: 0;
  left: -100%; /* hide off screen */
  z-index: 100;
  transition: left 0.3s ease; /* animate left */
}

.men-pop-con.open {
  left: 0; /* slide in */
}
.men-pop-nav{list-style-type:none;display:block;width:100%;}
.men-pop-nav li{display:block;width:100%;}
.men-pop-nav li a {display:block;padding:20px 0;color:#fff;font-weight:550;font-size:1.5rem;text-decoration:none;}

.blo-sec{display:block;width:100%;height:auto;padding:10px 200px;border-bottom:1px solid #ccc;}
.blo-con{display:flex;width:100%;height:auto;flex-wrap:wrap;}
.blo-con-pos{display:flex;max-width:50%;min-width:50%;flex: 1;justify-content: left;align-items: start;padding:10px;}
.blo-con-pos-con{display:block;width:100%;height:auto;}
.blo-con-pos-con-ima{display:block;width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-blend-mode:multiply;min-height:400px;}
.sin-pos-sec{display:block;width:100%;height:auto;padding:10px 200px;border-bottom:1px solid #ccc;}
.sin-pos-con{display:display;width:100%;height:auto;}
.sin-pos-con-ima{display:block;width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-blend-mode:multiply;min-height:250px;}
.sin-pos-con-tex{display:block;width:100%;height:auto;text-align:left;}
.pag-sec{display:block;width:100%;min-height:100vh;padding:10px 200px;border-bottom:1px solid #ccc;}
.bns-sec-frm{max-height: 100px;}

#name-logo, #name-logo-mobile{display:none}
.blo-con-pos-con-tex{padding:10px 0;}
.abo-sec-list {
  list-style: none; /* remove default bullets */
  padding-left: 0;
}

.abo-sec-list li {
  position: relative;
  padding-left: 1.5em; /* space for the checkmark */
  margin-bottom: 0.5em;
}

.abo-sec-list li::before {
  content: '✔';
  position: absolute;
  left: 0;
  color: #FF3F45;
  font-weight: bold;
}
.list-h4{
    font-weight:700;
    color: var(--color-dark-blue);
}

.til-tit{
    background:var(--color-yellow);
    padding: 10px;
}

.par-scr {
  background-attachment: fixed; /* key for parallax */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

}


























@media (max-width: 480px) {
    .hea-sec{padding:7.5px}
    .dek-hea-sec{display:none}
    .mob-hea-sec{display:flex}
    .sec-pad{padding:20px!important;}
    .abo-con{flex-direction:column-reverse}
    .abo-con-ima{min-width:100%;max-width:100%;min-height:480px;}
    .abo-con-tex{min-width:100%;max-width:100%;}
    .abo-con-tex-con{padding-left:0;padding-bottom:10px;}
    .bns-sec-inr-inr{display:block;padding:0 10px 10px 10px}
    .bns-sec-frm{min-height:470px;}
    .ser-sec{padding:10px}
    .ser-con-til{max-width:100%;min-width:100%;margin:0;margin-bottom:20px;}
    .ser-con-til-fro, .front, .back, .flip-container{min-height:350px;}
    .flip-container{padding:0;}
    .des-sec{padding:10px;}
    .des-con-loc{display:flex;max-width:90%;min-width:90%;}
    .con-sec-inn-inn{padding:10px;}
    .con-con-ima{display:flex;max-width:100%;min-width:100%;}
    .con-con-tex{display:flex;max-width:100%;min-width:100%;padding:0;}
    .foo-sec-top-soc{display:flex;max-width:100%!important;min-width:100%!important;flex: 1;justify-content: center!important;align-items: center;}
    .foo-sec-top-nav{display:flex;max-width:100%!important;min-width:100%!important;flex: 1;justify-content: center;align-items: center;}
    .foo-sec-top-pho{display:flex;max-width:100%!important;min-width:100%!important;flex: 1;justify-content: center!important;align-items: center;}
    .ftr-nav{display:block;width:100%;list-style-type:none;}
    .ftr-nav li{display:block;text-decoration:none;padding:10px;text-align:center;}
    .blo-sec{padding:10px}
    .blo-con-pos{max-width:100%;min-width:100%;padding:0px;padding-bottom:15px;}
    .sin-pos-sec{padding:10px}
    .pag-sec{padding:30px 10px}
    .bns-sec{padding-bottom:10px}
    .con-sec{padding-bottom:10px}
    .ftr-nav li{border-right:none}
    .back-to-front{display:block}
}

@media (min-width: 481px) and (max-width: 768px) {

    .bns-sec-inr-inr{padding:10px}
    .bns-sec-frm{min-height:100px;}
    .ser-sec{padding:10px}
    .des-sec{padding:10px;}
    .con-sec-inn-inn{padding:10px;}
    .sec-pad{padding:20px!important;}
    .floating-ship {max-width: 6%;}
    .ftr-nav li{border-right:none}
    .back-to-front{display:block}
}

@media (min-width: 769px) and (max-width: 1023px) {

    .bns-sec-inr-inr{padding:10px}
    .bns-sec-frm{min-height:100px;}
    .ser-sec{padding:10px}
    .des-sec{padding:10px;}
    .con-sec-inn-inn{padding:10px;}
    .sec-pad{padding:20px!important;}
    .floating-ship {max-width: 6%;}
    .back-to-front{display:block}
}

@media (min-width: 1024px) and (max-width: 1366px) {

    .bns-sec-inr-inr{padding:10px}
    .bns-sec-frm{min-height:100px;}
    .ser-sec{padding:10px}
    .des-sec{padding:10px;}
    .con-sec-inn-inn{padding:10px;}
    .sec-pad{padding:20px 80px!important;}
    .floating-ship {max-width: 7%;}
}

@media (min-width: 1367px) and (max-width: 1440px) {
}

@media (min-width: 1440px) and (max-width: 1680px) {
    .sec-pad{padding:50px 250px}
}
@media (min-width: 1681px) {
    .sec-pad{padding:50px 300px}
}