/*===== Filter loader =====*/
.filter-loader-wrapper{
    position: relative;
    min-height: 400px;
}

.filter-loader {
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 1000;
    /*display: none;*/
    left: 0;
    top: 0;
    right: 0;
    text-align: center
}

.filter-loader {
    position: absolute;
    background: rgba(255, 255, 255, .4);
    display: flex;
    justify-content: center;
}

.filter-loader__in{
    margin-top: 300px;
}

.dot-loader {
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 50%;
    background-color: #213786;
    position: relative;
    -webkit-animation: 1.2s grow ease-in-out infinite;
    animation: 1.2s grow ease-in-out infinite;
}

.dot-loader--2 {
    -webkit-animation: 1.2s grow ease-in-out infinite 0.15555s;
    animation: 1.2s grow ease-in-out infinite 0.15555s;
    margin: 0 20px;
}

.dot-loader--3 {
    -webkit-animation: 1.2s grow ease-in-out infinite 0.3s;
    animation: 1.2s grow ease-in-out infinite 0.3s;
}

@-webkit-keyframes grow {
    0%, 40%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes grow {
    0%, 40%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/*===== Filter loader =====*/

.slider-inside-1{
    background-color: var(--main);
}

.modal-open-document{
    cursor: pointer;
}

.modal-body-inner{
    margin-top: 20px;
}

.call-popup-title {
    font-size: 30px;
    font-weight: 500;
    text-align: left;
    margin-top: 35px;
    margin-bottom: 20px;
}

/*===== Call Popup =====*/
.call-popup__img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.call-popup-text-ok {
    font-size: 15px;
    color: #585858;
    margin-top: 20px;
    text-align: center;
    line-height: 1.7;
    margin-bottom: 30px;
}
/*===== Call Popup =====*/

/*===== Modal Popup =====*/
.modal-header{
    border:none;
}

.btn-close{
    background: none;
    border: none;
    cursor: pointer;
}

.call-popup-text p{
 margin-bottom: 20px;
}

.modal-ajax-result .modal-body{
    padding: 0 30px 30px 30px;
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1200px;
    }
    .modal-xxl {
        --bs-modal-width: 1600px;
    }
}
/*===== Modal Popup / =====*/

.input-validate-result{
    margin-top: 5px;
}