body {
    padding-top: 102px
}

.flr {
    float: left
}

.fll {
    float: right
}

.sr-only {
    top: 0;
    left: 0
}

.container1217 {
    margin: auto
}

.head_nav .mainMenu>ul>li>a {
    font-size: 2rem
}

.head_nav .mainMenu>ul>li {
    float: left;
    margin-left: 2.5rem;
    margin-right: .5rem
}

.head_nav .mainMenu>ul>li:last-child {
    margin-right: 0
}

.head_nav .mainMenu>ul>li>ul.sub-menu {
    left: -1rem;
    top: 100%;
    top: 6rem
}

.headerlogo {
       margin-right: 0.8rem;
    margin-left: 0.8rem;
}

.langhead {
    margin-right: 0.8rem;
    margin-left: 0.8rem;
    text-transform: uppercase;
}

.headsocial, .contacticon  {
     margin-right: 0.8rem;
    margin-left: 0.8rem;
}

.searchtoggle {
      margin-right: 0.8rem;
    margin-left: 0.8rem;
}

.search_form {
    top: calc(100% + 4.3rem);
    left: 0
}

.searchclose {
    top: 0;
    left: 0;
    text-align: center
}

.home_slider_nav {
    bottom: 13rem;
    left: 0
}

a.home_slider_arrow[data-a="left"] {
    transform: rotate(180deg)
}

a.home_slider_arrow[data-a="right"] {
    transform: rotate(180deg)
}

a[data-a="left"] img[alt="left"]:hover {
    transform: scale(1.2,1.2)
}

a[data-a="right"] img[alt="right"]:hover {
    transform: scale(1.2,1.2)
}

.home_logos_item {
    margin: 0 4rem 4rem
}

#breadcrumbs {
    margin-bottom: 1.2rem
}

.page_content {
    padding-right: 15rem;
    margin-bottom: 9.5rem
}

.page_title_line {
    margin-bottom: 1.5rem;
    text-align: center
}

.page_title_line:after {
    content: '';
    top: calc(50% - 1px);
    left: 0;
    right: 100%
}

.page_title_line:before {
    content: '';
    top: calc(50% - 1px);
    left: 0;
    right: 100%
}

.page_title_line h2,.page_title_line h1 {
    padding: 0 3rem 0 0;
    margin-right: 0;
    float: left!important
}

.zigzag_item_play {
    left: 0
}

.zigzag_item_video iframe {
    top: 0;
    left: 0
}

.zigzag_item_img:after {
    content: '';
    bottom: 0;
    left: 0
}

.zigzag_item_content h2 {
    margin-bottom: 1.9rem
}

.zigzag_item_content p {
    margin-bottom: 3.5rem
}

.zigzag.zigzag_flip .zigzag_item_content {
    padding: 0 4.5rem 0 0;
    text-align: left
}

.zigzag.zigzag_flip .zigzag_item:nth-child(2n) .zigzag_item_content {
    padding: 0 0 0 4.5rem
}

button.btn,a.btn {
    border: 0;
    border-radius: .5rem;
    padding: 0 5.5rem
}

.owlcarousel_content a.btn {
    /* position:absolute; */
    /* bottom:7px; */
}

.home_zigzag1 .zigzag_item_content p,.home_zigzag1 .zigzag_item_content h2 {
    text-align: left
}

.home_zigzag1 a.btn {
    float: left
}

.wrap_bg {
    padding: 7rem 0 3.2rem;
    margin-bottom: 2.5rem
}

.section_title {
    margin-bottom: 4rem
}

.owlcarousel_content {
    /* padding:2rem 2rem 8rem 2rem; */
}

.owlcarousel_content h3 {
    margin-bottom: 1rem
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev {
    text-align: center;
    border-radius: 10rem;
    top: 19.6rem;
    left: -5.5rem
}

.owl-carousel[data-items="4"] .owl-nav button.owl-next,.owl-carousel[data-items="4"] .owl-nav button.owl-prev {
    top: 14.6rem
}

.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -5.5rem
}

