/***Step Wrapper********/

.step {
    padding: 0 26px 42px 2vw;
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
}

.movetofoldsection2 {
    pointer-events: none;
}

.movetofoldsection2 #mouse_body,
.movetofoldsection2 .home-arrow {
    pointer-events: all;
}

.steps.step1 .step-header {
    margin-top: -1vh;
}


.steps_wrpper::after {
    content: '';
    position: absolute;
    height: calc(100% - 70px);
    width: 1px;
    background-color: rgb(198, 198, 198);
    left: 5vw;
    top: 70px;
    z-index: -1;
}

.steps_wrpper_home .fill-wrap {
    pointer-events: none;
}

.spinner-wrap {
    position: absolute;
    left: 5vw;
    bottom: 0;
    z-index: 9;
    opacity: 0.8;
}

.spinner-wrap::before {
    width: 12px;
    height: 12px;
    background: #fff;
    content: '';
    position: absolute;
    left: 50%;
    border-radius: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner-item {
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-animation: zoom 3s linear 0.25s infinite;
    animation: zoom 3s linear 0.25s infinite;
}

.spinner-item--2 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.spinner-item--3 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.spinner-item--4 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.spinner-item--5 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.spinner-item--6 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}



@-webkit-keyframes zoom {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    50% {
        opacity: 0.9;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

@keyframes zoom {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    50% {
        opacity: 0.9;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}



.step .stp1,
.step .stp2,
.step .stp3,
.step .stp4 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(70px);
    transition: all 0.5s ease;
}

.step .stp1 {
    transition-delay: 0.2s;
}

.step .stp2 {
    transition-delay: 0.3s;
}

.step .stp3 {
    transition-delay: 0.4s;
}

.step .stp4 {
    transition-delay: 0.5s;
}

.steps_wrpper_home {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    height: calc(90vh);
    padding-left: 5vw;
    width: 18.26%;
    padding-top: 16vh;
    cursor: pointer;
}


.steps_wrpper_home::after {
    content: '';
    position: absolute;
    height: inherit;
    width: 1px;
    background-color: rgb(198, 198, 198);
    left: 5vw;
    top: 0;
    z-index: -1;
}

.steps_wrpper_home .sm_head {
    position: absolute;
    left: 7vw;
    font-weight: 400;
    line-height: 140%;
    font-size: 14px;
    pointer-events: all;
}

.steps_wrpper_home .sm_head::before {
    width: 15px;
    height: 1px;
    background: rgb(255 255 255 / 80%);
    content: '';
    position: absolute;
    left: -2.4vw;
    top: 8px;
}

.step .lrn_btn {
    pointer-events: all;
}

.steps .step .about_sub_heading::before {
    position: absolute;
    left: -2.4vw;
    top: 10px;
    width: 14px;
    height: 14px;
    background: #fff;
    content: '';
    border-radius: 50%;
}

.stepanimation {
    position: relative;
}

.steps_wrpper_home .sm_head:nth-child(1) {
    transform: translateY(19vh);
}

.steps_wrpper_home .sm_head:nth-child(2) {
    transform: translateY(29vh);
}

.steps_wrpper_home .sm_head:nth-child(3) {
    transform: translateY(39vh);
}

.steps_wrpper_home .sm_head:nth-child(4) {
    transform: translateY(49vh);
}

.steps_wrpper_home .sm_head:nth-child(5) {
    transform: translateY(59vh);
}

.steps.step2 {
    margin-top: 8vh;
}

.steps.step3 {
    margin-top: 18vh;
}

.steps.step4 {
    margin-top: 28vh;
}

.steps.step5 {
    margin-top: 39vh;
}
.steps_wrpper_home,
.spinner-wrap {
    opacity: 0;
    transition: all 0s ease;
    transition-delay: 0s;
}

.fp-section .fp-overflow {
    height: inherit;
}

.hm_banner,
.hm_sec_2 {
    position: relative;
    background: #fff;
    z-index: 99999;
}


.fp-viewing-homesection .steps_wrpper_home{
    opacity: 0;
    visibility: hidden;
}


.fp-viewing-homesection2 .steps_wrpper_home,
.fp-viewing-homesection2 .spinner-wrap,
.fp-viewing-homesection3 .steps_wrpper_home,
.fp-viewing-homesection3 .spinner-wrap,
.fp-viewing-homesection4 .steps_wrpper_home,
.fp-viewing-homesection4 .spinner-wrap,
.fp-viewing-homesection5 .steps_wrpper_home,
.fp-viewing-homesection5 .spinner-wrap,
.fp-viewing-homesection6 .steps_wrpper_home,
.fp-viewing-homesection6 .spinner-wrap {
    /* display: block; */
    opacity: 1;
    transition: all 0.4s ease;
    transition-delay: 0.5s;
    z-index: 1;

}

.hdf1,
.hdf2,
.hdf3,
.hdf4,
.hdf5 {
    z-index: 999;
}



.fp-viewing-homesection2 .steps_wrpper_home .step1 .stp1,
.fp-viewing-homesection2 .steps_wrpper_home .step1 .stp2,
.fp-viewing-homesection2 .steps_wrpper_home .step1 .stp3,
.fp-viewing-homesection2 .steps_wrpper_home .step1 .stp4,

.fp-viewing-homesection3 .steps_wrpper_home .hdf1,
.fp-viewing-homesection3 .steps_wrpper_home .hdf2 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.fp-viewing-homesection2 .steps_wrpper_home .hdf1,
.fp-viewing-homesection2 .steps_wrpper_home .hdf1,
.fp-viewing-homesection3 .steps_wrpper_home .hdf2,
.fp-viewing-homesection4 .steps_wrpper_home .hdf3,
.fp-viewing-homesection5 .steps_wrpper_home .hdf4,
.fp-viewing-homesection6 .steps_wrpper_home .hdf5 {
    opacity: 0;
    visibility: hidden;
    /* transform: translateY(0); */
}

.fp-viewing-homesection3 .steps_wrpper_home .hdf1 {
    opacity: 1;
    visibility: visible;


}


.fp-viewing-homesection3 .steps_wrpper_home .step2,
.fp-viewing-homesection3 .steps_wrpper_home .step2 .stp1,
.fp-viewing-homesection3 .steps_wrpper_home .step2 .stp2,
.fp-viewing-homesection3 .steps_wrpper_home .step2 .stp3,
.fp-viewing-homesection3 .steps_wrpper_home .step2 .stp4 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.fp-viewing-homesection4 .steps_wrpper_home .step3,
.fp-viewing-homesection4 .steps_wrpper_home .step3 .stp1,
.fp-viewing-homesection4 .steps_wrpper_home .step3 .stp2,
.fp-viewing-homesection4 .steps_wrpper_home .step3 .stp3,
.fp-viewing-homesection4 .steps_wrpper_home .step3 .stp4 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.fp-viewing-homesection5 .steps_wrpper_home .step4,
.fp-viewing-homesection5 .steps_wrpper_home .step4 .stp1,
.fp-viewing-homesection5 .steps_wrpper_home .step4 .stp2,
.fp-viewing-homesection5 .steps_wrpper_home .step4 .stp3,
.fp-viewing-homesection5 .steps_wrpper_home .step4 .stp4 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.fp-viewing-homesection6 .steps_wrpper_home .step5,
.fp-viewing-homesection6 .steps_wrpper_home .step5 .stp1,
.fp-viewing-homesection6 .steps_wrpper_home .step5 .stp2,
.fp-viewing-homesection6 .steps_wrpper_home .step5 .stp3,
.fp-viewing-homesection6 .steps_wrpper_home .step5 .stp4 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/********Fold By Fold Display Play**********/
.fp-viewing-homesection2 .steps_wrpper_home .steps.step2,
.fp-viewing-homesection2 .steps_wrpper_home .steps.step3,
.fp-viewing-homesection2 .steps_wrpper_home .steps.step4,
.fp-viewing-homesection2 .steps_wrpper_home .steps.step5 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
}

.fp-viewing-homesection3 .steps_wrpper_home .steps.step1,
.fp-viewing-homesection3 .steps_wrpper_home .steps.step3,
.fp-viewing-homesection3 .steps_wrpper_home .steps.step4,
.fp-viewing-homesection3 .steps_wrpper_home .steps.step5 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
}

