@media(max-width: 992px) {
    .header{
        height: 70px;
    }

    .empower-section{
        position: relative;
        font-size: 13px;
        z-index:2;
    }
    .unveiling-text{margin-top: -7rem;}
}
@media(max-width: 768px) {
    .homepage-main-text-section{
        margin-top: 20px;
        min-height: calc(100vh - 88px - 20px);
    }
    .inner-page-gradient-section{
        margin-top: 20px;
    }
    .bg-angle-gradient-inner-page{
        margin-top: 0;
        height: calc(100%  + 88px + 70px + 50px);
    }
    .bg-angle-gradient{
        top: calc(0% - 88px - 30px - 1rem);
        height: calc(100% - 75px + 88px + 20px);
    }
    .bg-angle-gradient-1{
        top: -5%;
        height: calc(100% + 10%);
    }
    .bg-angle-gradient-inner-page.img-angle{
        -webkit-clip-path: polygon(0 0,100% 0,100% 80%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 80%,0 100%);
    }
    .img-angle-1 {
        -webkit-clip-path: polygon(0 9%,100% 0,100% 91%,0 100%);
        clip-path: polygon(0 5%,100% 0,100% 95%,0 100%);
    }

    .empower-profit{
        border-radius: 0 0 var(--border-radius) var(--border-radius);
    }
    .empower-profit-2{
        width: 90%;
        margin: 1rem auto;
        border-left: none;
        border-right: none;
        border-top: 1px solid rgba(255,255,255,0.5);
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }
}
@media(max-width: 576px) {
    .text-mobile-section{
        font-size: 13px;
    }
    .unlocking-icon{
        width: 100px;
        height: 100px;
    }
    .introduction-icon{
        width: 70px;
    }

    .navbar-brand img{
        max-height: 21px;
    }
}

@media(max-width: 400px) {
    #language_select{
        margin-left: 5px;
    }
    .homepage-main-text-section {
        font-size: 12px;
    }
}