iframe{
    width: 100%;
    border-radius: 15px;
    box-shadow: 4px 4px 10px var(--gray-light-color);
}

.contact-info{
    background-color: var(--gray-lighter-1-color) !important;
    border-radius: 10px;
    border: 2px solid var(--gray-lighter-color);
    padding: var(--padding-margin-md);
}


/* MODAL WINDOW */
#modalMessage.modal .modal-dialog{
    /* max-width: 60% !important; */
    position: relative;
}

#textTermsCondition{
    background-color: var(--background-color);
    padding: var(--padding-margin-md) var(--padding-margin-xl);
    position: absolute;
    top: 0px;
    border-radius: 8px;
    max-height: 100%;
}

#textTermsCondition > .flex-column{
    position: relative;
    overflow-y: scroll;
}

#termsConditions{
    margin-top: -4px;
}
/* MODAL WINDOW */

/* RESPONSIVE DESIGN */

/* 
// `sm` applies to x-small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// `md` applies to small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// `lg` applies to medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// `xl` applies to large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// `xxl` applies to x-large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }
*/

@media (max-width: 991.98px) {
    .contact-info{
        padding: var(--padding-margin-sm);
    }
}