section.section-our-events-spot {
    padding-top: 30px;
    padding-bottom: 100px;
}

.list-our-events-spot h1 {
                font-size: 25px;
                margin-bottom: 40px;
            }

            .thumbnail-spot {
                position: relative;
                overflow: hidden;
                border-radius: 10px;
            }

            .thumbnail-spot img {
                width: 100%;
                height: 200px;
                object-fit: cover;
                border-radius: 10px;
                display: block;
            }

            .thumbnail-spot .overlay-thumbnail {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.55);
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 0;
                pointer-events: none;
                transition: opacity 0.3s ease;
                border-radius: 10px;
            }

            .box-list-spot:hover .thumbnail-spot .overlay-thumbnail {
                opacity: 1;
                pointer-events: auto;
            }

            .thumbnail-spot .btn-view-more {
                background-color: #ffffff;
                color: #125329;
                border: none;
                padding: 10px 24px;
                border-radius: 25px;
                font-weight: 600;
                font-size: 14px;
                cursor: pointer;
                transition: background 0.3s ease, color 0.3s ease;
            }

            .thumbnail-spot .btn-view-more:hover {
                background-color: #125329;
                color: #fff;
            }

            .box-list-spot:hover {
                cursor: pointer;
            }

            .box-list-spot .thumbnail-spot img {
                border-radius: 6px;
                transition: transform 0.3s ease;
            }

            /* Optional: Zoom effect on hover */
            .box-list-spot:hover .thumbnail-spot img {
                transform: scale(1.03);
            }

            .box-list-spot p {
                margin-bottom: 0px;
                font-size: 16px;
                color: #125329;
                font-weight: 600;
            }

            .box-list-spot {
                background-color: #F0FFF0;
                border-radius: 10px;
                padding: 20px 15px;
                transition: background-color 0.3s ease, color 0.3s ease;
                color: #000;
            }

            .main-slider .swiper-slide img {
                width: 100% !important;
                height: unset !important;
            }

            .box-list-spot .desc-spot {
                margin-top: 20px;
            }

            .box-list-spot h3 {
                font-size: 22px;
                font-weight: 600;
                text-align: center;
                margin-bottom: 20px;
            }

            .box-list-spot img {
                width: 100%;
                height: 200px;
                object-fit: cover;
                border-radius: 10px;
            }

            .modal-gallery-spot .swiper-button-next {
                background: #125329;
                color: #fff;
                width: 40px;
                height: 40px;
            }

            .modal-gallery-spot .swiper-button-next:after {
                font-size: 20px !important;
            }

            .modal-gallery-spot .swiper-button-prev:after {
                font-size: 20px !important;
            }

            .modal-gallery-spot .swiper-button-prev {
                background: #125329;
                color: #fff;
                width: 40px;
                height: 40px;
            }

            /* Modal Gallery Styling */
            .modal-gallery-spot .modal-dialog.modal-fullscreen {
                margin: 0;
                width: 100%;
                max-width: 90%;
                height: 80vh;
                padding: 0;
                position: absolute;
                top: 50%;
                left: 50%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

            .modal-gallery-spot .modal-content {
                background: #F0FFF0;
                border: none;
                height: 100%;
                display: flex;
                flex-direction: column;
                border-radius: 10px;
            }

            .modal-gallery-spot .modal-body {
                flex: 1;
                padding: 1rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            .modal-gallery-spot .swiper.main-slider {
                background: #F0FFF0;
            }

            /* Main Slider Full Height */
            .main-slider {
                width: 100%;
                flex: 1;
                position: relative;
                background: #000;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 20px;
            }

            .main-slider .swiper-wrapper {
                align-items: center;
            }

            .main-slider .swiper-slide {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .main-slider .swiper-slide img {
                max-width: 100%;
                max-height: 100%;
                object-fit: contain;
                border-radius: 10px;
            }

            /* Thumbnail Slider */
            .thumb-slider-wrapper {
                position: relative;
            }

            .thumb-slider {
                height: 100px;
                padding: 0 44px;
            }

            .thumb-slider .swiper-slide {
                width: auto !important;
                height: 100%;
                opacity: 0.4;
                cursor: pointer;
                transition: 0.3s;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .thumb-slider .swiper-slide-thumb-active {
                opacity: 1;
                border: 2px solid #125329;
                border-radius: 6px;
            }

            .thumb-slider img {
                height: 100%;
                width: auto;
                object-fit: contain;
                border-radius: 6px;
            }

            /* Arrows Styling */
            .swiper-button-next,
            .swiper-button-prev,
            .thumb-prev,
            .thumb-next {
                color: #fff;
                background: rgba(0, 0, 0, 0.4);
                border-radius: 50%;
                padding: 15px;
                width: 44px;
                height: 44px;
                top: 50%;
                transform: translateY(-50%);
            }

            .thumb-prev,
            .thumb-next {
                position: absolute;
                z-index: 10;
            }

            .thumb-prev {
                left: 0;
            }

            .thumb-next {
                right: 0;
            }

            @media (max-width: 768px) {
                .main-slider {
                    max-height: 300px;
                }
            }

            @media screen and (max-width: 600px) {
                .animals-slider {
                    margin-top: 0;
                }
            }

            .section-our-events-spot .section-title h2 {
                margin-bottom: 35px;
            }

            .section-our-events-spot .section-title-content p {
                width: 60%;
                margin: auto;
            }

            .section-our-events-spot .section-bg-title {
                position: absolute;
                top: 0%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .section-past-events .box-list-spot img {
                height: 250px;
            }

            .section-past-events .thumb-slider img {
                width: auto !important;
                height: 100%;
            }

            .box-list-spot {
                margin-bottom: 20px;
            }

            h1.modal-title {
                margin-bottom: 0px !important;
            }

            @media screen and (max-width: 600px) {
                .section-our-events-spot .section-title-content p {
                    width: 100%;
                }

                .modal-gallery-spot .modal-dialog.modal-fullscreen {
                    height: 60vh !important;
                }
            }

            div#menu-f\&b .modal-dialog {
                max-width: 50%;
            }

            .img-popup-produk img {
                width: 100%;
            }

            .desc-popup-produk h3 {
                margin-bottom: 15px;
            }

            .desc-popup-produk h5 {
                margin-bottom: 20px;
            }

            .price-produk {
                text-align: center;
                padding-top: 20px;
            }

            .price-produk h3 {
                font-size: 25px;
                padding-bottom: 10px;
            }

            p.title-menu-fnb {
                font-size: 30px;
                font-weight: 600;
                color: #125329;
                margin-top: 10px;
            }

            p.price-menu-fnb {
                font-size: 18px;
                margin-top: 0px;
                color: #125329;
                font-weight: normal;
            }

            p.description-menu-fnb {
                margin-top: 0px;
                font-size: 16px;
                color: #125329;
                text-align: justify;
            }

            .list-menu-fnb {
                margin-top: 25px;
                position: relative;
            }

            .about-detail-fnb .why-choose-image {
                width: 100%;
            }

            .about-detail-fnb .why-choose-image img {
                width: 90%;
            }

            .box-fnb {
                margin: 15px 0;
            }

            .why-choose-content {
                margin: 50px 0;
            }

            .head-bigger {
                font-size: 60px;
                text-align: center;
                margin-bottom: 60px;
                font-weight: 500
            }

            .about-detail-fnb p.subtitle {
                font-size: 22px;
                margin-bottom: 60px;
                text-align: center;
            }

            section.section-new-detail-fnb {
                padding: 150px 0px;
                position: relative;
            }

            .logo-title {
                text-align: center;
            }

            .about-detail-fnb .btn-follow-instagram {
                text-align: left !important;
            }

            .about-detail-fnb .work-image img {
                width: 100%;
                height: 700px;
            }

            .about-detail-fnb {
                padding: 0px 0 150px !important;
            }

            .our-work {
                padding: 10px 0 70px;
            }

            @media(max-width:600px) {
                .head-bigger {
                    font-size: 35px;
                    text-align: center;
                    margin-bottom: 60px;
                    font-weight: 500
                }

                .about-detail-fnb .why-choose-image img {
                    border-radius: 40px;
                    height: 300px !important;
                    object-fit: cover;
                }

                .title-menu-fnb {
                    font-size: 20px !important;
                }

                .why-choose-content {
                    text-align: center !important;
                }

                .section-bg-title {
                    display: none;
                }
            }



.footer-copyright {
    margin-top: 20px !important;
    padding: 20px 0px !important;
}

.main-footer::after {
    height: 60px !important;
    top:-59px !important;
}

.section-past-events {
    padding-bottom: 225px !important;
    background: #F0FFF0;
    position: relative;
}

.section-past-events::before
 {
    content: '';
    position: absolute;
    top: -85px;
    right: 0;
    left: 0;
    background: url(/wp-content/themes/Habitat/bootstrap/images/habitat/shape-green-2.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
}

.section-past-events .box-list-spot {
    background-color: #fff;
}

.btn-header-custom::before {
    display: none;
}

.iframe-youtube {
    margin-bottom: 100px;
}

.habitat-values-about .how-work-item {
    width: 100%;
    text-align: justify;
}

.featured-home .hero-slider-layout .hero-slide::before {
    height: 900px;
}

.featured-home .hero-slider-image {
    height: 900px;
}

.animal-habitat-about.gallery-areas-detail::before {
    content: '';
    position: absolute;
    top: -85px;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-green-1.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 111;
}

.gallery-areas-detail {
    position: relative;
}

.service-entry-img-1 {
    margin-top: 35px;
}

.btn-header-custom {
    background: #125329 !important;
}

.about-img-2 {
    width: 350px;
}

.customer-review {
    background-color: #fff !important;
}

.our-services::after {
    bottom: -40px !important;
    height: 95px !important;
}


.our-services {
    margin-top: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 30px !important;
}

.service-btn a.learn-more-btn {
    margin-right: 20px;
}

.learn-more-btn:hover {
    color: #fff !important;
}

.expertise-item-content h3 {
    font-size: 20px;
    margin-bottom: 5px;
}

.btn-follow-instagram {
    text-align: center !important;
    margin-top: 30px;
}

.form-newsletter input#email {
    padding: 15px;
    font-size: 16px;
    background-color: var(--white-color);
    border: none;
    border-bottom: 1px solid var(--divider-color);
    border-radius: 15px;
    color: var(--primary-color);
    box-shadow: none;
    outline: none;
}

.hero-slider-layout .hero-slide::before{
    opacity: 30%;
}

.contact-form-btn .btn-default.btn-highlighted {
    color: #fff;
    background-color: #125329;
}

.btn-buy-ticket a {
    width: 100%;
}

.btn-buy-ticket .btn-default.btn-highlighted:before {
    border: 1px solid #fff;
}

.page-services .row {
    justify-content: center;
}

.box-find-us {
    background: var(--primary-color) url(../images/pricing.highlighted-box-bg.svg) no-repeat;
    background-position: center center;
    background-size: auto;
    overflow: hidden;
    border-radius: 40px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 40px;
    text-align: center;
}

.box-find-us h3 {
    color: #fff;
    font-size: 20px;
}

.box-find-us p {
    color: #fff;
    padding-top: 35px;
}

.contact-now-box.about-contact-box .contact-now-box-content a {
    width: 100%;
}

.contact-now-box.about-contact-box .contact-now-box-content {
    width: 100%;
}

.our-work {
    background-color: var(--secondary-color) !important;
}

.featured-home .hero-slider-layout .hero-slide {
    position: relative;
    padding: 250px 0 250px;
}

.featured-home .hero-slider-layout .hero-pagination {
    bottom: 170px !important;
}

.page-header{
    padding: 150px 0 150px !important;
}

.page-header::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    background: url('../images/habitat/shape-white-2.png') no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
    bottom: -5px;
}

.information-find-us {
    padding-bottom: 100px;
}

.how-it-work.habitat-values-about {
    padding-top: 100px !important;
}

.about-us.page-about.general-information-habitat-about::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-white-1.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
    bottom: -85px;
    rotate: 180deg;
}

.about-us.page-about.general-information-habitat-about{
    position: relative;
    padding: 0px !important;
}

.how-it-work.habitat-values-about {
    padding: 150px 0;
}

.how-it-work.habitat-values-about::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-green-1.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
    bottom: -5px;
}

.our-vision-mission.green-technology-about {
    position: relative;
    padding: 0px;
}

.our-vision-mission.green-technology-about::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-green-1.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
    bottom: -90px;
    rotate: 180deg;
}

