.header-container {
    background-color: #ffffff;
    box-shadow: 0 2px 9px 0 rgb(0 0 0 / 9%);
    position: sticky;
    z-index: 99999;
    top: 0;
    transition: 0.5s;
}

/* .header-container {
  background-color: #ffffff;
    box-shadow: 0 2px 9px 0 rgb(0 0 0 / 9%);
    position: sticky;
    z-index: 99999;
} */

div.logo_container
{
    width: 30%;
    padding: 5% 0% 5% 0%;
    transition: all ease-in-out 0.5s;
}
div.logo_container img 
{
    width:100%;
    height:auto;
}
div.footer_leftDescContainer
{
    width:100%;
}
div.social_icons
{
       width: 100%;
    margin-top: 15%;
    gap: 20%;
   
}
div.footer_rightDescContainer
{
    width:40%;
}   
div.footer_siteLogo
{
    width:25%;
    margin-bottom:4%;
    
}
div.footer_siteLogo img 
{
    width:100%;
    height:auto;
}
div.soc_ico
{
    width: 17%;
    height: auto;
    margin-top: auto;
    margin-right:auto;
}
div.soc_ico img 
{
    width:100%;
    height:auto;
    cursor:pointer;
}
div.footer_bg_ico
{
    width:100%;
    height:auto;
}
div.footer_bg_ico img 
{
    width:100%;
    height:auto;
}
div.footer_hrefs {
    width: 100%;
}
div.footer_copyright {
    width: 100%;
    margin-left: auto;

    text-align: center;
        margin-top: 2%;
    margin-bottom: 2%;
}
span.linkhori_breaker {
    font-size: 1.6rem;
    line-height: 1.3rem;
    margin-left: 1.2%;
    margin-right: 1.2%;
}
div.footer_hrefs {
    width: 100%;
    margin: 3% 0% 3% 0%;
    flex-wrap:wrap;
}
div.main_footer_desc
{
    flex-wrap:wrap;
}
div.footer_link a
    {
        text-decoration:none;
        color:#82BFB6;
    }
div.footer_link {
    margin-left: auto;
    margin-right: auto;
}
footer.footer_nav_panel 
{
        padding-top: 5%;
    padding-bottom: 5%;
    margin-top: 35vh;
}
div.site_seal {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -34.8%;
}
div.footer_sco {
    width: 100%;
    flex-wrap:wrap;
}
div.site_logo {
        width: 50%;
    margin-top: 10%;
    margin-bottom: 10%;
    margin-left: auto;
    margin-right: auto;
}
div.social_icos {
        width: 80%;
    margin-left: auto;
    margin-right: auto;
        margin-top: 5%;
    margin-bottom: 5%;
    gap: 36px;
}
div.social_ele {
    width:32px;
    height:34px;
    margin-left: 36px;
    margin-top: auto;
}
hr.footer_horibreaker 
{
    width:100%;
    border:none;
    border-bottom: 1.6px solid #00B398;
}
div.footer_links
{
    width:100%;
    color:#5A908A;
    text-decoration:none;
    flex-wrap:wrap    
    }
 div.footer_desc
 {
     flex-wrap:wrap;
     margin-top:3%;
 }
 div.footer_links
    {
        width:100%;
    }
div.site_copyright
    {
            width: 100%;
            text-align: left;
        margin-top: 4%;
    }

/* Navigation */

.header_navpanel {
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99;
    position: relative;
}

.nav_burger {
    width: 7%;
    margin-top: auto;
    transition: 0.5s ease-in-out;
    margin-bottom: 4.1%;
}

.nav_burger span {
        display: block;
    height: 2px;
    width: 100%;
    background: #005670;
    margin-bottom: 25%;
        transition: 0.4s ease-in-out;
}

.navpanel {
    background-color: #ffffff;
    justify-content: flex-end;
    padding: 0% 0% 2% 0%;
    position: absolute;
    right: 0;
    width: 0%;
    /* transform: translateX(-160%); */
    transition: 0.3s ease-in-out;
    z-index: 96;
    height: 75vh;
    overflow-x: hidden;
}

.navpanel.nav-open {
    /* transform: translateX(160%); */
    width: 80vw;
    /* display: block; */
}

.navpanel ul {
    list-style: none;
}

.nav-header {
    padding: 8% 12% 0% 12%;
    text-align: left;
}

.nav-header li {
    margin-bottom: 5%;
}

.mobile_nav_ele {
    padding-top: 8%;
    padding-bottom: 8%;
    border-bottom: 1.7px solid #64EAC3;
    padding-left: 0%;
}

