body {
    font-family: "Montserrat", sans-serif;
}

#header {
    position: absolute;
    width: 100%;
    z-index: 9999
}

.head-nav {
    width: 100%;
    background: #fff;
    border-radius: 0 0 10px 10px;
    padding: 5px 15px !important;
}

.head-nav ul li a {
    color: #011E3F;
    font-size: 16px;
    font-weight: 500 !important;
    margin: 0 4px;
}

.head-nav ul li a:hover {
    color: #CB8DC1
}

.rt-nav a {
    font-size: 16px;
    font-weight: 600;
}

.button-default {
    background: #CB8DC1;
    padding: 10px 15px;
    text-decoration: none;
    color: #011E3F;
    border-radius: 5px;
    transition: .3s all ease
}

.navbar-brand img {
    width: 100px;
}

.rt-nav {
    margin-left: 30px;
}

.call {
    color: #011E3F;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    margin-right: 15px;
}

.rt-nav .call:hover {
    color: #CB8DC1;
}

.rt-nav .button-default:hover {
    background: #011E3F;
    transition: .3s all ease;
    color: #CB8DC1;
}

.button-default {
    font-weight: 600;
    color: #011E3F
}

.button-default:hover {
    text-decoration: none;
}

.rt-nav .button-default:hover img {
    filter: invert(500);
}

/*slider*/
.carousel {
    margin: 30px 0;
    background: #ccc;
    position: relative;

}

.carousel:after {
    content: "";
    position: absolute;
    z-index: -1;

    height: 60px;
    bottom: 0px;
    left: 10px;
    right: 10px;
    border-radius: 100px / 20px;
}

.carousel .item {
    text-align: center;
    overflow: hidden;
    height: 475px;
}

.carousel .item img {
    max-width: 100%;
    margin: 0 auto;
    /* Align slide image horizontally center in Bootstrap v3 */
}

.carousel .carousel-control {
    width: 50px;
    height: 50px;
    background: #000;
    margin: auto 0;
    opacity: 0.8;
}

.carousel .carousel-control:hover {
    opacity: 0.9;
}

.carousel .carousel-control i {
    font-size: 41px;
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin: 1px 6px;

}

.carousel-indicators li {
    background: transparent;
    border: 1px solid #fff;
    width: 10px !important;
    height: 10px !important;
}

.carousel-indicators li.active {
    background: #CB8DC1 !important;
    border-color: #8fc93c;
}

.slider .carousel {
    margin: 0
}

.slider .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 150px;
    left: 0;
    z-index: 9999999;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    width: 70%;
}

.slider .col-md-12 {
    padding: 0 !important;
    margin: 0
}

.slider .container {
    position: relative;
}

.carousel-caption h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff
}

.carousel-caption h1 {
    font-size: 60px;
    font-weight: 700;
    color: #fff
}

.carousel-action {
    margin-top: 20px;
}

.carousel .carousel-item .img-fluid {
    width: 100%
}

/*carousel-form*/
.carousel-form {
    background-color: rgba(1, 30, 63, 0.6899999976158142);
    position: absolute;
    width: 27%;
    right: 205px;
    z-index: 99;
    bottom: 0;
    display: flex;
    flex-direction: column;
    padding: 40px 40px;
    border: 1px solid rgba(203, 141, 193, 0.2);
}

.carousel-form .text-fld {
    width: 100%;
    height: 50px;
    border: 1px solid #fff;
    margin-bottom: 25px;
    border-radius: 5px;
    background: transparent;
    padding: 10px;
    color: #FFF;
}

.carousel-form .btn-sub {
    width: 100%;
    height: 48px;
    background: #CB8DC1;
    color: #011E3F;
    font-size: 18px;
    font-weight: 600;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.carousel-form h4 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

/*aboutus*/
.about-us{padding: 60px 0;}

.about-content {
    background: #011E3F;
    padding: 60px 60px 100px 140px;
}

.about-content h2 {
    font-size: 40px;
    font-weight: 600;
    color: #fff
}

.about-content p {
    color: #fff;
    margin-bottom: 30px;
}

.about-img {
    position: relative;
    z-index: 99999;
    margin-top: 60px;
}

.about-img img {
    width: 130%
}

/*highlight-box*/

.highlight-box {
    background: #FFF5FD;
    padding: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    min-height: 114px;
}

.highlight-box img {
    width: 60px;
    margin-right: 20px;
}

.highlight-box h4 {
    color: #011E3F;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}

.highlight-box h6 {
    color: #011E3F;
    font-size: 16px;
    font-weight: 600;
}

.pb-60 {
    padding: 0 0 60px 0
}

/*why-choose-us*/
.why-choose-us {
    display: flex;
    flex-flow: row wrap;

    background-repeat: no-repeat;
    background-position: top right;
    background-size: 50%;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading h4 {
    font-size: 40px;
    font-weight: 600;
    border-left: 6px solid #CB8DC1;
    padding-left: 20px;
}

.why-choose-box {
    padding: 20px;
    display: flex;
    align-items: center;
    border: 1px solid #CB8DC1;
    background: #FFF5FD;
    border-radius: 10px;
    margin-bottom: 30px;
}

.why-choose-box img {
    width: 57px;
    height: 57px;
    margin-right: 15px;

}

.why-choose-box p {
    font-size: 16px;
    margin-bottom: 0;
}

.shift-box {
    margin-left: 30px;
}

/*amenities*/
.amenities {
    background: #FFF5FD;
    padding: 60px 0;
    margin-bottom: 60px;
}

.amenities-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    border: 1px dashed #000;
    height: 130px;
    align-items: center;
    justify-content: center;
    border-radius: 0 20px 0 20px;
    margin-bottom: 20px;
}

.amnt-img img {
    width: 52px;
    height: 52px;
    margin-bottom: 10px;
}

.amenities-text {
    font-size: 18px;
    color: #000;

    font-weight: 600;
}

.amenities-box:nth-child(even) {
    flex-direction: column-reverse;
}

.amenities-box:nth-child(even) .amenities-text {
    justify-content: center;
    align-items: flex-end;
}

.amenities-box:nth-child(even) .amnt-img {
    border-top: 1px solid #CB8DC1;
}

.amenities .row {
    padding: 0 20px;
}

/*cta*/
.cta-box {
    background: url(../images/cta1.webp);
    width: 100%;
    background-size: cover;
    display: flex;
    justify-content: right;
    padding: 40px;
    margin-bottom: 60px;
}

.cta-innerbox {
    padding: 40px;
    background: rgba(1, 30, 63, 0.4);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(9.5px);
    -webkit-backdrop-filter: blur(9.5px);
    border: 1px solid rgba(255, 255, 255, 0.6700000166893005);
    border-radius: 5px;
    width: 60%;
}

.cta-innerbox h4 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}

.cta-innerbox p {
    color: #fff;
    margin-bottom: 30px;
}

/*gallery-box*/
.gallery-box {
    position: relative;
}

.gallery-box img {
    width: 100%
}

.gallery-box h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    bottom: 15px;
    left: 15px;
    margin-bottom: 0;
}