.fp-viewing-homesection4 .steps_wrpper_home .steps.step1,
.fp-viewing-homesection4 .steps_wrpper_home .steps.step2,
.fp-viewing-homesection4 .steps_wrpper_home .steps.step4,
.fp-viewing-homesection4 .steps_wrpper_home .steps.step5 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
}

.fp-viewing-homesection5 .steps_wrpper_home .steps.step1,
.fp-viewing-homesection5 .steps_wrpper_home .steps.step2,
.fp-viewing-homesection5 .steps_wrpper_home .steps.step3,
.fp-viewing-homesection5 .steps_wrpper_home .steps.step5 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
}

.fp-viewing-homesection6 .steps_wrpper_home .steps.step1,
.fp-viewing-homesection6 .steps_wrpper_home .steps.step2,
.fp-viewing-homesection6 .steps_wrpper_home .steps.step3,
.fp-viewing-homesection6 .steps_wrpper_home .steps.step4 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
}

.fp-viewing-homesection4 .steps_wrpper_home .sm_head:nth-child(2) {
    transform: translateY(10vh);
}

.fp-viewing-homesection4 .steps_wrpper_home .sm_head:nth-child(1) {
    transform: translateY(0vh);
}

.fp-viewing-homesection4 .steps_wrpper_home .sm_head:nth-child(1) {
    transform: translateY(0vh);
}

