#navbar_top, .left-side {
    z-index: 999;
}
.address-widget, .facility img {
    margin-bottom: 2rem;
}
.back-home, .box {
    text-transform: uppercase;
}
.navbar {
    background: #000;
    border-bottom: .5px solid #000;
}
.blog_page, .contact_page {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.blog_page, .contact_page, .footer_bannerr {
    background-position: fixed;
}
.navbar .navbar-brand {
    margin-right: 60px;
}
.carousel-control-next-icon, .carousel-control-prev-icon, .navbar .navbar-toggler-icon {
    filter: invert(1);
}
.navbar .collapse .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
    content: "";
    background-image: url(../img/down-arrow.svg);
    background-size: contain;
    width: 17px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    border: none;
    margin: 0;
}
.blog_page .hover_img, .navbar .collapse .navbar-nav .nav-item .dropdown-menu, [type=radio] {
    display: none;
}
.navbar .collapse .navbar-nav li.dropdown:hover .dropdown-menu {
    display: block;
}
.amenities_page .btn, .navbar .btn {
    animation: 1s infinite alternate glow;
}
.fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .3s;
    background-color: rgba(0, 0, 0, .7019607843);
}
.footer_heading {
    font-weight: 400;
    font-size: 60px;
}
.footer-text .form-control {
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding: .375rem 0;
    font-size: 20px;
}
.footer-text .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.footer-text .form-control::placeholder {
    color: #fff;
    opacity: 1;
}
.footer-text .form-control :-ms-input-placeholder {
    color: #fff;
}
.footer-text .form-control::-ms-input-placeholder {
    color: #fff;
}
.footer-text .form-control:focus {
    box-shadow: none;
}
.address-widget {
    display: flex;
}
#bb_resBookingBox, .form-thanks {
    margin: 0 auto;
}
.address-widget a {
    color: #fff;
    text-decoration: none;
}
.address-widget a:hover {
    color: #198754;
}
.address-widget .address .title {
    font-size: 38px;
}
.address-widget .address .paragraph, .address-widget .call .paragraph {
    font-weight: 700;
}
.address-widget .call .title {
    font-size: 30px;
}
.address-widget .add-icon {
    margin-right: 50px;
}
.footer_bannerr button {
    border-radius: 0;
    padding: 8px 56px;
    font-size: 22px;
}
@font-face {
    font-family: traho2;
    src: url("../fonts/TRAHO2-Regular.ttf");
}
.font-traho2 {
    font-family: traho2!important;
}
body li, body p {
    font-size: 18px;
}
p {
    margin-bottom: 0;
}
.yellow_text {
    color: #f9d415;
}
.green_text {
    color: #056b52!important;
}
.heading {
    font-size: 42px;
    font-family: "Cormorant Garamond", serif;
}
.breadcrumb_title, .center_title, .font-cormorant, .things_todo_page .sub_title {
    font-family: "Cormorant Garamond"}
.breadcrumb_title {
    position: absolute;
    transform: translate(0, 50%);
    left: 50px;
    bottom: 50%}
.center_title {
    font-size: 50px;
}
.underlined_text {
    border-bottom: 1px solid;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 5px;
}
.w-150 {
    width: 150px;
}
.rotating_img {
    animation: 4s linear infinite rotateImg;
}
.rotating_scroll_arrow {
    position: absolute;
    color: #fff;
    bottom: 36px;
    left: 53px;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 50px;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #0ea580;
}
.dropdown-menu-dark {
    background-color: rgba(0, 0, 0, .7294117647);
}
.about_page .breadcrumb_overlay {
    position: absolute;
    top: 50%;
    width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.contact_page {
    background-image: url(../img/offer_activity_img1.jpg);
}
.contact_page .contact_title {
    color: #f9d415;
    font-size: 50px;
}
.contact_page .contact_details {
    background: rgba(255, 255, 255, .5490196078);
    padding: 5%}
.amenities_page .amenities .icon_holder:hover, .blog_page .footer_bannerr, .contact_page .footer_bannerr, .pool_page .accordion-item .accordion-button.collapsed {
    background-color: transparent;
}
.blog_page {
    background-image: url(../img/blog_bg.jpg);
}
.blog_page .grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.blog_page .grid figure img {
    position: relative;
    display: block;
    min-height: 217px!important;
    max-height: 217px!important;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.blog_page .grid figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    backface-visibility: hidden;
}
.blog_page .grid figure figcaption::after, .blog_page .grid figure figcaption::before {
    pointer-events: none;
}
.blog_page .grid figure figcaption, .blog_page .grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.blog_page .grid figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.blog_page .grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}
.blog_page .grid figure h2 span {
    font-weight: 800;
}
.blog_page .grid figure h2, .blog_page .grid figure p {
    margin: 0;
}
.blog_page .grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%}
.blog_page figure.effect-lily img {
    transition: transform .35s;
    transform: scale(1.15);
    overflow-x: hidden;
}
.amenities_page .img_container:hover .overlay, .blog_page figure.effect-lily:hover img {
    transform: scale(1);
}
.blog_page figure.effect-lily figcaption {
    text-align: left;
}
.blog_page figure.effect-lily figcaption>div {
    position: absolute;
    bottom: 16px;
    left: 0;
    padding: .8em;
    width: 100%}
.blog_page figure.effect-lily h5, .blog_page figure.effect-lily p {
    transform: translate3d(0, 40px, 0);
}
.blog_page figure.effect-lily h5 {
    transition: transform .35s;
}
.blog_page figure.effect-lily p {
    color: rgba(255, 255, 255, .8);
    opacity: 0;
    transition: opacity .2s, transform .35s;
}
.blog_page figure.effect-lily:hover img, .blog_page figure.effect-lily:hover p {
    opacity: .5;
}
.blog_page figure.effect-lily:hover h5, .blog_page figure.effect-lily:hover img, .blog_page figure.effect-lily:hover p {
    transform: translate3d(0, 0, 0);
}
.blog_page figure.effect-lily:hover p {
    transition-delay: 50ms;
    transition-duration: .35s;
}
.blog_page .active>.page-link, .blog_page .page-link.active {
    background-color: #0ea580!important;
    border-color: #fff!important;
}
.blog_page .pagination {
    --bs-pagination-color: #000!important;
}
.blog_details_page .blog_heading {
    font-size: 23px;
}
.blog_details_page .blog_thumb_title {
    font-size: 14px;
}
.blog_details_page .blog_thumb_date {
    font-size: 12px;
}
.blog_details_page .blog_img_container {
    overflow: hidden;
}
.blog_details_page .blog_img_container img {
    transition: .8s;
}
.blog_details_page .blog_img_container img:hover {
    transform: scale(1.1);
}
.things_todo_page .leisure_activity {
    position: absolute;
    top: 20%;
    right: 8%}
