.logo273{
    font-family: 'Roboto', sans-serif;
    text-align:center;
    font-style: italic;
    display: inline-block;
    height:1px;
    margin-top: -15px;
    
    margin-left: 12px;
    z-index: 1;
    aspect-ratio: 1;
    align-items: center;
    
    height: 77px;
    border-radius: 50%;
    justify-content: center;
    border: 3px solid #fff;
    background: #2a3f91;
}

.logo{
    position: absolute;
    margin-top: 10px;
    /* margin-left: -42px;
     */
    
    
}

.logoContent {
    margin-top: -18px;
    margin-left: 9px;
}



.letter{
   
    height: 58px;
    display: inline-block;
    vertical-align: middle;
}
.letter-small{
    font-size:32px;
    margin: 0 -7px;
    padding-top: 10px;
}
.letter-big{
    font-size:48px;
     margin: 0 -2px;
}
#number2{
    margin: 0 -10px;
}
#number3{

}
.dotCL{
    padding-top: 30px;
}

.nav-link {
    color: whitesmoke;
    --bs-nav-link-hover-color: whitesmoke;
}

.nav-item:hover, .dropdown:hover {
    color: whitesmoke;
    background-color: rgba(255, 255, 255, 0.15)
}

.bg-primary {
    background-color: #405FF0;
}

.bg-dark {
    background-color: #333;
}

/* this is needed to make the content scrollable on larger screens */
@media (min-width: 576px) {
    .h-sm-100 {
        height: 100%;
    }
}