@media only screen and (max-width: 700px) {
    .modal-dialog{
        max-width: 100% !important;
    }

}
@media only screen and (max-width: 700px) {

    .modal-header{
        margin-bottom: -46px;
    }
    .service-one__content{
        padding: 10px;
        margin-bottom: 0px !important;
    }
}

.modal-header{
    margin-bottom: -10px !important;
}


/* Loader CSS */
#loader {
    display: none; /* Hide loader initially */
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 40px;
    z-index: 9999;
    text-align: center;
    background: rgba(190, 158, 158, 0.8);
}

.loader-dot {
    display: inline-block;
    color: rgba(11, 126, 233, 0.966);
    font-size: 30px;
    animation: dot 1s infinite;
}

/* Animation for dots */
@keyframes dot {
    0%, 20% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* Animation delays for each dot */
.dot1 { animation-delay: 0s; }
.dot2 { animation-delay: 0.2s; }
.dot3 { animation-delay: 0.4s; }