.things_todo_page .cultural_activity {
    position: absolute;
    top: 40%;
    right: 18%}
.things_todo_page .wellness_activity {
    position: absolute;
    top: 50%;
    right: 18%}
.things_todo_page .sub_title {
    font-size: 30px;
}
.things_todo_page .sub_para {
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    word-spacing: -0.05em;
}
.things_todo_page .sub_points .bullets li {
    position: relative;
    list-style-type: none;
    margin-bottom: 18px;
    font-family: "Avenir LT Pro"}
.things_todo_page .sub_points .bullets li::before {
    content: url(../img/bullets.png);
    position: absolute;
    height: 10px;
    width: 10px;
    left: -25px;
    top: -2px;
}
.gallery_page1 .nav-pills .nav-item .green::before, .gallery_page1 .nav-pills .nav-item a::before {
    content: "";
    position: absolute;
    display: block;
    width: 80%;
    height: 2px;
    background-color: #008b62;
    transform: scaleX(0);
    transition: transform .3s;
    bottom: 0;
}
.gallery_page .nav, .swipe-img .w-t {
    width: 25%}
.box, .box i, .pool_page #banner, .video-abt-page {
    overflow: hidden;
}
.gallery_page .nav .custm-img img {
    width: 150px;
    height: 90px;
    -o-object-fit: cover;
    object-fit: cover;
}
.gallery_page .tab-content {
    width: 75%}
.gallery_page .tab-content .active img {
    height: 545px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.gallery_page .nav-pills .nav-link {
    padding: 0;
    transition: .8s;
    color: #000;
    width: 100%}
.gallery_page .nav-pills .nav-link.active, .gallery_page .nav-pills .show>.nav-link {
    border-radius: 0;
    box-shadow: 2px 0 6px 2px #8aa49d;
    color: #fff;
    transform: translateX(13px);
    background: #0ea580;
    font-weight: 600;
}
.gallery_page1 .nav-pills .nav-item .green, .gallery_page1 .nav-pills .nav-item a {
    position: relative;
    font-family: Avenir LT Std;
    font-weight: 400;
    color: #000;
    background: 0 0!important;
    text-decoration: none;
}
.gallery .swiper {
    width: 100%;
    height: 100%}
.gallery .swiper .swiper-slide, .swipe-img .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallery .swiper .swiper-slide img, .swipe-img .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.testimonial_page .all_testimonials .card .testimony_text {
    text-align: justify;
}
.testimonial_page .all_testimonials .card .testimony_right_img {
    left: 100%;
    top: 50%;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}
.testimonial_page .all_testimonials .card .testimony_left_img {
    left: -4%;
    top: 50%;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}
.gallery_page1 h1 {
    font-family: Cormorant Garamond;
    font-size: 50px;
    color: #222;
}
.gallery_page1 .nav-pills {
    background-color: none;
}
.gallery_page1 .nav-pills .nav-item {
    width: 190px;
}
.gallery_page1 .nav-pills .nav-item .green {
    margin: auto;
    text-align: center;
    font-size: 16px;
}
.gallery_page1 .nav-pills .nav-item .green:hover {
    color: #000;
    font-weight: 600;
}
.gallery_page1 .nav-pills .nav-item .green::before {
    left: 15px;
    transform-origin: top left;
}
.gallery_page1 .nav-pills .nav-item .green:hover::before, .gallery_page1 .nav-pills .nav-item a:hover::before {
    transform: scaleX(1);
}
.gallery_page1 .nav-pills .nav-item a {
    margin: auto;
    text-align: center;
    font-size: 20px;
}
.gallery_page1 .nav-pills .nav-item a:hover {
    color: #000;
}
.gallery_page1 .nav-pills .nav-item a::before {
    left: 20px;
    transform-origin: top left;
}
.gallery_page1 .swiper-button-next:after, .gallery_page1 .swiper-rtl .swiper-button-prev:after {
    content: url(../img/gallery/right.png);
}
.gallery_page1 .swiper-button-prev:after, .gallery_page1 .swiper-rtl .swiper-button-next:after {
    content: url(../img/gallery/left.png);
}
.gallery_page1 .lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    justify-content: center;
    align-items: center;
}
.amenities_page .amenities, .pool_page .bg_pool {
    background-attachment: fixed;
    background-size: cover;
}
.amenities_page .amenities, .footer_bannerr, .pool_page .bg_pool, select {
    background-repeat: no-repeat;
}
.gallery_page1 #lightbox-image {
    border-radius: 5px;
}
.gallery_page1 .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 50px;
    color: #fcf8f8;
    cursor: pointer;
}
.destination_page .nearby_subtitle {
    font-size: 32px;
}
.amenities_page .img_container, .bg_home_about .card .acccard, .bg_home_about .room_card_btn, .bg_home_about .room_card_btn .card_text, .footer_pg .contact_pg .address, .footer_pg .contact_pg .call, .video-container {
    position: relative;
}
.amenities_page .image {
    display: block;
    width: 100%;
    height: auto;
}
.amenities_page .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(14, 165, 128, .7411764706);
    overflow: hidden;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: .3s;
}
#myBtn, .pool_page .accordion-item {
    background-color: transparent!important;
}
.amenities_page .text {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding-left: 0;
}
.amenities_page .other_facilities .overlay_img {
    border: 4px solid #0ea580;
    box-shadow: 0 0 5px 1px;
}
@media only screen and (max-device-width:600px) {
    .navbar .navbar-brand img {
    width: 100px;
}
.fixed-top {
    background-color: #000;
}
.footer_heading {
    font-size: 28px;
}
.address-widget .add-icon {
    margin-right: 20px;
    margin-top: 0;
}
body li, body p {
    font-size: 16px;
}
.center_title {
    font-size: 42px;
}
.rotating_scroll_arrow {
    bottom: 12px;
    right: 15px;
    left: auto;
    font-size: 30px;
}
.about_page .breadcrumb_overlay {
    width: 96%;
    font-size: 12px;
}
.about_page .breadcrumb_overlay h1 {
    font-size: 17px;
}
.about_page .breadcrumb_overlay p {
    font-size: 10px;
}
.things_todo_page .offer {
    height: 650px;
}
.things_todo_page .offer img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.things_todo_page .leisure_activity {
    right: 0;
    top: 3%}
.things_todo_page .cultural_activity, .things_todo_page .wellness_activity {
    right: 0;
}
.gallery_page .nav {
    width: 100%;
    overflow-x: auto;
}
.gallery_page .nav p {
    font-size: 12px;
}
.gallery_page .nav .tab_btn {
    width: 150px;
}
.gallery_page .tab-content {
    width: 100%}
.gallery_page .tab-content .active img {
    height: -moz-fit-content;
    height: fit-content;
}
.gallery_page .nav-pills .nav-link.active, .gallery_page .nav-pills .show>.nav-link {
    transform: none;
}
.testimonial_page .all_testimonials .card {
    margin-bottom: 60px;
}
.testimonial_page .all_testimonials .card .testimony_left_img, .testimonial_page .all_testimonials .card .testimony_right_img {
    left: 50%;
    top: 0;
}
.destination_page .nearby_subtitle {
    font-size: 26px;
}
.amenities_page .other_facilities .overlay_img {
    position: inherit;
    transform: none;
}
}.amenities_page .other_facilities .overlay_img:first-child {
    top: 50%;
    right: 0;
}
.amenities_page .other_facilities .overlay_img:nth-child(2) {
    top: 55%;
    right: -10%}