.mobile_nav_ele:nth-child(1) {
    padding-bottom: 2%;
}

.mobile_nav_ele:nth-child(2) {
    padding-left: 10%;
    border-bottom: 2px solid #d6f8ed;
    font-weight: 300 !important;
}

.mobile_nav_ele:nth-child(3) {
    padding-left: 10%;
    font-weight: 300 !important;
}

.mobile_nav_ele:nth-child(2) a {
    font-weight: 300 !important;
}

.mobile_nav_ele:nth-child(3) a {
    font-weight: 300 !important;
}

.mobile_nav_ele:nth-child(6) {
    margin-bottom: 12%;
}

.mobile_nav_ele a {
    text-decoration: none;
    color: #000000;
}

.nav-header li a {
    color: #000000;
    text-decoration: none;
}

.nav-header li a:hover {
    transition: 0.1s ease-in;
    color: #000;
}

.nav_burger.nav-open span:nth-child(1) {
    transform: rotate(-45deg) translate(0px, 0px);
    transform-origin: 75% 0%;
    transition: transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0);
}

.nav_burger.nav-open span:nth-child(2) {
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.77,0.2,0.05,1.0);
}

.nav_burger.nav-open span:nth-child(3) {
    transform: rotate(45deg) translate(-3px, -4px);
    transform-origin: 90% 0%;
    transition: transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0);
}

button.app_cta_mobile_nav {
    border: unset;
    background: unset;
    color: black;
    border: 1.2px solid #64EAC3;
    border-radius: 14vw;
    background-color: #64EAC3;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-left: auto;
    cursor: pointer;
    padding-left: 6%;
    padding-right: 6%;
    width: 31vw;
    margin-top: 0%;
}

/* Tablet */

@media only screen and (max-width: 1029px) {
   
}

@media only screen and (max-width: 720px) {
    div.social_ele {
        margin-left: auto;
    }
}

@media only screen and (min-width:720px) and (max-width:1029px) {
    .navpanel.nav-open {
        width: 60vw;
    }
    .nav_burger.nav-open span:nth-child(1) {
        transform-origin: 70% 70%;
    }
    .nav_burger.nav-open span:nth-child(3) {
        transform-origin: 70% 70%;
    }
}