.fp-viewing-homesection5 .steps_wrpper_home .sm_head:nth-child(1) {
    transform: translateY(0vh);
}

.fp-viewing-homesection5 .steps_wrpper_home .sm_head:nth-child(2) {
    transform: translateY(10vh);
}

.fp-viewing-homesection5 .steps_wrpper_home .sm_head:nth-child(3) {
    transform: translateY(20vh);
}

.fp-viewing-homesection6 .steps_wrpper_home .sm_head:nth-child(1) {
    transform: translateY(0vh);
}

.fp-viewing-homesection6 .steps_wrpper_home .sm_head:nth-child(2) {
    transform: translateY(10vh);
}

.fp-viewing-homesection6 .steps_wrpper_home .sm_head:nth-child(3) {
    transform: translateY(20vh);
}

.fp-viewing-homesection6 .steps_wrpper_home .sm_head:nth-child(4) {
    transform: translateY(30vh);
}

/* .fp-viewing-homesection3 .steps_wrpper_home .step1 .stp1{
    transform: translateY(9vh);
    transition-delay: 0.2s;
}

.fp-viewing-homesection3 .steps_wrpper_home .step1 .stp2{
    transform: translateY(8vh);
    transition-delay: 0.s;
} */
.fp-viewing-homesection3 .steps_wrpper_home .hdf2::before {
    width: 14px;
    height: 14px;
    left: -2.3vw;
    background: #fff;
    content: '';
    border-radius: 50%;
    content: '';

}


.fp-viewing-homesection4 .steps_wrpper_home .hdf3::before {
    width: 14px;
    height: 14px;
    left: -2.3vw;
    background: #fff;
    content: '';
    border-radius: 50%;
    content: '';
}

.fp-viewing-homesection5 .steps_wrpper_home .hdf4::before {
    width: 14px;
    height: 14px;
    left: -2.3vw;
    background: #fff;
    content: '';
    border-radius: 50%;
    content: '';
}

.fp-viewing-homesection6 .steps_wrpper_home .hdf5::before {
    width: 14px;
    height: 14px;
    left: -2.3vw;
    background: #fff;
    content: '';
    border-radius: 50%;
    content: '';
}

.fp-viewing-homesection6 .steps_wrpper_home .hdf6::before {
    width: 14px;
    height: 14px;
    left: -2.3vw;
    background: #fff;
    content: '';
    border-radius: 50%;
    content: '';
}

.steps_wrpper_home.active {
    display: block !important;
}

/**Experience Steps**/
.experience-section .mobile-steps {
    display: none;
    position: absolute;
    bottom: 24px;
    left: 24px;
}

@media (min-width: 1200px){
    .home_count_sec{
        min-width: 130px;
    }
    
    .home_count_sec .count_section .count_box .title{
        max-width: 65%;
    }
}
/**Horizontal Scroll**/
@media (max-width: 1440px) {
    .steps_wrpper_home .sm_head:nth-child(1) {
        transform: translateY(0vh);
    }

    .steps_wrpper_home .sm_head:nth-child(2) {
        transform: translateY(32vh);
    }

    .steps_wrpper_home .sm_head:nth-child(3) {
        transform: translateY(42vh);
    }

    .steps_wrpper_home .sm_head:nth-child(4) {
        transform: translateY(52vh);
    }

    .steps_wrpper_home .sm_head:nth-child(5) {
        transform: translateY(62vh);
    }

    .steps.step2 {
        margin-top: 9vh;
    }

    .steps.step3 {
        margin-top: 19vh;
    }

    .steps.step4 {
        margin-top: 29vh;
    }

    .steps.step5 {
        margin-top: 39vh;
    }
}

