@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=League+Spartan:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=League+Spartan:wght@100..900&family=Lekton:ital,wght@0,400;0,700;1,400&display=swap');
@import url(/css/custom.css);

.navbar{
    padding: 0.5em 0;
}
.nav-link{
    font-family: var(--font-inter);
    font-weight: bold;
    color: var(--color-darkblue);
}

.logo{
    height: 60px;
}

.heroImg{
    width: 100%;
    height: 26rem;
    background-image: url(/media/Img/Hero.png);
    background-size: auto;
    background-position: center;
    background-attachment: fixed;

}


.heroText{
    font-family: var(--font-inter);
    font-weight: bold;
    font-size: 2rem;
    color: white;
}

.wrap {
    width: 50%; 
    word-wrap: break-word; 
}

.imgPyE{
    width: 175px;
    height: 195px;
}

.english{
    display:none;
}

@media only screen and (max-width: 500px) {
    
    .heroText{
        font-size: 1.5rem;
    }

    .fs-3rem{
        font-size: 2.5rem;
    }

    .fs-2rem{
        font-size: 1.5rem;
    }

    .fs-rem{
        font-size: 1rem;
    }

    .wrap{
        width: 80%;
    }

    .imgPyE{
        width: 155px;
        height: 175px;
    }

    .location-wrap{
        width: 80%;
        word-wrap: break-word;
    }
}


  .language-switcher {
    background-color: rgb(255, 255, 255);
    border: none;
    border-radius: 10px;
    padding: 0.5rem;
    position: fixed;
    bottom: 15px;
    right: 10px;

}



/*TECHNOLOGY VIEW*/

.heroTechImg{
    width: 100%;
    height: 26rem;
    background-image: url(/media/Img/HeroTech.jpeg);
    background-size: auto;
    background-position: center;
    background-attachment: fixed;
}

.list-group{
    border: none;
    --bs-list-group-border-width: 0;
    background-color: aqua;
}

.wrap-tech{
    width: 80%;
    word-wrap: break-word;
}

.accordion{
    --bs-accordion-border-width:0;
    --bs-accordion-body-padding-x: 0;
}

.accordion-button{
    width: auto;
    margin: 0 auto;
}

#sidebarMobile{
    display: none;
}

@media only screen and (max-width: 991px) {
    
    #sidebarMobile{
        display: block;
    }

    #sidebarDesktop{
        display: none;
    }
  }