.amenities_page .other_facilities .overlay_img:hover {
    z-index: 2;
    transition: .8s;
    max-width: 500px;
}
.amenities_page .amenities {
    background-image: url(../img/amenities/amenities_bg_change.png);
    padding-top: 50px;
}
.amenities_page .amenities .icon_holder {
    background-color: #fff;
    border-radius: 50px;
    padding: 16px;
    transition: .8s;
    border: 1px solid;
    margin: auto;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.amenities_page .amenities .icon_holder:hover img, .room-faciliteis .facilities-img:hover img {
    filter: brightness(0) invert(1);
}
.pool_page .video_container {
    box-shadow: 5px 5px 55px 96px #fff;
}
.pool_page .bg_pool {
    background-image: url(../img/pool/pool_bg.png);
    filter: drop-shadow(2px 4px 6px black);
}
.pool_page .bg_pool .footer_bannerr {
    background-color: #000;
}
.pool_page .accordion-item .accordion-button.collapsed:focus {
    border: none;
}
.pool_page .accordion-item .accordion-body {
    background-color: #fff!important;
}
.pool_page #banner {
    position: relative;
    height: 100vh;
    width: 100%;
    z-index: 2;
}
.pool_page #banner .video_overlay_img {
    position: absolute;
    top: 75%;
    width: 100%}
.pool_page #banner #videobcg {
    position: absolute;
    top: -47px;
}
.packages_page .root_map .day_heading {
    font-family: "Cormorant Garamond";
    font-size: 32px;
}
.floating_object, .packages_page .root_map .card.top_down {
    animation: 4s linear infinite MoveUpDown;
}
.packages_page .root_map .card.down_up {
    animation: 4s linear infinite MoveDownUp;
}
.packages_page .root_map .card .card_title {
    font-family: "Cormorant Garamond";
    font-size: 30px;
    color: #0ea580;
}
.footer_banner .form-control, .footer_pg .form-control {
    background-color: transparent;
    border: none;
    color: #fff;
    border-bottom: 1px solid;
    border-radius: 0;
}
.footer_pg ::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.footer_pg ::placeholder {
    color: #fff;
    opacity: 1;
}
.footer_pg .contact_pg {
    padding-left: 37%;
    padding-top: 6%}
