@import url('https://fonts.googleapis.com/css2?family=Outfit&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');




body {
    margin-top: 93px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px;
}

@media screen and (min-width: 300px) and (max-width: 785.9px) {
    body {
        font-size: 12px;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1999.9px) {
    body {
        font-size: 16px;
    }
}

@media screen and (min-width: 1999.9) and (max-width: 3000px) {
    body {
        font-size: 20px;
    }
}

:root {
    --color-default: #212529;
    --color-primary: #f9ac1c;
    --color-primary-light: rgba(249, 172, 28, 0.5);
    --color-secondary: #207aaf;
    --font-primary: 'Outfit', sans-serif;
    --font-secondary: 'Outfit', sans-serif;
}

h1 {
    font-family: var(--font-secondary) !important;
}

.hero-section h3 {
font-family: 'Playfair Display', serif;font-weight: 800!important;color:#f9ac1c;font-size: 60px;
}

a {
    text-decoration: none !important;
    cursor: pointer;
    /* color: var(--color-primary) !important; */
}

a:hover {
    cursor: pointer;
    color: black;
}

.btn-primary {
    background-color: var(--color-primary) !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: var(--color-primary-light) !important;
    color: black !important;
}

.btn-secondary {
    background-color: var(--color-secondary) !important;
    color: white !important;
}

.btn-secondary:hover {
    /* background-color: var(--color-primary-light) !important; */
    color: black !important;
}

.background-primary {
    background-color: var(--color-primary) !important;
}

.background-secondary {
    background-color: var(--color-secondary);
}

.background-gray {
    background-color: #f8f8f8 !important;
}



.textcolor-primary {
    color: var(--color-primary) !important;
}

.textcolor-secondary {
    color: var(--color-secondary) !important;
}

.font-primary {
    font-family: var(--font-primary);
}

.font-secondary {
    font-family: var(--font-secondary);
}

.accomodation .font-secondary {
    font-family: 'Outfit', sans-serif !important;
}


.about-us .font-secondary {
    font-family: 'Outfit', sans-serif !important;
    text-transform: capitalize;
}


.navbar-nav li .nav-link {
    color: black;
    border-top: 4px solid transparent;
    font-size: 18px;
}

.navbar-nav li .nav-link.active {
    color: var(--color-primary) !important;
    border-top: 4px solid var(--color-primary);
}

/* .accomodation .p-md-4 {
    padding: 0 1.5rem 1.5rem 10px !important;
} */


.navbar-nav li .nav-link:hover {
    /* background-color: rgba(211, 211, 211, 0.2); */
    border-top: 4px solid var(--color-primary);
}


.navbar button[aria-expanded="true"]>span.close {
    display: inline;
    color: rgba(0, 0, 0, 0.65);
    opacity: 1;
    width: 30px;
}


.navbar button[aria-expanded="true"]>span.navbar-toggler-icon {
    display: none;
}

.navbar button[aria-expanded="false"]>span.close {
    display: none;
}

.button-nav {
    display: block;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

button:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.hero,
.hero-section {
    /* overflow: hidden; */
    /* height: 700px; */
    width: auto;
    background-size: cover !important;
    background-position: bottom !important;
}

.hero-section .slick-list {
    height: 100% !important;
}

.hero-section .slider-text a {
    color: white !important;
}

.hero .hero-img-over-text {
    font-family: "Playfair Display", serif;
}

.hero .hero-img-over-text .top {
    font-size: 72px;
}

.hero .hero-img-over-text .top-right {
    font-size: 48px;
}

.hero .hero-img-over-text .bottom {
    font-size: 48px;
}

.hero img {
    -o-object-fit: cover;
    object-fit: cover;
}

.hero-section img {
    object-fit: cover;
}

.hero-img-over-text {
    width: -moz-fit-content;
    width: fit-content;
}

.single-hero-slide .small-text {
    font-size: 45px;
    color: #fff;
    display: block;
}

.single-hero-slide {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.hero-section .slick-arrow i {
    padding: 1.5rem 0 !important;
}


.booking {
    background: linear-gradient(270deg, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 75%, rgba(249, 170, 28, 0.00) 75.01%, rgba(249, 170, 28, 0.00) 100%);
}

.booking button {
    width: -moz-fit-content;
    width: fit-content;
}

.booking input {
    --bs-text-opacity: 1;
    color: #6c757d !important;
}



.booking-cta .form-select {
    font-size: 14px !important;
}



@media screen and (min-width: 1200px) {

    .booking-cta {
        margin-top: -4vw !important;
    }

    .booking-cta .booking-cta-check {
        width: 15%;
    }

    .booking-cta .booking-cta-room-type {
        width: 17%;
    }

    .booking-cta .booking-cta-room {
        width: 10%;
    }

    .booking-cta .booking-cta-adult {
        width: 10%;
    }

    .booking-cta .booking-cta-children {
        width: 12%;
    }

    .booking-cta .booking-cta-button {
        width: 20%;
    }
}








/* .booking-cta-button {
    padding-left: 20px;
} */
.about-us {
    background: linear-gradient(270deg, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 75%, rgba(249, 170, 28, 0.00) 75.01%, rgba(249, 170, 28, 0.00) 100%);
}

/* .about-us .row {
    background-color: rgb(245, 245, 245);

} */

.about-us .about-us-left .about-us-left-img {
    height: 35vw;
    width: 100%;
    object-fit: cover;
}

.about-us .about-us-left .about-us-left-1 button {
    background: #005247;
    color: white;
    border-radius: 0;
    height: 7vw;
    width: 7vw;
}

.about-us .about-us-left .about-us-left-1 button i {
    font-size: 5vw;
    margin: 0;
}


.about-us .about-us-left .about-us-left-2 {
    bottom: -40px;
    right: -20px;
    border: 1vw solid white
}

.about-us .about-us-left .about-us-left-2 .about-us-left-2-img {
    height: 10vw;
}

.about-us .counter .counter-box {
    font-size: 1.25rem !important;
}

.custom-page-content li::before {
    content: "\f285" !important;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.accomodation-item-img {
    transition: .5s;
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
}

.accomodation-img:hover .accomodation-item-img {
    opacity: 1;
}

.activities {
    color: white;
    height: 700px;
    width: auto;
    position: relative;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 80%, rgba(211, 211, 211, 0.05) 90%, rgba(249, 170, 28, 0.00) 100%), url("../assets/img/activity-bg.jpg");
    /* background-color: linear-gradient(90deg, rgba(211, 211, 211, 0.2) 0%, rgba(211, 211, 211, 0.15) 80%, rgba(211, 211, 211, 0.05) 90%, rgba(249, 170, 28, 0.00) 100%); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.activities::before {
    content: "";
    position: absolute;
    background-color: #3e3e3eb5;
    height: 100%;
    width: 100%;
    opacity: 0.8;


}

/* .activities-right {
    background-color: rgba(211, 211, 211, 0.1);
    background: linear-gradient(90deg, rgba(211, 211, 211, 0.2) 0%, rgba(211, 211, 211, 0.15) 80%, rgba(211, 211, 211, 0.05) 90%, rgba(249, 170, 28, 0.00) 100%);
} */

.activity-slider-text {
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(118, 0, 2, 0.3);
    color: white;
}

.activity-slider-item:hover .activity-slider-text {
    transition: .5s;
    opacity: 1;
}

.facility-items {
    /* height: 250px; */
    padding: 30px;
}

.facility-items i {
    font-size: 64px;
    color: var(--color-primary);
}


.value {
    /* height: 45vw; */
    background: var(--color-default);
    color: white;
}

.value .row {
    padding: 100px 3rem;
}

.testimonials {
    /* .item {
        margin-right: .5rem;
    } */

    .testimonials-bottom .item-top:after {
        width: 0;
        height: 0;
        border-left: 1px solid transparent;
        border-right: 20px solid transparent;
        border-top: 26px solid #f4f4f4;
        position: absolute;
        content: '';
        left: 8%;
        bottom: -25px;

    }

    .testimonials-bottom .item-bottom img {
        height: 80px;
    }
}

.banner {
    height: calc(10rem + 30vw);

    background-size: cover !important;
    color: white;
}

/*
.main-bottom {
    background-color: rgb(240, 240, 240);
}

.main-bottom-right {
    background-color: #177db5;
} */

.footer-section-1 img {
    width: auto;
}

/*
.footer-section-3 img {
    height: 75px;
} */
/*
.footer-below img {
    margin: 0 5px;
    height: 25px;
    width: 25px;
} */

footer a:hover {
    cursor: pointer;
    color: var(--color-primary) !important;
}

footer {
    /* height: 650px; */
    /* width: 100%; */
    background: var(--color-default);
    /* background-position: 50% 80% !important; */
}

/* .facility .row,
.packages-home {
    background-color: rgb(245, 245, 245);
} */

.packages-home {
    background-color: rgb(245, 245, 245);
}

.facility i {
    font-size: 50px;
    /* color: var(--color-primary); */
    background: linear-gradient(135deg, #f9ac1c, #207aaf);
    background-clip: text;
    color: transparent;
}

.facility .facility-top .facility-flower .flower-icon i {
    font-size: 20px;
}

.facility .facility-top .facility-flower::before,
.facility-below .facility-top .facility-flower::before {
    display: block;
    content: "";
    border-bottom: 0;
    flex-grow: 1;
    border-top: 1px solid var(--color-primary);
}

.facility .facility-top .facility-flower::after,
.facility-below .facility-top .facility-flower::after {
    display: block;
    content: "";
    border-bottom: 0;
    flex-grow: 1;
    border-top: 1px solid var(--color-primary);
}



.facility-below {
    background: linear-gradient(90deg, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 95%, rgba(249, 170, 28, 0.00) 95.01%, rgba(249, 170, 28, 0.00) 100%);
}

.facility-below .row:nth-child(even) {
    flex-direction: row-reverse !important;
}

.facility-below .facility-below-item .facility-below-item-bottom img {
    height: calc(10rem + 10vw);
    width: 100%;
    object-fit: cover;
}

.gallery-item-text {
    opacity: 0;
    background: transparent;
}

.gallery-item1:hover .gallery-item-text {
    opacity: 1;
}



.service-page .service-bottom .row:nth-child(even) {
    flex-direction: row-reverse !important;
}

/* .room-details-tab .nav .nav-link {
    color: black !important;
} */

.room-details-tab .nav-tabs .nav-link {
    color: black;
    margin-bottom: 1px;
    border: 0;
    border-bottom: 1px solid rgba(73, 80, 87, 0.2) !important;
}

.room-details-tab .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--color-primary);
    border: 0;
    border-bottom: 1px solid var(--color-primary) !important;
}





/* css from main.css */

.header-top-area {
    padding: 20px 0;
}

.header-top-area .top-right {
    text-align: right;
}

.header-top-area a {
    color: #666565;
}

.header-top-area .top-contact-info li {
    color: #fff;
}

.header-top-area a {
    color: #fff;
}

.header-top-area .top-contact-info li {
    margin-right: 30px;
}

.header-top-area .top-contact-info i {
    font-size: 20px;
    margin-right: 10px;
}

.header-top-area .top-social-icon {
    margin-left: 40px;
}

.header-top-area .top-social-icon li,
.header-top-area .top-menu li {
    margin-left: 18px;
}

.header-menu-area .logo {
    padding-left: 80px;
    position: relative;
    margin-top: -60px;
}

.logo-wrap {
    padding: 5px 0;
}

.logo img {
    max-width: 240px;
}

.header-menu-area.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.header-menu-area.sticky .logo {
    margin-top: 0;
}

.header-menu-area.sticky .logo img {
    max-width: 250px;
}

header .container-fluid.sticky {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    background: #231f20;
}

header .container-fluid.sticky .menu-right-area a:hover {
    color: #7d5c2e !important;
}

nav.main-menu {
    margin-right: 0px;
}

.menu-right-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    min-height: 90px;
}

.menu-right-area a {
    color: #fff;
}

.menu-right-area .quote-btn a {
    color: #fff;
}

.menu-right-area .main-menu li {
    position: relative;
}

.menu-right-area .main-menu li.have-submenu {
    padding-right: 15px;
}

.menu-right-area .main-menu li.have-submenu::after {
    position: absolute;
    right: 0;
    top: 10px !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f107";
    font-size: 15px;
    color: #000 !important;
}

.menu-right-area .main-menu li a {
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block;
    margin: 0 10px;
}

.header-top-area .top-contact-info i {
    color: #f1f1f1;
}

.header-top-area {
    background-color: #705904;
}

.menu-right-area .main-menu li .submenu {
    position: absolute;
    left: 0;
    top: 115%;
    width: 200px;
    background-color: white;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 99;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
}

.menu-right-area .main-menu li .submenu li {
    display: block;
    text-align: left;
    position: relative;
}

.menu-right-area .main-menu li .submenu li a {
    color: #000;
    padding: 8px 18px;
    margin: 0;
    display: block;
    background: rgb(245 245 220 / 20%);
}

.menu-right-area .main-menu li .submenu-second li a {
    background: rgb(245 245 220 / 40%);
}

/* .menu-right-area .main-menu li .submenu li a:hover {
    color: #fff;
} */

.menu-right-area .main-menu li .submenu li.have-submenu {
    padding-right: 0;
}

.menu-right-area .main-menu li .submenu li.have-submenu::after {
    color: #666565;
    content: "\f105";
    right: 15px;
    top: 8px !important;
}

.menu-right-area .main-menu li .submenu li.have-submenu:hover::after {
    color: green;
}

.menu-right-area .main-menu li .submenu li .submenu {
    left: auto;
    right: -140px;
    top: 100%;
}

.menu-right-area .main-menu li .submenu li:hover .submenu {
    top: -5px;
}

.menu-right-area .main-menu li:hover>.submenu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.menu-right-area .btn {
    height: 90px;
    padding: 0 70px;
}

.menu-right-area .btn:hover {
    color: #fff;
}

@media (min-width: 1400px) and (max-width: 1700px) {
    .menu-right-area .btn {
        padding-right: 30px;
        padding-left: 30px;
    }
}

.menu-right-area .search-wrap {
    position: relative;
}

.menu-right-area .search-wrap .search-icon {
    height: 90px;
    padding: 0 40px;
    display: inline-block;
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
}

.menu-right-area .search-wrap .search-icon.icon-close {
    display: none;
}

.menu-right-area .search-wrap .search-form {
    position: absolute;
    height: 100%;
    width: 500px;
    z-index: 2;
    right: 0;
    top: 120%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
}

.menu-right-area .search-wrap .search-form input,
.menu-right-area .search-wrap .search-form form {
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.ui-datepicker select {
    height: 30px;
    padding: 0 5px;
}

.menu-right-area .search-wrap.search-active .search-icon {
    display: none;
}

.menu-right-area .search-wrap.search-active .search-icon.icon-close {
    display: inline-block;
}

.menu-right-area .search-wrap.search-active .search-form {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.menu-right-area .quote-btn {
    margin-right: -70px;
}

.menu-right-area .lang-select .nice-select {
    border: none;
    color: #fff;
    width: auto;
    padding: 0;
    padding-left: 10px;
    padding-right: 15px;
}

.menu-right-area .lang-select .nice-select::after {
    right: 0;
    color: #fff;
}

.menu-right-area .lang-select .nice-select .list {
    color: #666565;
    background-color: #fff;
    width: 135px;
    border-radius: 0;
}

.menu-right-area .lang-select .nice-select .list li:hover {
    color: #fff;
}

.menu-right-area .lang-select .lang-img {
    position: absolute;
    right: 92px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-right-area .lang-select .lang-option {
    position: absolute;
    right: 0;
    top: 5px;
}

.menu-right-area .lang-select .nice-select {
    background: #fff !important;
}

.header-two .menu-right-area a,
.header-two .menu-right-area,
.header-two .menu-right-area .main-menu li.have-submenu::after {
    color: #0f172b;
}

.header-two .menu-right-area .btn {
    color: #fff;
    height: 100px;
}

.header-two .phone-num i {
    color: #fea116;
    font-size: 20px;
    margin-right: 8px;
}

.header-two.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    border-bottom: 1px solid #fea116;
}

.breadcrumb-area {
    z-index: 1;
    height: 250px;
}

.bg-img-center {
    background-position: center;
    background-size: cover;
}

.contact-icon {
    font-size: 2rem;
}

.contact-info-box {
    height: auto;
}

.contact-form .input-wrap input,
.contact-form .input-wrap textarea,
.contact-form .input-wrap ::placeholder {
    font-size: 16px;
    color: #666565;
}

.contact-form .input-wrap textarea {
    height: auto !important;
}

.featured-packages {
    padding: 130px 0 90px;
}

.section-title span.title-top {
    display: block;
    font-size: 28px;
    position: relative;
    margin-bottom: 20px;
}

.single-service-box {
    height: 230px;
}

.single-service-box .service-icon i {
    font-size: 48px;
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.single-service-box:hover {
    color: #fff;
}

.single-service-box:hover .service-icon i {
    color: #fff;
}

.service-icon-inner-text {
    color: var(--color-primary) !important;
}

.single-service-box:hover .service-icon-inner-text {
    color: #fff !important;
}

.single-room .rate {
    position: absolute;
    top: -30px;
    right: 30px;
}

.single-room .room-desc .room-cat {
    font-size: 14px;
    margin-top: 0;
    position: absolute;
    left: 10px;
    top: -52px;
}

.rate {
    font-size: 13px;
}

.single-room .room-thumb {
    overflow: hidden;
    position: relative;
}

.single-room .room-thumb {
    height: 300px;
}

.single-room .room-thumb img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.single-room .room-thumb .image2 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.single-room .room-thumb:hover .image1 {
    display: none !important;
}

.single-room .room-thumb:hover .image2 {
    position: static;
    display: inline !important;
}

.packages .card {
    height: 300px !important;
}

.packages-filter .accordion-button:not(.collapsed) {
    color: white;
    background-color: var(--color-primary);
    /* box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); */
}

.hover-text {
    opacity: 0;
}

.item-outer:hover .hover-text {
    opacity: 1;
}

.sidebar-wrap .widget {
    /* padding: 30px; */
    /* background-color: rgba(32, 124, 177, 0.4); */
    margin-bottom: 40px;
    border-radius: 6px;
}

.sidebar-wrap .widget .accordion-button:not(.collapsed) {
    color: white;
    background-color: var(--color-primary);
    /* box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); */
}

.sidebar-wrap .widget.fillter-widget .input-wrap #date-range,
.sidebar-wrap .widget.booking-widget .input-wrap #date-range {
    cursor: pointer;
}

.sidebar-wrap .widget.fillter-widget .btn {
    padding: 8px;
}

.sidebar-wrap .widget.booking-widget input[type="text"],
.sidebar-wrap .widget.booking-widget input[type="tel"],
.sidebar-wrap .widget.booking-widget input[type="url"],
.sidebar-wrap .widget.booking-widget input[type="email"],
.sidebar-wrap .widget.booking-widget input[type="number"],
.sidebar-wrap .widget.booking-widget input[type="password"],
.sidebar-wrap .widget.booking-widget select,
.sidebar-wrap .widget.booking-widget .nice-select,
.sidebar-wrap .widget.booking-widget ::-webkit-input-placeholder {
    height: 40px;
    color: #666565;
    font-weight: 600;
    font-size: 16px;
}

/* .room-details-wrapper .sidebar-wrap .widget {
    background-color: rgba(32, 124, 177, 0.4);
} */

.room-details-wrapper .modal .modal-content {
    background: rgba(170, 180, 190);
}

.filter-view {
    background-color: #fff;
    margin-bottom: 45px;
}

.search-widget ul.categories li a {
    padding-left: 15px;
    color: inherit;
}

.sidebar-wrap .widget.booking-widget .btn {
    height: 40px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
input[type="password"],
select,
textarea,
.nice-select {
    background-color: #f3f3f3;
    border: 1px solid #b9c6d5;
    border-radius: 0;
    height: auto;
    font-size: 16px;
    padding: 5px 10px;
    /* border-radius: 6px !important; */
    width: 100%;
}

.post-thumb .slick-next {
    right: 20px;
}

.post-thumb .slick-prev {
    left: 20px;
    z-index: 1;
}

.packages-thumb-slider .slick-next {
    right: 10px;
}

.packages-thumb-slider .slick-prev {
    left: 10px;
    z-index: 1;
}

.service-details-section .service-sidebar .service-cat .service-cat-list li a {
    display: block;
    border: 1px solid #dcdfe2;
    padding: 10px;
    transition: all 0.3s ease-out 0s;
    position: relative;
    color: #83868c;
    position: relative;
}

.contact-form h2.form-title {
    font-size: 50px;
    text-align: center;
    padding-bottom: 40px;
    position: relative;
}

.room-cat a {
    color: #fff;
    border-radius: 5px;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
}

.room-cat a:hover {
    color: black;
}

.input-wrap i {
    position: absolute;
    background: transparent;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pagination-wrap li a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    display: block;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
}

.filter-view ul li {
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
    font-size: 18px;
    cursor: pointer;
    padding: 5px 0;
    position: relative;
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
}

.filter-view .active-f-view {
    font-weight: 700;
}



/* css from main.css end */

@media screen and (max-width: 575px) {.about-us .about-us-left .about-us-left-2 .about-us-left-2-img {
        height: 26vw;
    }

    footer a {
            color: #000;
        }

    .about-us .about-us-left .about-us-left-img {
            height: 100%!important;
            width: 100%;
            object-fit: cover;
        }

    .hero-section .slider-text {
            width: 100% !important;
                text-align: center !important;
                padding: 40px !important;
        }

.packages-big-slider .slick-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

                .packages-big-slider .slick-slide{height: 195px;}

    .packages-big-slider.post-thumbnail{height:195px;overflow: hidden;}

.packages .card{height:250px; overflow: hidden;}
    footer{margin-top: 30px;}

    body {
        font-size: 12px !important;
    }

    .navbar-brand {
        width: 80%;
    }

    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    select,
    textarea,
    .nice-select {
        height: auto;
    }

    .booking-cta .form-select {
        font-size: 10px !important;
        padding: 6px 16px 6px 8px !important;
        background-position: right 0px center !important;
    }

    .button-nav {
        display: none !important;
    }

    .packages .card {
        height: 250px !important;
    }

    .facility-items {
        font-size: 14px;
        /* height: 250px; */
        padding: 5px;
    }

    .facility i {
        font-size: 30px;
    }

    .facility h5 {
        font-size: 1rem;
    }



    .activities {
        height: 300px !important;
    }

    /* .hero,
    .hero-section {
        height: 300px !important;
    } */

    .hero .hero-img-over-text .top {
        font-size: 36px;
    }

    .hero .hero-img-over-text .top-right,
    .hero .hero-img-over-text .bottom {
        font-size: 24px;
    }

    .filter-view .active-f-view {
        margin-left: inherit !important;
    }

    .about-us .counter .counter-box {
        font-size: .8rem !important;
    }

    .about-us .about-us-left .about-us-left-1 button i {
        font-size: 20px;
        margin: 0;
    }

}

@media screen and (min-width: 576px) and (max-width: 786px) {
    b .activities {
        height: 400px !important;
    }

    .filter-view .active-f-view {
        margin-left: inherit !important;
    }

    .booking label {
        font-size: 0.825rem;
    }

    .about-us .row {
        background-color: lightgray;
        padding-top: 1.5rem !important;
    }
}

@media only screen and (min-width: 770px) and (max-width: 1023.99px) {


    /* footer {
        height: 100%;
    } */
    /* .booking-cta {
        top: -10vw;
    } */

    .hero-section .slider-text {
        padding: 0 180px 0 80px !important;
    }

    /* .hero,
    .hero-section {
        height: 50vw !important;
    } */

    .menu-right-area .main-menu li.have-submenu::after {
        right: 20px;
    }

    .activities {
        height: 550px;
        padding: 40px;
    }
}


@media only screen and (max-width: 1200px) {
    .about-us-slider {
        position: relative;
    }
}

/* @media only screen and (min-width: 2000px) {
    .booking-cta {
        position: absolute;
        top: -200px;
    }

     main-bottom-item {
        display: flex;
        justify-content: center;
        align-items: center;
    }
} */

.slider-about-us .div {
    height: 100px;
    width: 100px;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin: 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.slider-about-us .slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.slider-activity .slick-prev:before,
.slider-activity .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-testimonial {
    margin: 10px 10px 0px 10px !important;
}

.slider-testimonial div {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    display: inline-block;
    /* font-size: 20px; */
}

.slider-testimonial .slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.slider-testimonial .slick-dots {
    bottom: -40px !important;
    padding: 15px 0 !important;
}

.testimonials .slider-testimonial .slick-dots {
    bottom: -0 !important;
    padding: 0 !important;
}

.testimonials .slick-track {
    padding: 0 !important;
}

.testimonials .slick-slider .slick-list {
    margin-bottom: 1rem !important;
}

.testimonials .slider-testimonial {
    margin: 0 !important;
    margin-bottom: 30px !important;
    padding: 0px !important;
}

.slider-testimonial .slick-dots li button:before {
    font-size: 15px !important;
}

.slider-testimonial .slick-dots li.slick-active button:before {
    color: var(--color-primary);
}

/* hero slider css start */

.single-hero-slide {
    /* line-height: 38px; */
    position: relative;
    z-index: 1;
}

.single-hero-slide:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #0f172b;
    z-index: -2;
    opacity: 0.59;
}

.single-hero-slide .small-text {
    font-size: 18px;
    color: #fff;
    margin-bottom: 7px;
    display: block;
}


.single-hero-slide .btn.filled-btn {
    font-size: 18px;
    border-radius: 0px;
    width: 220px;
    height: 60px;
    background: #F9AA1C;
    line-height: 45px;
}

h1.big-text {
    position: absolute;
    left: 50%;
    top: 39%;
    font-size: 300px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 60px;
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    opacity: 0.11;
    z-index: -1;
}

.parallax {
    background-attachment: fixed;
}


.hero-section .slick-arrow {
    position: absolute;
    height: 80px;
    width: 80px;
    font-size: 20px;
    text-align: center;
    z-index: 5;
    line-height: 80px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none !important;
    border-radius: 50%;
    background: transparent !important;
    /*  background-image   : url(../img/hero_slider/01.png); */
    background-size: cover;
    background-position: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
    visibility: hidden;
    opacity: 0;
}

.hero-section .slick-arrow.next {
    left: auto;
    right: 0;
    /* background-image: url(../img/hero_slider/02.png); */
}

.hero-section:hover .slick-arrow {
    visibility: visible;
    opacity: 1;
    left: 2%;
}

.hero-section:hover .slick-arrow.next {
    left: auto;
    right: 2%;
}



.hero-section .slider-text {
    text-align: start;width: 550px;background: rgba(0, 0, 0, 0.36);padding:60px;
    
    
}

.hero-section .slider-text p.welcome {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
}

.hero-section .slider-text h1 {
    font-family: 'Abhaya Libre', serif;
}


/* Popup css */
.popup-wrapper {
    display: none;
}

.popup_main-content h1 {
    font-size: 40px;
    line-height: 50px;
}

.bg_cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
    background: #FFF;
    opacity: 1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 32px;
    right: -15px;
    top: -15px;
}

.popup-wrapper {
    position: relative;
    width: auto;
    max-width: 960px;
    margin: 0 auto;
}

.popup-wrapper .form_control {
    width: 100%;
    height: 70px;
    padding: 0 30px;
    line-height: 70px;
}

/* Popup-one */
.popup-one {
    position: relative;
    padding: 138px 120px;
}

.popup-one .popup_main-content {
    position: relative;
    text-align: center;
    background-color: rgba(69, 29, 83, 0.8);
    border-radius: 10px;
    padding: 90px 55px;
}

.popup-one .popup_main-content h1,
.popup-one .popup_main-content p {
    color: #fff;
}

.popup-one .popup_main-content h1 {
    margin-bottom: 20px;
}

.popup-one .popup_main-content p {
    margin-bottom: 30px;
}

.popup-one .popup_main-content .popup-main-btn {
    padding: 15px 100px;
    display: inline-block;
    color: #fff;
    border-radius: 40px;
    border: 1px solid #fff;
    text-decoration: none;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.popup-one .popup_main-content .popup-main-btn:hover,
.popup-one .popup_main-content .popup-main-btn:focus {
    background-color: #451D53;
    color: #fff;
    border-color: transparent;
}

/* Popup-two */

.popup-two {
    position: relative;
    padding: 120px;
}

.popup-two .popup_main-content {
    position: relative;
    text-align: center;
    background-color: rgba(255, 40, 101, 0.7);
    border-radius: 10px;
    padding: 90px 55px;
}

.popup-two .popup_main-content h1,
.popup-two .popup_main-content p {
    color: #fff;
}

.popup-two .popup_main-content h1 {
    margin-bottom: 20px;
}

.popup-two .popup_main-content p {
    margin-bottom: 30px;
}

.popup-two .popup_main-content .subscribe-form {
    padding: 0 70px;
}

.popup-two .popup_main-content .subscribe-form .form_control {
    border: none;
    border-radius: 10px;
    font-size: 20px;
    margin-bottom: 20px;
}

.popup-two .popup_main-content .subscribe-form .popup-main-btn {
    width: 100%;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    height: 70px;
    border-radius: 10px;
    cursor: pointer;
    transition: all .3s;
}

.popup-two .popup_main-content .subscribe-form .popup-main-btn:hover,
.popup-two .popup_main-content .subscribe-form .popup-main-btn:focus {
    background-color: #FF2865;
    color: #fff;
    border-color: transparent;
}


/* Popup-three */

.popup-three .popup_main-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fff;
}

.popup-three .popup_main-content .left-bg {
    width: 45%;
    height: 100%;
    min-height: 670px;
}

.popup-three .popup_main-content .right-content {
    width: 55%;
    padding: 30px 15px;
    text-align: center;
}

.popup-three .popup_main-content .right-content h1 {
    font-weight: 400;
    margin-bottom: 20px;
}

.popup-three .popup_main-content .right-content p {
    margin-bottom: 20px;
}

.popup-three .popup_main-content .right-content .popup-main-btn {
    padding: 15px 70px;
    background-color: #FF2865;
    color: #fff;
    font-size: 19px;
    border-radius: 35px;
    display: inline-block;
    text-decoration: none;
}

/* Popup-four */

.popup-four .popup_main-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fff;
}

.popup-four .popup_main-content .left-bg {
    width: 45%;
    height: 100%;
    min-height: 670px;
}

.popup-four .popup_main-content .right-content {
    width: 55%;
    padding: 30px 30px;
    text-align: center;
}

.popup-four .popup_main-content .right-content h1 {
    font-weight: 400;
    margin-bottom: 20px;
}

.popup-four .popup_main-content .right-content p {
    margin-bottom: 20px;
}

.popup-four .popup_main-content .subscribe-form {
    padding: 0 70px;
}

.popup-four .popup_main-content .subscribe-form .form_control {
    border: 2px solid #C5C5C5;
    border-radius: 10px;
    font-size: 20px;
    margin-bottom: 20px;
}

.popup-four .popup_main-content .subscribe-form .popup-main-btn {
    width: 100%;
    background-color: #F8960D;
    color: #fff;
    font-size: 20px;
    height: 70px;
    border-radius: 10px;
    cursor: pointer;
    border: none;
    transition: all .3s;
}

.popup-four .popup_main-content .subscribe-form .popup-main-btn:hover,
.popup-four .popup_main-content .subscribe-form .popup-main-btn:focus {
    background-color: #F8960D;
    color: #fff;
    border-color: transparent;
}


/* Popup-five */

.popup-five .popup_main-content {
    text-align: center;
    padding: 75px;
}

.popup-five .popup_main-content h1 {
    font-size: 42px;
    line-height: 52px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
    margin: 0 auto 20px;
    max-width: 600px;
}

.popup-five .popup_main-content h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 35px;
    margin-bottom: 40px;
    font-weight: 400;
}

.popup-five .popup_main-content .popup-main-btn {
    padding: 15px 30px;
    display: inline-block;
    color: #fff;
    background-color: #29A19C;
    border-radius: 40px;
    text-decoration: none;
}

/* Popup-six */
.popup-six .popup_main-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #fff;
    text-decoration: none;
}

.popup-six .popup_main-content .left-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

.popup-six .popup_main-content .right-content {
    background-color: #930077;
    width: 50%;
    height: 100%;
    padding: 120px 15px;
    text-align: center;
    margin-left: 50%;
}

.popup-six .popup_main-content .right-content h1 {
    font-size: 40px;
    font-weight: 400;
    line-height: 50px;
    color: #fff;
    margin-bottom: 25px;
}

.popup-six .popup_main-content h4 {
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 40px;
    font-weight: 400;
}

.popup-six .popup_main-content .right-content .popup-main-btn {
    padding: 15px 30px;
    display: inline-block;
    color: #fff;
    background-color: #FA00CA;
    border-radius: 40px;
    text-decoration: none;
}

/* syotimer css */
.popup-wrapper .syotimer__body {
    max-width: 420px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.popup-wrapper .syotimer__body p {
    color: #fff;
}

.popup-wrapper .syotimer-cell {
    flex: 0 0 24%;
    padding-left: 10px;
    padding-right: 10px;
}

.popup-wrapper .syotimer-cell__value {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1F3A52;
    border-radius: 10px;
    font-size: 36px;
    color: #fff;
    margin-bottom: 15px;
}

.popup-wrapper .syotimer-cell__unit {
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
}

i.far.fa-bars {
    color: #7d5c2e;
}

@media (min-width:1600px) {
    .container {
        max-width: 1600px;
    }

}

/*Large Device*/
@media only screen and (min-width: 1200px) and (max-width : 1400px) {
    body {
        font-size: 14px;

    }
}


/*Large Device*/
@media only screen and (min-width: 992px) and (max-width : 1199px) {
    body {
        font-size: 12px;

    }
}

/*Medium Device*/
@media only screen and (min-width: 768px) and (max-width : 991px) {

    .popup-one .popup_main-content h1,
    .popup-three .popup_main-content .right-content h1,
    .popup-four .popup_main-content .right-content h1,
    .popup-five .popup_main-content h1,
    .popup-six .popup_main-content .right-content h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .popup-wrapper {
        max-width: 720px;
    }

    .popup-two .popup_main-content .subscribe-form,
    .popup-four .popup_main-content .subscribe-form {
        padding: 0 15px;
    }

    .popup-one,
    .popup-two {
        padding: 80px 30px;
    }

    .syotimer__body {
        margin-bottom: 0px;
    }

    .syotimer-cell {
        flex: 0 0 50%;
        margin-bottom: 20px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 991px) {
    .popup-wrapper .syotimer-cell {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .popup-wrapper {
        max-width: 500px;
    }

    .popup-five .popup_main-content {
        text-align: center;
        padding: 50px 15px;
    }

    .popup-three .popup_main-content .left-bg,
    .popup-four .popup_main-content .left-bg,
    .popup-six .popup_main-content .left-bg {
        display: none;
    }

    .popup-one,
    .popup-two {
        padding: 30px 15px;
    }

    .popup-one .popup_main-content,
    .popup-two .popup_main-content {
        padding: 20px 15px;
    }

    .popup-one .popup_main-content .main-btn {
        padding: 15px 30px;
    }

    .popup-three .popup_main-content .right-content,
    .popup-four .popup_main-content .right-content,
    .popup-six .popup_main-content .right-content {
        width: 100%;
        padding: 50px 15px;
    }

    .popup-two .popup_main-content .subscribe-form,
    .popup-four .popup_main-content .subscribe-form {
        padding: 0 15px;
    }

    .popup-two .popup_main-content .subscribe-form .form_control,
    .popup-four .popup_main-content .subscribe-form .form_control {
        font-size: 15px;
    }

    .popup-two .popup_main-content h1,
    .popup-one .popup_main-content h1,
    .popup-three .popup_main-content .right-content h1,
    .popup-four .popup_main-content .right-content h1,
    .popup-five .popup_main-content h1,
    .popup-six .popup_main-content .right-content h1 {
        font-size: 24px;
        line-height: 34px;
    }

    .popup-six .popup_main-content .right-content {
        margin-left: 0%;
    }

    .syotimer__body {
        max-width: 380px;
        margin-bottom: 0px;
    }

    .syotimer-cell {
        flex: 0 0 50%;
        margin-bottom: 20px;
    }
}

/* Mobile Devices, Tablets */
@media only screen and (max-width: 400px) {
    .popup-wrapper {
        max-width: 300px;
    }

    .syotimer__body {
        max-width: 300px;
        margin-bottom: 0px;
    }

    .syotimer-cell {
        flex: 0 0 50%;
        margin-bottom: 20px;
    }
}

/* Wide mobile Devices */
@media only screen and (min-width: 301px) and (max-width : 767px) {
    .popup-wrapper {
        max-width: 380px;
    }

    .hero-section .slick-slide {
        height: 300px !important;
    }

    .col-6.footer_link {
        width: 100%;
        max-width: 100%;
    }

    .reach_us {
        text-align: center;
    }

    .footer-logo img {
        margin: 0 auto;
        display: block;
    }

    .footer_header,
    .col-6.footer_link p {
        text-align: center;
    }

    .footer-section-1 p {
        text-align: center;
    }

    .footer-section-1 .d-flex {
        justify-content: center;
    }
}

.hero-section .slick-slide {
    height: 45vw;
}

.sidebar-wrap .accordion-button, #accordionExample .accordion-button{padding:5px 10px;}

.sidebar-wrap .accordion-button .fs-4, #accordionExample .fs-4{margin-bottom:0;font-size: 18px!important;}
#collapseOne .nice-select, #locationSearchInput, #searchInput, #accordionExample input{padding:5px;}
.sidebar-wrap .widget.fillter-widget .checkboxes label {
   
   line-height: 27px;
    padding-left: 3px;
}
#accordionExample input {
    padding: 5px;line-height: 20px;
}

#accordionExample .fs-6{margin-top:30px!important;}
#collapseOne .justify-content-between {
    justify-content: center !important;
}
.sidebar-wrap .widget.fillter-widget .input-wrap {
    margin-bottom: 12px;
    margin-right: 30px;    text-align: center;
}

#accordionExample .price-ammount{    line-height: 51px;padding-left: 100px;}


#collapseOne{width: 50%;
margin: 0 auto;}

#collapseOne .checkboxes p{
    
    margin-right:30px;
}

.packages-home .card{min-height: 370px; max-height: 370px;overflow: hidden;}

.package-item.text-black div{    width: 100%;
    object-fit: cover;
    height: 230px;}





        .gallery-item1.gallery{height:250px;min-height: 250px;overflow: hidden;}
                 .gallery-item1.gallery img{width: 100%;
            object-fit: cover;height: 100%;}
            .packages .card-title {
                margin-bottom: var(--bs-card-title-spacer-y);
                text-transform: uppercase;
            }

/* hero slider css end */

 footer {
     margin-top: 40px;
 }

 .packages .card {
     height: 250px !important;
 }
 .packages-big-slider.post-thumbnail {
     height: 195px;
     overflow: hidden;
 }.packages-big-slider .slick-slide {
    height: 195px;
  
}

.packages-big-slider .slick-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}