*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style: none;
    padding: 0;
}
html {
    font-family: "Work Sans", sans-serif;
}
a{
    text-decoration:none;
    display:inline-block;
}


:root{
    --primary:#D05B09;
    --secondary:#200F3A;
    --blue:#041556;
    --light:#ffffff;
    --dark:#000000;
    --yellow:#FDBB11;
}

.banner-section{
    width:100%;
    background-image:url("../IMAGES/CRUISE_B.WEB");
    background-size:cover;
    background-repeat:no-repeat;
    padding: 10px 0px;
}


.banner-section .form-container{
    background-color: #fff;
    padding: 33px;
}

.banner-section .form-container h2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.banner-section .form-container .input-box {
    margin-bottom: 18px;
}

.banner-section .form-container textarea {
    margin-top: 0px;
    padding: 8px 10px;
    border: 1px solid #ced4da;
}

.banner-section .form-container .submit-button {
    margin-top: 18px;
}

.banner-section .form-container button {
    border: none;
    background-color: #0072BA;
    color: white;
    padding: 10px 45px;
    text-transform: uppercase;
    font-family: "Work Sans", sans-serif;
    font-size: 15px;
}

.banner-section .form-container button:hover {
    background-color: #000;
    color: #fff;
}

.banner-section .right-content {
    margin-top: 119px;
}

.banner-section .right-content h2 {
    color: #fff;
    font-size: 31px;
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
}

.banner-section .right-content h3 {
    font-size: 23px;
    color: #fff;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
}

.banner-section .right-content h4 {
    color: #fff;
    font-size: 22px;
    font-family: "Work Sans", sans-serif;
}


.banner-section .right-content ul {
    list-style-position: inside;
    padding-left: 5px;
}

.banner-section .right-content ul li {
    color: #fff;
    font-size: 18px;
}

.banner-section .right-content li i {
    color:  #FDBB11;
    padding-right: 8px;
}


/* .Cruise Deals section start*/
.Cruise-Deals-section {
    display: inline-block;
    width: 100%;
    padding: 50px 0;
}
.Cruise-Deals-section .Cruise-Deals-top h2 {
    color: #200f3a;
    font-size: 32px;
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.Cruise-Deals-section .Cruise-Deals-top span {
    color: #d05b09;
}

.Cruise-Deals-section .Cruise-Deals-top {
    border-left: 6px solid #FDBB11;
    padding-left: 12px;
    margin-bottom: 35px;
}

.Cruise-Deals-section .Cruise-Deals-top p {
    font-size: 16px;
    color: #353535;
    line-height: 23px;
}

.Cruise-Deals-section .img-box {
    position: relative;
    margin-bottom: 27px;
    
}

.Cruise-Deals-section .img-box img {
    width: 100%;
    height: 100%;
    border: 5px solid #fff;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / .5);
   filter: brightness(75%);
   
}

.Cruise-Deals-section .Cruise-Deals-content  {
    position: absolute;
    top: 70px;
    left: 43px;
}

.Cruise-Deals-section .Cruise-Deals-content h3 {
    font-size: 23px;
    color: #fff;
    font-weight: bold;
}

.Cruise-Deals-section .Cruise-Deals-content span {
    text-align: center;
    color: #fff;
}

.Cruise-Deals-section .img-bottom {
    position: relative;
}

.Cruise-Deals-section .img-bottom img {
    height: 100%;
    width: 100%;
    border: 5px solid #fff;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / .5);
}
/* .Cruise Deals section end*/

/*=====Comman Styling Start Here=====*/
.comman-top-head{
    border-left:5px solid var(--primary);
    padding-left:15px;
    margin-bottom:25px;
}
.comman-top-head h2 span{
    color:var(--primary);
}

.comman-top-head h2{
    color:var(--secondary);
    font-size:31px;
    /* font-weight:bold; */
    font-weight:800;
    text-transform:uppercase;
}

.comman-top-head p{
    font-size:18px;
    text-transform:capitalize;
}

.comman-more-button{
    margin-top:25px;
}

.comman-more-button a{
    color:var(--light);
    background-color:var(--blue);
    padding:11px 28px;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:0.2px;
}
/*=====Comman Styling End Here=====*/

/*=====Destination Section Styling Start Here=====*/
.destinations-section{
    width:100%;
    display:inline-block;
}

.destinations-section .destinations-card{
    border:1px solid #e1e1e1;
}

.destinations-section .destinations-card img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.destinations-section .destinations-card .destinations-title{
    text-align:center;
    padding:6px;
}

.destinations-section .destinations-card .destinations-title h5{
    color:var(--blue);
    font-size:16px;
    font-weight:700;
    text-transform:capitalize;
}
/*=====Destination Section Styling End Here=====*/

/*=====Specialty Cruises Section Styling Start Here=====*/
.specialty-cruises-section{
    padding:45px 0px;
}

.specialty-cruises-section .cards{
    text-align:center;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / .5);
}

