@import url(./team.css);

/* ============================================All========================================= */

.container_form {
    padding: 100px 0px;

    background: url(../images/background/5U0A1202\ \(1\)\ 1.png) no-repeat;
    background-size: cover;
}

.contentHeaderServices {
    position: relative;
}

.contentHeaderServices h2 {
    font-size: 56px;
    font-weight: 600;
    color: rgba(34, 43, 62, 1);
}

.contentHeaderServices p {
    font-size: 17px;
    font-weight: 500;
    color: rgba(91, 102, 122, 1);
}

.textHeaderServices {
    opacity: 0;
    transition: 1s;
}

.textHeaderServices.visible {
    opacity: 1;
}

.containerHeaderServices {
    background: 100% 100% / 100% 100% url(../images/background/proc.png) no-repeat;
}


/* ====================================================Services======================================== */

.containerServices {
    position: relative;
    padding: 100px 0px;
    background: linear-gradient(rgba(33, 58, 85, 1), rgba(22, 40, 59, 1));
}

.contentServices2 {
    display: block;
}

.imgTor {
    position: absolute;
    bottom: -150px;
    right: 0px;
    z-index: 1000;
}

/* =================================================================loader============================= */

.blockLoadingSendForm {
    padding: 100px 0px;
    display: none;
}

.blockLoadingSendForm.visible {
    display: block;
}

.blockLoadingSendForm h3{
    font-size: 20px;
}

.form-loader {
    display: block; /* Лоадер скрыт по умолчанию */
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top-color: #007bff; /* Цвет вращающейся части */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 10px auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}