body {
    font-family: "DM Sans", sans-serif, sans-serif;
    overflow-x: hidden;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: var(--black);
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}

:root {
    --black: #000;
    --white: #ffffff;
    --red: #E21727;
    --lightred: #FFEBEB;
    --lightgrey: #EAEAEA;
    --lightgrey2: #666666;
    --lightgrey3: #CCCCCC;
    --darkgrey: #13171C;
    --bodytxt: #000000;
}

a:hover {
    text-decoration: none;
    color: var(--red)
}

.lazy_image {
    position: relative;
    width: 100%;
    padding-top: 56.6667%;
    overflow: hidden;
    z-index: 2;
    background-color: #fff;
    border-radius: 0;
    line-height: 1.3;
    font-size: 11px;
    color: var(--black);
    box-shadow: 0 0 1px rgba(185, 73, 73, .3);
    border-radius: 0rem;
}

.lazy_image img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-position: top;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    object-fit: fill;
    border: 0;
}

.container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

section,
div {
    width: 100%;
    display: flex;
}


.top_main_sec {
    flex-wrap: wrap;
}

.top_main_sec .logo_sec {
    justify-content: center;
}

.top_main_sec .logo_sec img,
.top_main_sec .logo_sec svg {
    height: 450px;
}

.top_first_sec {
    background: var(--Midnight, #090912);
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    gap: 20px
}

/* .top_first_sec .logo_sec{fill: var(--Midnight, #090912);filter: drop-shadow(0 0 50px rgba(255, 255, 255, 0.15));} */


.top_main_sec h2 {
    width: 100%;
    line-height: 4.5rem;
    text-align: center;
    color: #fff;
    font-size: 4.5rem;
    font-style: normal;
    font-weight: 250;
    line-height: normal;
    letter-spacing: -0.09rem;
}


.top_second_sec {
    background: var(--Graphite, #191921);
    ;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    gap: 0px
}

.top_second_sec h2 {
    margin-bottom: 4rem;
}

.top_second_sec .logo_sec img {
    height: 405px;
}


.second_top_move_sec {
    background: var(--Graphite-to-Midnight, linear-gradient(180deg, #191921 0%, #090912 100%));
    height: 100vh;
    border-top: 1px solid #121212;
    flex-wrap: wrap;
    align-content: space-evenly;
}

.second_top_move_sec p {
    max-width: 44.5rem;
    color: #FFF;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: normal;
}

.container.bottom {
    justify-content: flex-end;
}

/* .heading_txt{width: 100%;min-height: 20rem;align-items: center;display: flex;color: #FFF;text-align: center;font-size: 15rem;font-style: normal;font-weight: 300;line-height: 15rem;letter-spacing: 0.15rem;white-space: nowrap; margin-left: 10%;} */
.heading_txt {
    width: 100%;
    min-height: 14rem;
    align-items: center;
    display: flex;
    color: #FFF;
    text-align: center;
    font-size: 11rem;
    font-style: normal;
    font-weight: 300;
    line-height: 15rem;
    letter-spacing: 0.15rem;
    white-space: nowrap;
    margin-left: 0;
}

.top_shadow {
    background: url('../images/top_sec_3rd_sec.png') repeat-x center top;
    height: 624px;
    /* margin-top: -35rem; */
    position: relative;
}

video::-webkit-media-controls {
    display: none;
}

.video_container {
    position: relative;
}

.video_container video {
    width: 100%;
    height: 100%;
}

.video_container .container {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 8rem;
    justify-content: flex-end;
}

.video_container p {
    max-width: 44.5rem;
    color: #FFF;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: normal;
}

.arrow_down {
    position: absolute;
    bottom: 1rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.dance_mob {
    position: relative;
    padding-top: 100vh;
    display: none;
}

.dance_mob img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.galaxy_sec {
    background: url('../images/galaxy_bg.jpg') repeat-x center top;
    height: 100vh;
    position: relative;
    margin-top: -1px;
    flex-wrap: wrap;
    align-content: flex-start;
}

.galaxy_sec .container {
    justify-content: flex-end;
}

.galaxy_sec .container p {
    max-width: 33.5rem;
    color: #FFF;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.0375rem;
    width: 100%;
}

.galaxy_sec.white {
    background: #fff;
}

.galaxy_sec.white .heading_txt {
    color: #000;
}

.galaxy_sec.white p {
    color: #000;
}

.galaxy_sec .image_side {
    width: 45%;
    margin-top: .5rem;
}

.galaxy_sec .details_side {
    width: 50%;
    flex-wrap: wrap;
    gap: 2rem
}

.galaxy_sec.white .container {
    justify-content: space-between;
    align-items: flex-start;
}

.galaxy_sec.white .container p {
    max-width: 43.5rem;
}


.future_sec {
    background: #fff;
    height: 100vh;
    position: relative;
    flex-wrap: wrap;
    align-content: center;
    /* border-top: 1px solid #ccc; */
}

.future_sec .container {
    justify-content: space-between;
    align-items: center;
}

.future_sec .image_side {
    width: 45%;
}

.future_sec .details_side {
    width: 50%;
    flex-wrap: wrap;
    gap: 1rem;
    align-content: center;
}

.future_sec .details_side h2 {
    color: #000;
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.06rem;
    width: 100%;
}

.future_sec .details_side p {
    width: 100%;
    color: #000;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.0375rem;
}

.future_sec .details_side h2.future {
    font-size: 5.625rem;
    line-height: 6.0625rem;
    font-weight: 300;
    margin-bottom: 4rem;
}

.future_sec .details_side p.half {
    width: 75%;
}

.future_sec .details_side p.sub_heading {
    width: 95%;
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 300;
    line-height: 3.5rem;
    letter-spacing: -0.0625rem;
    max-width: 44.5rem;
}

.future_sec .details_side .name {
    color: #747480;
    font-size: 1.875rem;
    letter-spacing: -0.0375rem;
    margin-top: 1rem;
    width: 100%;
}

.our_purpose_mission_sec {
    background: #fff;
    height: 100vh;
    position: relative;
    flex-wrap: wrap;
    align-content: center;
    /* border-top: 1px solid #ccc; */
}

.our_purpose_mission_sec .container {
    flex-wrap: wrap;
}

.triangle_box1 {
    justify-content: space-between;
    align-items: center;
}

.our_purpose_mission_sec .left_side {
    flex-wrap: wrap;
    align-content: flex-start;
    width: 45%;
    gap: 1.5rem;
}

.our_purpose_mission_sec .right_side {
    width: 60%;
    text-align: center;
}

.our_purpose_mission_sec .left_side h3 {
    color: #191921;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.0375rem;
    width: 100%;
}

.our_purpose_mission_sec .left_side p {
    color: #B4B4BF;
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 300;
    line-height: 3.4375rem;
    width: 100%;
}

.our_purpose_mission_sec .left_side p strong {
    color: #191921;
    font-weight: 400;
}

.our_purpose_mission_sec .image {
    position: relative;
}

.our_purpose_mission_sec .image img {
    margin: 0 auto;
}

.our_purpose_mission_sec .image span {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: var(--White, #FFF);
    text-align: center;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.1875rem;
    letter-spacing: -0.025rem;
    max-width: 13rem;
}


.soul_sec {
    background: url('../images/soul_bg.jpg') no-repeat center -10% #1a1a22;
    height: 100vh;
    position: relative;
    flex-wrap: wrap;
    align-content: flex-start;
    padding-top: 10rem;
}

.soul_sec h2 {
    width: 100%;
    text-align: center;
    color: #FFF;
    font-size: 5.625rem;
    font-style: normal;
    font-weight: 300;
    line-height: 6.0625rem;
    gap: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.trans_bg {
    background: linear-gradient(180deg, #FFF 16.81%, #191921 100%);
    height: 68rem;
}

.trans_bg1 {
    background: linear-gradient(180deg, #191921 0%, #FFF 100%);
    ;
    height: 25rem;
}

.trans_bg2 {
    background: linear-gradient(176deg, #090912 3.72%, rgba(9, 9, 18, 0.00) 96.63%);
    height: 22rem;
}


.bottom_z_sec {
    background: #191921;
    height: 100vh;
    align-items: center;
    position: relative;
}

.bottom_z_sec .container {
    justify-content: space-between;
    flex-wrap: wrap;
}

.bottom_z_sec .left_side {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    height: 100vh;
    align-items: center;
    padding-left: 1rem;
    position: relative;
    /* border-left: 1px solid #252525 */
}

.bottom_z_sec .left_side:before {
    content: "";
    position: absolute;
    top: 5vh;
    height: 200vh;
    left: 0px;
    width: 1px;
    background: #252525;
    z-index: -1;
}

.bottom_z_sec .left_side.right:before {
    right: 0;
    left: auto;
    top: 0
}




.bottom_z_sec .left_side p {
    width: 100%;
    color: #fff;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.0375rem;
    max-width: 21rem;
}

.bottom_z_sec .left_side p strong {
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
}

.bottom_z_sec .right_side {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    height: 200vh;
    align-items: center;
}

.bottom_z_sec .left_side.right {
    /* border-right: 1px solid #252525;  */
    padding-right: 1rem;
    padding-left: 0;
    border-left: none;
    width: 26%;
    text-align: right;
    justify-content: end;
}

.bottom_z_sec .left_side.right p strong {
    justify-content: end;
}

.bottom_z_sec.show_desktop {
    position: sticky;
    top: 0;
    left: 0;
}

.bottom_z_sec.content_side {
    background: transparent;
    position: relative;
    z-index: 1;
}

.from_heart_sec {
    background: #fff;
    position: relative;
    flex-wrap: wrap;
    align-content: center;
    border-top: 1px solid #ccc;
    padding: 15rem 0;
}

.from_heart_sec .container {
    flex-wrap: wrap;
    gap: 8rem
}

.from_heart_sec h2 {
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 15rem;
    font-style: normal;
    font-weight: 300;
    line-height: 15rem;
    letter-spacing: 0.15rem;
}

.from_heart_sec p {
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 3rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.06rem;
    max-width: 44rem;
    margin: 0 auto;
}


.cards {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.cards img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.card .container {
    position: absolute;
    bottom: 8rem;
    left: 0;
    right: 0;
}

.company_people_sec .pin-spacer:nth-child(1) .container,
.company_people_sec .pin-spacer:nth-child(3) .container {
    justify-content: flex-end;
}

.company_people_sec .pin-spacer:nth-child(2) .container,
.company_people_sec .pin-spacer:nth-child(4) .container {
    justify-content: flex-start;
}

.cards p {
    color: #fff;
    font-size: 3rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.06rem;
    max-width: 44rem;
    width: 45%;
}

.soul_sec {
    transition: height 0.6s ease;
}

/* .bot_next_sec{background: url('../images/z_logo_metal.png') no-repeat center center #191921;height: 100%;background-attachment: fixed;align-items: center;} */

.bot_next_sec {
    background: #090912;
    position: relative;
    flex-wrap: wrap;
    align-content: center;
    padding: 8rem 0
}

.bot_next_sec .container {
    flex-wrap: wrap;
}

.bot_next_sec h2 {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 15rem;
    font-style: normal;
    font-weight: 300;
    line-height: 15rem;
    letter-spacing: 0.15rem;
}

.details {
    background: url('../images/bottom_next_purple_bg.jpg') no-repeat 0 center #090912;
    position: relative;
    flex-wrap: wrap;
    align-content: center;
    height: 100vh;
}

.details p {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.25rem;
    letter-spacing: -0.0375rem;
    max-width: 43rem;
    margin: 0 auto;
}

.show_mobile {
    display: none;
}

.bottom_z_sec_mobile {
    display: none;
}


.side_line_links {
    width: 3.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    position: fixed;
    top: 25%;
    left: 1.5%;
    z-index: 999;
    background: rgb(0 0 0 / 42%);
    padding: 0.5rem;
}

.side_line_links li {
    width: 100%;
    display: flex;
}

.side_line_links li a {
    width: 1.5rem;
    display: flex;
    padding: 2px 0;
    overflow: hidden;
    border-bottom: 2px solid rgba(255, 255, 255, 0.719);
}

.side_line_links li.active a {
    width: 100%;
    border-color: #fff;
}


.sticky {
    position: sticky;
    top: 0;
    width: 100%;
    left: 0;
    background: #fff;
}

.sticky+.content {
    padding-top: 102px;
}


.bottom_metal_zee {
    flex-wrap: wrap;
}

.z_metal_logo {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}


   .z_metal_logo img {
       width: 180px;
       height: auto;
       transition: filter 0.45s ease;
       -webkit-transition: filter 0.45s ease;
   }

   .z_metal_logo.is-grey img {
       filter: grayscale(100%) brightness(0.6) !important;
   }


.heading_txt.active { 
    margin-left: 50px;
}
@media screen and (max-width: 1600px) {
    .container {
        max-width: 1366px;
    }
}

@media screen and (max-width: 1400px) {
    .container {
        max-width: 1280px;
    }
}

@media screen and (max-width: 767px) {
    .heading_txt {
        padding: 0;
        text-align: left;
        margin-left: 26px;
    }
}
@media screen and (max-width: 1366px) {
    .container {
        max-width: 1190px;
    }

    .galaxy_sec .container p {
        font-size: 1.65rem;
    }
}


@media only screen and (min-width: 1024px) and (max-width: 1440px) {
    .top_first_sec {
        gap: 0px;
    }

    .top_second_sec .logo_sec img {
        height: 295px;
    }

    .top_second_sec h2 {
        margin-bottom: 2rem;
    }

    .top_main_sec .logo_sec svg {
        height: 350px;
    }

    .arrow_down {
        max-width: 4rem;
    }

    .second_top_move_sec p {
        font-size: 1.35rem;
        font-weight: 300;
        max-width: 35rem;
    }

    .video_container p {
        font-size: 1.35rem;
        font-weight: 300;
    }

    .heading_txt {
        min-height: auto;
        font-size: 8rem;
        line-height: 9rem;
    }

    .video_container p {
        max-width: 34.5rem;
    }

    .galaxy_sec {
        align-content: space-evenly
    }

    .galaxy_sec .container p {
        font-size: 1.35rem;
    }

    .galaxy_sec.white .container p {
        max-width: 30rem;
    }

    .galaxy_sec.white .container {
        align-items: center;
    }

    .future_sec .details_side p {
        font-size: 1.35rem;
        max-width: 35rem;
    }

    .future_sec .details_side h2 {
        font-size: 2.5rem;
    }

    .future_sec .image_side {
        width: 32%;
    }

    .galaxy_sec .image_side {
        width: 34%;
    }

    .future_sec .details_side h2.future {
        font-size: 4.5rem;
        line-height: 5rem;
        margin-bottom: 1rem;
        max-width: 26rem;
    }

    .future_sec .details_side {
        width: 55%;
    }

    .soul_sec h2 {
        font-size: 4.5rem;
        line-height: 5rem;
    }

    .soul_sec h2 span {
        width: 6rem;
    }

    .future_sec .details_side p.sub_heading {
        font-size: 2.125rem;
        line-height: 2.5rem;
        max-width: 35rem;
    }

    .our_purpose_mission_sec .left_side p {
        font-size: 2.125rem;
        line-height: 2.5rem;
        max-width: 35rem;
    }

    .our_purpose_mission_sec .image span {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }

    .our_purpose_mission_sec .image span {
        top: 44%;
        max-width: 11rem;
    }

    .our_purpose_mission_sec .right_side {
        width: 50%;
    }

    .bottom_z_sec {
        background-size: 15%;
    }

    .bottom_z_sec .left_side p {
        font-size: 1.35rem;
        max-width: 17rem;
    }

    /* .bottom_z_sec .left_side{height: 300vh;} */

    .from_heart_sec {
        padding: 10rem 0;
    }

    .from_heart_sec h2 {
        width: 60%;
        font-size: 9rem;
        line-height: 9rem;
        margin: 0 auto;
    }

    .from_heart_sec p {
        font-size: 2rem;
        max-width: 30rem;
    }

    .cards p {
        font-size: 2rem;
        max-width: 35rem;
        width: 35%;
    }

    .bot_next_sec h2 {
        width: 60%;
        font-size: 9rem;
        line-height: 9rem;
        margin: 0 auto;
    }

    .bot_next_sec {
        padding: 6rem 0;
    }

    .details p {
        font-size: 1.35rem;
        line-height: 2rem;
        max-width: 35rem;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .top_first_sec {
        gap: 0px;
    }

    .second_top_move_sec p {
        font-size: 1.15rem;
        max-width: 27rem;
    }

    .heading_txt {
        font-size: 6rem;
        line-height: 7rem;
    }

    .galaxy_sec .container p {
        font-size: 1.15rem;
    }

    .future_sec .details_side p {
        font-size: 1.15rem;
        max-width: 25rem;
    }

    .soul_sec {
        padding-top: 7rem;
    }

    .future_sec .details_side p.sub_heading {
        max-width: 25rem;
    }

    /* .future_sec .image_side {width: 30%;}
.future_sec .details_side {width: 60%;} */
    .future_sec .details_side h2.future {
        font-size: 3.5rem;
        line-height: 4rem;
    }

    .our_purpose_mission_sec .right_side {
        width: 45%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .top_main_sec .logo_sec svg {
        height: 300px
    }

    .top_second_sec .logo_sec img {
        height: 245px
    }

    .arrow_down {
        max-width: 3rem;
    }

    .top_main_sec .top_first_sec h2 {
        margin-bottom: 1rem;
    }

    .top_second_sec h2 {
        margin-bottom: 0;
    }

    .top_second_sec {
        gap: 50px
    }

    /* .future_sec .image_side {width: 36%;}
.our_purpose_mission_sec .right_side {width: 55%;} */
    .from_heart_sec h2 {
        width: 70%;
    }

    .cards p {
        width: 50%;
    }

}



@media screen and (max-width: 1023px) {
    .side_line_links {
        display: none;
    }

    .heading_txt {
        font-size: 5.75rem;
        line-height: 6.25rem;
    }

    .second_top_move_sec p {
        max-width: 37rem;
        line-height: 2.25rem;
    }

    .video_container p {
        max-width: 37rem;
    }

    .video_container .container {
        bottom: 4rem;
    }

    .galaxy_sec.white .container {
        flex-wrap: wrap;
    }

    .galaxy_sec .image_side {
        width: 100%;
        margin: 0 0 2rem 0
    }

    .galaxy_sec .image_side img {
        width: 100%;
        height: 350px;
        object-fit: cover;
    }

    .galaxy_sec .details_side {
        width: 100%;
    }

    .galaxy_sec.white .heading_txt {
        min-height: 14rem;
    }

    .future_sec .details_side h2 {
        font-size: 2.25rem;
        font-weight: 300;
        line-height: 2.25rem;
    }

    .future_sec .details_side p {
        font-size: 1.65rem;
    }

    .future_sec .details_side h2.future {
        font-size: 2.25rem;
        line-height: 2.5rem;
        margin-bottom: 0rem;
    }

    .future_sec .details_side p.half {
        width: 100%;
    }

    .soul_sec h2 {
        font-size: 3.65rem;
        gap: 10px
    }

    .soul_sec h2 img {
        max-width: 60%;
    }

    .future_sec .details_side p.sub_heading {
        font-size: 2.125rem;
        line-height: 2.5rem;
    }

    .triangle_box1 {
        flex-wrap: wrap-reverse;
        gap: 25px
    }

    .our_purpose_mission_sec .left_side {
        width: 100%;
    }

    .our_purpose_mission_sec .right_side {
        width: 100%;
    }

    .our_purpose_mission_sec .image {
        width: 80%;
        margin: 0 auto;
    }

    .our_purpose_mission_sec {
        align-content: start
    }

    .our_purpose_mission_sec .image span {
        font-size: 1.55rem;
        line-height: 1.85rem;
    }

    .our_purpose_mission_sec .left_side h3 {
        text-align: center;
    }

    .our_purpose_mission_sec .left_side p {
        text-align: center;
    }

    .our_purpose_mission_sec .left_side {
        width: 80%;
        margin: 0 auto;
    }

    .bottom_z_sec {
        background-size: 25%;
    }

    .bottom_z_sec .left_side,
    .bottom_z_sec .left_side:first-child {
        width: 34%;
    }

    .bottom_z_sec .left_side p {
        font-size: 1.5rem;
    }

    .from_heart_sec h2 {
        font-size: 5.75rem;
        line-height: 6.25rem;
    }

    .from_heart_sec p {
        font-size: 2.125rem;
        max-width: 35rem
    }

    .cards p {
        font-size: 2.125rem;
        width: 68%;
    }

    .card .container {
        bottom: 15rem;
    }

    .bot_next_sec {
        padding: 5rem 0 0;
    }

    .bot_next_sec h2 {
        font-size: 5.75rem;
        line-height: 6.25rem;
    }

    .heading_txt {
        white-space: inherit;
    }
}


@media screen and (max-width: 767px) {
    .container {
        padding: 0 20px;
    }

    .show_desktop {
        display: none;
    }

    .show_mobile {
        display: block;
    }

    .top_main_sec .logo_sec svg {
        height: 19rem;
    }

    .top_second_sec .logo_sec img {
        height: 16rem;
    }

    .top_first_sec {
        gap: 30px
    }

    .journey-text-part {
        opacity: 1;
    }

    .arrow_down img {
        max-width: 3.5rem
    }

    .heading_txt {
        padding: 0;
        text-align: left;
    }

    .heading_txt {
        font-size: 5.75rem;
        line-height: 5.25rem;
    }

    .second_top_move_sec {
        gap: 10rem;
        padding: 3rem 0 6rem 0;
        height: auto;
    }

    .galaxy_sec {
        padding: 3rem 0;
        height: auto;
        gap: 4rem
    }

    .dance_mob {
        display: flex;
    }

    .dance_mob video {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        object-fit: cover;
    }

    .future_sec {
        height: auto;
        padding: 2rem 0;
        border: none;
    }

    .future_sec .container {
        flex-wrap: wrap;
        gap: 3rem
    }

    .future_sec .image_side {
        width: 100%;
    }

    .future_sec .image_side.begining {
        width: calc(100% + 20%);
        margin: 0 -20px;
    }

    .galaxy_sec .image_side img {
        height: 15rem
    }

    .future_sec .image_side img {
        height: 21rem;
        width: 100%;
        object-fit: cover;
    }

    .future_sec .image_side.full img {
        height: auto;
    }

    .future_sec .details_side {
        width: 100%;
    }

    .future_sec .details_side p {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .soul_sec h2 {
        font-size: 1.875rem;
    }

    .soul_sec h2 span {
        width: 22%;
    }

    .soul_sec h2 img {
        max-width: 100%;
    }

    .future_sec .details_side p.sub_heading {
        font-size: 1.313rem;
        line-height: 1.75rem;
        width: 100%;
    }

    .future_sec .details_side .name {
        font-size: 1.313rem;
        line-height: 2rem;
        margin-top: 0;
    }

    .our_purpose_mission_sec .image {
        width: 100%;
        margin: 0 auto;
    }

    .our_purpose_mission_sec .image span {
        display: none;
    }

    .our_purpose_mission_sec .left_side h3 {
        font-size: 1.313rem;
        line-height: 100%;
    }

    .our_purpose_mission_sec .left_side {
        width: 100%;
        margin: 0 auto;
    }

    .our_purpose_mission_sec .left_side p {
        font-size: 1.875rem;
        line-height: 2.15rem;
        font-weight: 400;
        color: #191921
    }

    .trans_bg {
        display: none;
    }

    .our_purpose_mission_sec {
        border: none;
    }

    .future_sec.shadow_mob {
        padding-bottom: 4rem;
    }

    .future_sec.shadow_mob:after {
        content: '';
        /* background: linear-gradient(180deg, #FFFFFF 0%, #090912 100%); */
        height: 0rem;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid #eee;
    }

    .video_container p {
        line-height: 2.25rem;
    }


    .top_shadow {
        height: 455px;
        /* margin-top: -27rem;*/
    }

    .sticky {
        position: relative;
    }

    .sticky+.content {
        padding-top: 0;
    }

    .bottom_z_sec .container {
        flex-wrap: wrap;
        gap: 5rem
    }

    .bottom_z_sec .left_side,
    .bottom_z_sec .left_side:first-child {
        width: 100%;
        border: none;
        padding: 0;
        text-align: left;
        gap: 5rem
    }

    .trans_bg1 {
        height: 8rem;
        background: #191921;
        display: none;
    }

    .bottom_z_sec .left_side p {
        font-size: 1.875rem;
        line-height: 2.5rem
    }


    .bottom_z_sec_mobile {
        background: #191921;
        padding: 3rem 0;
        height: 120vh;
        display: flex;
    }

    .bottom_z_sec_mobile .container {
        flex-wrap: wrap;
        align-content: space-around;
    }

    .bottom_z_sec_mobile .container .image {
        width: 60%;
        margin: 0 auto;
    }

    .bottom_z_sec_mobile .container p {
        color: #FFF;
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 300;
        line-height: 2.25rem;
        letter-spacing: -0.0375rem;
    }

    .from_heart_sec {
        padding: 6rem 0;
    }

    .from_heart_sec h2 {
        font-size: 5.75rem;
        line-height: 5.75rem;
        text-align: left;
    }

    .from_heart_sec p {
        text-align: left;
        line-height: 2.25rem;
        font-size: 1.875rem;
    }

    .cards p {
        font-size: 1.875rem;
        width: 100%;
        line-height: 2.25rem;
    }

    .card .container {
        bottom: 5rem;
    }


    .cards img {
        object-position: 25%;
    }

    .cards .pin-spacer:last-child img {
        object-position: 50%;
    }

    .bot_next_sec h2 {
        text-align: left;
    }

    .details p {
        text-align: left;
    }

    .details {
        background-size: cover;
        background-position: center bottom;
    }

/* Mobile only animations text right to left */

.journey-text-part,
.rocket-anim-text-part {
    opacity: 0;
    transform: translateX(100px);
    /* Start from right */
    transition: all 0.8s ease-out;
}

.journey-text-part.visible,
.rocket-anim-text-part.visible {
    opacity: 1;
    transform: translateX(0);
    /* Slide into place */
}

}