.animal-habitat-about {
    position: relative;
    padding: 140px 0 85px;
}

.list-animals {
    padding-top: 50px;
}

.our-team.zookeeper-about {
    padding-bottom: 135px;
    position: relative;
}

.our-team.zookeeper-about::before {
    content: '';
    position: absolute;
    top: -85px;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-dark-green-1.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
}

.page-services {
    padding: 10px 0 100px !important;
}

.google-map {
    padding: 10px 0px 50px !important;
}

div#menu-f\&b {
    padding-bottom: 90px;
    margin-top: 20px;
}

div#menu-f\&b::after {
    content: '';
    position: absolute;
    top: -85px;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-green-1.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
}

.our-services.list-public-event {
    padding: 50px 0 200px !important;
}

.page-single-post {
    padding: 50px 0 200px !important;
}

.page-service-single {
    padding-bottom: 200px !important;
}

.page-contact-us {
    padding: 10px 0 120px !important;
}

.page-header-areas-detail::after {
    display: none;
}

.about-detail-areas .expertise-content .section-title {
    border-bottom: unset;
}

.why-choose-us.about-private-event {
    padding: 50px 0 200px;
    position: relative;
}


.why-choose-us.about-private-event::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-green-2.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
    bottom: -5px;
}

.animal-habitat-about.porfolio-private-event {
    background-color: #F0FFF0;
    padding: 100px 0 200px;
}