/*
.gallery_carousel:before,.gallery_carousel .owl-carousel:before {
    top: 0;
    left: 0;
    content: ''
}

.gallery_carousel:after,.gallery_carousel .owl-carousel:after {
    top: 0;
    right: 0;
    content: ''
}

.gallery_carousel .owlcarousel_img:after {
    left: 0;
    bottom: 0;
    content: ''
}
*/

.top_image:after {
    content: '';
    top: 0;
    left: 0
}

body.home .top_image {
    margin-bottom: 0
}

.top_image p {
    margin-bottom: 4.6rem
}

.team_name {
    bottom: 0;
    left: 0;
    padding: 0 3rem 2.5rem
}

.team_bio {
    top: calc(100% + 2rem);
    left: 0;
    padding: 2.4rem 1.8rem
}

.contact_l h2 {
    margin-bottom: 2.1rem
}

.form_button {
    border: 0;
    border-radius: 2rem;
    padding: 0 5.5rem
}

.dk-selected:before {
    content: '';
    top: 1.3rem;
    right: 2rem;
    left: auto;
    border: 0
}

.order_tour_mini .form-group input[type="text"],.order_tour_mini .form-group input[type="email"] {
    border-radius: 0;
    margin-right: .7rem;
    margin-left: 0;
}
.banner_content h2 {
    color: #FFF;
    font-size: 4rem;
    font-weight: 700;
    line-height: 4rem;
    margin-bottom: 2rem;
}
.order_tour_mini #rep_msg,.order_tour_mini .rep_msg_b_field {
    text-align: left
}

.order_tour_mini .form_button {
    padding: 0;
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.single_l:after {
    content: '';
    right: 0;
    bottom: 0
}

.on-img-btns {
    right: 3.6rem;
    bottom: 3.2rem
}

.cat_posts_item:after {
    content: '';
    right: 0;
    bottom: 0
}

.cat_posts_item_title {
    bottom: 0;
    left: 0;
    padding: 0 3.6rem 4.4rem
}

.cat_posts_item_text {
    bottom: -20rem;
    left: 0;
    padding: 0 3.6rem 4.4rem
}

.cat_posts_item_title h2 {
    border-left: .3rem solid #004f4f;
    padding: .8rem 0 0 1.4rem
}

.cat_posts_item_text p {
    border-left: .3rem solid #004f4f;
    padding: .8rem 0 0 1.4rem
}

.cat_form .form-group {
    margin-right: .9rem
}

.rsvpSepLoader:before {
    content: '';
    border-radius: 50%;
    right: -2.5rem
}

.rsvpSepLoader:after {
    border-radius: 50%;
    content: '';
    left: -2.5rem;
    top: 0
}

.banner:after {
    content: '';
    top: 0;
    left: 0
}

.banner_content p {
    margin-bottom: 2.5rem
}

.boat_cols .page_content {
    padding-right: 2rem
}

.services_item h3 {
    left: 0
}

.services_item:after {
    content: '';
    bottom: 0;
    left: 0
}

.footer {
    margin-top: 8.7rem;
    padding: 35.6rem 0 1rem;
    height: 68rem
}

.footer_socials a {
    margin-right: 1rem
}

.footer_nav li {
    margin-right: 4rem;
    margin-left: 0
}

.order_tour_nl .form-group input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 0
}

.order_tour_nl button {
    padding: 0;
    right: 0;
    top: 0;
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.order_tour_nl #rep_msg,.order_tour_nl .rep_msg_b_field {
    top: calc(100% + 0.3rem);
    left: 0
}

a.donatebtn {
    margin-right: 1rem;
    margin-left: 0;
}

.eco_modalin2close {
    top: 20rem;
    right: 28rem
}

.ltr {
    text-align: left
}

.play_res {
    left: 0
}

.page-template-page-boat .zigzag_item_content,.page-template-page-post_master .zigzag_item_content {
    text-align: left
}

.cat_posts_item_title_outer {
    top: 0;
    left: 0
}

