.banner-cruiseLine{
    position: relative;
}
.banner-cruiseLine ._banner{
    display: block;
    object-fit: cover;
    height: 87vh;
}
@media (min-width: 1535px) {
    .banner-cruiseLine ._banner{ 
        height: auto;
    }
}
.banner-cruiseLine .bannertxt{
    position: absolute;
    top:15%;
    padding-top: 60px;
}
.banner-cruiseLine .logoCruiseLine img{
    width:auto;
}
.banner-cruiseLine .headingOne{
    font-size:46px; 
    line-height:50px;
    /* font-size:3.2vw;
    line-height:3.4vw;     */
    color: #fff;
    font-weight: 600;
    margin-top: 25px;
}
    .banner-cruiseLine .headingOne span {
        color: #ff7519;
        display: block;
        width: 790px;
    }
.banner-cruiseLine .punchlineTxt {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    padding-top: 10px;
    max-width: 550px;
}
.formContainer {
    padding-top: 40px;
}
.formContainer .tabServices{padding-bottom: 15px;}
.formContainer .tabServices ul{ display: flex;}
.formContainer .tabServices ul li {
    display: flex;
    background: rgba(255,255,255,0.5);
    border-radius: 5px;
    margin: 0 10px 0 0;
    padding: 8px 12px 8px 10px;
    color: #fff;
    font-size: 13px;
    align-items: center;
    font-weight: 600;
}
.formContainer .tabServices ul li img {
    max-height: 16px;
    width: auto;
    margin-right:6px;
}
.formContainer .formBox {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    max-width: 760px;
}
.formContainer .formBox .flexDiv{
    display: flex;
    justify-content: space-between;
}
.formContainer .fieldBlock {
    width:24%;
    position: relative;
}
.formContainer .fieldBlock input, 
.formContainer .fieldBlock select {
    width: 100%;
    border: solid 1px #142142;
    padding: 15px 15px 0px 14px;
    font-size: 16px;
    color: #142142;
    font-weight: 500;
    height: 56px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.formContainer .fieldBlock select {
    background: #fff url(../images/dropdownGrey.png) right 10px top 12px no-repeat;
    background-size:12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-right:none;
}
.formContainer .fieldBlock select#ddlCruiseYear {
    border-right: solid 1px #142142;
}
    .formContainer .fieldBlock select#ddlCruisePort {
        width:130px
    }
.formContainer .fieldBlock .labelText {
    position: absolute;
    left: 15px;
    top: 10px;
    font-size: 11px;
    color: #142142;
    font-weight: 600;
}
.formContainer .formBox button {    
    font-size: 22px;
    line-height:28px;
    text-transform: uppercase;
    display: block;
    background-color: #142142;
    color: #fff;
    font-weight: 600;
    padding: 12px;
    border: none;
    width: 100%;
    margin-top: 15px;
    cursor: pointer;
}