.animal-habitat-about.porfolio-private-event::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-green-1.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
    top: -90px;
}

.why-choose-us::before{
    display: none;
}

.about-private-event .why-choose-image img {
    border-radius: 40px;
    height: 650px;
    object-fit: cover;
}

.about-private-event .why-choose-image {
    width: 80%;
    margin: auto;
}

.header-banner-fnb-detail::after{
    display: none;
}

div#menu-f\&b .section-title {
    text-align: center;
}

.about-detail-fnb {
    padding: 100px 0 250px !important;
}

.about-detail-fnb .why-choose-image {
    width: 80%;
    margin: auto;
}

.about-detail-fnb .why-choose-image img {
    border-radius: 40px;
    height: 650px;
    object-fit: cover;
}

.why-choose-us.about-detail-fnb::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-white-1.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
    top: -80px;
}


.our-work.list-filter-public-event {
    background-color: #fff !important;
    padding: 100px 0 200px;
}

.our-work.list-filter-public-event::after {
    content: '';
    position: absolute;
    top: -85px;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-white-1.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
}


.our-faqs.page-service-faqs.section-form-buy-ticket {
    padding: 100px 0 250px;
}

.page-pricing.section-packages-school::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-white-1.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
    top: -90px;
}


.page-pricing.section-packages-school{
    position: relative;
}


