@import url('https://fonts.googleapis.com/css2?family=Jomhuria&family=Kalam&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {  
    font-family: niko;
  src: url(/assets/fonts/Nico-Moji/NicoMoji-Regular.ttf);
   
}
.font-primary{
    font-family: 'Noticia Text', serif;
}


body{
    font-family: 'Lato', sans-serif;
}

.navbar{
/* background:#043357 ; */
background: #1A8781;

}

.text-primary{
color: #afefec;
}

.logo-title{
    font-size: 35px;
    font-weight: 400;
    line-height: 90px;
    letter-spacing: 0em;
    text-align: left;
    font-family: niko;
}
.footer-logo-title{
    font-size: 35px;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    font-family: niko;
}


.bg-primary{
    /* background: linear-gradient(180deg, #1A8781 0%, #46B3AD 100%); */
    background-color: #1A8781;
}
.banner{
    width: 90%;
}
.banner-img{
    max-height: 600px;
}


.banner-title{
    font-size: 55px;
    font-weight: 700;
    line-height: 67px;
    letter-spacing: 0em;
    text-align: left;
    color:  #1A8781;
    font-family: 'Noticia Text', serif;

    
}
.banner-subtitle{
    font-size: 24px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 0em;
    color: black;
    width: 75%;
    text-align: justify; 
    font-family: 'Noticia Text', serif;   
}

.banner-img{
    max-height: 600px;
}


.btn {
   
    border-radius: 10px;
    color: white;
    /* background: linear-gradient(to left, #0374F4 50%, white 50%) right; */
    background: linear-gradient(to left, #1A8781 50%, white 50%)right;
    background-size:200%;
    transition: .5s ease-out;
    border: 1px solid transparent;
    font-family: 'Noticia Text', serif;
    

}

.btn:hover {
    border: 1px solid #03A3F4;
    color: black;
    background-position: left;
    border-radius: 10px;
}

@media only screen and (max-width: 600px) {
    .banner{
        width: 100%;
    }
    .banner-subtitle{
        width: 100%;
    }
    .banner-title{
        font-size: 48px;
    }
}