.choosePerfectCruise{
    padding: 50px 0px;
}
.choosePerfectCruise h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
}
.choosePerfectCruise .h2-punchline{
    font-size: 18px;
    text-align: center;
    color: #142142;
    padding-top: 10px;
    max-width: 670px;
    margin: 0 auto;
}
.choosePerfectCruise .flexTwoCol{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.chooseFlyContainer {
    border: solid 2px #142142;
    border-radius: 10px;
    width: 48%;
    padding: 40px 20px 40px 20px;
    color: #142142;
    position: relative;
    transition: transform .5s; 
}
.chooseFlyContainer .fullLink{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.chooseFlyContainer:hover{ 
  transform: scale(1.03); 
  border: solid 2px #142142;
}
.chooseFlyContainer .popularCenter{
    position: absolute;
    top: -12px;
    background: #ff7519;
    padding: 4px 25px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
    left: 50%;
    margin-left: -65px;
}
.chooseFlyContainer .iconDiv{
    /*padding-left: 25px;*/
}
.chooseFlyContainer .iconDiv img{width: auto;}
.chooseFlyContainer .contentSec{
   /* padding: 30px 25px 0 25px;*/
}
.chooseFlyContainer h4{
    font-size: 36px; 
    line-height: 46px;
    text-transform: none;
    letter-spacing: 0;
    padding-bottom: 10px;
}
.chooseFlyContainer p{
    font-size:17px;
    line-height:26px;
}
.chooseFlyContainer .orderList{
    margin-top: 25px;
}
.chooseFlyContainer .orderList ul{
    margin:0;
    padding: 0;
}
.chooseFlyContainer .orderList li {
    font-size: 16px;
    line-height: 22px;
    background: url(../images/blueBulletIco.png) left top 2px no-repeat;
    margin: 0;
    padding: 0 0 13px 25px;
}
.chooseFlyContainer .exploreBtn {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    padding: 25px 0 0 25px; 
}
.chooseFlyContainer .exploreBtn img{
    width: auto;
    margin-left: 15px; 
    transition-duration: 300ms;
}
.chooseFlyContainer:hover .exploreBtn img{ 
    margin-left:25px; 
    transition-duration: 300ms;
}
.chooseFlyContainer.mostPopuler{
    background-color:#142142;
    color: #fff;
}
.chooseFlyContainer.mostPopuler h4{ 
    color: #fff;
}
.chooseFlyContainer.mostPopuler .orderList li { 
    background: url(../images/orangeBulletIco.png) left top 2px no-repeat; 
} 
.amezingDest{
    padding: 50px 0px 70px 0px;
    background-color: #efefef;
}
.amezingDest h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
}
.amezingDest .h2-punchline{
    font-size: 18px;
    text-align: center;
    color: #142142;
    padding-top: 10px; 
}
.amezingDest .gridContainer{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:20px;
}
.amezingDest .oneThird_col{
    width:32%;
    margin-top: 35px;
}
.amezingDest .oneTwo_col{
    width:66%;
    margin-top: 35px;
}
.amezingDest .cardDiv{
    border-radius: 10px;
    overflow: hidden;
    position: relative; 
}
.amezingDest .cardDiv .thumImg{
    width: 100%;
    transition: transform .5s; 
}
.amezingDest .cardDiv:hover .thumImg{
    transform: scale(1.1); 
}
.amezingDest .cardDiv .inseOvelaygredient {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 80%;
	background: linear-gradient(180deg,rgba(21,34,67,0) 5%,rgb(10, 24, 58) 100%);
}
.amezingDest .cardDiv .bottomContent {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%; 
	z-index: 1;
	padding: 25px;
	color: #fff;
}
.amezingDest .cardDiv .bestDealStar{
    background: url(../images/bestSellerStar.png) left top 2px no-repeat;   
    font-size: 14px;
    color: #ff7519; 
    font-weight: 500;
    padding:0 0 5px 20px;
}
.amezingDest .cardDiv h4 {
    font-size: 18px;
    color: #fff;
    letter-spacing: 0;
    text-transform: none;    
}
.amezingDest .cardDiv p {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    letter-spacing: 0;
    padding: 10px 0 0 0;
}
.amezingDest .cardDiv .exploreBtn {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0 0 0px; 
}
.amezingDest .cardDiv .exploreBtn img{
    width: auto;
    margin-left: 15px; 
    transition-duration: 300ms;
}
.amezingDest .cardDiv:hover .exploreBtn img{ 
    margin-left:25px; 
    transition-duration: 300ms;
}
.amezingDest .cardDiv .fullLink{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index:2;
}
.durationSec{
    padding: 50px 0px 70px 0px; 
}
.durationSec h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
}
.durationSec .h2-punchline{
    font-size: 18px;
    text-align: center;
    color: #142142;
    padding-top: 10px; 
}
.durationSec .gridContainer{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:70px;
} 
.durationSec .cardDiv {
    border-radius: 10px;
    position: relative;
    text-align: center;
    background-color: #ededed;
    color: #142142;
    width: 23%;
    border:solid 2px #ededed;
    padding: 28px 15px 43px 15px;
    transition: transform ease 300ms;
}
.durationSec .cardDiv:hover {
    transform: translate(0, -10px);
    -webkit-box-shadow: 0px 6px 17px -4px rgb(160, 160, 160);
    -moz-box-shadow: 0px 6px 17px -4px rgb(160, 160, 160);
    box-shadow: 0px 6px 17px -4px rgb(160, 160, 160);
    border:solid 2px #142142;
}

.durationSec .popularCenter {
    position: absolute;
    top: -12px;
    background: #ff7519;
    color: #fff;
    padding: 4px 25px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
    left: 50%;
    margin-left: -65px;
}
.durationSec .iconDiv {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-color: #142142;
    border-radius: 50%;
    text-align: center;
    padding-top: 11px;
}
.durationSec .iconDiv img{
    width:18px;
}
.durationSec .cardDiv .nightText{
    font-size: 24px;
    font-weight: 600;
    padding-top: 35px;
}
    .durationSec .cardDiv .nightText span {
        display: block;
        margin-bottom: 4px;
    }
    .durationSec .cardDiv .shortText {
        font-size: 15px;
        font-weight: 500;
        padding-top: 18px;
    }
.durationSec .cardDiv .priceText {
    font-size: 25px;
    font-weight: 600;
    padding-top: 20px;
}
.durationSec .cardDiv .priceText span{
    color:#ff7519;
}
.durationSec .cardDiv .advText {
    font-size: 17px;
    font-weight: 500;
    padding-top: 30px;
}
.durationSec .cardDiv .exploreBtn {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 0 0 0px;
    justify-content: center;
}
.durationSec .cardDiv .exploreBtn img {
    width: auto;
    margin-left: 15px;
    transition-duration: 300ms;
}
.durationSec .cardDiv:hover .exploreBtn img {
    margin-left: 25px;
    transition-duration: 300ms;
}