@media screen and (max-width: 1024px) {
    li.hidemenuitem {
        display:block
    }

    html {
        font-size: 10px;
        font-size: 2.66vw
    }

    * {
        font-size: 1.8rem
    }

    button.btn,a.btn {
        padding: 0 2.5rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.4rem
    }

    span.edu-details {
        display: block
    }

    .owlcarousel_content a.btn {
        padding: 0 2.5rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.4rem
    }

    .page-template-page-post_master .zigzag_item {
        flex-direction: column!important
    }

    .cat_posts_item:after {
        background-color: transparent
    }

    .category-education .cat_posts_item_text {
        position: static;
        padding: 0
    }

    .category-education .cat_posts_item_title {
        position: static;
        padding: 0
    }

    .category-education .cat_posts_item_title_outer {
        position: static
    }

    .category-education .cat_posts_item_title h2 {
        color: #000
    }

    .category-education .cat_posts_item_text p {
        color: #000
    }

    .gallery_carousel:after,.gallery_carousel .owl-carousel:after,.gallery_carousel:before,.gallery_carousel .owl-carousel:before,#breadcrumbs,.page-template-page-contact div.wrap_bg:before,.page-template-page-contact div.wrap_bg:after,.single .wrap_bg:before,.single .wrap_bg:after,.home .wrap_bg:before,.home .wrap_bg:after,.page-template-page-impact div.wrap_bg:before,.page-template-page-impact div.wrap_bg:after,.page-template-page-post_master div.wrap_bg:before,.page-template-page-post_master div.wrap_bg:after,.desktop {
        display: none
    }

    .cat_posts,.cat_posts_item,.team.mobile,.mobile {
        display: block
    }

    .container1750,.container1217 {
        width: 34rem
    }

    .category-education .container1107 .single_content {
        margin: 4rem 0 5rem
    }

    .single-post .single_l a.btn-order {
        height: 4rem;
        line-height: 4rem;
        padding: 0 2.5rem
    }

    .page-template-page-about .zigzag_item_content a.btn {
        margin-top: -2.5rem
    }

    .footer_r,.footer_l,.logofooter,.boat_cols .page_content,.boat_cols_img,.category a.sea_research_item,.page-template-page-boat a.sea_research_item,.container1066,.single_r,.single_l,.container1511,.gallery_carousel,.container1107,.container1217.mobile-col-1-1,.zigzag.zigzag_flip .zigzag_item_img,.zigzag.zigzag_flip .zigzag_item_content,.contact_r,.form_button,.home_zigzag2 .zigzag_item_img,.zigzag_item_img,.home_zigzag2 .zigzag_item_content,.zigzag_item_content,.mobile-col-1-1,.container1162,.contact_l,.home_zigzag1 .zigzag_item_content,.home_zigzag1 .zigzag_item_img {
        width: 100%
    }

    .zigzag.zigzag_flip .zigzag_item_content,.zigzag.zigzag_flip .zigzag_item:nth-child(2n) .zigzag_item_content,.home_zigzag2 .zigzag_item_content,.zigzag_item_content,.teamo,.page_content,.boat_cols .page_content {
        padding: 0
    }

    .wrap_bg {
        padding: 2rem 0
    }

    .cont iframe[src*="maps"] {
        height: 22.8rem
    }

    .page_title_line:after {
        height: 1px
    }

    .page_title_line h2,.page_title_line h1 {
        padding: 0 2rem 0 0;
        margin-right: 0
    }

    .home_zigzag1 {
        margin-top: 2rem
    }

    .zigzag_item_content,.home_zigzag1 .zigzag_item_content {
        padding: 0;
        width: 100%;
        margin-bottom: 2rem
    }

    .zigzag.zigzag_flip .zigzag_item,.home_zigzag2 .zigzag_item,.zigzag_item,.zigzag .zigzag_item:nth-child(2n),.zigzag.zigzag_flip .zigzag_item:nth-child(2n),.home_zigzag1 .zigzag .zigzag_item:nth-child(2n),.home_zigzag1 .zigzag_item {
        flex-direction: column-reverse
    }

    .home_zigzag1 .zigzag_item_content p,.wrap_bg .home_zigzag1 .zigzag_item_content h2 {
        text-align: center
    }

    .home_zigzag1 .zigzag_item_content h2 {
        font-weight: 500;
        font-size: 3.3rem;
        line-height: 4.6rem
    }

    .home_zigzag1 a.btn {
        float: none;
        height: 4.6rem;
        line-height: 4.6rem
    }

    .owl-prev span {
        font-size: 4.1rem
    }

    .owl-next span {
        font-size: 4.1rem
    }

    .section_title {
        font-size: 3.5rem;
        line-height: 4rem
    }

    .home_zigzag1 .zigzag_item,.single_r,.zigzag_item,.page_content,.home_zigzag2 .zigzag_item {
        margin-bottom: 3rem
    }

    .zigzag {
        margin-bottom: 8rem
    }

    .home_zigzag1 .zigzag_item_content p {
        margin-bottom: 2rem
    }

    .home_logos_item {
        padding: 0 1rem;
        max-width: 25%;
        margin: 0 0rem 4rem
    }

    .cat_posts_item {
        margin-bottom: 1.6rem
    }

    .cat_posts_item_title_outer {
        top: auto;
        bottom: 0;
        height: auto;
        left: 0;
        padding: 2.2rem 2.2rem
    }

    .cat_posts_item_text,.cat_posts_item_title {
        position: static;
        padding: 0
    }

    .cat_posts_item_text p {
        border: 0;
        font-size: 2rem;
        padding: 0;
        line-height: 2.4rem
    }

    .cat_posts_item_title h2 {
        font-size: 2.5rem;
        line-height: 3.5rem;
        margin-bottom: 1rem;
        overflow: hidden
    }

    .team_item {
        width: 28rem
    }

    .team_name p {
        color: #fff;
        font-size: 1.8rem;
        line-height: 2.7rem
    }

    .team_bio p {
        color: #fff;
        font-size: 2rem;
        line-height: 2.5rem
    }

    .team_bio {
        height: 100%
    }

    .team_managers .team_item {
        padding: 2rem;
        min-height: 36rem;
        height: 36rem
    }

    .team_outer_m {
        margin-bottom: 8rem
    }

    .proms_boat_list_outer .owl-carousel .owl-nav button.owl-next,.proms_boat_list_outer .owl-carousel .owl-nav button.owl-prev,.mobile-col-1-1 .owl-carousel .owl-nav button.owl-next,.mobile-col-1-1 .owl-carousel .owl-nav button.owl-prev,.team_outer_m .owl-carousel .owl-nav button.owl-next,.team_outer_m .owl-carousel .owl-nav button.owl-prev {
        position: static;
        display: inline-block;
        margin: 0 2rem;
        vertical-align: top
    }

    .mobile-col-1-1 .owl-carousel .owl-nav,.proms_boat_list_outer .owl-carousel .owl-nav,.team_outer_m .owl-carousel .owl-nav {
        text-align: center;
        margin-top: 2rem
    }

    .owl-carousel[data-items="4"] .owl-nav button.owl-prev {
        left: 1rem;
        top: 8rem
    }

    .owl-carousel[data-items="4"] .owl-nav button.owl-next {
        right: 1rem;
        top: 8rem
    }

    .top_image_cont {
        max-width: 100%
    }

    .page-template-page-boat .top_image,.page-template-page-post_master .top_image {
        height: 29rem
    }

    .top_image h2 {
        font-size: 3rem;
        line-height: 4.4rem
    }

    .top_image p {
        margin-bottom: 2.6rem;
        font-size: 1.8rem;
        line-height: 2rem
    }

    .form-group input[type="text"],.form-group input[type="email"],.form-group select,.form-group textarea {
        font-size: 2rem;
        height: 6.6rem
    }

    .form-group textarea {
        height: 15rem
    }

    .category a.sea_research_item,.page-template-page-boat a.sea_research_item {
        margin: 0 0 1.8rem 0
    }

    .ecomodal_video {
        height: 19rem
    }

    .eco_modalin2 {
        width: 100%
    }

    .banner {
        height: auto;
        padding: 3rem 0
    }

    .order_tour_mini .form-group input[type="text"],.order_tour_mini .form-group input[type="email"] {
        margin-right: 0;
        width: 100%
    }

    .banner_content .form-group {
        width: 100%
    }

    .banner_content h2 {
        letter-spacing: 0;
        font-size: 2.4rem;
        line-height: 3.3rem;
        font-weight: 700
    }

    .banner .alignmiddle {
        z-index: 10;
        position: relative;
        top: 0%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)
    }

    .form_button:hover {
        transform: scale(1)
    }

    .order_tour_mini .form_button {
        border-radius: 2rem;
        width: 100%
    }

    .proms_boat_list_outer.mobile {
        width: 100vw;
        margin-left: -1.75rem
    }

    .gallery_carousel .owl-carousel .owl-nav button.owl-next,.gallery_carousel .owl-carousel .owl-nav button.owl-prev {
        top: 0%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)
    }

    .order_tour_nl button {
        width: calc(100% - 22rem);
        font-size: 1.6rem;
        height: 4rem;
        line-height: 4rem
    }

    .order_tour_nl .form-group input {
        font-size: 1.4rem;
        width: 22rem;
        height: 4rem
    }

    .order_tour_nl .form-group input::-webkit-input-placeholder {
        font-size: 1.4rem
    }

    .order_tour_nl .form-group input:-moz-placeholder {
        font-size: 1.4rem
    }

    .order_tour_nl .form-group input::-moz-placeholder {
        font-size: 1.4rem
    }

    .order_tour_nl .form-group input:-ms-input-placeholder {
        font-size: 1.4rem
    }

    .footer_address,.footer_socials {
        margin-bottom: 1rem
    }

    .footer_r {
        padding: 0
    }

    .footer {
        margin-top: 12.7rem;
        background: url(../../../../../../../../../../../static/images/ec_foooter.png) no-repeat;
        background-size: cover;
        background-position: top center;
        height: 42.6rem;
        height: auto;
        padding: 6rem 0 2rem
    }

    .footer_nav {
        margin-top: 2rem
    }

    .logofooter {
        width: 21rem;
        clear: both;
        float: none;
        display: block;
        margin: auto
    }

    .footer_nav li {
        display: inline-block;
        vertical-align: top;
        margin: 0 1.2rem
    }

    .footer_nav li a {
        font-size: 1.5rem
    }

    .footerMenu ul {
        display: block;
        text-align: center
    }

    .footerplanet {
        position: absolute;
        right: 0;
        top: -6rem;
        width: 8.3rem;
        z-index: -1
    }

    .header,.header_in {
        height: 8rem
    }

    .header_in {
        padding: 1rem 0
    }

    .headerlogo {
        width: 21rem;
        margin: 0;
        margin-top: .5rem
    }

    .desktop.langhead,.desktop.headsocial,.desktop.donatebtn {
        display: none
    }

    .togglemmenu {
        width: 4.1rem;
        margin-top: 1.6rem
    }

    .search_form {
        top: 8rem
    }

    .searchtoggle {
        margin-top: .5rem
    }

    .togglemmenu small {
        margin-bottom: .3rem;
        background-color: #004f4f;
        position: relative;
        display: block;
        width: 100%;
        height: .7rem
    }

    .top_image {
        height: 60rem
    }

    body {
        padding-top: 8rem
    }

    .top_image .alignmiddle {
        top: 8rem;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)
    }

    .mobile_menu_b {
        width: 100%;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        top: 0;
        z-index: 10000;
        left: 0;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-color: rgba(11,75,110,1)
    }

    body.mobile_menu_b_open .mobile_menu_b {
        height: 100vh;
        overflow-y: scroll;
        visibility: visible;
        opacity: 1
    }

    .head_nav .mainMenu>ul>li>a,.head_nav * {
        font-weight: 400;
        color: #fff;
        font-size: 2.2rem;
        line-height: 4.5rem;
        text-align: center
    }

    .head_nav li a,.head_nav .mainMenu>ul>li,.head_nav li {
        display: block;
        width: 100%;
        height: auto;
        margin: 0
    }

    .header .mobile a.donatebtn {
        margin: 3.5rem auto 0rem;
        text-align: center;
        width: calc(50% - 3rem);
        display: block;
        vertical-align: top
    }

    .header .mobile a.donatebtn.volunteeringbtn {
        margin: 1.5rem auto 2rem
    }

    .header .mobile a.igul_btn {
        display: block;
        margin: auto
    }

    .header .mobile .igul_cont {
        display: block;
        text-align: center;
        line-height: 1;
        margin-bottom: 1.5rem
    }

    .header .mobile a.igul_btn {
        display: inline-block
    }

    .on-img-btns {
        right: 1.6rem;
        bottom: .2rem
    }

    .single_l a.btn-order-n {
        height: 3rem;
        line-height: 3rem;
        padding: 0 1.5rem;
        margin-inline-start:1.5rem}

    .mobile_head_social {
        text-align: center;
        margin-bottom: 2rem
    }

    .mobile_menu_b_row .headsocial {
        display: inline-block;
        vertical-align: top;
        ;font-size: 2rem;
        line-height: 2rem;
        margin-top: .5rem;
        margin-inline-end:2rem}

    .mobile_menu_b_row .headsocial i {
        color: #fff;
        font-size: 2rem;
        line-height: 2rem
    }

    .mobile_menu_b_headerlogo {
        margin: 0 auto 3.4rem;
        width: 19rem;
        display: block
    }

    .headerplanet {
        margin: auto;
        width: 8.3rem
    }

    .mobile_menu_b_close i {
        color: #fff;
        font-size: 2.6rem
    }

    .mobile_menu_b_search {
        margin: 0 3.4rem 0 1rem
    }

    .mobile_menu_b_row {
        margin-bottom: 3rem;
        padding: 1.5rem 1.4rem 0
    }

    .mobile_menu_b_search {
        width: 21rem
    }

    .mobile_menu_b_search button {
        border: 0;
        padding: 0;
        background-color: transparent
    }

    .mobile_menu_b_search button i {
        color: #004f4f;
        font-size: 2rem
    }

    .mobile_menu_b_search input {
        background-color: transparent;
        border-bottom: 1px solid #E3E3E3;
        height: 3rem;
        width: 18rem;
        position: relative;
        top: -.8rem;
        color: #fff;
        font-size: 2rem;
        padding: .5rem 0
    }

    .langhead {
        color: #fff;
        font-size: 2.4rem;
        font-weight: 500;
        line-height: 3rem;
        margin-right: 0;
        text-transform: uppercase
    }

    .search_results {
        width: 100%
    }

    .headerplanet_ot {
        height: 10rem;
        overflow: hidden
    }

    .head_nav .mainMenu>ul>li.accactive>ul.sub-menu,.head_nav .mainMenu>ul>li:hover>ul.sub-menu {
        max-height: 0rem;
        visibility: hidden
    }

    .head_nav .mainMenu>ul>li.accactive>ul.sub-menu {
        max-height: 60rem;
        visibility: visible
    }

    .head_nav .mainMenu>ul>li>ul.sub-menu,.head_nav .mainMenu>ul>li>ul.sub-menu * {
        color: #3c3c3c
    }

    .head_nav .mainMenu>ul>li>ul.sub-menu {
        position: static;
        width: 100%
    }
}

.home_zigzag2 a.btn {
    padding: 0 4.5rem
}

.owlcarousel_lb_v3 {
    top: 0;
    left: 0
}

.modalowlcarousel {
    top: 0;
    left: 0;
    justify-content: center
}

.modalowlcarouselclose {
    top: -5rem;
    left: -5rem
}

@media screen and (max-width: 1024px) {
    .modalowlcarouselin {
        width:90vw
    }

    .modalowlcarouselclose {
        left: 0rem
    }

    .modalowlcarousel .owl-carousel .owl-nav button.owl-prev {
        left: 0
    }

    .modalowlcarousel .owl-carousel .owl-nav button.owl-next {
        right: 0
    }

    .modalowlcarousel .owl-carousel .owl-nav button.owl-next,.modalowlcarousel .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: calc(100% + 2rem);
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)
    }
}