.counter-animals-about .company-experience-content {
    width: 33%;
}

.counter-animals-about .company-experience-counter {
    width: 33%;
}

.counter-animals-about .company-tag {
    width: 33%;
}

.company-tag p {
    font-weight: 500;
    line-height: 1.2em;
    text-transform: capitalize;
    color: var(--primary-color);
    margin: 0;
    margin-top: 0 !important;
}

.counter-animals-about {
    bottom: -70px;
    left: 0;
    right: unset !important;
    top: unset !important;
}


    .work-process-no::before{
        display: none;
    }
    
    .habitat-values-about .how-work-item i {
        color: #fff;
        font-size: 70px;
    }
    
    .about-us.page-about.general-information-habitat-about .section-title p {
        text-align: justify;
    }
    
    
    .our-expertise .section-title p {
    text-align: justify;
}


.our-services.list-public-event::before {
    background: url(../images/habitat/shape-green-1.png) !important;
}

.our-work.instagram-feed-home::after {
    content: '';
    position: absolute;
    top: -85px;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-green-2.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 85px;
    z-index: 1;
}


.testimonial-box {
    background-color: #fff;
}


   .areas-detail-button-prev {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #2a7d2e;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
    top: 50%;
    left: 5%;
    z-index: 1;
}



.areas-detail-button-next {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #2a7d2e;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
    top: 50%;
    right: 5%;
    z-index: 1;
}

