.contacts {
        /* -webkit-clip-path: polygon(0 5%, 78% 5%, 78% 0, 90% 0, 100% 0, 100% 5%, 100% 85%, 100% 100%, 85% 100%, 14% 100%, 14% 95%, 0 95%);
        clip-path: polygon(0 5%, 78% 5%, 78% 0, 90% 0, 100% 0, 100% 5%, 100% 85%, 100% 100%, 85% 100%, 14% 100%, 14% 95%, 0 95%);
        -webkit-background-size: cover; */
        background-size: cover;
        background-image:  linear-gradient(#303a65eb, #303a65eb), url(/themes/contrib/bootstrap_sass/images/fon32.webp);
        content: "";
        display: block;
        position: inherit;
        left: 0;
        z-index: -1;
        width: 100%;
        /*  height: 100%;
       min-height: 750px; */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat
    }
    
    .mailing>div>div:first-child {
        background-image:  linear-gradient(#303a65eb, #303a65eb), url('/themes/contrib/bootstrap_sass/images/fon3.png');
        display: flex;
        align-items: center;
    }
    
    .mailing>div {
        margin: 50px auto 20px;
        border: 5px solid #2b5aa7;
    }
    
    .mailing>div>div:first-child p {
        font-size: 30px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }
    
    .mailing>div>div:nth-child(2) {
        padding: 20px;
    }
    
    .mailing form {
        display: flex;
        gap: 15px;
        flex-direction: column;
    }
    
    .mailing input[type=email] {
        border-radius: unset;
        background-color: #ebebeb;
        color: #2b5aa7;
        border: 2px solid #2b5aa7;
        text-align: center;
        font-weight: 700;
    }
    
    .mailing button#edit-submit {
        border-radius: 1rem;
        color: #303a65;
        max-width: 200px;
        background-color: #dcbb0c;
        border: none;
        cursor: pointer;
        margin: 0 auto;
        text-transform: uppercase;
        font-weight: 700;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
    }
    
    .mailing input[type=email]::placeholder {
        text-align: center;
        font-weight: 700px;
        color: #2b5aa7;
    }
    
    .mailing .form-check-label {
        font-size: 14px;
    }
    
    .mailing input[type=submit] {
        max-width: 150px;
        margin: 0 auto;
        text-transform: uppercase;
        color: #404040;
        font-weight: 700;
        background-color: #f9d81b;
    }
    
    @media all and (-ms-high-contrast: none),
    (-ms-high-contrast: active) {
        .contacts {
            background-image: url(/themes/contrib/bootstrap_sass/images/fon4_optimized.jpg)
        }
    }
    
    @media screen and (max-width:75rem) {
        .contacts {
            -webkit-clip-path: none;
            clip-path: none
        }
        .contacts>.row {
            padding-top: 2.5rem!important
        }
    }
    
    @media screen and (max-width:75rem) and (max-width:45rem) {
        .contacts>.row {
            margin-left: .625rem!important;
            margin-right: .625rem!important
        }
    }
    
    @media screen and (max-width:51.5625rem) {
        .contacts h4 {
            font-size: 1.125rem;
            text-align: center
        }
    }
    
    @media screen and (max-width:48rem) {
        .time {
            margin-bottom: 1.875rem
        }
        .time h5 {
            font-size: 1rem
        }
    }
    
    @media screen and (max-width:48rem) {
        .area h5 {
            font-size: 1rem
        }
    }
    
    /* .contact {
        margin-top: 2.5rem;
        padding-bottom: 3.125rem
    } */
    
    @media screen and (max-width:48rem) {
        .contact {
            padding-bottom: 1.875rem
        }
        .contact h5 {
            font-size: 1rem
        }
        .contact .number {
            margin-top: 1.875rem
        }
    }
    
    .contacts {
        display: block;
        width: 100%;
        color: #fff;
        margin-top: 3.75rem
    }
    
    .contacts a {
        
        color: #fff;
    }
    
    .department-info {
        padding: 2.1875rem;
        text-align: center
    }
    
    .department-info img {
        width: 100%;
        max-height: 100px;
        margin-bottom: 1.5625rem
    }
    
    @media screen and (max-width:74.9375rem) {
        .department-info {
            padding: 3.125rem
        }
    }
    
    .department_text {
        font-size: 1rem;
        line-height: 1.25rem;
        padding: 1.25rem
    }
    
    @media screen and (max-width:87.5rem) {
        .department_text {
            font-size: .875rem;
            line-height: 1.125rem
        }
    }
    
    .department-info h5 {
        font-size: 1.25rem
    }
    
    @media screen and (max-width:87.5rem) {
        .department-info h5 {
            font-size: 1rem
        }
    }
    
    @media screen and (max-width:47.9375rem) {
        .department-info h5 {
            font-size: .875rem
        }
    }
    
    #dep_name {
        color: #fff;
        margin-top: 5rem;
        position: absolute;
        margin-left: 3.125rem
    }
    
    iframe {
        width: 100%
    }