.durationSec .cardDiv.mostPopuler{ 
    background-color: #142142;
    color: #fff; 
}
    .durationSec .cardDiv.mostPopuler .exploreBtn img {
        filter: brightness(0) saturate(100%) invert(95%) sepia(56%) saturate(2%) hue-rotate(208deg) brightness(109%) contrast(100%);
    }
    .durationSec .cardDiv.mostPopuler .iconDiv {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        background-color: #fff;
        border-radius: 50%;
        text-align: center;
        padding-top: 10px;
    }
.durationSec .cardDiv .fullLink{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index:2;
}
.incredibleSec{
    padding: 50px 0px 70px 0px;
    background-color: #efefef;
}
.incredibleSec h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
}
.incredibleSec .h2-punchline{
    font-size: 18px;
    text-align: center;
    color: #142142;
    padding-top: 10px; 
}
.incredibleSec .gridContainer{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:20px;
} 
.incredibleSec .cardDiv{
    border-radius:20px;
    overflow: hidden;
    position: relative;  
    width:32%;
    margin-top: 35px;
    background: #fff;
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
    transition: 0.3s;
}

.incredibleSec .cardDiv:hover {
        transform: translateY(-10px);
    }
.incredibleSec .cardDiv .thumbDiv{ 
    position: relative; 
    max-height:227px;
    overflow:hidden;
}
.incredibleSec .cardDiv .thumbDiv img{ 
    object-fit: cover;  
    display:block;
}
.incredibleSec .cardDiv .thumbDiv .nightTag {
	background-color: #142142;
	color: #fff;
	font-size: 13px;
	line-height: 14px;
	padding: 3px 12px;
	border-radius: 5px;
	position: absolute;
	bottom: 18px;
	left: 22px;
}
.incredibleSec .cardDiv .descriptionBox{
    padding: 25px;
    color: #142142;
}
.incredibleSec .cardDiv .nightText {
	font-size: 24px;
	font-weight: 600; 
}
.incredibleSec .cardDiv .shortText {
	font-size: 12px;
	font-weight: 500;
	padding-top: 18px;
}
.incredibleSec .cardDiv .priceText {
	font-size: 16px;
	padding-top: 20px;
}
.incredibleSec .cardDiv .priceText span {
	font-size: 30px;
	font-weight: 600;
    display: block;
}
.incredibleSec .cardDiv.higlighted .priceText span{
	color:#ff7519;
}
.incredibleSec .orderList {
	margin-top:20px;
    min-height: 125px;
}
.incredibleSec .orderList ul{
    margin:0;
    padding: 0;
}
.incredibleSec .orderList li {
	font-size: 15px;
	line-height: 20px;
	background: url(../images/listing-blueTick.png) left top 6px no-repeat;
	margin: 0;
	padding: 0 0 10px 20px;
}
.incredibleSec .viewBtn {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    display: block;
    text-align: center;
    padding: 12px;
    border-radius:0px;
    text-decoration: none; 
    color: #fff;
    background-color:#142142;
    margin-top: 15px;
}

.incredibleSec .cardDiv.higlighted{ 
    background: #142142; 
}
.incredibleSec .cardDiv.higlighted .descriptionBox{ 
    color: #fff;
}
.incredibleSec .cardDiv.higlighted .orderList li {
	font-size: 15px;
	line-height: 20px;
	background: url(../images/listing-whiteTick.png) left top 6px no-repeat;
	margin: 0;
	padding: 0 0 10px 20px;
}
.incredibleSec .cardDiv.higlighted .viewBtn { 
    color: #fff;
    background-color:#ff7519; 
} 

.sailYourCity{
    padding: 50px 0px 70px 0px; 
    background-color: #142142;
}
.sailYourCity h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
.sailYourCity .h2-punchline{
    font-size: 18px;
    text-align: center; 
    padding-top: 10px; 
    color: #fff;
}
    .sailYourCity .gridContainer {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 70px;
    } 
.sailYourCity .cardDiv {
	border-radius: 10px;
	position: relative;
	text-align: center;
	background-color: #fff;
	color: #142142;
	width: 23%; 
	padding: 28px 15px 35px 15px;
	transition: transform ease 300ms;
}
.sailYourCity .cardDiv:hover {
    transform: translate(0, -10px); 
    background-color: #eef2fc;
} 
.sailYourCity .iconDiv {
	width: 55px;
	height: 55px;
	margin: 0 auto;
	background-color: #142142;
	border-radius: 50%;
	text-align: center;
	padding-top: 10px;
}
.sailYourCity .orangeBox .iconDiv {
    background-color: #ff7519;
    padding-top: 16px;
}
.sailYourCity .iconDiv img{
    width: auto;
}
.sailYourCity .cardDiv .cityHeading {
	font-size: 24px;
	font-weight: 600;
	padding-top: 26px;
}
.sailYourCity .cardDiv .shortText {
	font-size: 13px;
	font-weight: 500;
	padding-top: 10px;
}
.sailYourCity .cardDiv .orangeText {
    color: #ff7519;
    font-size: 13px;
    font-weight: 600;
    padding-top: 12px;
}
 
.sailYourCity .cardDiv .fullLink{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index:2;
}