@media (max-width:1368px) {


    .mx-w-495 {
        max-width: 85%;
    }

    .step {
        width: 700px;
    }
}



@media (max-width: 1024px) {

    .as1,
    .as2,
    .as3,
    .as4,
    .abs1,
    .abs2,
    .abs3,
    .abs4,
    .gbs1,
    .gbs2,
    .gbs3,
    .gbs4,
    .pb-0 {
        transform: translateY(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .hmPge .commonsection {
        height: 100vh;
        overflow: hidden;
    }

    #homefullpage .section {
        position: relative;
        height: auto;
    }

    /**Banner**/
    .top-banner-wrapper .banner-text3 {
        font-size: var(--fs-24);
    }

    .top-banner-wrapper .banner-subtext {
        font-size: var(--fs-14);
        margin-bottom: 24px;
    }

    /**Experience Section**/
    .fw-500 {
        font-weight: 500;
    }

    .top-banner-wrapper .banner-body3 {
        bottom: 50px;
        padding: 24px;
    }

    .welcome_card_wrp_body .mb-32px {
        margin-bottom: 32px !important;
    }

    .welcome_card_wrp_body .mb-16p {
        margin-bottom: 12px;
    }

    .experience-section .mobile-steps {
        display: block;
        position: absolute;
        bottom: 24px;
        left: 24px;
        right: 24px;
    }

    .experience-section .step_heading {
        font-size: 12px;
        letter-spacing: 7px;
    }

    .experience-section .about_sub_heading {
        font-size: 20px;
    }

    /**Experience Section End**/

    /**Video Conservation Css Start**/

    .video_conservation_wrapper {
        flex-direction: column;
    }

    .video_conservation_wrapper .conversationteam {
        width: 100%;
    }

    .video_conservation_wrapper .landing-flexbox {
        height: auto;
        width: 100%;
        min-height: auto;
    }

    .video_conservation_wrapper .landing-flexbox .landingbox1 {
        margin: auto;
        justify-content: center;
        text-align: left;
        margin: 24px;
        padding: 24px;
        margin-top: -10vh;
        border-radius: 6px;
        background: rgba(255, 255, 255, 1);
        margin-bottom: 2px;
    }

    .video_conservation_wrapper .guardian_wrapper,
    .video_conservation_wrapper .w-60per {
        width: 100%;
    }

    .video_conservation_wrapper .guardians-carousel .owl-dots {
        display: flex;
        gap: 6px;
        position: absolute;
        /* bottom: 39px; */
        left: 45px;
        align-items: center;
        top: -34px;
    }

    .consversation-bsec {
        width: 100%;
        height: 223px;
        padding: 34px 41px;
    }

    /**Discover Section Start**/
    .discover_section {
        flex-direction: column;
        padding-top: 32px !important;
        margin-top: 0px !important;

    }

    .discover_section .key_information .header {
        margin-left: 0px;
    }

    .discover_section .key_information .about_heading_environment {
        font-size: var(--fs-12);
    }

    .discover_section .key_information .about_heading_environment {
        font-size: var(--fs-12);
    }

    .discover_section .px-100.w-50per {
        margin-top: 0px;
        padding-right: 24px;
    }

    /* .discover_section .key_info {
        margin-top: 16px;
     
        padding: 16px 50px;
    } */


    .discover_section .key_info .w-min-content {
        width: fit-content;
    }

    .min-pr-100 {
        padding-right: 60px !important;
    }

    .discover_section .w-50per {
        width: 100%;
        /* padding-right: 24px !important; */
    }

    .more_attractions_wrp.pt-6vh {
        padding-top: 0px;
    }

    .count_section {
        display: flex;
        flex-wrap: wrap;
        margin-top: 16px;
    }


    .equal-width-columns {
        flex: auto;
        box-sizing: border-box;
        width: 50%;
    }

    .count_section .counts {
        font-size: 26px;
        text-align: initial;
    }

    .count_section .count_box .title {
        font-size: 12px;
        max-width: 80%;
    }


    .count_section .count_box {
        position: relative;
    }

    .count_section .count_box:nth-child(3n),
    .count_section .count_box:nth-child(3n+1) {
        margin-top: 16px;
    }

    .count_section .count_box:first-child {
        margin-top: 0px;
        /* display: flex; */
    }

    .count_section .count_box .border-right {
        display: none;
    }

    .count_section .count_box:first-child::after {
        content: "";
        display: block;
        width: 1px;
        height: 46px;
        background-color: rgba(255, 255, 255, 1);
        margin-bottom: 20px;
        margin: auto;
        position: absolute;
        top: 50%;
        left: calc(100%);
        transform: translateY(-50%);



    }

    .count_section .count_box:nth-child(3n)::after {
        content: "";
        display: block;
        width: 1px;
        height: 46px;
        background-color: rgba(255, 255, 255, 1);
        margin-bottom: 20px;
        margin: auto;
        position: absolute;
        left: 0;
        top: 50%;
        left: calc(100%);

        transform: translateY(-50%);

    }

    .count_section .count_box:nth-child(n+3):before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: rgb(255 255 255 / 60%);
        margin-bottom: 12px;
    }

    .count_section .count_box:nth-child(n+4):before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: rgb(255 255 255 / 60%);
        /* margin-bottom: 20px; */

    }

    .count_section .count_box:nth-child(2n),
    .count_section .count_box:nth-child(4n) {
        text-align: center;
    }

    .count_section .count_box:nth-child(2n) .d-flex,
    .count_section .count_box:nth-child(4n) .d-flex {
        padding-left: 24px;
    }

    /* .discover-carousel .owl-stage-outer .owl-stage .owl-item {
        margin-right: 16px !important;
    } */

    .discover-carousel .discoversection {
        min-width: fit-content;
    }

    .discover-carousel .discoversection .min-h-4 {
        height: 9vh;
    }

    /* .discover-carousel:before {
        bottom: calc(50vh - 36.5vh) !important;
    } */
    .steps_wrpper_home {
        display: none;
    }

    .video_conservation_wrapper .conversationteam {
        width: 100%;
        height: 79vh;
    }
    .section.third .video_conservation_wrapper .conversationteam {
        height: 54vh !important;
    }
}



