:root {
    --primary: #f36518;
    --blue: #0021A6;
    --black: #000;
    --white: #fff;
    --skyblue: #799fe6;
    --black-light: #091e42;
    --poppins: Poppins,sans-serif;
    --gray: #efefef;
    --light-blue: #c3d8fd;
}


html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}
body{
    font-family:var(--poppins);
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
h2, h3, h4, h5 {
    font-weight: 500;
}
h2 {
    font-size: 25px;
    line-height: 34px;
}
h3{
    font-size:20px;
    line-height:27px;
}
h4{
    font-size:18px;
    line-height:24px;
}

p{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

/*header css start*/

header{box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);transition: none;position: relative;padding:8px 0px;background-color:#fff;}
.OcTpStrip{background:#fff;}
.OcTpStrip .tmcalWrpr{padding: 6px 0 6px;}
.OcTpStrip .tpTm{float:left; }
.OcTpStrip .tpTm p{margin:0px; color:#fff;}
.OcTpStrip .tpCall{float:right; width:100%}
.OcTpStrip .tpCall ul{margin:0px; padding:0px; display:flex; align-items:center; justify-content:space-between;}
.OcTpStrip .tpCall ul li{float:left; list-style:none; color:var(--blue); margin-left:0px; padding-left:0px; font-weight: 600;}
.OcTpStrip .tpCall ul li:first-child{border-left:0px; margin-top:0px;}
.OcTpStrip .call a{text-decoration:none; color:var(--blue); font-size:18px; font-weight:600; }
.OcTpStrip .logo img, .tpNvWppr .logNav .brndname a img{width:180px;}
header.fixed{position:fixed;left:0;top:0;width:100%;z-index:9999; animation: slideDown 0.5s forwards;}
header .call{text-align:right;}
.navbar .navbar-nav .nav-item a{font-size:16px;color:var(--black-light); font-weight:600;padding:5px 20px;}
.navbar .navbar-nav .nav-item a:after{display:none}
.navbar .navbar-nav .nav-item svg{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.navbar .navbar-nav .dropdown-menu{top:43px;border-radius:0px;}
.navbar{padding:0px;}
.OcTpStrip .logo{margin-right:20px;}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary);
    color: var(--white) !important;
}



/* Keyframes for smooth animation */
@keyframes slideDown {
    from {
        top: -100px; /* Start above the viewport */
    }

    to {
        top: 0; /* Smoothly move to the top */
    }
}

/*header css end*/

/*footer css start*/

.OcFttrWrappr{background:#0021A6; padding:35px 0px; color:#c3d8fd }
.FrrLogo img{ padding-bottom:5px;}
.OcFttrSubs{margin-top:30px;}
.OcFttrSubs h3{font-weight: 700;margin: 0px;text-transform: uppercase;font-size: 19px;margin-bottom: 10px;}
.OcFttrSubs .OcFttrSubsInnr input{width: calc(100% - 80px);float: left;background: none;border: 1px solid #ffffff;padding: 11px 7px; background-color:#ffffff; color:#696969;}
.OcFttrSubs .OcFttrSubsInnr span{width: 80px;display: inline-block;background:var(--primary);color: #fff;padding: 12px 0px;text-align: center; cursor:pointer;}
.OcFttrWrappr .OcftrList h4{font-weight:700; text-transform:uppercase; font-size:18px; margin: 13px 0px 15px 0px; }
.OcFttrWrappr .OcftrList ul{margin:0px; padding:0px; }
.OcFttrWrappr .OcftrList ul li{list-style:none; line-height:30px;}
.OcFttrWrappr .OcftrList ul li a {text-decoration:none; color:#c3d8fd;}
.OcFttrWrappr .copy_bk_pth{text-align:center; padding-top:30px; color:#fff;     border-top: 1px solid rgba(48,110,224, .9);margin-top: 20px;}
.OcFttrWrappr .copy_bk_pth p:nth-child(3){border-bottom: 1px solid #306ee0;padding-bottom: 20px;margin-bottom: 20px;}
.OcFttrWrappr .copy_bk_pth .addrs{font-size: 14px;}  
.OcFttrWrappr .copy_bk_pth .addrs .flg{display:inline-block; width:25px; margin-left:5px; }
.OcFttrWrappr .copy_bk_pth .addrs span img{width:100%;}
.OcFttrWrappr .copy_bk_pth p {margin: 0 0 5px; color: #c3d8fd;}
.Ocscl_crdWppr .OcCrdWpp {border:1px solid rgba(48,110,224, .9); padding:10px; margin-top:15px;}
.Ocscl_crdWppr .OcCrdWpp h3 {color:#c3d8fd; text-transform:uppercase; font-size:16px; margin:0px; margin-bottom:15px;}
.Ocscl_crdWppr .Oc_crd {  height:50px;width: 100%; background-size: contain;}
.sprite_main{display:inline-block; background:url(/Images/sprite-all.png); background-repeat:no-repeat;}

/*footer css end*/



.hero-section {
    height: 400px;
    position: relative;
    margin-bottom:50px;
}

.custom-overlay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 0px;
}

.hero-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
}

.custom_form_group select, .custom_form_group input {
    border: 1px solid #191e3b;
    border-radius: 0px;
    outline: none;
    padding: 10px;
    cursor: pointer;
}
.custom_form_group label{
    display:block;
    margin-bottom:5px;
    font-size:14px;
    font-weight:600;
}
.custom_searchengen select:focus {
    box-shadow: none;
}
.search_button {
    padding: 8px 36px;
    text-align: center;
    background-color: var(--blue);
    color: #fff;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    border: none;
    display: inline-block;
    margin-top: 20px;
    text-decoration:none;
}
.search_button.btn-primary{
    background-color:var(--primary);
}
.brandlogo img {
    max-width: 160px;
    height: 55px;
    border: solid 1px var(--black);
    background: var(--white);
    padding: 10px;
    margin-bottom:10px;
}

.heading-part {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.heading-part.white *{
    color:var(--white);
}

.heading-part h1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 44px;
}

.heading-part p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.grid-item p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.heading-wrapper h2 {
    font-size: 25px;
    font-weight: 500;
    line-height: 34px;
}
.service-card figure{
    width:180px;
    height:130px;
}
.service-card figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.grid-item {
    width: 100%;
    background-color: var(--white);
    box-shadow: 1px 2px 7px 1px rgb(204 204 204 / 60%);
    border-radius: 4px;
    margin-top:10px;
    text-align: center;
    padding: 27px 15px 5px;
    min-height:190px;
}
.grid-item img{
    margin-bottom:10px;
}
.grid-item h4{
    font-size:15px;
    font-weight: 600;
}
.grid-item p a{
    display:block;
    margin-top:10px;
}
.about-company{
    border-radius:10px;
    width:100%;
    height:100%;
}
.company-image{
    width: 200px;
    height: 150px;
}
.company-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
.company-detail{
    width:calc(100% - 200px);
}
.comp-logo img {
    max-height: 26px;
}
.link-wrap {
    text-decoration: none;
    color: var(--black);
}
.link-wrap:hover{
  color: var(--black);
}
.company-detail .content p {
    color: var(--black);
    margin-top:10px;
}

.price-detail .discount {
    display: inline-block;
    background-color: var(--primary);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
}
.card-detail {
    width: calc(100% - 180px);
    padding-left: 15px;
}
.service-card {
    padding: 12px 12px 17px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
    box-shadow: 0 0px 18px rgba(0, 0, 0, 0.2);
    transition: 0.5s ease-in-out;
    height:100%;
}
.content-logo img {
    max-width: 110px;
    max-height: 85px;
    margin-left: auto;
    display: block;
}
.card-detail .desc, .cities ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.card-detail .desc p{
    font-size: 11px;
    color: var(--black);
    font-weight: 500;
    padding-bottom: 5px;
    line-height: 16px;
    margin-bottom:5px;
}
.card-detail .desc span{
    display:block;
}

.price-title{
    text-align:right;
}

.card-detail .desc img {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.card-detail h3 {
    font-size: 16px;
    color:var(--black);
    line-height:20px;
    font-weight:700;
    padding-right:5px;
}
.services-cart {
    background-color: #ebe7cc2b;

}
.article-section{
    background-color:transparent;
}
.article-section .service-card {
    padding: 0px;
    border-radius: 0px;
    background-color: transparent;
    box-shadow: none;
}
.article-section .service-card figure {
    width: 40%;
    height: 220px;
}
.article-section .service-card figure img{
    border-radius:0px;
}
.article-section .card-detail h3{
    font-weight:500;
}
.article-section .card-detail .desc p, .date p span{
    font-size:12px;
    line-height:18px;
    font-weight:500;
}

.article-section .service-card .card-detail {
    width: 60%;
    padding-left: 20px;
}


.cities ul li, .departure, .arrival {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    width: 100%;
}
.stopText {
    font-size: 14px;
    font-weight: 400;
}

.price-detail {
    padding-top: 20px;
    position: relative;
    text-align: right;
}

.crose-price {
    color: #191e3b;
    display: inline-flex;
    font-size: 14px;
    line-height:20px;
    text-decoration: line-through;
    transform: translateY(1px);
    vertical-align: text-top;
    background-color: #dfe0e4;
}

.crose-price svg {
    width: 16px;
    vertical-align: sub;
    fill: #191e3b;
}

.main-price {
    color: #191e3b;
    font-size:22px;
    font-weight: 700;
    line-height: 27px;
    margin-left:8px;
}
.btn-group{
    display:flex;
    justify-content:flex-end;
    margin-top:10px;
}

.btn-group a {
    text-decoration: none;
    padding: 5px 20px;
    background:var(--primary);
    color: #fff;
    font-size: 16px;
    display: inline-block;
    border-radius: 8px;
    transition: 0.5s ease-in-out;
}

.price-title {
    font-size: 12px;
}
.price{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin-bottom:5px;
    margin-top:10px;
}

.btn-group.blue a {
    background-color: var(--blue);
}

.view-all-sailing .btn-group {
    justify-content: center;
}
.view-all-sailing{
    margin-top:30px;
    margin-bottom:50px;
}

.iteneryBox {
    background: url(../Images/iconCruise.png) left top no-repeat;
    padding-left: 41px;
    font-size: 12px;
    margin-top: 10px;
    min-height: 50px;
    background-size: 36px;
}
.iteneryBox a{color:var(--primary);text-decoration:none;font-weight:500;}
.left-detail{
    width:57%;
}
.right-detail {
    width: 43%;
}

.cruise-faq .page-heading {
    margin-bottom: 20px;
}

.pramotion{
    margin:50px 0px;
}
.caribben-ships .accordion-body {
    margin: 0px;
}
.caribben-ships .accordion-body ul {
    column-count: 2;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.caribben-ships .accordion-body ul li a{
    text-decoration:none;
}
.caribben-ships .accordion-item {
    border: none !important;
}
.caribben-ships .accordion-button:not(.collapsed){
    background-color:transparent;
    color:var(--black);
    box-shadow:none;
}
.caribben-ships .accordion-button{
    border-bottom:1px solid #ddd;
    border-radius:0;
    padding:10px;
    font-size:20px;
    font-weight:500;
}
.caribben-ships .accordion-button:focus{
    outline:none;
    box-shadow:none;
    color:#0c63e4;
}

.terms-condition {
    margin-bottom: 100px;
}
.landing-searchform .EngineWppr{
    min-height:auto;
}
.landing-searchform .srenginBx{
    margin-top:0px;
}
.landing-searchform .srenginBx {
    border-top-left-radius: 15px;
}
.landing-searchform button.btnSbmt{
    border:none;
}
#flipFlop .modal-body p {
    font-size: 16px;
    color: #000000;
}
#flipFlop .modal-body a {
    color: #FF690F;
    font-size: 24px;
    font-weight: 600;
}
#flipFlop .close {
    font-size: 35px;
    color: #FF690F;
    opacity: 1;
    border: none;
    line-height: 0;
    position: absolute;
    right: 010px;
    top: 16px;
}
#flipFlop .modal-header{
    padding:20px 0px;
}
.cruise_booking {
    background-color: #fff;
}


/*default popup css*/

.cruise_booking .modal-header{
    padding:0px;
    border:none;
}
.inner_cruise_model{
    margin:20px 0px;
}
.inner_cruise_model h2{
    margin:0px;
}
.default_popup .modal-content {
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
    border:none;
}
.default_popup .btn-close {
    background-color: var(--blue);
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: -6px;
    top: -11px;
    opacity: 1;
    background-image: url(../Images/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 59%;
    padding: 0px;
    z-index: 9;
}
.default_popup .modal-header{
    border:none;
    padding:0px;
}
.default_popup .modal-body {
    padding: 20px 45px;
}
.inner_cruise_model .call_now {
    background-color: var(--blue);
    color: #fff;
    border-radius: 10px;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 25px;
    font-weight: 600;
    margin: 16px 0px;
}
.inner_cruise_model .call_now img{
    width:27px;
}
.textDots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 0 5px;
    font-size: 14px;
}
.textDots span{
     margin-bottom: 5px;
    font-weight: bold;
}
.textDots > span:not(:first-child) {
    position: relative;
    padding-left: 12px;
    margin-left: 7px;
}
.textDots > span:not(:first-child)::before{
    width: 5px;
    height: 5px;
    background: #333;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 100%;
}
.call_pic .click-call-btn a {
    width: 126px;
    height: 152px;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    background: url(../Images/call.png) no-repeat center center;
    background-size: 120px;
    border-radius: 0;
}

.default_popup .test3 {
    position: relative;
    background: #0021A6;
    color: #fff;
    margin-top: 20px;
    font-size: 15px;
    border-radius: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.default_popup .test3 a{
    position: relative;
    padding-left: 32px;
    font-size: 30px;
    text-decoration:none;
    color:#fff;
}
.default_popup .test3 a img{
    width: 40px;
}


.cruise-faq .accordion-item .accordion-button {
    padding: 15px 15px 15px 60px;
    font-size: 18px;
    font-weight: 500;
    border: none;
    background-color: transparent;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
}
.cruise-faq .accordion-item .accordion-button:focus {
    color: #0c63e4;
    background-color: transparent;
    outline: none;
     box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
}
.cruise-faq .accordion-item .accordion-button:before{
    position: absolute;
   top: 50%;
    transform: translateY(-50%);
    left: 21px;
    height: 26px;
    width: 26px;
    background: var(--skyblue);
    border-radius: 100%;
    content: "?";
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-family: 'FontAwesome';
   line-height: 26px;
}
.cruise-faq .accordion-item {
    border: none;
    margin-bottom:10px;
}
.cruise-faq h3{
    font-size:24px;
}
.cruise-faq.accordion-button:not(.collapsed) {
    color: #0c63e4;
}
.cruise-faq .accordion-body {
    border-left: 3px solid var(--skyblue);
    margin-top: 8px;
}
.cruise-faq .accordion-body p {
    font-size: 16px;
    line-height: 24px;
}
#error-msg, #early-date, #late-date{
    color:red;
    font-size:14px;
    display:block;
    margin-top:0px;
}

.showlessbtns {
    display: none;
}
.moretext {
    display: none;
}
.desCont a{
    font-size:14px;
}

/*detai page css*/

.back-page {
    text-decoration: none;
    background-color: var(--primary);
    color: var(--white);
    font-size: 14px;
    padding: 5px 14px 5px 12px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-bottom:20px;
}
.back-page:hover{
    color:var(--white);
}
.back-page svg{
    vertical-align:middle;
}
.inner-detail h1 {
    font-size: 25px;
    color: var(--black-light);
    padding-bottom: 2px;
}
.inner-detail .brandlogo img{
    border:1px solid var(--gray);
}
.date-info p{
    margin-bottom:0;
}
.cabin-type .img-box {
    width: 100%;
    height: 400px;
    border-radius: 20px;
    background: #fff;
    padding: 15px;
}
.cabin-type .img-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
}
.bg-gray {
    background-color: #f5f6f7;
}
.detailBox h3 {
    color: var(--black-light);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.detailBox ul{
    list-style:none;
}
.detailBox ul.dFlex {
    justify-content: normal;
    align-items:normal;
    margin-bottom: 20px;
    padding-left:0px;
}
.detailBox li {
    width: 33.3%;
}
.detailBox li a:hover, .detailBox li.active a {
    background-color: var(--primary);
    color: var(--white);
}
.detailBox li a span {
    font-size: 17px;
    display: block;
    line-height: normal;
}
.detailBox li a sub {
    font-size: 70%;
    position: relative;
    top: -5px;
    text-transform: uppercase;
    font-weight: 500;
}
.dFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detailBox li a {
    background-color: var(--gray);
    color: var(--black);
    display: block;
    font-size: 13px;
    line-height: 15px;
    border-right: 1px solid #c9c9c9;
    width: 100%;
    text-align: center;
    padding: 10px 2px 5px 2px;
    font-weight: 600;
    text-decoration: none;
    height: 100%;
    align-content: center;
}
.detailBox h4 {
    font-size: 24px;
    color: #98999b;
    font-weight: 500;
    margin-top: 30px;
}
.detailBox h4 span {
    color: var(--black);
}
.detailBox h4 span sup{
    font-size: 15px;
    top: -10px;
}
.daysMap .daysList ul {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px 0;
}
.daysMap .daysList ul li:nth-of-type(1) {
    width: 15%;
    border-right: 1px solid #ccc;
    text-align: center;
    justify-content: center;
}
.daysMap .daysList ul li:nth-of-type(2) {
    width: 30%;
    border-right: 1px solid #ccc;
    text-align: center;
    justify-content: center;
}
.daysMap .daysList ul li {
    padding: 0 10px;
    font-size: 15px;
    color: #000;
    height: 50px;
    display: flex;
    align-items: center;
}
.daysMap .daysList ul li:nth-of-type(3) {
    width: 55%;
}
.daysMap .daysList ul li h5 {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    padding-left: 34px;
}
.daysMap .daysList ul li h5 span {
    display: block;
    font-weight: normal;
}
.filterMap{
    width:100%;
    height:400px;
}
.gallery {
  width: 100%;
  max-width: 100%;
  margin: 0px auto 50px;
}
.gallery-slider {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
}
.gallery-slider .swiper-slide {
  width: auto;
  height: 400px;
  border-radius:10px;
  overflow:hidden;
}
.gallery-slider .swiper-slide img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
  border-radius:10px;
  object-fit:cover;
}
.gallery-thumbs {
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.gallery-thumbs .swiper-slide {
  width: 100px;
  height: 100px;
  text-align: center;
  overflow: hidden;
  opacity: 0.6;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
.gallery-thumbs .swiper-slide img {
  width: auto;
  height: 100%;
  object-fit:cover;
}
.gallery .swiper-button-prev, .gallery .swiper-button-next{
    width:45px;
    height:45px;
    border-radius:50%;
    border:2px solid var(--white);
    background-color:var(--primary);
}
.gallery .swiper-button-prev:after, .gallery .swiper-button-next:after{
    font-size: 19px;
    color:var(--white);
}
.gallery .swiper-slide img{
    width:100%;
}
.ShowMorecon ul {
    padding-left: 0px;
}
.ShowMorecon table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 5px;
    margin-bottom: 20px;
}
.ShowMorecon table td {
    border: 1px solid #ddd;
    padding: 5px 10px;
    font-size:14px;
}
.ShowMorecon ul li {
    font-size: 14px;
    color: #000000;
    list-style: disc;
    margin-left: 20px;
    padding: 2px 0;
}
.ShowMorecon table tr:nth-child(even) {
    background-color: #f2f2f2;
}
.servicesRowTwo ul {
    padding-bottom: 30px;
    padding-left:18px;
}
.flexcol h3 {
    font-size: 14px;
    color: var(--black);
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 15px;
}
.servicesRowTwo ul li {
    font-size: 14px;
    color: var(--black);
    padding: 2px 0;
    text-transform: capitalize;
}

.readMoreBtn {
    text-align: right;
    margin-bottom: 0;
    font-size: 0;
}

    .readMoreBtn > * {
        font-size: 16px;
        color: var(--primary);
        font-weight: 500;
    }

.load-description h2,
.load-description h3,
.load-description h4,
.load-description h5,
.load-description h6 {
    font-weight: 500;
}

.load-description h2 {
    font-size: 20px;
    line-height: 32px;
}

.load-description h3 {
    font-size: 18px;
    line-height: 27px;
}

.load-description h4 {
    font-size: 16px;
}

.load-description h5 {
    font-size: 15px;
}

.load-description h6 {
    font-size: 14px;
}

.load-description p,
.load-description {
    font-size: 14px;
    line-height: 22px;
}

.load-description ol li, .load-description ul li,
.full-description ul li {
    color: var(--txt-color);
}
.navbar-toggler:focus{
    outline:none;
    border:none;
    box-shadow:none;
}
.mobile-call-btn{
    display:none;
}




/*******************/
/**************page Title heading Start***********/
.sectionMain {padding: 0px;padding-top: 30px;padding-bottom: 30px;text-align:justify; margin-bottom:30px;}
.sectionMain h1{ color: #0021A6;margin: 0px;margin:0px; font-size: 25px;    text-align: left;    margin-bottom: 30px;font-weight:400}
.sectionMain h3{margin:0px; margin:15px 0px; font-weight: 400; font-size:22px; color:#696969;}
.sectionMain h4{margin:15px 0px; margin-top:15px; margin-bottom:5px; font-weight: 400; font-size:16px; color:#0021A6;}
.sectionMain h5{ margin:0px; margin-top:5px; color:#0021A6;}
.sectionMain ul,.sectionMain ol {padding-left:25px; color:#868686;}
.sectionMain ul li{margin-bottom:5px; color:#868686;}
.sectionMain p{ color:#868686;}
.page-heading{ margin-bottom: 60px;color: #0021A6;}
.page-heading h2{color: #0021a6;font-size: 20px;text-align: center;margin: 0px;font-size: 36px; font-weight:400;}
.page-heading h2 span {color: #f36518;}
.page-heading .sub-heading{ font-size:20px; font-weight:400; color:#696969; text-align:center; margin-top:20px;}
.contact_us_pg{ margin-top:50px;}
.contact_us_pg .call{ width:100%; display:flex; border-bottom:1px solid #ddd; padding-bottom:25px; margin-bottom:25px;}
.call:last-child{border-bottom:0;}
.contact_us_pg .call a, .call a:hover{ color:#000000; text-decoration:none;}
.contact_us_pg .call .icon-sec{width:26px; height:26px; border-radius:100%; background:#799fe6; display:inline-block; position:relative; margin-right:20px; top:6px;}
.contact_us_pg .call .icon-sec:after{ position:absolute; top:5px; left:6px; font-size:15px; color:#ffffff; content:"\e182"; font-family:'Glyphicons Halflings';}
.contact_us_pg .call .icon-env{width:26px; height:26px; border-radius:100%; background:#799fe6; display:inline-block; position:relative; margin-right:20px;top:6px;}
.contact_us_pg .call .icon-env:before{ position:absolute; top:5px; left:6px; font-size:15px; color:#ffffff; content:"\e93c"; font-family:'icomoon';}
.contact_us_pg .call .icon-pln{width:26px; height:26px; border-radius:100%; background:#799fe6; display:inline-block; position:relative; margin-right:20px;top:6px;}
.contact_us_pg .call .icon-pln:after{ position:absolute; top:7px; left:6px; font-size:13px; color:#ffffff; content:"\e905"; font-family:'icomoon';}
.contact_us_pg .call .icon-map{width:26px; height:26px; border-radius:100%; background:#799fe6; display:inline-block; position:relative; margin-right:20px;top:6px;}
.contact_us_pg .call .icon-map:after{ position:absolute; top:5px; left:6px; font-size:15px; color:#ffffff; content:"\e950"; font-family:'icomoon';}
.contact_us_pg .call .info-head{ font-size:16px; color:#000000; display:inline-block; line-height:20px;}
.contact_us_pg .call .info-head p{ font-size:15px; color:#868686; margin-bottom:0px; font-weight:400; line-height:18px;}
.sectionMain p b{font-size:16px; font-weight:400; color:#0021A6;}


/*--------------------- (((((((((((((Fonts Ends Here))))))))))))-----------------*/

.about-sec{ width:100%;   padding-bottom:30px;}
.about-sec h1{ font-size:45px; font-weight:600; margin:0px;}
.about-sec .top-sec{ background: #0021A6;padding: 40px;color: #ffffff; width: 100%;float: left;position: relative;z-index: 10;top: -90px;}
.about-sec .top-sec .left-sec{ font-size:26px;}
.about-sec .top-sec .left-sec span{ font-size:30px; display:block; padding-top:25px;}
.about-sec .top-sec .right-sec p{ font-size:14px; line-height:24px; color:#ffffff;}
.about-sec .top-sec .right-sec p:last-child{ margin-top:20px;}
.about-sec .first-sec{width:100%; float:left; padding-bottom:70px;}
.about-sec .first-sec h2{ margin:0px;text-align:center; font-size:36px; color:#0021A6; line-height:45px; padding-bottom:50px;}
.about-sec .first-sec h2 span{ color:#0021A6;}
.about-sec .first-sec h2 img{ position:relative;top:-5px; padding-right:3px;}
.about-sec .first-sec .left-sec ul{ list-style:none; padding:0px;}
.about-sec .first-sec .left-sec ul li{ float:left; padding-right:20px; width:50%;}
.about-sec .first-sec .right-sec .heading { color:#696969; font-size:28px; font-weight:400; line-height: 34px; padding-top:0px;}
.about-sec .first-sec .right-sec p{ color:#868686; font-size:15px; padding-top:20px; line-height:25px;}
.about-sec .second-sec { background:#eee; float:left; padding:100px 0px; width:100%;}
.about-sec .second-sec h3{ font-size:36px; color:#0021A6; margin:0px; line-height:45px;}
.about-sec .second-sec h3 span{ color:#f36518;}
.about-sec .second-sec .left-sec p{color:#868686; font-size:15px; padding-top:10px; line-height:25px;}

.about-sec .second-sec .right-sec ul{ list-style:none; padding:0px;}
.about-sec .second-sec .right-sec ul li{ float:left; padding-left:20px; width:50%; padding-bottom:20px;}
.about-sec .second-sec .right-sec ul li img{ max-width:100%;}
.about-sec .third-sec { padding:100px 0px;width:100%; float:left;}
.about-sec .third-sec h4{ font-size:36px; color:#0021A6; margin:0px; line-height:45px; margin-bottom:20px;}
.about-sec .third-sec h4 span{color:#f36518; padding-left:2px;}
.about-sec .third-sec h4 span img{ position:relative;top:-4px; padding-right:2px; }
.about-sec .third-sec .right-sec ul{ padding:0px; list-style:none;}
.about-sec .third-sec .right-sec ul li{ color:#000000; font-size:24px; font-weight:600; padding-left:45px; position:relative; margin-top:20px; width:42%; margin-right:8%; float:left; line-height:24px; }
.about-sec .third-sec .right-sec ul li:after{ border-bottom:1px solid #cccccc; content:""; position:absolute; bottom:0px; width:calc(100% - 45px); right:0px;}
.about-sec .third-sec .right-sec ul li:before{ position:absolute;top:3px; width:30px; height:30px; left:0px; background:#799fe6; content:"\e905"; font-family: 'icomoon'; border-radius:100%; font-size:14px; color:#ffffff; text-align:center; padding-top:3px;}
.about-sec .third-sec .right-sec ul li span{font-size:15px; color:#868686; display:block; font-weight:400; line-height:20px; padding:5px 0px 10px 0px;}
.about-sec .third-sec .right-sec ul li:nth-last-child(2):after, .about-sec .third-sec .right-sec ul li:last-child:after{ border-bottom:none;}
.about-sec h5{ font-size:24px; color:#000000; margin:0px; font-weight:600;}
.about-sec p{ line-height:30px; color:#868686; font-size:15px; padding-top:10px;} .about-sec p b{ color:#000000;}
.mob-c-txt {text-align: center;font-size: 36px;color: #0021a6;margin-bottom: 30px;line-height: 40px;}
.mob-c-txt span{color: #f36518;}

                                      
@media only screen and (max-width:1399px) {
    .OcTpStrip .call a {
        font-size: 16px;
    }

    .hero-section {
        height: 330px;
    }
}
@media only screen and (max-width:1199px) {
    .company-image {
        width: 160px;
        height: 120px;
    }

    .company-detail {
        width: calc(100% - 160px);
    }

    .hero-section {
        height: 300px;
    }

    .navbar .navbar-nav .nav-item a, .OcTpStrip .call a {
        font-size: 14px;
    }

    .OcTpStrip .logo img, .tpNvWppr .logNav .brndname a img {
        width: 132px;
    }
    .card-detail h3{
        font-size:13px;
        line-height:18px;
    }
    .btn-group a {
        padding: 5px 10px;
        font-size: 13px;
    }
    .service-card figure {
        width: 155px;
        height: 115px;
    }
    .card-detail {
        width: calc(100% - 155px)
    }
    .detailBox li a{
        font-size:11px;
    }
    .detailBox li a span{
        font-size:14px;
    }
    .cabin-type .img-box{
        height:300px;
    }
    .detailBox h4{
        font-size:20px;
    }
    .gallery-slider .swiper-slide{
        height:300px;
    }
}
@media only screen and (max-width:991px) {
    
    .FrrLogo img {
        width: 185px;
    }
    .default_popup .test3 a{
        padding-left:0;font-size:24px;

    }
    .OcTpStrip .navbar-collapse {
        position: fixed;
        right: 0;
        top: 0px;
        width: 300px;
        height: 100%;
        background-color: var(--white);
        padding: 40px 10px 50px;
        transform: translateX(100%);
        transition: 0.2s ease-in-out;
        opacity: 0;
        visibility: hidden;
        overflow-y: scroll;
    }
    .OcTpStrip .navbar-collapse.show {
        transform: translateX(0%);
        opacity: 1;
        visibility: visible;
    }
    .OcTpStrip .navbar-toggler {
        width: 32px;
        height: 32px;
        padding: 0px;
        margin-left: 10px;
    }
    .OcTpStrip .navbar-toggler.close-toggle {
        right: 6px;
        top: 6px;
        position: absolute;
    }
    .navbar-nav .dropdown-menu{
        border:none;
    }
    .navbar .navbar-nav .nav-item svg {
        top: 8px;
        transform:inherit;
    }
    .navbar-nav .dropdown-menu{
        padding-left:10px;
    }
    .custom_overflow{
        overflow:hidden;
        position:relative;
    }
    .navbar.sticky-top {
        z-index: 9;
        position: relative;
    }
    .navbar.sticky-top:before {
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        opacity:0;
        visibility:hidden;
        transition:0.2s ease-in-out;

    }
    .custom_overflow .navbar.sticky-top:before{
        opacity:1;
        visibility:visible;
    }
    .navbar .navbar-nav .nav-item a{
        font-size:15px;
    }
    .navbar .navbar-nav .nav-item:not(:last-of-type) {
        border-bottom: 1px solid var(--gray);
        padding-bottom:5px;
        margin-bottom:5px;
    }
    .navbar .navbar-nav .dropdown-menu {
        background-color: transparent;
    }
    .heading-part h1{
        font-size:28px;
    }
    .detailBox ul.dFlex{
        flex-wrap:wrap;
    }
    .daysMap .daysList ul li:nth-of-type(1){
        width:20%;
    }
    .daysMap .daysList ul li:nth-of-type(2){
        width:43%;
    }
    .daysMap .daysList ul li:nth-of-type(3){
        width:42%;
    }
    .gallery-slider .swiper-slide {
        height: 250px;
    }
    .gallery-thumbs .swiper-slide{
        height:70px;
    }
}
@media only screen and (max-width:767px) {
    header .mobHide{display:none;}
    .btn-group a {font-size:14px;padding:5px 10px;}
    .brandlogo img {max-width: 130px;height: auto;padding: 4px;}
    .detailBox li a {padding:8px;}
    .detailBox li a > span{font-size:15px;}
    .servicesRowTwo ul {margin-bottom:0;}
    .ShowMorecon.px-4{padding-inline:0 !important;}
    .mobile-call-btn{display:block;text-align:center}
    .mobile-call-btn.btn-group a{font-size: 20px;padding: 10px 28px;border-radius: 30px;} 
    .mobile-call-btn a svg{border:1px solid var(--white);border-radius:50%;padding:7px;}
    .hero-section{height:auto;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);margin-bottom: 20px;position:relative;}
    .hero-section img{height:130px;}
    .hero-section.inner-banner img{height:200px;}
    .hero-section.inner-banner .brandlogo img{max-width: 130px;height: auto;}
    .grid-item{padding: 27px 7px 5px;}
    .grid-item h4 {font-size: 13px;line-height: 18px;}
    .grid-item p{font-size: 12px;line-height: 16px;}
    .inner-detail h1{font-size:20px;font-weight:600;}
    .cabin-type .img-box{margin-bottom:30px;}
}
@media only screen and (max-width:575px) {
    header .call a img{width:18px;}
    .landing-searchform .oc_UiList .ocUiListDvd, .landing-searchform .oc_UiList .ocUiDate, .landing-searchform .ocSbmtBtn, .landing-searchform .oc_UiList .ocDDBx {
        width: 100%;
        float: none;
    }
    .landing-searchform .dis-flex {
        display: block;
    }
    .landing-searchform .oc_UiList .ocUiDate {
        width: 100%;
    }
    .landing-searchform .oc_UiList {
        float: none;
    }
    .landing-searchform .ocSbmtBtn{
        margin-top:50px;
    }
    .OcTpStrip .tpCall ul li a.logo img{
        width:130px;
    }
    .OcTpStrip .tpCall ul li a{
        font-size:14px;
    }
    .OcTpStrip .tpCall ul li:last-of-type a img{
        width:24px;
    }
    .heading-part h1{
        font-size:18px;
        line-height:1.3;
    }
    .heading-part p {
        font-size: 16px;
        line-height: 1.3;
    }
    .banner-part{
        height:auto;
    }
    .banner-part:before{
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    }
    .heading-wrapper h2{
        font-size:20px;
        line-height:27px;
    }
    .cruise-faq .accordion-item .accordion-button:before{
        left:7px;
    }
    .cruise-faq .accordion-item .accordion-button {
        padding: 15px 15px 15px 40px;
        font-size: 15px;
        line-height: 24px;
    }
    .card-detail h3{
        font-size:16px;
        line-height:1.3;
        
    }
    .terms-condition{
        margin-bottom:30px;
    }
    .default_popup .modal-content{
        box-shadow:none;
        border:none;
        border-radius:0;
    }
    .default_popup .modal-body {
        padding: 50px 10px 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100vh;
    }
    .default_popup .btn-close{
        right:10px;
        top:10px;
    }
    .inner_cruise_model h2{
        font-size:32px;
        line-height:1.3;
    }
    .default_popup{
        display:block;
    }
    .default_popup .modal-dialog{
        margin:0;
    }
    .custom_form_group{
        margin-bottom:10px;
    }
    /***********/

    .OcTpStrip .logo img, .tpNvWppr .logNav .brndname a img {
        width: 97px;
    }
    .OcTpStrip .call a {
        font-size: 12px;
    }
    .OcTpStrip .navbar-toggler {
        width: 25px;
        height: 25px;
        margin-left: 5px;
    }
    .company-detail {
        width: 100%;
    }
    .company-image {
        width: 100%;
        height: 180px;
    }
    .company-image img {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .card-detail {
        width:100%;
        padding-left: 0;
    }
    .service-card figure {
        width: auto;
        height:auto; 
    }

    .detailBox ul.dFlex{flex-wrap:wrap;gap:8px;}
    .detailBox li a{border:1px solid #c9c9c9;background:none;}
    .cabin-type .img-box {height:300px;margin-bottom:24px;}
    .inner-detail h1 {font-size:20px;}
    .date-info > *:last-child{margin-bottom:16px;margin-top:10px;}
    .detailBox h4 {font-size:18px;}
    .daysMap .daysList ul li {font-size:14px;}
    .daysMap .daysList ul li:nth-of-type(1) {width:20%;white-space:nowrap;}
    .daysMap .daysList ul li:nth-of-type(3){width:50%;}
    .daysMap .daysList ul li h5{padding-left:0;}
    .itinerary h2, .standardSrvc h2, .not-services h2 {font-size: 20px;}
    .detailBox li {width:120px;}
    .mobile-call-btn.btn-group a{font-size: 18px;padding: 8px 18px;}
    h3{font-size:16px;}
    .page-heading h2 {
        font-size: 18px;
    }
    .page-heading {
        margin-bottom: 20px;
    }
    .mob-c-txt {
        font-size: 24px;
    }
    .about-sec .first-sec .right-sec .heading {
        color: #696969;
        font-size: 15px;
        font-weight: 400;
        line-height: 24px;
    }
    .about-sec img {
        width:100%
    }
        .about-sec .third-sec .right-sec ul li {
        color: #000000;
        font-size: 17px;
        font-weight: 600;
        padding-left: 45px;
        position: relative;
        margin-top: 20px;
        width: 100%;
        margin-right: 8%;
        float: left;
        line-height: 17px;
    }
    .about-sec .third-sec {
        padding-bottom:20px;
    }
 }
/*******/



.custom-label {
    background-color: rgba(0, 0, 0, 0.5); /* Background color */
    border-radius: 3px; /* Rounded corners */
    padding: 2px 5px; /* Padding */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Shadow */
    font-size:12px;
    color:white;
}