.popular_noFly {
	padding: 50px 0px 70px 0px; 
}
.popular_noFly h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    text-align: center; 
}
.popular_noFly .h2-punchline{
    font-size: 18px;
    text-align: center; 
    padding-top: 10px;  
    color: #142142;
}
    .popular_noFly .gridContainer {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 40px;
        gap: 2%;
    }
    .popular_noFly .cardDiv {
        width: 32%;
        background: #fff;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        transition: 0.3s;
        border: solid 1px #83899b;
        margin-top: 30px;
        display: none;
        position: relative;
    }
   .popular_noFlyincre .cardDiv {
        width: 32%;
        background: #fff;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        transition: 0.3s;
        border: solid 1px #83899b;
        margin-top: 30px;
     
        position: relative;
    }
        .popular_noFly .cardDiv .deal-fullLink, .popular_noFlyincre .cardDiv .deal-fullLink {
            position: absolute;
            left: 0;
            top: 0;
            height: 83%;
            width: 100%;
            z-index: 2;
        }
        .popular_noFly .cardDiv.show, .popular_noFlyincre .cardDiv.show {
            display: block;
        }

        .popular_noFly .cardDiv:hover, .popular_noFlyincre .cardDiv:hover {
            transform: translateY(-10px);
        }

    .popular_noFly .image-wrapper, .popular_noFlyincre .image-wrapper {
        position: relative;
        height: 195px;
        overflow: hidden;
    }
        .popular_noFly .image-wrapper img, .popular_noFlyincre .image-wrapper img {
            object-fit: cover;
        }

    .popular_noFly .cardDiv .image-wrapper img, .popular_noFlyincre .cardDiv .image-wrapper img {
        width: 100%;
        object-fit: cover;
        display: block;
    }
    .popular_noFly .badge, .popular_noFlyincre .badge {
        position: absolute;
        top: 12px;
        left: 12px;
        background: #1e2a4a;
        color: #fff;
        padding: 3px 13px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 500;
    }

        .popular_noFly .badge.right, .popular_noFlyincre .badge.right {
            left: auto;
            right: 12px;
            background: #ff7a1a;
            display: flex;
            align-items: center;
            gap: 5px;
        }
            .popular_noFly .badge.right img, .popular_noFlyincre .badge.right img {
                width: auto;
                filter: brightness(0) invert(1);
                height: auto;
            }
    .popular_noFly .descriptionBox, .popular_noFlyincre .descriptionBox {
        padding: 20px;
        border-top: solid 1px #83899b;
    }
        .popular_noFly .descriptionBox img, .popular_noFlyincre .descriptionBox img {
            width: auto;
        }
        .popular_noFly .dateGridSec, .popular_noFlyincre .dateGridSec {
            display: flex;
            justify-content: space-between;
            padding-bottom: 15px;
        }
    .popular_noFly .dateDiv, .popular_noFlyincre .dateDiv {
        font-size: 15px;
        color: #2d2d2d;
        background: url(../images/noFly-ico2.png) left top 2px no-repeat;
        padding-left: 20px;
        width: 40%;
        font-weight: 600;
    }
    .popular_noFly .location, .popular_noFlyincre .location {
        font-size: 12px;
        color: #2d2d2d;
        background: url(../images/noFly-ico1.png) left top 2px no-repeat;
        padding-left: 18px;
        width: 60%;
        font-weight: 500;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 30px;
    }

    .popular_noFly .title, .popular_noFlyincre .title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #1e2a4a;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 54px;
    }

    .popular_noFly .desc, .popular_noFlyincre .desc {
        font-size: 14px;
        color: #142142;
        margin-bottom: 5px;
    }
    .popular_noFly .desc, .popular_noFlyincre .desc {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

        .popular_noFly .desc.expanded, .popular_noFlyincre .desc.expanded {
            -webkit-line-clamp: unset;
        }

.readMoreColBtn {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 0 20px 0px;
    color: #142142;
    text-decoration: none;
}
.popular_noFly .readMoreColBtn img, .popular_noFlyincre .readMoreColBtn img {
    width: auto;
    margin-left: 7px;
    transition-duration: 300ms;
    height: 8px;
}
.readMoreColBtn:hover img {
    margin-left: 10px;
    height:8px;
}

.popular_noFly .metaDiv, .popular_noFlyincre .metaDiv {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #5c5c5c;
    margin-bottom: 15px;
    margin-top: 10px;
}

    .popular_noFly .metaDiv .divLeft, .popular_noFlyincre .metaDiv .divLeft {
        font-size: 14px;
        color: var(--footerBlueDark);
        background: url(../images/noFly-ico2.png) left top 2px no-repeat;
        padding-left: 20px;
        font-weight: 600;
    }
    .popular_noFly .metaDiv .divRight, .popular_noFlyincre .metaDiv .divRight {
        font-size: 14px;
        color: var(--footerBlueDark);
        background: url(../images/noFly-ico3.png) left top 2px no-repeat;
        padding-left: 18px;
        font-weight: 600;
    }

.popular_noFly .desFooter, .popular_noFlyincre .desFooter {
    border-top: solid 1px #ababab;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 25px;
}
.popular_noFly .fromTxt, .popular_noFlyincre .fromTxt {
    font-size: 14px;
    color: #656565;
}
.popular_noFly .price, .popular_noFlyincre .price {
    font-size: 24px;
    font-weight: 600;
    color: #142142;
}
    .popular_noFly .price span, .popular_noFlyincre .price span {
        font-weight: normal;
    }

.popular_noFly .actions, .popular_noFlyincre .actions {
    display: flex;
    gap: 10px;
}

.popular_noFly .icon-btn, .popular_noFlyincre .icon-btn {
    width: 42px;
    height: 47px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #142142;
}
    .popular_noFly .icon-btn img, .popular_noFlyincre .icon-btn img {
        width: auto;
    }
    .popular_noFly .icon-btn.primary, .popular_noFlyincre .icon-btn.primary {
        background: #1e2a4a;
        color: #fff;
        border: none;
    }
    .popular_noFly .icon-btn:hover, .popular_noFlyincre .icon-btn:hover {
        border-color: #374f8d;
    }
    .popular_noFly .icon-btn.primary:hover, .popular_noFlyincre .icon-btn.primary:hover {
        background: #374f8d;
    }
.popular_noFly .viewAllBtn, .popular_noFlyincre .viewAllBtn {
    font-size: 15px;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    background-color: #1e2a4a;
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: fit-content;
    margin-top: 45px;
    transition: 0.3s;
}
    .popular_noFly .viewAllBtn:hover, .popular_noFlyincre .viewAllBtn:hover {
        box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    }
    .popular_noFly .viewAllBtn img, .popular_noFlyincre .viewAllBtn img{
        width: auto;
        margin-left: 15px;
        transition-duration: 300ms;
    }
    .popular_noFly .viewAllBtn:hover, .popular_noFlyincre .viewAllBtn:hover {
        background-color: #374f8d;
    }
        .popular_noFly .viewAllBtn:hover img, .popular_noFlyincre .viewAllBtn:hover img{
            margin-left: 25px;
            transition-duration: 300ms;
        }
 
.watchOnboard {
	padding: 70px 0px 70px 0px; 
    background-color: #142142;
}
.watchOnboard .flexTwoCol{
    display: flex;
    justify-content: space-between;
}
.watchOnboard .leftDesc {
    color: #fff;
    width: 55%;
    padding-right: 70px;
}
.watchOnboard .leftDesc h2{
   color: #fff; 
   font-size: 36px;
   line-height: 40px;
   font-weight: 600;
   margin: 0;
   padding: 0 0 20px 0;
}
.watchOnboard .leftDesc .orangeTxt{
    color: #ff7519;
}
.watchOnboard .leftDesc p{
   color: #fff; 
   font-size: 16px;
   line-height:24px;
}
.watchOnboard .servFlex{
    margin-top: 20px; 
}
.watchOnboard .servFlex ul{
    margin: 0;
    padding: 0;
    display: flex;    
    flex-wrap: wrap;
}
.watchOnboard .servFlex ul li{
    width:49%;
    display: flex;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    align-items: center;
    padding-top: 20px;
}
.watchOnboard .servFlex ul li img{
    width: auto;
    margin-right: 10px;
}
.watchOnboard .videoSec {
    width: 45%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.watchOnboard .videoSec video {
    display:block;
}
.chooseAmbassador {
    padding: 50px 0px 50px 0px;
    background:#efefef;
}
.chooseAmbassador h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    text-align: center; 
}
.chooseAmbassador .h2-punchline{
    font-size: 18px;
    text-align: center; 
    padding-top: 10px; 
    color: #142142;
}
.chooseAmbassador .gridContainer{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:70px;
} 
.chooseAmbassador .cardDiv {
	border-radius: 10px;
	position: relative;
	text-align: center;
	background-color: #fff;
	color: #142142;
	width: 23%; 
	padding: 28px 15px 35px 15px;
	transition: transform ease 300ms;
    border: solid 1px #82899a;
}

.chooseAmbassador .cardDiv:hover {
    transform: translate(0, -10px);  
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
} 
.chooseAmbassador .iconDiv { 
	margin: 0 auto;  
	text-align: center;
	padding-top: 10px;
} 
.chooseAmbassador .iconDiv img{
    width: auto;
}

.chooseAmbassador .cardDiv .titleText {
	font-size: 18px;
	font-weight: 600;
	padding-top: 26px;
}
.chooseAmbassador .cardDiv .titleDesc {
	font-size: 13px;
    line-height: 18px;
	font-weight: 500;
	padding-top: 10px;
}
.chooseAmbassador .cardDiv:hover,
.chooseAmbassador .cardDiv.higlighted{ 
    border: solid 1px #ffb685;
}
.chooseAmbassador .cardDiv:hover .titleText,
.chooseAmbassador .cardDiv.higlighted .titleText{
	color:#ff7519;
}
.chooseAmbassador .cardDiv:hover .iconDiv img,
.chooseAmbassador .cardDiv.higlighted .iconDiv img {
  /* Shifts sepia's yellow toward orange */
  filter: invert(50%) sepia(85%) saturate(2250%) hue-rotate(1deg) brightness(102%) contrast(106%);
}
.ourShipSec{
    padding: 50px 0px 70px 0px;  
    background-color: #efefef;
}
.ourShipSec h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    text-align: center; 
}
.ourShipSec .h2-punchline{
    font-size: 18px;
    text-align: center; 
    padding-top: 10px; 
    color: #142142;
}
.ourShipSec .gridContainer{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:50px;
} 
.ourShipSec .cardDiv {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 32%; 
}
.ourShipSec .cardDiv .thumImg {
    width: 100%;
    transition: transform .5s;
     filter: brightness(60%);
     display: block;
}
.ourShipSec .cardDiv:hover .thumImg {
    transform: scale(1.1);
}
.ourShipSec .cardDiv h4 {
    font-size:22px;
    color: #fff;
    letter-spacing: 0;
    text-transform: uppercase;
    top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    position: absolute;
	z-index: 1;
    font-weight: 500;
    letter-spacing: 1px;
}
.ourShipSec .cardDiv .fullLink {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.faqSection{
    padding-top: 50px;
}
.faqSection h2{
    color: #142142;
    text-align: left;
}
.faqParent a {
    color: #142142;
}
.faqParent a i{
    display:none;
}
.uspCruisePage {
    background: #1b2a4a;
    border-radius: 16px;
    padding: 40px 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom:40px;
}

.uspCruisePage .colDiv {
    text-align: center;
    color: #fff;
    min-width: 150px;
}
.uspCruisePage  h4 {
    font-size: 52px;
    margin: 0;
    font-weight: 600;
    color: #fff;
    line-height: 52px;
    letter-spacing: 0;
}
.uspCruisePage  .subTitle {
    margin: 8px 0 0;
    font-size: 18px;
    color: #fff;
}
.cruiseExpertSec {
  padding: 70px 0px 70px 0px;
  background-color: #142142;
  margin-bottom: 5px;
}
.cruiseExpertSec .flexTwoCol {
	display: flex;
	justify-content: space-between;
}
.cruiseExpertSec .leftDesc {
	color: #fff;
	width: 50%;
	padding-right:100px;
    padding-top:35px;
}
.cruiseExpertSec .leftDesc h2 {
	color: #fff;
	font-size: 32px;
	line-height: 38px;
	font-weight: 600;
}
.cruiseExpertSec .leftDesc p {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	padding: 15px 0 0 0;
}
.cruiseExpertSec .btnOne {
	display: flex;
	position: relative;
	background: #ff7519;
	padding: 15px 25px 12px 25px;
	border-radius: 8px;
	font-size: 18px;
	margin-top: 30px;
    color: #fff;
    transition: transform ease 300ms;
} 
.cruiseExpertSec .btnTwo {
	display: flex;
	position: relative;
	background: #fff;
	padding: 15px 25px 12px 25px;
	border-radius: 8px;
	font-size: 18px;
	margin-top: 20px;
    color:#142142;
    transition: transform ease 300ms;
} 
.cruiseExpertSec .btnThree {
	display: flex;
	position: relative;
	background: #142142;
	padding: 15px 25px 12px 25px;
	border-radius: 8px;
	font-size: 18px;
	margin-top: 20px;
    color:#fff;
    border: solid 1px #fff;
    transition: transform ease 300ms;
}
.cruiseExpertSec .btnOne:hover,
.cruiseExpertSec .btnTwo:hover,
.cruiseExpertSec .btnThree:hover {
    transform: translate(8px, 0px);      
}  
.cruiseExpertSec .btnOne:hover{  
    background-color: #fa9049;
}
.cruiseExpertSec .btnThree:hover{  
    background-color: #213462;
}
.cruiseExpertSec .rightText {
	padding-left: 24px;
	font-size: 22px;
	font-weight: 600;
}
.cruiseExpertSec .rightText .smallText {
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 4px;
}
.cruiseExpertSec .fullLink{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-size: 0;
}
.cruiseExpertSec .requestForm {
	color: #fff;
	width: 50%; 
    background-color: #fff;
    border-radius:10px;
    padding:25px 40px;
}
.cruiseExpertSec .flexTwoBlock{
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.cruiseExpertSec .requestForm h5{
	color: #142142;	
    font-size: 24px;
    line-height: 30px;
    font-weight: 600; 
    padding: 0 0 25px 0;
    margin: 0;
}
.cruiseExpertSec .requestForm .inputBlock {
	width:100%;
	margin-bottom:20px;
}
.cruiseExpertSec .requestForm .inputBlock label {
    font-size: 14px;
    color: #142142;
    font-weight: 500;
    padding-bottom: 8px;
    display: block;
}
.cruiseExpertSec .requestForm .inputBlock input {
	border: solid 1px #82899a;
	padding: 10px 12px;
	font-size: 14px;
	background-color: #fff;
	width: 100%;
}
.cruiseExpertSec .requestForm .inputBlock select {
    border: solid 1px #82899a;
    padding: 10px 24px 10px 12px;
    font-size: 14px;
    background-color: #fff;
    width: 100%;
    background: #fff url(../images/dropdownGrey.png) right 10px center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .cruiseExpertSec .requestForm .inputBlock textarea {
        padding: 10px 12px;
        font-size: 14px;
        background-color: #fff;
        width: 100%;
        height: 48px;
    }
    .cruiseExpertSec .requestForm .error-text {
        color: red;
        font-weight: 500;
        padding-top: 3px;
        display: none;
    }
.cruiseExpertSec .requestForm .submit {
    background-color:#142142;
    font-size: 15px;
    line-height: 21px;
    color: #fff;
    font-weight: 400; 
    text-align: center;
    display: block;
    padding: 10px 60px;
    letter-spacing: 1px; 
    width: 100%;
    cursor: pointer; 
}

.callActionPop {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* left: 0; */
    width: 600px;
    background-color: #fff;
    border: 1px solid var(--footerBlueDark);
    min-height: 100px;
    padding: 15px 30px 30px;
    cursor: auto;
    z-index: 3;
    background: #fff url(../images/bgTravelExpert.jpg) right bottom no-repeat;
    background-size: 100%;
    display:none;
}
    .callActionPop ._close {
        position: absolute;
        right: 8px;
        top: 6px;
    }
    .callActionPop.active {
       display:block;
    }
    .callActionPop .vacationheadarealogoDark {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: auto;
    }
    .callActionPop .vacationheadarealogoDark .VClogoimgbox {
        max-width: 160px;
        width: 100%;
        cursor: pointer;
    }
    .callActionPop .vacationheadarealogoDark .VClogoimgbox img {
        width: auto;
        max-width: inherit;
    }
    .callActionPop ._appdatecall {
        font-size: 22px;
        padding: 20px 0;
        font-weight: 600;
        text-align: center;
        color: var(--footerBlueDark);
    }
    .callActionPop ._numcall {
        display: flex;
        align-items: center;
        font-size: 22px;
        font-weight: 500;
        justify-content: center;
        padding: 0 0 10px;
    }
    .callActionPop ._numcall img {
        margin-right: 10px;
        max-width: fit-content;
        width: auto;
    }
    .callActionPop ._numcall span {
        color: var(--footerBlueDark);
        font-size: 40px;
        font-weight: 600;
    }
    .callActionPop ._numcall + p {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }
    .callActionPop ._numcall + p a {
        width: 250px;
        background-color: var(--footerBlueDark);
        color: #fff;
        display: inline-block;
        text-align: center;
        padding: 6px;
        font-size: 14px;
        text-transform: uppercase;
    }

.callNumberOverlay,
.enquiryFormOverlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 15, 47,0.5);
    z-index: 2;
    display: none;
}
.enquiryFormPop {
    width:600px;
    position: fixed;
    z-index: 3;
    background: #fff url(../images/holidayFormWaterMark.jpg) right bottom no-repeat;
    background-size: auto;
    background-size: auto 100%;
    margin: 0;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
}
.enquiryFormPop .innerWrap {
    padding: 17px 40px;
    overflow-y: auto;
    max-height: 93vh;
    position: relative;
}
.enquiryFormPop h5 {
    color: #142142;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    padding: 0 0 25px 0;
    margin: 0;
}
.enquiryFormPop .flexTwoBlock {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.enquiryFormPop .inputBlock {
    width: 100%;
    margin-bottom: 20px;
}
.enquiryFormPop  .inputBlock label {
    font-size: 14px;
    color: #142142;
    font-weight: 500;
    padding-bottom: 8px;
    display: block;
}
.enquiryFormPop .inputBlock input {
    border: solid 1px #82899a;
    padding: 10px 12px;
    font-size: 14px;
    background-color: #fff;
    width: 100%;
}
.enquiryFormPop .inputBlock textarea {
    border: solid 1px #82899a;
    padding: 10px 12px;
    font-size: 14px;
    background-color: #fff;
    width: 100%;
    height: 80px;
    font-family: "Montserrat", sans-serif;
}
.enquiryFormPop .inputBlock select {
    border: solid 1px #82899a;
    padding: 10px 24px 10px 12px;
    font-size: 14px;
    background-color: #fff;
    width: 100%;
    background: #fff url(../images/dropdownGrey.png) right 10px center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.enquiryFormPop .error-text {
    color: red;
    font-weight: 500;
    padding-top: 3px;
    display: none;
}
    .enquiryFormPop .submit {
        background-color: #142142;
        font-size: 15px;
        line-height: 21px;
        color: #fff;
        font-weight: 400;
        text-align: center;
        display: block;
        padding: 10px 60px;
        letter-spacing: 1px;
        width: 100%;
        cursor: pointer;
        max-width: 300px;
        margin: 0 auto;
        border-radius: 3px;
    }
    .enquiryFormPop .closeIcon {
        max-width: 24px;
        cursor: pointer;
        position: absolute;
        top: 6px;
        right: 11px;
    }

.enquiryFormPop.active {
    display: block;
}

._error {
    color: red;
    font-weight: 500;
    padding-top: 3px;
}

.badgeoffertext {
    position: absolute;
    bottom: 10px;
    left: .25rem;
    right: .25rem;
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px 0 0;
}
    .badgeoffertext span {
       
        background: var(--holiday);
        margin-bottom: 4px;
        color: #fff;
        border-radius: .25rem;
        font-size: .75rem;
        line-height: 1rem;
        text-transform: uppercase;
        letter-spacing: .1em;
        font-weight: 600;
        padding-top: .25rem;
        padding-bottom: .25rem;
        padding-left: .5rem;
        padding-right: .5rem;
    }


.LiverpoolmainBox {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 40px 0 0;
}
.Liverpoolinnercontent h5 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    
    
    color: #142142;
    text-align: left;
    margin-bottom: 20px;
}
.Liverpoolinnercontent h3 {
    font-size: 18px;
    color: var(--footerBlueDark);
    font-weight: 500;
    padding-bottom: 15px;
    display: flex;
    padding-top: 15px;
    cursor: pointer;
}
.Liverpoolinnercontent p {
    font-size: 15px;
    color: var(--footerBlueDark);
    font-weight: 400;
    padding-bottom: 15px;
}
    .Liverpoolinnercontent p strong {
        display: block;
        margin-bottom: 4px;
        margin-top: 4px;
    }
