@import url(https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,600,600i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap);
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
}
a, p, span, label, input, button {
    font-family: 'Montserrat', sans-serif !important;
}
.carousel-indicators .active {
    width: 30px;
    height: 3px;
    margin: 3px;
}

.carousel-indicators {
    justify-content: start;
}

.carousel-indicators li {
    background: black;
}

.carousel-inner img {
    background-color: rgba(255, 255, 255, 0.5);
}

.carousel-caption {
    text-align: left;
    bottom: 185px;
}
.card-container {
    display: flex;
    justify-content: center;
}

.custom-card {
    margin: 0 10px; /* Adjust the margin as needed */
    border-radius: 10px; /* Adjust the radius as needed */
    padding: 15px; /* Optional: add padding inside the card */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: add shadow for better visualization */
    border: 1px solid #ddd; /* Optional: add border for better visualization */
    background-color: white; /* Optional: add background color */
}

::-webkit-input-placeholder { /* Edge */
    color: #2B519A !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #2B519A !important;
}

::placeholder {
    color: #2B519A !important;
}
.login-div{
    margin-left: auto;
    margin-right: auto;
}
.container-fluid .whole-div{
    margin-top: 50px;
}
@media(max-width: 568px){
    #scroll{
        overflow-y: scroll;
    }
}

#scroll {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
    height: 100vh;           /* Full viewport height */
}

#registration_div {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
    padding-top: 150px;           /* Full viewport height */
    padding-bottom: 100px;           /* Full viewport height */
}

.card.custom-card {
    margin: 0;               /* Remove top margin to center properly */
}

#passwordGroup .input-group {
    display: flex;
    align-items: center;
    background: #E8F0FE;
}

.input-group .input-group-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-control {
    margin-right: 0;
}

.input-group-text {
    margin-left: 0;
    padding: 0.5rem; /* Adjust padding for better alignment */
}