@media (max-width: 600px) {

    .access-section{
        padding: 20px;
    }

    .access-div{
        width: 100%;
    }

    .access-div h2{
        line-height: 1.2;
        margin-bottom: 10px;
    }



    .upper-header div:last-child ul{
        display: none;
    }
    
    .open-account{
        display: none;
    }

    .lower-header{
        display: none;
    }


    .hero-section .container{
        flex-direction: column;
        padding: 70px 20px;
    }

    .hero-content{
        width: 100%;
    }

    .hero-content h2{
        width: 100%;
    }

    .hero-div{
        width: 100%;
    }

    
    .hero-div div{
        flex-direction: column;
        align-items: flex-start;
    }
    
    
    .hero-div{
        padding: 24px;
    }

    .hero-div h2{
        font-size: 40px;
    }


    .about-section .container{
        padding: 50px 20px;
        flex-direction: column;
        gap: 20px;
    }

    .about-section .container>div:first-child{
        width: 100%;
    }

    .about-section .container>div:first-child h2{
        font-size: 40px;
        margin-bottom: 24px;
    }


    .about-section .container div .investing-points{
        flex-direction: column;
        align-items: flex-start;
    }

.about-section .container div:first-child div:last-child{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
    
.about-section .container>div:last-child{
    width: 100%;
}
    
.about-section .container>div:last-child img{
    width: 100%;
}

.partner-section .container{
    flex-direction: column;
}

.partner-section .container{
    padding: 0 20px;
}

.partner-section .container div:first-child{
    width: 100%;
}

.partner-section .container div:last-child{
    width: 100%;
}

.partner-section .container div:first-child img{
    width: 100%;
}
.choose-section .container{
    flex-direction: column;
}

.choose-section .container{
    padding: 0 20px;
}

.choose-section .container div:first-child{
    width: 100%;
}

.choose-section .container div:last-child img{
    width: 100%;
}

.choose-section .container div:last-child{
    width: 100%;
}


.cta{
    padding: 48px 20px;
}

.cta .container{
    flex-direction: column;

}

.cta .container div:first-child{
    width: 100%;
}


.cta .container div:first-child img{
    width: 100%;
}

.cta .container div:last-child{
    width: 100%;
}

.cta p{
    margin-bottom: 24px;
}



.upper-footer{
    padding: 24px 20px;
}

.top-footer{
    flex-direction: column;
    gap: 20px;
}

.top-footer>div{
    width: 100%;
}

.top-footer>div:first-child{
    flex-direction: column;
}

.top-footer>div:first-child ul{
    width: 100%;
}

.top-footer>div:last-child{
    border: 0;
    padding: 0;
}

.top-footer>div:last-child div{
    flex-direction: column;
    align-items: flex-start;
}

.top-footer>div:last-child div div{ 
    flex-direction: row;
}

.bottom-footer{
    flex-direction: column;
    gap: 30px;
}

.bottom-footer div:first-child{
    width: 100%;   
}

.bottom-footer div:last-child{
    width: 100%;   
    padding: 0;
    border: 0;
}

.top-footer>div:last-child{
    border: 0;
    padding: 0;
}

.lower-footer{
    padding: 0 20px;
}

.lower-footer div{
    padding: 0;
}

.lower-footer p{
    padding: 8px 0;
}



}