.owl-dots {
    display: none;
}

.gallery .owl-nav {
    width: 50%;
    text-align: left !important;
}

.gallery .owl-nav button span {
    width: 30px;
    height: 30px;
    display: block;
    line-height: 27px;
    border-radius: 100%;
    background: #CB8DC1;
    font-size: 24px;
    font-weight: 600;
}

.gallery {
    position: relative;
    padding: 60px 0;
}

.gallery:after {
    background: #011E3F;
    content: "";

    width: 60%;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
}

.gallery .container {
    position: relative;
}

.gallery .button-default {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.gallery .section-heading {
    position: relative;
    z-index: 9999
}

.gallery .section-heading h4 {
    color: #fff
}

.partner {
    padding: 60px 0
}

.partner .section-heading {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-bottom: 0
}

/*cta2*/
.cta2 .cta-box {
    justify-content: left;
}

.cta2 .cta-box .cta-innerbox {
    width: 70%
}

.mob-banner {
    display: none;
    width: 100%;
    position: relative;
height:100vh;
}

.mob-banner img {
    width: 100%;
}

/*footer*/
footer {
    background: #011E3F;
    padding: 40px 0;
    text-align: center;
}

footer p {
    color: #fff;
    margin-top: 20px;
}

.mob-head {
    display: none;
}

.navbar-toggler-icon {
    width: 20px !important
}

.navbar-toggler-icon img {
    width: 100%
}

/*media*/
@media screen and (max-width: 768px) {
    .about-img img {
        width: 100%
    }
.mob-form{display:none}
    .rt-nav {
        display: none;
    }

    .carousel-form {
        width: 100%;
        left: 0;
        top: 0
    }

    #header {
        position: relative;
    }

    .mob-banner {
        display: block;
        position: relative;
height:100vh;
    }

    .slider .slide {
        display: none;
    }

    .mob-head {
        display: block;
        color: #fff;
        font-weight: 700;
        font-size: 32px;
    }

    .carousel-form {
        justify-content: center;
    }

    .about-content {
        background: #011E3F;
        padding: 40px;
    }

    .about-content h2 {
        font-size: 30px;
    }

    .highlights .col-sm-4 {
        flex: 0 0 50%
    }

    .highlight-box h4 {
        font-size: 28px;
    }

    .highlight-box img {
        width: 40px;
    }

    .why-choose-us {
        background-image: none;
    }

    .shift-box {
        margin-left: 0px;
    }

    .section-heading h4 {
        font-size: 24px;
    }

    .section-heading h4 br {
        display: none;
    }

   
    .cta-innerbox {
        width: 100%
    }

    .owl-carousel {
        padding: 15px;
    }

    .gallery:after {
        width: 100%
    }

    .gallery .button-default {
        right: 10px
    }

    .partner .col-sm-4 {
        width: 50%;
    }

    .sec-head {
        flex: 0 0 100% !important
    }

    .partner-img img {
        width: 100%
    }

    .cta2 .cta-box {
        background: url(../images/cta2.webp);
    }

    .cta2 .cta-box .cta-innerbox {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .mob-head {
        font-size: 24px;
    }

    .carousel-form h4 {

        font-size: 18px;
    }
        .highlight-box h4 {
        font-size: 22px;
    }
    .highlight-box{min-height: inherit;}
    .cta-innerbox h4 {
    font-size: 22px;}
    .cta-innerbox p{font-size: 12px;}
    .cta-box{padding: 20px;}
    .cta-innerbox{padding: 20px;}
    .cta-innerbox p{margin-bottom: 20px;}
        .section-heading h4 {
        font-size: 20px;
    }
    .amenities .col-sm-2{flex: 0 0 50%}
        .amenities-box {
        width: 100%;
                padding: 10px;
    }
    .amenities-text{font-size: 14px;}
    .about-img{margin-top: 0; margin-bottom: 20px;}
    .about-us {
    padding:20px 0 20px;
}
}