/* DESKTOP MED SCREEN */
@media only screen and (min-width:1030px) 
{
    .navpanel {
        display: none;
    }
    div.footer_leftDescContainer
    {
        width:60%;
    }
    div.footer_rightDescContainer
    {
        width:40%;
    } 
    div.social_icons
    {
           width: 42%;
        margin-top: 2.8%;
        margin-left: auto;
    }
    div.soc_ico
    {
           width: 15%;
        height: auto;
        margin-left: auto;
        margin-top: auto;
        
    }
    footer.footer_nav_panel 
    {
        padding-top: 2%;
        padding-bottom: 4%;
        margin-top:5%;
    }
    div.site_seal
    {
        float: right;
        margin-top: -14%;
        width: 20%;
    }
    div.site_logo
    {
        width: 15%;
        margin-top: auto;
        margin-bottom: 1.05%;
            margin-left: unset;
    margin-right: unset;
    }
    
    div.social_icos
    {
            width: 32%;
        margin-left: auto;
        gap: 0%;
        margin-right:unset;
        margin-top: 4%;
        margin-bottom: 1%;
        justify-content:right;
    }
    div.footer_sco 
    {
        width:100%;
        flex-wrap:nowrap;
    }
    div.social_ele
    {
        width: 9%;
        height: auto;
    }
    hr.footer_horibreaker {
        border: none;
        border-bottom: 1.6px solid #00B398;
    }
    div.footer_copyright 
    {
        width: 20%;
        margin-left: auto;
        text-align: right;
        margin-top: 0.5%;
    margin-bottom: 0.5%;
    }
    
    div.footer_link {
        width: auto;
        margin-left:unset;
        margin-right:unset;
    }
    
    div.footer_hrefs {
        width: 70%;
        margin-top: 0.5%;
    margin-bottom: 0.5%;
    }
    span.linkhori_breaker 
    {
        font-size: 1.6rem;
        line-height: 1.3rem;
        margin-left: 1.2%;
        margin-right: 1.2%;
    }


    div.social_ele img
    {
        width:100%;
        height:auto;
        margin-top:auto;
    }
    div.site_seal img 
    {
        width:100%;
        height:auto;
    }
    div.footer_desc
    {
        margin-top:1.5%;
    }
    div.footer_links
    {
        flex-wrap:nowrap;
    }
    
    div.site_copyright
    {
            width: 18%;
        
        padding-right: 2%;
        text-align: right;
    }
    div.logo_container
    {
            width: 12%;
        padding: 1.7% 0% 2% 0%;
    }
    .nav_burger span {
        display: block;
        height: 2px;
        width: 100%;
        background: #000;
        margin-bottom: 7px;
        transition: 0.3s cubic-bezier(0.77,0.2,0.05,1.0);
    }
    div.nav_panelDesktop 
    {
       width: 42%;
    gap: 12%;
    height: 100%;
    margin-top: auto;
    margin-left: auto;
    }
    div.nav_ele 
    {
        height: 100%;
        padding-bottom: 3.8%;
        
        width: 13%;
        text-align: center;
        
        margin-left:auto;
        margin-right:auto;
    }
    div.active_navEle
    {
        border-bottom:2.8px solid #FF8480;
    }
    div.nav_CTADesktop 
    {
        width: 13%;
        margin-top: auto;
        margin-bottom: 1.1vw;
            margin-left: 5%;
    }
    button.app_cta 
    {
        
        border: unset;
        background: unset;
        color: black;
        border: 1.2px solid #64EAC3;
        border-radius: 14vw;
        background-color: #64EAC3;
       padding: 3% 6% 3% 6%;
        margin-left:auto;
        width: 100%;
        cursor: pointer;
    }
    button.subnav_app_cta
    {
        border: unset;
    background: unset;
    color: black;
    border: 1.2px solid transparent;
    border-radius: 14vw;
    /* background-color: #64EAC3; */
    padding: 3% 6% 3% 6%;
    margin-left: auto;
    width: 100%;
    transition: all ease 0.8s;
    cursor: pointer;

    }
    button.subnav_app_ctaActive
    {
        border: unset;
        background: unset;
        color: black;
        border: 1.2px solid #64EAC3;
        border-radius: 14vw;
        background-color: #64EAC3;
        padding: 3% 6% 3% 6%;
        margin-left:auto;
        width: 100%;
        cursor: pointer;
    }
    h2#app_logoIco
    {
        opacity:0;
    }
    div.app_anchorEle
    {
        width:29%;
    }
    div.app_anchorNavEle
    {
        width:29%;
        margin-left:auto;
       padding-top: 3%;
    padding-bottom: 3%;
    }
    .nav_burger {
        width: 3%;
    }
    .nav_burger.nav-open span:nth-child(1) {
        transform-origin: 70% 70%;
    }
    .nav_burger.nav-open span:nth-child(3) {
        transform-origin: 70% 70%;
    }
    /* div.header-container
    {
        box-shadow: 0 2px 9px 0 rgb(0 0 0 / 9%);
        position:sticky;
        z-index:99;
        background-color: #ffffff;
    } */
    div.header-container {

        box-shadow: 0 2px 9px 0 rgb(0 0 0 / 9%);
        position: sticky;
        z-index: 99;
        background-color: #ffffff;
        top: unset;
        }
    div.app_logo 
    {
        width:40%;
            margin-top: auto;
    margin-bottom: auto;
    }
    div.app_anchorLinks
    {
        width: 44.5%;
        margin-left: auto;
    }
    div.app_anchorEle
    {
        margin-left: auto;
        text-align: center;
        margin-top: auto;
        border-bottom: 1.6px solid transparent;
        margin-right: auto;
        width: 13vw;
        padding-bottom: 3.5%;
        padding-top: 2.9%;
        position: relative;
   
    }
    div.activeSubHeader
    {
        /* border-bottom:2.8px solid #FF8480; */
    }
    .app_anchorEle.activeSubHeader::after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 2px;
        color: #FF8480;
        background-color: #FF8480;
        width: 60%;
        margin-bottom: -2px;
        display: block;
        margin-left: 20%;
        margin-right: auto;
    }
    div.sub_header
    {
        background-color: #F4F4F4;
        
        position: sticky;
        top: 0;
        z-index: 9;
        transition: all ease-in-out 0.8s;
    }
}

@media only screen and (min-width:1850px) 
{


    span.linkhori_breaker {
        font-size: 2.2rem;
        line-height: 2rem;

    }
    div.nav_CTADesktop {

        margin-bottom: 1.3%;

    }
    button.app_cta {

        padding: 5% 6% 5% 6%;

    }
}