body, html { height: 100%; }

body {
    background-color: #3079bd;
    background-image: url('/assets/triangles.png');
    background-position: top left;
    background-repeat: no-repeat;
}

.form-control{
    border-radius: 12px;
    background-color: #8C8470;
    border:none;
    padding: 8px;
}

label{
    display: inline-block;
    font-size: 12px;
    padding: 10px; padding-top: 0px;
}

.forgot{ font-size: 12px; text-decoration: none!important;}

#mCarousel{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#mCarousel img{max-height: 600px;}

.floating-div{ position: absolute; bottom:40px; color:#262c5e; text-align: center;}
.floating-div p{color:#262c5e;}
.floating-div a{color:#262c5e;}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    padding: 0;
    margin-right: 4px;
    margin-left: 4px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #8c8470;
    background-clip: padding-box;
    border:none;
    opacity: .7;
}

.carousel-indicators .active { opacity: 1; background-color: #262c5e; }

.carousel-item>div{ text-align:center; }

.hh-100{min-height: 100vh; }

@media (max-width: 575.98px) {  }

@media (max-width: 1199.98px) { }

@media (max-width: 1399px) { 
    #mCarousel img{max-height: 500px;}
}

@media (max-width: 992px) { 
    #mCarousel img{max-height: 400px;}
}
@media (max-width: 772px) { 
    #mCarousel img{max-height: 300px;   } 
}

.invalid-feedback{
    max-width: 230px;
    font-size: .75em;
}