/* 
    Created on : 19 дек. 2024 г., 15:01:03
    Author     : sveta_it
*/

/* contacts */
.wrap-map {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.wrap-map .dox {
    position: absolute;
    width: 387px;
    min-height: 400px;
    height: 100%;
    /* background: radial-gradient(98.7% 72.85% at 100% 100%, rgb(9 80 175 / 80%) 0%, #042162 100%); */
    z-index: 1;
}

.dc-contacts .dox h2 {
    font-size: 26px;
    line-height: 32px;
    color: var(--color-3);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.grid-contacts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
    padding: 0px;
    gap: 1.6rem;
    justify-content: center;
}

.dox {
    box-sizing: border-box;
    display: flex;
    color: var(--color-3);
    border-radius: var(--border-r);
    flex-direction: column;
    align-items: flex-start;
    padding: 50px;
    flex: 1;
    
    /* background: linear-gradient(104.4deg, #CFDFFC 0%, #D8E7FF 54.07%, #E9F3FF 99.52%); */
    /* background: linear-gradient(104.4deg, var(--gr-end) 0%, var(--gr-end) 54.07%, var(--gr-end) 99.52%); */
        background: var(--bg-e6);
    box-shadow: 0px 4px 14px rgba(0, 60, 149, 0.15);
    border: 1px solid #E6F2FF var(--gr-str1);
}

#map {
    border-radius: var(--border-r);
    overflow: hidden;
    background: #e5e3df;
    margin-left: 24px;
}

.dc-contacts .flex-al-center {
    gap: .8rem;
}
@media (max-width: 1280px) and (min-width:1060px) {
    .wrap-map .dox {
        width: calc((100% - 3rem) / 3);
    }
    .dc-contacts .dox {padding: 2rem; min-height: 420px;}
    .dc-page .dc-contacts .dox h2 {
        font-size: 2vw;
            margin-top: 0;
            line-height: 110%;
    }
}
@media (max-width: 1260px) and (min-width: 970px) {
    .wrap-map .dox {
            width: calc((100% - 6rem) / 3);
        }
}
@media (max-width: 1059px) and (min-width:992px) {
   
    .dc-contacts .dox {
        padding: 3rem 2rem;
    }
    
    .dc-page .dc-contacts .dox h2 {
        font-size: 2vw;
            margin-top: 0;
            line-height: 110%;
    }
}
@media (max-width: 991px) {
    
.grid-contacts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.wrap-map .dox {
    position: relative;
    flex: 1 0 50%;
}
.dox {
    flex: 0 0 48%;
}
}
@media (max-width: 850px) {
    .dc-contacts {
        padding: 1rem;
    }
    .wrap-map .dox{
        padding: 0 2rem;
        width: calc(50% - 1rem);
    }
    .dc-contacts .flex-form {
        gap: 1rem;
        padding: 0;
    }
    .dc-contacts .dc-container-m {
        max-width: 100%;
    }

}
@media (max-width: 694px) {
    .grid-contacts {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
        }
    .wrap-map {
        flex-direction: column-reverse;
        /* overflow: hidden; */
    }

    .wrap-map .dox {
        position: relative;
    }

    .wrap-map img {
        max-width: none;
    }

    .wrap-map .dox {
        width: 100%;
    }
}