*{ box-sizing: border-box; padding: 0; margin: 0 ;}body{ font-family: "Poppins", sans-serif !important;}/* banner-section */.cruise-banner-image{ width: 100% ; height: 540px ; background-image: url(https://imgfolders.com/farehutz/farehutz_US/cruise-img/cruis_banner.webp?12); background-repeat: no-repeat; background-size: cover; border-radius: 35px ;}.banner-text { padding-top: 100px ; p{ font-size: 42px ; font-weight: 700 ; color: #FFFFFF; line-height: 55px ; font-style: italic ; max-width: 350px ; text-shadow: 2px 3px black; } .call-button{ a{ color: white ; width: 119px ; height: 47px ; border: 1px solid #FFFFFF; display: flex ; justify-content: center; align-items: center; font-size: 22px ; font-weight: 600 ; border-radius: 10px ; } }}.banner-inputs{ margin-top:-109px;}.input-section-main{ background-color: #FFFFFF; box-shadow: 0px 7px 12.7px 0px #00000033; border-radius: 15px ; padding: 20px ;}.destination-input{ input{ width: 100% ; padding: 11px ; border: 0.75px solid #8D8D8D; border-radius: 8px ; &:focus{ outline: none ; } }}.destination-input{ select{ width: 100% ; padding: 11px ; border: 0.75px solid #8D8D8D; border-radius: 8px ; color:#8D8D8D ; &:focus{ outline: none ; } }}.cruise-submit{ a { width: 149px ; height: 50px ; font-size: 18px ; font-weight: 400 ; display: flex; justify-content: center; align-items: center; border-radius: 8px ; color: #FFFFFF ; background-color: #3A64D6; text-decoration: none ; }}/* vacation-offer */.vacation-top-heading{ h2{ font-size: 32px ; font-weight: 600 ; color: #303030; }}.offer-image{ border-radius: 8px ; overflow: hidden; img{ width: 100% ; }}.cruise-list{ li{ font-size: 12px; font-weight: 500 !important; color: #FFFFFF ; margin-bottom: 10px ; span{ width:18px; height:18px; display: flex; justify-content: center; align-items: center; img{ width: 100% ; } } }}.offer-text { left: 20px ; top: 48% ; p{ font-size: 16px ; font-weight: 600 ; color: #FFFFFF; font-family: "Poppins", sans-serif !important; }}.fzt-cru-call-btn{ left: 0 ; bottom: 13px; p{ border-radius: 0 20px 20px 0; margin:0; background-color: white ; color: #194BC1; width: 127px ; height: 30px ; display: flex; justify-content: center; align-items: center; font-size: 12px ; font-weight: 600 ; text-decoration: none ; border: none ; span{ width: 19px ; height: 19px ; margin-right: 5px ; img{ width: 100% ; } } }} /* sailing-banner */ .cruise-sailing-image{ width: 100% ; height: 420px ; background-image: url(https://imgfolders.com/farehutz/farehutz_US/cruise-img/sailingship.webp); background-repeat: no-repeat; background-size: cover; border-radius: 35px ; padding: 100px 80px ;}.sailing-text{ color:#FFFFFF; h2{ font-size: 28px ; font-weight: 600 ; } .sunshine { font-size: 13px; font-weight: 500; max-width: 521px; line-height: 20px !important; } p{ font-size: 64px ; font-weight: 700 ; line-height: 70px ; sup { font-size: 22px !important; top: -30px !important; text-transform: uppercase; } sub{ font-size: 22px !important; text-transform: uppercase; } } .sail-call-btn{ a{ font-size: 32px ; font-weight: 700 ; color: #FFFFFF; text-decoration: none; display: flex ; justify-content: flex-start; align-items: center; gap: 10px ; span{ width: 40px ; height: 40px ; display: flex ; justify-content: center; align-items: center; img { width: 100% ; } } } }}/* journey-section */.journey-main{ background-color: #F6FAFF; padding: 50px 0;}.journey-image{ img{ width: 100% ; }}.seoge{ width: 335px ; height: 38px ; img{ width: 100% ; }}.journey-text .vacation-top-heading h3{ max-width: 300px ;}.journey-text { p{ font-size: 16px ; font-weight: 400 ; color: #505050; max-width: 457px; }}.fzt-cru-icon { span{ min-width: 55px ; height: 55px ; border-radius: 50% ; display: flex; justify-content: center; align-items: center; padding: 11px ; background-color: #E2E9FC; img{ width: 32px ; height: 34px ; } }}.exclusive-text{ h4{ font-size: 20px ; font-weight: 500; } p{ font-size: 16px ; font-weight: 400 ; color: #505050; max-width: 300px ; }}.exclusive-text{ .call{ font-size: 18px ; font-weight:500; span{ font-size: 12px !important; display: block ; } }}.icon-list1 .fzt-cru-icon1 span{ width: 50px !important; height: 50px !important; border-radius: 50%; border: 2px solid white ; outline: 1px solid #2A52BE; background: #2A52BE; display: flex; justify-content: center; align-items: center;}.call-query{ width:fit-content !important; display: block ;}.object1{ position: absolute; right: 0; top: 50px ;}.object2{ position: absolute; right: 0; bottom: -20px ;}/* explore-section */button.owl-prev, .owl-carousel .owl-nav button.owl-next { background: #ffffff !important; z-index: 9999999; box-shadow: 1px 1px 4px 1px #00000029; display: flex !important; justify-content: center; align-items: center; border-radius: 52px; position: absolute; top: -10%; transform: translate(0, -50%); width: 35px; height: 35px; margin: 0 5px;}.owl-carousel .owl-nav button.owl-prev { right: 30px !important;}.owl-carousel .owl-nav button.owl-prev { left: -18px !important;}.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { top: 50%; transform: translateY(-50%); width: 38px; height: 38px; margin: 0;}.owl-carousel .owl-nav button.owl-next { right: -14px !important;}.alaska{ font-size: 24px ; font-weight: 600 ; color: #FFFFFF; left: 30px ; bottom: 30px ;} /* discount-section */.discount-main{ background-color: #F1F5FF; width: 100% ; padding-top: 50px; padding-bottom: 20px ;}.dis-image{ max-width: 120px; border-radius: 10px ; overflow: hidden; height: 117px ; object-fit: contain;img{ width: 100% !important; height: 100% ; object-fit: cover;}}.discount-inner{ border: 1px solid #CCCCCC; border-radius: 15px ; padding: 10px ; gap: 15px ;  text-decoration: none; color: inherit;}.dis-text{ width: calc(100% - 135px); p{ font-size: 12px ; font-weight: 400 ; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } h3{ width: 100% ; font-size: 16px ; font-weight: 600 ; color: #2A52BE; padding-bottom: 15px ; text-overflow:ellipsis; overflow-x:hidden ; padding-right: 15px !important; white-space: nowrap ; margin-bottom: 5px !important; &:after{ width: 60px ; height: 2px ; content: ''; background-color: #2A52BE; position: absolute; bottom: 5px; left: 0 ; }}}.enquire-button{ a{ width: 210px ; height: 60px ; border-radius: 15px ; background-color: #2A52BE; display: flex ; justify-content: center; align-items: center; text-decoration: none ; color: #FFFFFF; }}footer{	overflow: hidden;}@media screen and (max-width:992px) { .cruise-banner-image { height: 400px; border-radius: 20px;}.banner-text { padding-top: 70px ; p { font-size: 32px; max-width: 340px; }}.banner-text { & .call-button { a { color: white; width: 119px; height: 47px; font-size: 20px; } }}.banner-inputs { margin-top: -100px;}.cruise-sailing-image { height: 340px; padding: 50px 50px; background-position-x: 41%, 17%; border-radius: 25px ;}.sailing-text { p { font-size: 54px; }}.sailing-text { & p { sup { top: -22px !important; } }}.object1 { top: 65px; width: 90px; height: 50px; img{ width: 100% ; }}.object2 { position: absolute; right: 0; bottom: -15px; width: 60px; height: 70px; img{ width: 100% ; }}}@media screen and (max-width:576px) {	.ihik{	font-size: 12px;	}	.iysie{ width:100%;	} .banner-inputs { margin-top: 20px; } .cruise-banner-image { height: 180px; } .banner-text { padding-top: 20px; } .banner-text { p { font-size: 25px; max-width: 250px; line-height: 35px; } } .banner-text { & .call-button { a { color: white; width: 110px; height: 40px; font-size: 18px; } } } .cruise-submit { a { width: 100%; } } .vacation-top-heading { h3 { font-size: 25px; font-weight: 600; color: #303030; }} .cruise-sailing-image { height: 250px; padding: 20px; background-position-x: 54%, 0; border-radius: 15px; height: 100%; } .sailing-text { .sunshine { margin-bottom: 10px; font-size: 11px; line-height: 17px !important; } h2 { font-size: 18px; font-weight: 600; } p { font-size: 30px; line-height: 30px ; sup { top: -11px !important; font-size: 15px !important; } sub { font-size: 15px !important; } } } .sailing-text { & .sail-call-btn { & a { font-size: 20px ; span { min-width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; } } }} .cruise-ccc{ background: rgba( 255, 255, 255, 0.25 );box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );backdrop-filter: blur( 4px );-webkit-backdrop-filter: blur( 4px );border-radius: 10px;border: 1px solid rgba( 255, 255, 255, 0.18 );padding: 10px ;}.sail-call-btn.mt-4 { margin-bottom: 10px;}.object-image{ display: none ;}.enquire-button { a { width: 100% ; }}.journey-main{ padding: 40px 0;}.alaska{ font-size: 20px ;}.row.scrlll { flex-wrap: nowrap; flex-direction: row; overflow-x: scroll; scrollbar-width: none;}.scrll-col{ width: 90% !important;}.discount-main{ padding-top: 40px ;}.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { width: 30px; height: 30px;}.owl-carousel .owl-nav button.owl-next { right: -8px !important;}.owl-carousel .owl-nav button.owl-prev { left: -7px !important;}}/****************/


/* callbanner-sec */
.callbanner{
    width: 100% ;
    height:auto ;
    border-radius: 10px ;
    background-image: url(/resources/images/cruise-img/cruisecallbanner.jpg);
    background-repeat: no-repeat;
    background-size: cover ;
    position: relative;
}
.callbanertxt{
    padding: 40px 0 50px 50px ;
    .luxury{
        font-size: 30px ;
        color: white ;
        font-weight: 700 ;
    }
    .bannertfn{
        font-size: 40px ;
        font-weight: 600 ;
        color: #0549A4  ;
        line-height: 45px ;
        display: flex ;
        justify-content: flex-start ;
        align-items: center;
        gap: 5px ;
        span{
            width: 42px ;
            height: 42px ;
            border-radius: 8px ;
          display: flex ;
          justify-content: center ;
          align-items: center;
            background-color: #0549A4 ;
             animation-name: trin;
                    animation-duration: 1.5s;
                    animation-iteration-count: infinite;
                    animation-timing-function: 
                linear;
        }
    }
    .callbannersec{
        background: white ;
        display: inline-block ;
        padding: 10px 20px;
        border-radius: 10px ;
        text-decoration: none ;
    }
}
.calltag{
    position: absolute ;
    top: 0 ;
    left: 0 ;
    width: 100% ;
    height: 100% ;
}
    .hotel-deals-txt-main{
        margin-top: 40px ;
    }
.hotel-deal-txt{
    padding-bottom: 30px ;
    .affordable{
        font-size: 34px ;
        font-weight: 600 ;
        margin-bottom: 20px ;
        color: #323232 ;
    }
    p{
        font-size: 16px ;
        font-weight: 400 ;
        color: #000000 ;
    }
     ul{
        li{
           font-size: 16px ;
        font-weight: 400 ;
        color: #000000 ;
         margin-bottom: 20px ;
        }
    }
}
 @keyframes trin {
            from {
                transform:rotate3d(0, 0, 1, 0deg);
            }
            20%, 32%, 44%, 56%, 68% {
                transform: rotate3d(0, 0, 1, 0deg);
            }
            23%, 35%, 47%, 59%, 71% {
                transform: rotate3d(0,0,1,15deg);
            }
            26%, 38%, 50%, 62%, 74% {
                transform: rotate3d(0,0,1,0deg);
            }
            29%, 41%, 53%, 65%, 77% {
                transform: rotate3d(0,0,1,-15deg);
            }
            80% {
                transform:rotate3d(0, 0, 1, 0deg);
            }
        }
@media screen and (max-width:768px) {
    .callbanner{
    background-image: url(/resources/images/cruise-img/Cruisedeals.jpg) !important;
    height: 120px ;
    border-radius: 0px ;
}
.hotel-deals-txt-main {
    margin-top: 0;
}
.hotel-deal-txt {
    .affordable {
        font-size: 18px;
    }
    p{
        font-size: 12px ;
    }
    ul{
        li{
            font-size: 12px ;
        }
    }
}
.vacation-top-heading {
    h2 {
        font-size: 25px;
    }
}
.fzt-cruise-main{
    display: none;
}
.callbanertxt {
     .luxury{
    font-size: 15px ;
    margin-bottom: 5px !important;
    color: #303030;
}
     padding: 30px 0 0px 10px;
     text-align: left;
    .bannertfn {
        font-size: 15px;
        line-height: 20px;
        color: white ;
         span {
            width: 20px;
            height: 20px;
            border-radius: 4px;
            background-color: #14384e ;
        }
        img{
            min-width: 15px ;
            max-width: 15px ;
             
        }
    }
    .callbannersec{
        padding: 5px 12px;
        border-radius: 6px;
        background: #14384E;
    }
}
}