@media (min-width: 768px) and (max-width: 1024px) {
    .discover_section .key_info {
        max-width: 80%;
        margin-left: auto;
    }

    /* .discover-carousel .owl-stage-outer .owl-stage {
        transform: translate3d(34px, 0px, 0px) !important;
    } */

}

@media (min-width: 1024px) and (max-width: 1279px) {
    .consversation-bsec {
        padding: 30px 22px;
    }

    .landingbox1 {
        padding: 71px 5vw 66px;
    }


}

@media (max-width: 1164px) {
    .welcome_card_wrp_body {
        padding: 0 24px 24px 24px;
    }

    .section.third .video_conservation_wrapper .conversationteam {
        height: 100vh;
    }

    .discover-carousel .owl-stage-outer .owl-stage {
        padding-left: 0px;
        display: flex;
    }

    .feedingplatform.h-50vh {
        height: 30vh !important;
        width: auto;
    }

    .feedingplatform.h-50vh .textlink {
        color: #fff;
    }

    .mobile_home_px {
        margin-top: 36px;
    }

    .mobile_home_px .key_information {
        padding-left: 50px;
    }

    .discover-carousel {
        padding-bottom: 40px !important;
    }

    /* .discover-carousel:before {
        bottom: calc(50vh - 41vh + 50px);
    } */
    .discover-carousel .owl-dots {
        position: absolute;
        bottom: 0;
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
        padding-bottom: 0px;
        width: 100%;
        justify-content: center;
    }

    .discover-carousel .owl-dots .owl-dot.active {
        background: var(--color-mauz-primary);
    }

    .discover-carousel .owl-dots .owl-dot {
        background: var(--color-primary);
    }

    .discover-carousel .owl-dots .owl-dot.active {
        width: 25px;
        height: 10px;
        border-radius: 12.5px;
        background: var(--color-mauz-primary);
        border: 0;
        opacity: 1;
    }

    .discover-carousel .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        border-radius: 12.5px;
        opacity: 0.4;
        background: var(--color-primary);
        border: 0;
    }
}

@media (min-width: 600px) and (max-width: 1024px) {
    .discover-carousel:before {
        display: none !important;
    }
}

/**Sticky Discover**/

@media (max-width: 768px) {
    
    .discover-carousel .banner-font-title {
        padding-bottom: 1vh;
    }

    .discover-carousel:before {
        display: none !important;
    }

    .discover-carousel .ismobile.banner-font-text {
        padding-top: 1vh;
        border-top: 1px solid #7BD5F5;
    }

    .bord_b_w {
        width: 120px;
    }
}