﻿
.btn {
    background-color: #FF7601;
    border-color: #FF7601;
    color: #fff;
}

    .btn:hover {
        background-color: #000;
        border-color: #000;
        color: #fff;
    }

.text-primary {
    color: #FF7601 !important;
}

/* imp css end */


/* header start */
.navbar-nav .nav-link {
    transition: all 0.3s ease;
}

.navbar {
    background: #1B3C53;
}

.navbar-nav .nav-link:hover {
    color: #0077b6;
    transform: scale(1.05);
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: #ffffff;
    border: var(--bs-border-width) solid rgb(255 255 255 / 0%);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}

/* header end  */

/* === home-banner start == */
.home-banner {
    margin-top: 0px;
}

.home-banner {
    background-image: url('../../images/home-banner3.jpg');
    width: 100%;
    height: 550px;
    background-size: cover;
    background-repeat: no-repeat;
}

    .home-banner .search-box {
        background-color: #000000a3;
    }

/* === home-banner end === */


/* === hero-banner start == */
.hero-banner {
    margin-top: 65px;
}

.hero-banner {
    background-image: url('../../images/home-banner1.jpg');
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
}

/* === hero-banner end === */



/* === privacy-banner start == */
.privacy-banner {
    margin-top: 65px;
}

.privacy-banner {
    background-image: url('../../images/privacy-banner.png');
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
}

/* === privacy-banner end === */




/* advantage section start */
.cruise-perks .perk-box {
    padding: 25px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    transition: all 0.3s ease;
    height: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

    .cruise-perks .perk-box:hover {
        background: #f0f8ff;
        transform: translateY(-6px);
        box-shadow: 0 8px 20px rgba(13, 110, 253, 0.1);
    }

.cruise-perks .perk-icon i {
    color: #0d6efd;
}

/* advantage section end  */


/* top-destination start */
.top-destination .destination-card {
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .top-destination .destination-card:hover {
        transform: scale(1.03);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    }

    .top-destination .destination-card img {
        height: 100%;
        object-fit: cover;
        transition: opacity 0.3s ease-in-out;
    }

.top-destination .destination-label {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 6px 12px;
    font-weight: 600;
    font-size: 14px;
    color: #000;
    border-radius: 4px;
    text-transform: uppercase;
}

/* top-destination start */


/* cruise slider start */
.cruise-content .post-slide5 {
    margin: 0 15px;
    transition: all .4s ease-in-out 0s;
    box-shadow: 0 1px 2px rgba(43, 59, 93, .3);
    margin-bottom: 2em;
    background: #fff;
}

    .cruise-content .post-slide5 .post-img {
        position: relative;
        overflow: hidden;
    }

        .cruise-content .post-slide5 .post-img:before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0);
            transition: all .4s linear 0s;
        }

    .cruise-content .post-slide5:hover .post-img:before {
        background: rgba(0, 0, 0, .6);
    }

    .cruise-content .post-slide5 .post-img img {
        width: 100%;
        height: auto;
    }

    .cruise-content .post-slide5 .category {
        width: 50%;
        font-size: 16px;
        color: #fff;
        text-align: center;
        padding: 11px 0;
        background: #ff9412;
        position: absolute;
        bottom: 0;
        left: -50%;
        transition: all .5s ease-in-out 0s;
    }

    .cruise-content .post-slide5:hover .category {
        left: 0;
    }

    .cruise-content .post-slide5 .post-review {
        padding: 25px 20px;
    }

    .cruise-content .post-slide5 .post-title a {
        display: inline-block;
        font-size: 16px;
        color: #ff9412;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .cruise-content .post-slide5 .post-description {
        font-size: 15px;
        color: #555;
        line-height: 26px;
    }

.cruise-content .post-review .post-bar {
    margin-top: 20px;
}

.cruise-content .post-bar span {
    display: inline-block;
    font-size: 14px;
}

.cruise-content .post-review .cruise-logo {
    width: 100px;
}

/* cruise slider end */




/* footer section start */
footer {
    background-color: #1B3C53;
    color: White;
}

    footer ul {
        list-style: none;
        padding-left: 0px;
        line-height: 35px;
    }

    footer a {
        color: white;
        text-decoration: none;
    }

        footer a:hover {
            color: #FF7601;
        }

/* footer section end */


/* about-us section start */
.about-us {
    margin: 100px 0px;
}

/* about-us section end */


/* contact section start */
.contact-us {
    margin: 100px 0px;
}

    .contact-us .contact-card {
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
        padding: 20px;
    }

.contact-form form {
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    padding: 20px;
}

.contact-img {
    width: 100%;
}

/* contact section end */



/* Responsive Touches */
@media (max-width: 768px) {
    .home-banner {
        background-image: url(../../images/home-banner3.jpg);
        width: 100%;
        height: 650px;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

/*.res-detail {
    margin: 150px 0px 100px 0px !important;
}*/