.areas-detail-button-prev::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/arrow-white.svg) no-repeat center center;
    background-size: 24px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
    rotate: 180deg;
}

.areas-detail-button-next::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/arrow-white.svg) no-repeat center center;
    background-size: 24px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}


      
.our-expertise.about-detail-areas::before {
    z-index: 11;
}

.start-detail-areas .customer-consultation-box {
    padding-bottom: 100px;
}

.our-expertise.about-detail-areas::after {
    content: '';
    position: absolute;
    bottom: -85px;
    right: 0;
    left: 0;
    background-position: bottom center;
    background-size: cover;
    width: 100%;
    height: 150px;
    rotate: 180deg;
    z-index: 11;
}

.section-video-areas-detail {
    padding-top: 175px !important;
    padding-bottom: 175px !important;
}

.section-video-areas-detail::after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-green-1.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
    bottom: -5px;
}

.gallery-areas-detail {
    background-color: #F0FFF0;
    padding: 50px 0 200px;
}

.slider-areas-detail .hero-slider-layout .hero-slide {
    height: 85vh;
}

.slider-areas-detail .hero-slider-layout .hero-slide::before {
    background-color: #125329;
    opacity: 30%;
}

.list-instagram-feed .work-image {
    margin-top: 30px;
}


.mobile-only {
    display: none;
}

a.btn-default.btn-highlighted.mobile-only {
    display: none;
}

#sb_instagram .sbi_photo img {
    border-radius: 40px;
}

.row.list-instagram-feed {
    width: 100%;
    margin: auto;
}

.page-project-single.single-event-habitat {
    padding: 100px 0 200px;
    position: relative;
}

.page-project-single.single-event-habitat::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    background: url(../images/habitat/shape-white-1.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100px;
    z-index: 1;
    top: -90px;
}


/* Responsive CSS */