.footer_pg .contact_pg .address::before {
    content: url(../img/icons/home_icon.png);
    position: absolute;
    height: 30%;
    width: 28px;
    top: 10px;
    left: -79px;
}
.footer_banner .contact_pg .address .title, .footer_pg .contact_pg .address .title {
    font-family: "DM Sans";
    font-size: 30px;
}
.footer_banner .contact_pg .address .paragraph, .footer_pg .contact_pg .address .paragraph {
    font-family: "DM Sans";
    font-size: 16px;
}
.footer_pg .contact_pg .call::before {
    content: url(../img/icons/phone_icon.png);
    position: absolute;
    height: 30%;
    width: 28px;
    top: 18px;
    left: -88px;
}
#scroll_top {
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index: 99;
    border: none;
    background-color: transparent;
    cursor: pointer;
    animation: 2s linear infinite MoveUpDown;
}
.custom-blog .blog-txt {
    padding-top: 30px;
}
.custom-blog .blog-txt h2 {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.custom-blog .m-tp {
    margin-top: 20px;
}
.bb_resbox select, .booking form .bb_resbox input[type=text] {
    padding: 14px 54px 7px!important;
}
.error-msg {
    color: #f90000;
}
.package-enquire {
    border: 1px solid;
}
[data-hs]>* {
    transform: translate3d(var(--hs-translate-x), var(--hs-translate-y), 0) scale(1) rotate(var(--hs-rotate)) perspective(var(--hs-perspective)) rotateX(var(--hs-rotate-x)) rotateY(var(--hs-rotate-y)) skew(var(--hs-skew-x), var(--hs-skew-y))!important;
}
@media only screen and (min-device-width:992px) {
    form.mobile-enquire.d-flex {
    display: none!important;
}
}@media only screen and (max-device-width:991px) {
    form.desktop-enquire.d-flex {
    display: none!important;
}
}.social-icon.footer-side ul {
    grid-column-gap: 14px;
    margin-left: 100px;
}
.list-social__item {
    padding: 8px;
    transition: .8s ease-in-out;
    background-color: #287d65;
}
.left-side {
    position: fixed;
    top: 25%}
@media only screen and (max-device-width:500px) {
    .navbar .navbar-brand {
    margin-right: 18px;
}
.bg_pool .pt-5 {
    padding-top: 1rem!important;
}
.testimonials, .testimonials .hs-inview {
    padding-top: 0!important;
}
.testimonials .green_text {
    margin-top: 0!important;
}
.social-icon {
    top: unset;
    bottom: 25%}
}.thank-container {
    padding-block: 8rem;
}
.form-thanks {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    width: 100%;
    max-width: 36%;
    padding: 40px 30px;
}
.blog_page .bg-white, .shadow-sm {
    box-shadow: unset!important;
}
.form-thanks h3 {
    font-size: 60px;
    color: #287d65;
}
@media only screen and (max-device-width:1024px) {
    .form-thanks {
    max-width: 56%}
}.booking form .bb_resbox {
    background: 0 0!important;
    width: 100%;
    padding: 10px 0 32px;
    position: relative;
    box-sizing: border-box;
    border: unset!important;
}
.booking form h2 {
    color: #161414!important;
    font-size: 36px!important;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 10px;
    text-align: center;
    background: unset!important;
    letter-spacing: 1px;
    border: unset!important;
}
.booking .bb_resbox label {
    color: #000!important;
    padding-right: 16px;
}
.booking form .bbres_fieldset {
    border-radius: 14px 0 0 14px!important;
}
.booking form .bb_resbox .hasDatepicker, .swipe-img, .swipe-img .swiper {
    width: 100%}
.bb_resbox select {
    width: 100%!important;
    min-width: unset!important;
    background: #fff;
}
.booking form input#bb_resBtn {
    padding: 14px 24px;
    background: #198754!important;
    font-size: 16px!important;
    text-transform: capitalize;
    color: #fff!important;
    border: unset!important;
    border-radius: 0 14px 14px 0;
}
.booking form .bb_resbox p {
    padding: 0;
    margin: 0;
    position: relative;
    float: none;
    width: auto;
    vertical-align: bottom;
    display: inline-block;
    line-height: normal;
}
.all_testimonials .card.position-relative {
    padding-inline: 5rem!important;
}
@media only screen and (max-device-width:1175px) {
    .footer-side.desktop-view ul {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin-left: 0;
    flex-wrap: wrap;
}
}.blog_page nav {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.footer_bannerr {
    background-image: url(../img/waterfall.webp);
    background-size: cover;
    position: relative;
}
.footer_banner .contact_pg .address-widget .add-icon img, .footer_bannerr .add-icon img {
    filter: invert(1) brightness(5);
}
.footer_bannerr::after {
    content: "";
    inset: 0;
    position: absolute;
    background-color: rgba(40, 40, 40, .8);
    z-index: 0;
}
.footer_bannerr .container {
    position: relative;
    z-index: 99;
}
.cl-img, .cr-img, .swipe-img .w-t5 {
    width: 50%}
.swipe-img .mySwiper .swiper-slide {
    transform: unset!important;
}
.swipe-img .swiper-3d .swiper-slide-shadow-left, .swipe-img .swiper-3d .swiper-slide-shadow-right, .testimonial_home.swiper-3d .swiper-slide-shadow-left, .testimonial_home.swiper-3d .swiper-slide-shadow-right {
    background-image: unset!important;
}
.video-abt-page {
    width: 100vw;
    height: 80vh;
}
@media only screen and (max-device-width:820px) {
    .address-widget {
    flex-wrap: wrap;
    flex-direction: column;
}
.address-widget .title {
    font-size: 24px!important;
}
.footer_heading {
    font-size: 36px;
}
.pool_page #banner {
    height: 30vh;
}
.our-facilities {
    width: 100%;
    flex-direction: column!important;
}
.our-facilities .w-t, .our-facilities .w-t5 {
    width: 100%}
}.package-list li {
    list-style-type: none;
}
.package-list p {
    letter-spacing: 1px;
}
.testimonial_home .swiper-button-prev {
    top: 25px!important;
    left: auto!important;
    right: 35px!important;
}
.testimonial_home .swiper-button-next {
    top: 25px!important;
    z-index: 999999;
    right: 0!important;
}
#slider label, .aminities-bg-img, .swim .lets_swim2 {
    position: absolute;
    right: 0;
}
.testimonial_home .swiper-button-next:after, .testimonial_home .swiper-button-prev:after {
    font-size: 30px!important;
    color: #000!important;
}
.testimonial_home img {
    width: 100px!important;
    height: 100px!important;
    -o-object-fit: cover!important;
    object-fit: cover!important;
}
#insta_feed iframe .css-par8nx {
    max-width: 1500px!important;
}
.other_facilities ul {
    padding-top: 22px;
}
.other_facilities li {
    color: #000;
    font-family: DM Sans;
    font-size: 20px!important;
    font-style: normal;
    font-weight: 500;
    line-height: 2;
}
.inner-content h3, .inner-content p {
    line-height: 22.5px;
}
.blog_page svg {
    width: 40px!important;
}
.blog_page .flex.justify-between.flex-1.sm\:hidden, .blog_page .px-4 {
    display: none!important;
}
.blog_page .rounded-md {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    -moz-column-gap: 10px!important;
    column-gap: 10px!important;
}
.blog_page .bg-white {
    max-height: 36px;
    min-height: 36px;
    align-items: center;
    display: flex;
}
.blog_page .border {
    border: unset!important;
}
.blog_page .address .paragraph {
    display: block!important;
}
.blog_page .address p, .blog_page .call p {
    display: block!important;
    font-size: 16px;
    line-height: 2;
}
.blog_page nav p, .radius-shadow .swiper-button-next, .radius-shadow .swiper-button-prev {
    color: #fff!important;
}
.blog_page nav {
    justify-content: center!important;
    display: flex!important;
}
.blog_page span.shadow-sm>span {
    background: #fff;
}
.small_amentity_img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 65%}
@media only screen and (max-width:600px) {
    .small_amentity_img {
    width: 100%}
}.aminities-bg-img {
    transform: translate(38%, -25%);
    top: 0;
    z-index: -1;
}
.r-img {
    width: 100%;
    display: flex;
    -moz-column-gap: 14px;
    column-gap: 14px;
}
.cl-img img, .cr-img img {
    -o-object-fit: cover;
    object-fit: cover;
}
.cr-img img {
    padding-bottom: 20px;
}
.section {
    padding: 4rem 2rem;
}
.section .error {
    font-size: 150px;
    color: #008b62;
    text-shadow: 1px 1px 1px #00593e, 2px 2px 1px #00593e, 3px 3px 1px #00593e, 4px 4px 1px #00593e, 5px 5px 1px #00593e, 6px 6px 1px #00593e, 7px 7px 1px #00593e, 8px 8px 1px #00593e, 25px 25px 8px rgba(0, 0, 0, .2);
}
.page {
    margin: 2rem 0;
    font-size: 20px;
    font-weight: 600;
    color: #444;
}
.back-home {
    display: inline-block;
    border: 2px solid #222;
    color: #222;
    font-weight: 600;
    padding: .75rem 1rem .6rem;
    transition: .2s linear;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}