.yearsofDeals .yearsofcontainer{
    justify-content:center!important;
    gap:20px;
}

.yearsofDeals .yearsofcontainer .cardDiv {
    width: 32%;
}

.more-text {
    overflow: hidden;
    line-height: 1.7;
    max-height: calc(1.7em * 4.5);

    transition: max-height 0.4s ease;
}
    .more-text.active {
        max-height: fit-content;
    }

.read-toggle {
    margin-top: 10px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    color: #fff;
    text-decoration: underline;
        justify-content: center;
    margin-bottom: 20px;
}
    .read-toggle span img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7434%) hue-rotate(77deg) brightness(111%) contrast(109%);
        width: 15px;
        margin-left: 4px;
    }

    .icon {
        transition: transform 0.3s ease;
    }
.cruisedealsoffermain {
    padding: 40px 0px 50px 0px!important;
}

.durationCruisenubnightscasousrl .owl-nav .owl-prev {
    position: absolute;
    background-image: url(../images/leftArrowBlack.png) !important;
    width: 44px;
    height: 44px;
    font-size: 0 !important;
    bottom: -19px;
    border-radius: 50%;
    background-size: 100% !important;
    transform: translate(-50%, 0);
    left: 47%;
}

.durationCruisenubnightscasousrl .owl-nav .owl-next {
    position: absolute;
    background-image: url(../images/rightArrowBlack.png) !important;
    width: 44px;
    height: 44px;
    font-size: 0 !important;
    border-radius: 50%;
    background-size: 100% !important;
    bottom: -19px;
    border-radius: 50%;
    background-size: 100% !important;
    transform: translate(-50%, 0);
    left: 53%;
}