@media screen and (max-width: 600px) {
.btn-calender {
    margin-bottom: 50px;
    width: 50% !important;
    cursor: pointer;
}


    .hero.hero-video {
        height: 75vh;
    }

    .our-services::before {
        background: url(../images/habitat/shape-white-1-mobile.png) no-repeat !important;
        top: -40px !important;
    }

    .our-services::after {
        background: url(../images/habitat/shape-white-2-mobile.png) no-repeat !important;
        bottom: -40px !important;
    }

    .our-work.instagram-feed-home::after {
        background: url(../images/habitat/shape-green-2-mobile.png) no-repeat !important;
        top: -23px !important;
    }

    .testimonial-btn {
        margin-top: 10px !important;
        justify-content: center !important;
    }

    .featured-home .hero-slider-layout .hero-slide {
        position: relative;
        padding: 150px 0 150px;
    }

    .areas-detail-button-next {
        position: absolute;
        width: 40px;
        height: 40px;
        background-color: #2a7d2e;
        border-radius: 10px;
        transition: all 0.4s ease-in-out;
        top: 82%;
        right: 38%;
        z-index: 1;
    }

    .areas-detail-button-prev {
        position: absolute;
        width: 40px;
        height: 40px;
        background-color: #2a7d2e;
        border-radius: 10px;
        transition: all 0.4s ease-in-out;
        top: 82%;
        left: 38%;
        z-index: 1;
    }

    .main-footer::after {
        background: url(../images/habitat/shape-dark-green-2-mobile.png) no-repeat !important;
        top: -30px !important;
    }

    .habitat-values-about .section-bg-title span {
        font-size: 40px;
    }

    .counter-animals-about {
        bottom: -210px;
        left: 0;
        right: unset !important;
        top: unset !important;
        display: flex !important;
    }

    .page-header::after {
        background: url(../images/habitat/shape-white-1-mobile.png) no-repeat !important;
        bottom: -60px !important;
    }

    .habitat-values-about .how-work-item i {
        color: #fff;
        font-size: 45px;
    }

    .about-us.page-about.general-information-habitat-about::after {
        background: url(../images/habitat/shape-white-1-mobile.png) no-repeat !important;
        bottom: -40px !important;
    }

    .how-it-work.habitat-values-about::after {
        background: url(../images/habitat/shape-green-1-mobile.png) no-repeat !important;
        bottom: -65px !important;
    }

    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: unset;
    }

    .our-work.instagram-feed-home {
        padding-bottom: 100px;
        padding-top: 0px !important;
    }
    
    .our-work.instagram-feed-home
 {
    padding-top: 0px !important;
}

    .our-team.zookeeper-about {
        background: linear-gradient(180deg, var(--primary-color) 50%, var(--white-color) 50%);
        padding-bottom: 0px !important;
    }

    .animals-slider {
        margin-top: 60px;
    }

    .page-services {
        padding: 50px 0 0px !important;
    }

    .gallery-areas-detail {
        background-color: #F0FFF0;
        padding: 50px 0 100px;
    }

    .about-detail-fnb .why-choose-image img {
        max-width: 100%;
    }

    .about-detail-fnb .why-choose-image {
        width: 100%;
    }

    .about-detail-fnb {
        padding: 50px 0 50px !important;
    }

    .about-private-event .why-choose-image {
        width: 100%;
    }

    .about-private-event .why-choose-image img {
        max-width: 100%;
    }

    .page-contact-us {
        padding: 50px 0 50px !important;
    }

    .information-find-us {
        padding-bottom: 50px;
    }

    .our-services.list-public-event {
        padding: 50px 0 150px !important;
    }

    .our-work.list-filter-public-event {
        background-color: #fff !important;
        padding: 50px 0 100px;
    }

    .animal-habitat-about.porfolio-private-event {
        background-color: #fff;
        padding: 50px 0 0px;
    }

    .porfolio-private-event .section-bg-title.dark-bg-1 span {
        color: #fff;
    }

    .animal-habitat-about.porfolio-private-event::before {
        background: url(../images/habitat/shape-white-1-mobile.png) no-repeat !important;
        top: -30px !important;
    }

    .about-private-event .why-choose-image img {
        border-radius: 40px;
        height: 500px;
        object-fit: cover;
    }

    .page-pricing.section-packages-school {
        padding: 100px 0 0px !important;
    }

    .page-pricing.section-packages-school::before {
        background: url(../images/habitat/shape-white-1-mobile.png) no-repeat !important;
        top: -30px !important;
    }

    .section-packages-school .pricing-item {
        margin-top: 50px;
    }

    .information-find-us {
        padding-bottom: 0px;
    }

    .about-detail-fnb .why-choose-image img {
        border-radius: 40px;
        height: 500px;
        object-fit: cover;
    }
    
    a.btn-default.btn-highlighted.mobile-only {
        display: unset;
    }
    
    a.btn-default.btn-highlighted.mobile-only {
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
        width: 87%;
        padding: 10px;
        margin-left: 20px;
        text-align: center;
    }
    
    a.btn-default.btn-highlighted.mobile-only::before {
        background-color: #2a7d2e;
    }
}