.back-home:hover {
    background: #222;
    color: #ddd;
}
@media only screen and (min-device-width:601px) {
    .mobile-view {
    display: none!important;
}
}.card-color {
    background-color: #202020;
}
@media only screen and (max-device-width:376px) {
    .booking form .bb_resbox input[type=text] {
    padding: 14px 8px 7px!important;
    max-width: 132px!important;
}
.bb_resbox select {
    padding: 14px 8px 7px!important;
}
}a.terms-links {
    padding-right: 10px;
}
.box span, .privacy-link, .terms-links {
    color: #fff;
}
.privacy-link:hover, .terms-links:hover {
    color: #198754;
    transition: .3s;
}
.mute-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: 50px;
    height: 50px;
    -webkit-appearance: auto!important;
    -moz-appearance: auto!important;
    appearance: auto!important;
}
.inner-content h3 {
    color: #1b1b1b;
    font-family: Cormorant Garamond;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
}
.inner-content p, .right-side-content p {
    font-family: Avenir Next LT Pro;
    font-weight: 400;
    color: #1b1b1b;
    font-style: normal;
}
.radius-shadow {
    border-radius: 20px;
    background: #fff;
    box-shadow: 6px 4px 13px 0 rgba(0, 0, 0, .25);
}
.right-side-content p {
    text-align: center;
    font-size: 14px;
    line-height: 21px;
}
.right-side-content h3 {
    color: #1b1b1b;
    font-family: Cormorant Garamond;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
}
.price p {
    color: #d50101;
    font-family: Avenir LT Pro;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    padding-block: 10px;
}
.img-width img {
    height: 100%!important;
    border-radius: 20px!important;
}
.right-side-content {
    padding-left: 2rem;
}
.room-faciliteis p {
    font-family: Avenir LT Pro;
    font-size: 12px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0;
    text-align: center;
}
.footer_banner h2, .main_heading {
    font-family: "Cormorant Garamond", serif;
}
.facilities-img {
    border: 1px solid #000;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.room-faciliteis .text-center {
    flex-direction: column!important;
}
.room-faciliteis .facilities-img:hover {
    background-color: #0ea580;
    transition: .3s;
}
.premium-container img {
    border-radius: 20px;
    width: 656px!important;
    height: 304px!important;
}
.radius-shadow .swiper-button-next:after, .radius-shadow .swiper-button-prev:after {
    font-size: 28px!important;
}
.other_facilities .heading {
    color: #000;
    font-family: Cormorant Garamond;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
}
.other_facilities .img-width img {
    border-radius: 20px!important;
}
.other-Facilities-content {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
@media only screen and (min-device-width:749px) {
    .room-faciliteis {
    max-width: 800px;
    margin: 0 auto;
}
.other_facilities .img-width img {
    width: 360px!important;
    height: 200px!important;
}
}@media only screen and (max-device-width:749px) {
    .form-thanks {
    max-width: 93%;
    padding: 16px 12px;
}
.form-thanks h3 {
    font-size: 44px;
    color: #287d65;
}
.booking form .bb_resbox {
    width: 100%!important;
}
.bb_resbox select, .booking form .bb_resbox input[type=text] {
    padding: 14px 8px 7px!important;
}
.booking form .bbres_fieldset {
    border-radius: 4px 0 0 4px!important;
}
select#eZ_room {
    border-radius: 0 4px 4px 0!important;
}
.booking form input#bb_resBtn {
    margin-top: 20px;
    border-radius: 4px;
}
.all_testimonials .card.position-relative {
    padding-inline: 1rem!important;
}
.premimum-content.px-5 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.premimum-content .btn {
    width: -moz-max-content!important;
    width: max-content!important;
}
.col-5 .premimum-content, .right-side-content .col-5 {
    padding-inline: 0!important;
}
.room-faciliteis p {
    line-height: 16px;
    padding-top: 10px;
}
.room-faciliteis {
    grid-row-gap: 16px;
}
.right-side-content {
    padding-inline: 1rem;
}
.navbar .btn-sm {
    line-height: 24px!important;
}
.mobile-enquire {
    grid-column-gap: 33px!important;
}
}.custom-slide img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    background-position: center;
}
.main_heading {
    font-weight: 500;
    font-size: 52px;
    color: #056b52;
    line-height: normal;
}
.bg_home_about .card {
    --bs-card-bg: #0000008f!important;
    color: #fff;
}
.bg_home_about .card .acccard .card_img_overlay {
    position: absolute;
    color: #fff;
    bottom: 10px;
}
.bg_home_about {
    background-image: url(../img/wallpaperflare.com_wallpaper.jpg);
    background: linear-gradient(180deg, #fff 4%, rgba(187, 178, 178, .5) 34.65%, rgba(255, 255, 255, .39) 86.23%, rgba(255, 255, 255, .96) 100%) 0 0/cover no-repeat, url(../img/wallpaperflare.com_wallpaper.jpg) 0 0/cover no-repeat;
    background-position-x: center;
}
.bg_home_about .room_card_btn::before {
    content: "";
    background: #198754;
    position: absolute;
    left: 0;
    width: 0%;
    height: 100%;
    top: 0;
    transition: .8s;
    border-radius: 5px;
}
.bg_home_about .room_card_btn:hover::before {
    content: "";
    width: 100%}
#slider {
    height: 35vw;
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
}
.h-w {
    width: 100px!important;
    height: 100px!important;
    -o-object-fit: cover;
    object-fit: cover;
}
#slider label {
    margin: auto;
    width: 60%;
    height: 100%;
    border-radius: 4px;
    left: 0;
    cursor: pointer;
    transition: transform .4s;
}
#s1:checked~#slide1, #s2:checked~#slide2, #s3:checked~#slide3, #s4:checked~#slide4, #s5:checked~#slide5 {
    box-shadow: 0 13px 25px 0 rgba(0, 0, 0, .3), 0 11px 7px 0 rgba(0, 0, 0, .19);
    transform: translate3d(0, 0, 0);
}
#s1:checked~#slide2, #s2:checked~#slide3, #s3:checked~#slide4, #s4:checked~#slide5, #s5:checked~#slide1 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2);
    transform: translate3d(15%, 0, -100px);
}
#s1:checked~#slide3, #s2:checked~#slide4, #s3:checked~#slide5, #s4:checked~#slide1, #s5:checked~#slide2 {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
    transform: translate3d(30%, 0, -200px);
}
#s1:checked~#slide4, #s2:checked~#slide5, #s3:checked~#slide1, #s4:checked~#slide2, #s5:checked~#slide3 {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
    transform: translate3d(-30%, 0, -200px);
}
#s1:checked~#slide5, #s2:checked~#slide1, #s3:checked~#slide2, #s4:checked~#slide3, #s5:checked~#slide4 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2);
    transform: translate3d(-15%, 0, -100px);
}
.footer_banner {
    background: linear-gradient(180deg, #fff 0, rgba(69, 61, 61, .35) 77.4%, rgba(255, 255, 255, 0) 100%) center/cover no-repeat fixed, url(../img/waterfall.webp) center/cover no-repeat fixed;
    /* padding-top: 60px; */
}
.footer_banner ::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.footer_banner ::placeholder {
    color: #fff;
    opacity: 1;
}
.destinations_testimonials .mySwiper .swiper-button-next, .destinations_testimonials .mySwiper .swiper-button-prev, .mySwiper5 .swiper-button-next, .mySwiper5 .swiper-button-prev, main_heading .mySwiper .swiper-button-next, main_heading .mySwiper .swiper-button-prev {
    color: #000;
    top: var(--swiper-navigation-top-offset, 35%)!important;
}
.destinations_testimonials {
    position: relative;
    overflow: hidden; /* Ensure overflow is hidden to contain animation within the section */
    
    background: linear-gradient(180deg, #fffefe 4%, rgba(255, 255, 255, .5) 16.65%, rgba(255, 255, 255, .39) 86.23%, rgba(255, 255, 255, .96) 100%), url( '../img/destination_nearby_bg.webp');
    box-shadow: 0 61px 112px 112px #fff;
}

/* Keyframes for leaf animation */
@keyframes leaf-fall {
    0% {
        transform: translateY(-100px) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateY(1000px) rotate(360deg);
        opacity: 0;
    }
}

/* Styling for individual leaf elements */
.leaf {
    position: absolute;
    font-size: 24px; /* Adjust font size as needed */
    animation: leaf-fall linear infinite;
    animation-duration: 10s; /* Adjust animation duration as needed */
}

/* Adjust position of each leaf */
.leaf:nth-child(1) {
    top: -50px;
    left: 20%;
    animation-delay: 0s; /* Delay for first leaf */
}

.leaf:nth-child(2) {
    top: -100px;
    left: 40%;
    animation-delay: 2s; /* Delay for second leaf */
}

.leaf:nth-child(3) {
    top: -150px;
    left: 60%;
    animation-delay: 4s; /* Delay for third leaf */
}

.leaf:nth-child(4) {
    top: -200px;
    left: 80%;
    animation-delay: 6s; /* Delay for fourth leaf */
}

.destinations_testimonials .testimonials .carousel-inner {
    height: 320px;
}
.destinations_testimonials .testimonials .carousel-control-next, .destinations_testimonials .testimonials .carousel-control-prev {
    width: -moz-fit-content;
    width: fit-content;
    top: -8px;
    bottom: auto;
}
.destinations_testimonials .testimonials .carousel-control-prev {
    right: 28px;
    left: auto;
}
.destinations_testimonials .mySwiper .swiper-slide, main_heading .mySwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 10px;
}
.destinations_testimonials .mySwiper .swiper-slide .swiper-slide-shadow-left, .destinations_testimonials .mySwiper .swiper-slide .swiper-slide-shadow-right, main_heading .mySwiper .swiper-slide .swiper-slide-shadow-left, main_heading .mySwiper .swiper-slide .swiper-slide-shadow-right {
    background-image: none!important;
}
.destinations_testimonials .mySwiper .swiper-slide img, main_heading .mySwiper .swiper-slide img {
    display: block;
    width: 100%;
    max-width: 421px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.destinations_testimonials .mySwiper .swiper, main_heading .mySwiper .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
    padding-top: 25px;
}
.destinations_testimonials .mySwiper .card-capt, main_heading .mySwiper .card-capt {
    padding: 10px;
    color: #056b52;
    font-weight: 700;
    font-size: 24px;
}
.char p {
    font-weight: 400;
    font-size: 18px;
    color: #000;
    text-align: justify;
}
.facility p {
    font-weight: 600;
    font-size: 20px;
}
.ana-body {
    padding: 35px 30px 20px;
}
.ana-body .card-title {
    font-weight: 400;
    font-size: 26px;
}
.ana-body .card-text {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 1.5rem;
}
.ana-body .btn {
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    border: 1px solid #fff;
    width: 100%}
.footer_banner h2 {
    font-weight: 600;
    font-size: 40px;
}
.footer_banner .footer_bannerr {
    background: 0 0;
}
.error_page .error_details .error_title {
    font-weight: 500;
    font-size: 70px;
    color: #056b52;
    font-family: "Cormorant Garamond", serif;
    line-height: normal;
}
.error_page .error_details .error_paragraph {
    font-weight: 400;
    font-size: 23px;
    color: #000;
}
@keyframes MoveDownUp {
    0%, 100% {
    top: 0;
}
50% {
    top: 20px;
}
}@keyframes rotateImg {
    from {
    transform: rotate(0);
}
to {
    transform: rotate(359deg);
}
}@keyframes glow {
    from {
    box-shadow: 0 0 10px -10px #aef4af;
}
to {
    box-shadow: 0 0 5px 5px #aef4af;
}
}*, ::after, ::before {
    box-sizing: border-box;
}
.bg_blue {
    background-color: #168be0;
}
html {
    height: 100%;
    scroll-behavior: smooth;
}
body {
    font-family: Gelasio, serif!important;
    overflow-x: hidden;
    height: 100vh;
}
.swimmimg .navbar {
    border-bottom: none;
}
.swimmimg .navbar .navbar-brand {
    position: absolute;
    top: 0;
    left: 23px;
    width: 77px;
}
.swimmimg .navbar .navbar-nav {
    margin-left: 10%}
.swimmimg .navbar .navbar-nav .nav-item {
    font-size: 16px;
}
.banner_section {
    margin-top: 5%;
    margin-bottom: 5%}
.banner_section .small_title {
    font-size: 24px;
    font-weight: 700;
    color: #f69956!important;
}
.banner_section .main_title, .swim3 .main_title {
    font-size: 40px;
    color: #168be0;
}
.banner_section .swimmimg_para, .swim1 .swimmimg_para, .swim3 .swimmimg_para, .swim4 .rules_block .swimmimg_para, .swimmimg_para {
    margin-bottom: 0;
    font-size: 18px;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    word-spacing: -0.05em;
}
.banner_section .carousel-inner {
    width: 87%!important;
    left: 37px!important;
    top: -10px!important;
}
@media only screen and (max-width:1440px) {
    .banner_section .carousel-inner {
    left: 27px!important;
}
}.banner_section .banner_slider_bg {
    position: absolute;
    top: -30px;
    left: -24px;
    z-index: 0;
}
.swim .heading1, .swim1 .heading1, .swim4 .heading1, .swim5 .heading1 {
    color: #168be0;
    font-size: 40px;
    text-transform: uppercase;
}
.swim .lets_swim_sub_title {
    width: 38%;
    margin: auto auto 0;
    font-size: 18px;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    word-spacing: -0.05em;
}
.swim .lets_swim2 {
    top: -100px;
    width: 300px;
}
.swim1 .packages_sub_title {
    color: #168be0;
    font-size: 22px!important;
}
.swim1 .package_section_heading {
    font-size: 26px;
    position: relative;
}
.swim1 .package_btn, .swim5 .package_btn {
    margin-left: auto;
    width: -moz-fit-content;
    width: fit-content;
}
.swim1 .package_btn2 {
    margin-right: auto;
    width: -moz-fit-content;
    width: fit-content;
}
.swim3 .wave_img {
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.swim4 .rules_block .rule_title {
    font-size: 22px;
    color: #168be0;
}
.swim5 .contact_form {
    background-color: rgba(22, 139, 224, .45);
}
.swim5 .blue_btn, .x1 {
    background-color: #168be0;
}
.swim5 .blue_btn {
    padding: 9px 20px;
    transition: .8s;
}
.swim5 .blue_btn:hover {
    background-color: #0da726;
}
select {
    background-image: url(img/down_arrow.png);
    background-position-x: 97%;
    background-position-y: 10px;
}
.header_contact {
    position: fixed;
    z-index: 9999;
    right: 21%;
    font-size: 18px;
    top: 26px;
    text-decoration: none;
    color: #000;
    font-family: none;
    font-weight: 600;
    transform: translate(-50%, -50%);
}
.bubble1, .bubble2, .textfield_icon {
    position: absolute;
}
@media (min-width:320px) and (max-width:575px) {
    .contact_page {
    background-image: url(../img/contact_banner.png);
    background-position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.btn_mobile {
    font-size: 11px;
}
.bg_home_about {
    background: linear-gradient(180deg, #fff 4%, rgba(187, 178, 178, .5) 34.65%, rgba(255, 255, 255, .39) 86.23%, rgba(255, 255, 255, .96) 100%) 0 0/cover no-repeat, url(../img/wallpaperflare.com_wallpaper.jpg) 0 0/cover no-repeat;
}
.footer_banner {
    background: linear-gradient(180deg, #fff 0, rgba(69, 61, 61, .35) 77.4%, rgba(255, 255, 255, 0) 100%) center/cover no-repeat fixed, url(../img/waterfall.webp) center/cover no-repeat fixed;
    padding-top: 60px;
}
.header_contact {
    right: 35%;
    top: 38px;
    font-size: 10px;
}
}th {
    color: #156592;
}
.textfield_icon {
    top: 10px;
    left: 10px;
}
@keyframes MoveUpDown {
    0%, 100% {
    bottom: 0;
    transform: translateY(0);
}
50% {
    bottom: 20px;
    transform: translateY(-100px);
}
}.bubble1 {
    top: 0;
    left: 0;
    z-index: -1;
    display: none;
}
.bubble2 {
    top: 30px;
    left: 100px;
    z-index: -1;
    display: none;
}
.bubble3, .bubble4 {
    top: 0;
    z-index: -1;
    position: absolute;
    display: none;
}
.bubble3 {
    left: 300px;
}
.bubble4 {
    right: 300px;
    left: auto;
}
@keyframes animateBubble {
    0% {
    margin-top: 1000px;
}
100% {
    margin-top: -100%}
}@keyframes sideWays {
    0% {
    margin-left: 0;
}
100% {
    margin-left: 50px;
}
}.x1 {
    animation: 25s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
    left: -5%;
    top: 5%;
    bottom: 0;
    transform: scale(.6);
}
.x2 {
    animation: 20s linear infinite animateBubble, 4s ease-in-out infinite alternate sideWays;
    left: 5%;
    top: 80%;
    transform: scale(.4);
}
.x3 {
    animation: 28s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
    left: 10%;
    top: 40%;
    transform: scale(.7);
}
.x4 {
    animation: 22s linear infinite animateBubble, 3s ease-in-out infinite alternate sideWays;
    left: 20%;
    top: 0;
    transform: scale(.3);
}
.x5 {
    animation: 29s linear infinite animateBubble, 4s ease-in-out infinite alternate sideWays;
    left: 30%;
    top: 50%;
    transform: scale(.5);
}
.x6 {
    animation: 21s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
    left: 50%;
    top: 0;
    transform: scale(.8);
}
.x7 {
    animation: 20s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
    left: 65%;
    top: 70%;
    transform: scale(.4);
}
.x8 {
    animation: 22s linear infinite animateBubble, 3s ease-in-out infinite alternate sideWays;
    left: 80%;
    top: 10%;
    transform: scale(.3);
}
.x9 {
    animation: 29s linear infinite animateBubble, 4s ease-in-out infinite alternate sideWays;
    left: 90%;
    top: 50%;
    transform: scale(.6);
}
.x10 {
    animation: 26s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
    left: 80%;
    top: 80%;
    transform: scale(.3);
}
.bubble {
    border-radius: 50%;
    background-color: rgba(70, 149, 206, .4705882353);
    z-index: -1;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2), inset 0 10px 30px 5px #fff;
    height: 130px;
    position: absolute;
    width: 125px;
}
#myBtn, .box {
    position: fixed;
    right: 0;
    cursor: pointer;
}
.bubble:after {
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 70%);
    border-radius: 50%;
    box-shadow: inset 0 20px 30px rgba(255, 255, 255, .3);
    content: "";
    height: 180px;
    left: 10px;
    position: absolute;
    width: 180px;
}
.box {
    top: 29px;
    left: auto;
    transform: translate(-50%, -50%);
    padding: 9px 33px;
    z-index: 9999;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    background-color: #168be0;
    transition: box-shadow .4s, background-color .4s, color .4s;
    box-shadow: 0 0 2px 0 rgba(73, 115, 255, .1), 0 0 4px 0 rgba(73, 115, 255, .2), 0 0 6px 0 rgba(73, 115, 255, .3), 0 0 8px 0 rgba(73, 115, 255, .4), 0 0 12px 0 rgba(73, 115, 255, .5), 0 0 18px 0 rgba(73, 115, 255, .6);
}
.box:hover {
    background-color: #0da726;
    box-shadow: 0 0 2px 0 rgba(238, 170, 51, .1), 0 0 4px 0 rgba(238, 170, 51, .2), 0 0 6px 0 rgba(238, 170, 51, .3), 0 0 8px 0 rgba(238, 170, 51, .4), 0 0 12px 0 rgba(238, 170, 51, .5), 0 0 18px 0 rgba(238, 170, 51, .6), 0 0 4px 0 rgba(238, 170, 51, .7);
}
@media only screen and (max-device-width:600px) {
    .testimony_text+p {
    padding: 1.5rem;
}
.pool_page #banner {
    height: 20vh;
}
.blog_page .grid figure {
    float: unset;
}
.address-widget .address .title, .address-widget .call .title {
    font-size: 24px;
}
.footer_bannerr .g-5 {
    --bs-gutter-x: 0rem!important;
}
.footer_bannerr button {
    padding: 8px 36px;
    font-size: 18px;
}
.custom-blog a {
    max-width: 375px;
}
.arrow-3 {
    position: absolute;
    right: 0;
    bottom: 72px;
}
.desktop-view, .mobile-page, .thingsmySwiper .swiper-button-next, .thingsmySwiper .swiper-button-prev {
    display: none!important;
}
.mobile-view .list-social__item {
    padding: 6px;
    font-size: unset;
}
.list-social__item img {
    width: 30px;
    height: 30px;
}
.mobile-view ul {
    display: flex;
    -moz-column-gap: 6px;
    column-gap: 6px;
    position: fixed;
    bottom: -2%;
    left: 50%;
    transform: translateX(-50%);
}
.other_facilities li {
    font-size: 18px!important;
}
.heading {
    font-size: 26px;
}
.video-abt-page {
    height: auto;
}
.v-abt {
    margin-right: .1rem;
}
.section .error {
    font-size: 89px;
    text-shadow: 1px 1px 1px #00593e, 2px 2px 1px #00593e, 3px 3px 1px #00593e, 4px 4px 1px #00593e, 5px 5px 1px #00593e, 6px 6px 1px #00593e, 7px 7px 1px #00593e, 8px 8px 1px #00593e, 16px 16px 8px rgba(0, 0, 0, .2);
}
.things_todo_page .sub_points .bullets li {
    margin-bottom: 6px;
}
.card-color {
    background-color: rgba(34, 34, 34, .5294117647);
}
.main_heading {
    font-size: 36px;
}
.char p {
    font-size: 16px;
}
.facility img {
    width: 40px;
}
.facility p {
    font-size: 14px;
}
.swimmimg .navbar .navbar-brand {
    position: inherit;
    width: 45px;
}
.banner_section .main_title, .swim .heading1, .swim1 .heading1, .swim3 .main_title, .swim4 .heading1, .swim5 .heading1 {
    font-size: 33px;
}
.banner_section .carousel-inner {
    width: 90%!important;
    left: 10px!important;
    top: -17px!important;
}
.swim .lets_swim_sub_title {
    width: 100%}
.swim .lets_swim2 {
    position: initial;
}
.swim1 .package_section_heading {
    font-size: 20px;
    text-align: left;
}
.swim1 .package_btn, .swim1 .package_btn2, .swim5 .package_btn {
    margin: auto;
}
.bubble {
    display: none;
}
.box {
    top: 38px;
    right: 29px;
    padding: 2px 13px;
}
.box span {
    font-size: 9px;
}
}.box i {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 200px;
    background-color: inherit;
    box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);
    transition: transform .4s linear, top 1s linear;
}
.box i:after, .box i:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 50%;
    transform: translate(-50%, -75%);
}
.box i:before {
    border-radius: 46%;
    background-color: rgba(20, 20, 20, .2);
    animation: 5s linear infinite animate;
}
.box i:after {
    border-radius: 40%;
    background-color: rgba(20, 20, 20, .5);
    animation: 10s linear infinite animate;
}
@keyframes animate {
    0% {
    transform: translate(-50%, -75%) rotate(0);
}
100% {
    transform: translate(-50%, -75%) rotate(360deg);
}
}#myBtn {
    display: none;
    bottom: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: 0;
    padding: 15px;
    border-radius: 4px;
}
.modal-body {
    background: #6495ed;
    color: #fff;
    border: 5px solid;
}

.new{
    width: 7rem;
    filter: brightness(100);
}

.card,
.acccard img {
    border-radius: 35px!important;
}
