body {
    font-size: 14px;
}

h2 {
    font-size: 22px;
}

.no-underline {
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .left-section {
        display: none;
    }

    .main-content {
        padding: 10px;
    }
}

body {
    background-color: #f2f4f6;
}

.left-section {
    background-size: cover;
    background-position: center;
}

.alert {
    background-color: transparent;
    border: none;
}

.alert-success {
    color: green;
}

.alert-danger,
.alert-error,
.text-danger {
    color: red !important;
}

.alert-warning {
    color: orange;
}

.alert-info {
    color: blue;
}

.alert-secondary {
    color: red;
}


.mt-4 {
    font-size: 12px;
}


.google-btn {
    display: inline-flex;
    align-items: center;
    border: 1px solid #dcddde;
    border-radius: 8px;  
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s, border 0.2s;
    text-decoration: none; /* remove underline */
    color: black; /* set text color to black */
    font-size: 14px; /* set font size */
}

.google-btn img {
    width: 20px;
    margin-right: 10px; /* set margin to create space between image and text */
}

.google-btn:hover {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    text-decoration: none; /* remove underline on hover */
}

.custom-button {
    width: 200px; 
    margin: 0 auto; 
    font-weight: bold;
}