.specialty-cruises-section .cards img{
    width:100%;
    height: 100%;
    object-fit:cover;
}

.specialty-cruises-section .cards .content{
    padding:10px 60px 33px;
}

.specialty-cruises-section .cards .content h2{
    color:var(--blue);
    font-size:20px;
    text-transform:capitalize;
}

.specialty-cruises-section .cards .content p{
    font-size:14px;
    padding:0px;
    margin:0px;
    margin:10px 0px;
}

.specialty-cruises-section .cards .content a{
    color:var(--light);
    background-color:var(--yellow);
    font-size:15px;
    font-weight:500;
    padding:11px 27px;
    margin-top:10px;
}

.specialty-cruises-section .specialty-cruises-button{
    margin-top:40px;
}

/*=====Specialty Cruises Section Styling End Here=====*/

/* cruise lines start */
.cruise-lines {
   display: inline-block;
   width: 100%;
   padding: 0px 0 50px;
}

.cruise-lines .cruise-lines-heading h2 {
    color: #0072BA;
    font-size: 31px;
    font-family: "Work Sans", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

.cruise-lines .cruise-lines-heading p {
    font-size: 19px;
    font-family: "Work Sans", sans-serif;
}

.cruise-lines .cruise-lines-box {
    border: 1px solid white;
    background-color: #fff;
}
/* cruise lines end */
.input-box .form-control {
    padding: 8px 10px;
    border: 1px solid #ced4da;
}
@media(max-width:992px){
    .specialty-cruises-section .cards .content {
        padding: 10px 15px 19px;
    }
    .cruise-lines .cruise-lines-box img {
        width: 100%;
        border: 1px solid #ecec;
        padding: 5px;
    }
    .Cruise-Deals-section .Cruise-Deals-content {
        top: 20px;
        left: 10px;
    }
    .Cruise-Deals-section .Cruise-Deals-content h3 {
        font-size: 20px;
    }
}
@media(max-width:768px){
  .banner-section .form-container {
        padding: 20px;
    }
      .banner-section .right-content {
        margin: 20px 0;
    }
      .Cruise-Deals-section {
        padding: 25px 0;
    }
      .comman-top-head h2 {
        font-size: 25px;
    }
      .comman-top-head p {
        font-size: 16px;
    }
      .specialty-cruises-section .cards {
        margin-bottom: 25px;
    }
      .specialty-cruises-section .specialty-cruises-button {
        margin-top: 5px;
    }
      specialty-cruises-section {
        padding: 35px 0px;
    }
    .destinations-section .destinations-card {
        margin-bottom: 20px;
    }
}


 /* Popup overlay */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        /* Popup content */
        .popup-content {
            background: white;
            padding-bottom: 20px;
			padding-top: 1px;
            border-radius: 10px;
            width: 90%;
            max-width: 500px;
			text-align: center;
            position: relative;
        }

        /* Close button */
        .popup-close {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 20px;
            cursor: pointer;
        }

        /* Popup styles */
        .popup-header {
            font-weight: bold;
            font-size: 1.2em;
            margin-bottom: 10px;
			background-color: #D6DBDF;
			padding-top: 5px;
			padding-bottom: 5px;
        border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

        .popup-subheader {
            color: #F65331;
            font-size: 25px;
			font-weight: 500;
            margin-bottom: 20px;
        }

        .popup-phone {
            font-size: 1.5em;
            color: blue;
            margin: 0px 0 20px 0;
        }

        .popup-image {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin-bottom: 20px;
        }

        .popup-special-deals {
            font-weight: bold;
            margin-bottom: 10px;
        }

        .popup-call-to-action {
            background: #333;
            color: white;
            padding: 10px;
            border-radius: 5px;
            text-transform: uppercase;
            display: inline-block;
            margin-top: 20px;
        }
        
        .sticky-footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            background-color: #00215E;
            color: #fff;
            text-align: center;
            padding: 08px 0;
            font-size: 15px;
            z-index: 1000;
            box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
        }

        .sticky-footer a {
            color: #fff;
            text-decoration: none;
            font-weight: bold;
        }

        .sticky-footer a:hover {
            text-decoration: underline;
        }