.owl-carousel .owl-nav button.owl-next.disabled, .owl-carousel .owl-nav button.owl-prev.disabled {
    cursor: not-allowed;
    opacity: .4;
}

.durationCruisenubnightscasousrl {
    padding-bottom: 40px;
}

.cruisecaseinner {
    display: none;
    position: absolute;
    background-color: #fffffffa;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 99;
    border-radius: 4px;
    padding: 20px 0px;
    opacity: 1;
    
    left: 200px;
    top: 50px;
}
.flightsareacolor{
    padding:20px 0!important;
    text-align:center;
}
.cruisecaseinner a {
    color: black;
    padding: 8px 0px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
}
.dealsoffercruise.parent {
    display:block;
}
.dealsoffercruise:hover ul {
    display: block;
}
.flightsareacolor ul {
    width: 100%;
    flex-direction: column;
    padding: 0;
}
.dealsoffercruise ul{
    padding:20px 0;
}
.flightsareacolor a {
    color: black;
    padding: 8px 0px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    cursor:pointer;
}
    .flightsareacolor a:hover {
        color: #00badc;
        background-color: transparent;
    }



@media only screen and (max-width: 991px) {
    .durationSec .cardDiv{
        width:48%;
    }
    .durationSec .gridContainer{
        gap:25px;
    }
    .banner-cruiseLine .headingOne {
        font-size: 30px;
        line-height: 40px;
        color: #fff;
        font-weight: 600;
        margin-top: 25px;
    }
    .popular_noFlyincre .cardDiv{
        width:48%;
    }
    .sailYourCity .cardDiv {
        width: 30%;
    }
    .chooseAmbassador .cardDiv{
        width:48%;
    }
    .cruisedealsoffermain {
        padding: 30px 0px 50px 0px;
    }
    .yearsofDeals .yearsofcontainer .cardDiv {
        width: 31%;
    }
}