/* Анимация для пульсации */
@keyframes pulse {
    0% {
        box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
    }
    50% {
        box-shadow: 0 0 15px rgba(255, 0, 0, 0.8);
    }
    100% {
        box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
    }
}

/* Стили для полей с ошибкой */
.wpcf7 form.invalid .wpcf7-not-valid {
    border: 1px solid red !important; /* Красная рамка */
    background-color: #ffe6e6; /* Светло-красный фон */
    animation: pulse 1.5s infinite; /* Применение анимации */
    transition: all 0.3s ease; /* Плавность */
}

@media (min-width: 1920px) and (max-width:9999px){
    .volunteer .wpcf7 #part_3 >div > h3 {
        font-family: DIN Pro;
        font-size: 40px;
        font-weight: 700;
        line-height: 50.08px;
        letter-spacing: 0.01em;
        text-align: left;
    }
    .volunteer{
        display: flex;
        flex-flow: column;
        padding-top: 95px;
    }
    .volunteer>.up{
        display: inline-flex;
        
    }
    .volunteer>.up>img{
        border-radius: 0px 270px 0px 0px;
        border: 1px solid var(--, #FFF);
        box-shadow: -36px 30px 38px 0px rgba(0, 0, 0, 0.29);
        width: 927px;
        height: 617px;
        margin-right: 82px;
    }
    .volunteer .right{
        display: flex;
        flex-flow: column;
    }
    .volunteer .right h2{
        color: #181818;
        font-family: DIN Pro;
        font-size: 97px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        margin-top:0;
        margin-bottom: 0;
        margin-right: 226px;
    }
    .volunteer .right p{
        border-radius: 0px 0px 270px 0px;
        border: 1px solid #000;
        color: #000;
        font-family: DIN Pro;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        padding:  89px 117px 154px 61px;
        margin-right: auto;
        width: 507px;
        margin-top: 43px;
        margin-bottom: 0;
    }
    .volunteer>h3{
        color: #181818;
        text-align: center;
        font-family: DIN Pro;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        margin-top: 147px;
        margin-left: 208px;
        margin-right: auto;
    }
    .volunteer>.block_2{
        width: 80%;
        margin-left: 208px;
        display: inline-flex;
        justify-content: space-between;
    }
    .volunteer>.block_2>div{
        display: flex;
        flex-flow: column;
        width: 211px;
    }
    .volunteer>.block_2>div>h3{
        margin-top: 0;
        margin-bottom: 20px;
        color: #000;
        font-family: DIN Pro;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .volunteer>.block_2>div>p{
        margin-top: 0;
        margin-bottom: 20px;
        color: #000;
        font-family: DIN Pro;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }
    .volunteer>p{
        color: #F7F7F8;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0px 172px 0px 0px;
        border: 1px solid #000;
        background: #181818;
        padding: 87px 103px 281px 140px;
        margin-bottom: -194px;
        margin-left: auto;
        width: 80%;
    }
    .volunteer>p span:nth-child(1){
        font-weight: 700;
    }
    .volunteer>p span:nth-child(2){
        color: #2577B7;
    }
    .wpcf7 form{
        display: flex;
        flex-flow: column;
    }
    .volunteer .wpcf7 #part_1{
        border-radius: 20px;
        background: #FFF;
        width: 1014px;
        margin-left: 453px;
        margin-right: auto;
        /* header shadow */
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_1>h3{
        color: #000;
        font-family: DIN Pro;
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.64px;
        width: 179px;
        margin-top: 20px;
        margin-left: 40px;
        margin-right: 100px;
    }
    .volunteer .wpcf7 #part_1>div{
        margin-top: 20px;
        width: 672px;
    }
    
    .wpcf7 #part_1>div{
        margin-top: 20px;
        
    }
    .wpcf7 #part_1>div>p{
        display: inline-flex;
        flex-wrap: wrap;
    }
    .wpcf7 #part_1>div>p *{
        color:  #181818;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.2px;
    }
    .wpcf7 #part_1>div>p input:nth-child(1){
        margin-right: 20px;
        width: 281px;
        height: 50px;
        padding: 10px 13px 10px 20px;
        border-radius: 8px;
        background: rgba(24, 24, 24, 0.10);
        border: none;
    }
    .wpcf7 #part_1>div>p span:nth-child(7){
        margin-top: 26px;
    }
    .wpcf7 #part_1>div>p:nth-child(2) label:nth-child(1){
        color:  #181818;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.2px;
        margin-top: 0px;
    }
    .wpcf7 #part_1>div>p:nth-child(2) label:nth-child(3){
        color: #181818;
        font-family: DIN Pro;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.14px;
        margin-top: 9px;
        margin-bottom: 9px;
    }
    .wpcf7 #part_1>div>p:nth-child(2) label:nth-child(3) textarea{
        max-width: 614px;
        max-height: 50px;
        min-width: 614px;
        min-height: 50px;
        padding: 10px 13px 10px 20px;
        border-radius: 8px;
        background: rgba(24, 24, 24, 0.10);
        color:  #181818;
        margin-top: 9px;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        margin-bottom: 20px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.2px;
        border: none;
    }
    .wpcf7 #part_1_2{
        width: 799px;
        height: 634px;
        border-radius: 0px 0px 0px 172px;
        border: 1px solid #000;
        background: #181818;
        margin-left: 193px;
        margin-top: -489px;
        margin-bottom: -145px;
    }
    
    .volunteer .wpcf7 #part_2{
        border-radius: 20px;
        background: #FFF;
        width: 1014px;
        margin-left: 453px;
        margin-right: auto;
        /* header shadow */
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        margin-top: 20px;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_2>h3{
        color: #000;
        font-family: DIN Pro;
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.64px;
        width: 179px;
        margin-top: 20px;
        margin-left: 40px;
        margin-right: 100px;
    }
    .volunteer .wpcf7 #part_2>div{
        margin-top: 20px;
        width: 672px;
    }
    .volunteer .wpcf7 #part_2>div p:nth-child(1){
        margin-bottom:30px;
    }
    .wpcf7 #part_2>div{
        margin-top: 20px;
        
    }
    .volunteer .wpcf7 #part_2>div *{
        color:  #181818;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.2px;
    }
    .wpcf7-list-item{
        width: 245px;
        margin-right: 70px;
        margin-bottom: 30px;
    }
    
    .wpcf7 #part_2_3{
      width: 368px;
            height: 434px;
            border-radius: 0px 172px 0px 0px;
            border: 1px solid #000;
            background: #181818;
            margin-left: auto;
            margin-top: -217px;
            margin-right: 447px;
            margin-bottom: -197px;
    }
    
    .volunteer .wpcf7 #part_3{
        border-radius: 20px;
        background: #FFF;
        width: 1014px;
        margin-left: 453px;
        margin-right: auto;
        /* header shadow */
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        margin-top: 0;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_3>h3{
        color: #000;
        font-family: DIN Pro;
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.64px;
        width: 179px;
        margin-top: 20px;
        margin-left: 40px;
        margin-right: 100px;
    }
    .volunteer .wpcf7 #part_3>div{
        margin-top: 20px;
        width: 642px;
        padding-right: 45px;
    }
    .volunteer .wpcf7 #part_3>div *{
        color:  #181818;
        font-family: DIN Pro;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.2px;
    }
    .wpcf7 #part_3>div{
        margin-top: 20px;
        
    }
    .volunteer .wpcf7 #part_4{
        border-radius: 20px;
        background: #FFF;
        width: 1014px;
        margin-left: 453px;
        margin-right: auto;
        /* header shadow */
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        margin-top: 0;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_4>h3{
        color: #000;
        font-family: DIN Pro;
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.64px;
        width: 179px;
        margin-top: 20px;
        margin-left: 40px;
        margin-right: 100px;
    }
    .volunteer .wpcf7 #part_4>div{
        margin-top: 20px;
        width: 632px;
        padding-right: 45px;
    }
    .volunteer .wpcf7 #part_4>div *{
        display: flex;
        flex-wrap: wrap;
        color:  #181818;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.2px;
    }
    .volunteer .wpcf7 #part_4>div .wpcf7-form-control .wpcf7-list-item:last-child{
        color: #2577B7;
        width: 490px !important;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        /* text-decoration-line: underline; */
    }
    .volunteer .wpcf7 #part_4>div .wpcf7-form-control .wpcf7-list-item{
        width: 60px;
        margin-right: 0;
    }
    .volunteer .wpcf7 #part_4>div .wpcf7-form-control{
        display: inline-flex;
    }
    
    .volunteer .wpcf7 #part_4>div .button_send_block{
        display: inline-flex;
        align-items: center;
        margin-bottom: 40px;
    }
    .volunteer .wpcf7 #part_4>div .button_send_block input:hover, .volunteer .wpcf7 #part_4>div .button_send_block button:hover{
        background: #2577B7;
        border: 2px solid #18181850;
        color:  #F7F7F8;
        
    }
    .volunteer .wpcf7 #part_4>div .button_send_block input{
        transition: background .3s, border .3s;
        color:  #F7F7F8;
        text-align: center;
        padding: 20px 40px;
        font-family: DIN Pro;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.24px;
        border-radius: 40px;
        background: #181818;
        border: 2px solid #181818;
        margin-right: 40px;
    }
    
    .volunteer .wpcf7 #part_4>div{
        
    }
    .wpcf7 #part_4_4{
        width: 921px;
        height: 526px;
        border-radius: 0px 183px 0px 0px;
        border: 1px solid #000;
        background: #181818;
        margin-left: auto;
        margin-top: -363px;
        margin-right: 224px;
        cursor: pointer;
        margin-bottom: 77px;
    }
    .volunteer .wpcf7 #part_4>div .button_send_block .wpcf7-spinner{
        display: none;
    }
    .volunteer .wpcf7 #part_4>div .button_send_block button{
        color: #181818;
        transition: background .3s, border .3s, color;
        text-align: center;
        cursor: pointer;
        padding: 20px 40px;
        font-family: DIN Pro;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.24px;
        border-radius: 40px;
        border: 2px solid  #181818;
    }
    .wpcf7 #part_3_4{
        width: 368px;
        height: 434px;
        border-radius: 183px 0px 0 0px;
        border: 1px solid #000;
        background: #181818;
        margin-left: auto;
        margin-bottom: -432px;
        margin-top: -241px;
        margin-right: 190px;
    }
    
    #VolunteerConfidentialityAgreement .wpcf7-list-item-label{
        cursor: pointer;
    }
    .diable_button_send{
        pointer-events: none !important;
        cursor: defold !important;
        background: grey !important;
        border: 2px solid  gray !important;
        opacity: 0.6;
    }
    }
    
    @media(min-width: 1024px) and (max-width:1919px){
    .volunteer .wpcf7 #part_3 >div > h3 {
        font-family: DIN Pro;
        font-size: 40px;
        font-weight: 700;
        line-height: 50.08px;
        letter-spacing: 0.01em;
        text-align: left;
    }
    .volunteer{
        display: flex;
        flex-flow: column;
        padding-top: 95px;
    }
    .volunteer>.up{
        display: flex;

        
    }
    .volunteer>.up>img{
        border-radius: 0px 270px 0px 0px;
        border: 1px solid var(--, #FFF);
        box-shadow: -36px 30px 38px 0px rgba(0, 0, 0, 0.29);
        width: 45%;
        height: 45%;
        margin-right: 82px;
    }
    .volunteer .right{
        display: flex;
        flex-flow: column;
        width:45%;
    }
    .volunteer .right h2{
        color: #181818;
        font-family: DIN Pro;
        font-size: 86px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        margin-top:0;
        margin-bottom: 0;
        margin-right: 226px;
    }
    .volunteer .right p{
          border-radius: 0px 0px 270px 0px;
            border: 1px solid #000;
            color: #000;
            font-family: DIN Pro;
            font-size: 18px;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            padding: 10% 15% 15% 10%;
            margin-right: auto;
            margin-top: 23px;
            margin-bottom: 0;
    }
    .volunteer>h3{
        color: #181818;
        text-align: center;
        font-family: DIN Pro;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        margin-top: 147px;
        margin-left: 100px;
        margin-right: 100px;
    }
    .volunteer>.block_2{
        margin-left: 100px;
        margin-right: 100px;
        display: inline-flex;
        justify-content: space-between;
        flex-wrap:wrap;
    }
    .volunteer>.block_2>div{
        display: flex;
        flex-flow: column;
        width: 211px;
    }
    .volunteer>.block_2>div>h3{
        margin-top: 0;
        margin-bottom: 20px;
        color: #000;
        font-family: DIN Pro;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .volunteer>.block_2>div>p{
        margin-top: 0;
        margin-bottom: 20px;
        color: #000;
        font-family: DIN Pro;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }
    .volunteer>p{
        color: #F7F7F8;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0px 172px 0px 0px;
        border: 1px solid #000;
        background: #181818;
        padding: 87px 103px 281px 140px;
        margin-bottom: -194px;
        margin-left: auto;
        width: 876px;
    }
    .volunteer>p span:nth-child(1){
        font-weight: 700;
    }
    .volunteer>p span:nth-child(2){
        color: #2577B7;
    }
    .wpcf7 form{
        display: flex;
        flex-flow: column;
    }
    .volunteer .wpcf7 #part_1{
        border-radius: 20px;
        background: #FFF;
        width: 1014px;
        margin: 0 auto;
        /* header shadow */
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_1>h3{
        color: #000;
        font-family: DIN Pro;
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.64px;
        width: 179px;
        margin-top: 20px;
        margin-left: 40px;
        margin-right: 100px;
    }
    .volunteer .wpcf7 #part_1>div{
        margin-top: 20px;
        width: 672px;
    }
    
    .wpcf7 #part_1>div{
        margin-top: 20px;
        
    }
    .wpcf7 #part_1>div>p{
        display: inline-flex;
        flex-wrap: wrap;
    }
    .wpcf7 #part_1>div>p *{
        /*color:  #181818;*/
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.2px;
    }
    .wpcf7 #part_1>div>p input:nth-child(1){
        margin-right: 20px;
        width: 281px;
        height: 50px;
        padding: 10px 13px 10px 20px;
        border-radius: 8px;
        background: rgba(24, 24, 24, 0.10);
        border: none;
    }
    .wpcf7 #part_1>div>p span:nth-child(7){
        margin-top: 26px;
    }
    .wpcf7 #part_1>div>p:nth-child(2) label:nth-child(1){
        color:  #181818;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.2px;
        margin-top: 0px;
    }
    .wpcf7 #part_1>div>p:nth-child(2) label:nth-child(3){
        color: #181818;
        font-family: DIN Pro;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.14px;
        margin-top: 9px;
        margin-bottom: 9px;
    }
    .wpcf7 #part_1>div>p:nth-child(2) label:nth-child(3) textarea{
        max-width: 614px;
        max-height: 50px;
        min-width: 614px;
        min-height: 50px;
        padding: 10px 13px 10px 20px;
        border-radius: 8px;
        background: rgba(24, 24, 24, 0.10);
        color:  #181818;
        margin-top: 9px;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        margin-bottom: 20px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.2px;
        border: none;
    }
    .wpcf7 #part_1_2{
        width: 799px;
        height: 634px;
        border-radius: 0px 0px 0px 172px;
        border: 1px solid #000;
        background: #181818;
        margin-left: 193px;
        margin-top: -489px;
        margin-bottom: -145px;
    }
    
    .volunteer .wpcf7 #part_2{
        border-radius: 20px;
        background: #FFF;
        width: 1014px;
        margin: 0 auto;
        /* header shadow */
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        margin-top: 20px;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_2>h3{
        color: #000;
        font-family: DIN Pro;
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.64px;
        width: 179px;
        margin-top: 20px;
        margin-left: 40px;
        margin-right: 100px;
    }
    .volunteer .wpcf7 #part_2>div{
        margin-top: 20px;
        width: 672px;
    }
    .volunteer .wpcf7 #part_2>div p:nth-child(1){
        margin-bottom:30px;
    }
    .wpcf7 #part_2>div{
        margin-top: 20px;
        
    }
    .volunteer .wpcf7 #part_2>div *{
        /*color:  #181818;*/
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.2px;
    }
    .wpcf7-list-item{
        width: 245px;
        margin-right: 70px;
        margin-bottom: 30px;
    }
    
    .wpcf7 #part_2_3{
      width: 368px;
            height: 434px;
            border-radius: 0px 172px 0px 0px;
            border: 1px solid #000;
            background: #181818;
            margin-left: auto;
            margin-top: -217px;
            margin-right: 447px;
            margin-bottom: -197px;
    }
    
    .volunteer .wpcf7 #part_3{
        border-radius: 20px;
        background: #FFF;
        width: 1014px;
        margin: 0 auto;
        /* header shadow */
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        margin-top: 0;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_3>h3{
        color: #000;
        font-family: DIN Pro;
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.64px;
        width: 179px;
        margin-top: 20px;
        margin-left: 40px;
        margin-right: 100px;
    }
    .volunteer .wpcf7 #part_3>div{
        margin-top: 20px;
        width: 642px;
        padding-right: 45px;
    }
    .volunteer .wpcf7 #part_3>div *{
        color:  #181818;
        font-family: DIN Pro;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.2px;
    }
    .wpcf7 #part_3>div{
        margin-top: 20px;
        
    }
    .volunteer .wpcf7 #part_4{
        border-radius: 20px;
        background: #FFF;
        width: 1014px;
        margin: 0 auto;
        /* header shadow */
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        margin-top: 0;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_4>h3{
        color: #000;
        font-family: DIN Pro;
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.64px;
        width: 179px;
        margin-top: 20px;
        margin-left: 40px;
        margin-right: 100px;
    }
    .volunteer .wpcf7 #part_4>div{
        margin-top: 20px;
        width: 632px;
        padding-right: 45px;
    }
    .volunteer .wpcf7 #part_4>div *{
        display: flex;
        flex-wrap: wrap;
        color:  #181818;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.2px;
    }
    .volunteer .wpcf7 #part_4>div .wpcf7-form-control .wpcf7-list-item:last-child{
        color: #2577B7;
        width: 490px !important;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        /* text-decoration-line: underline; */
    }
    .volunteer .wpcf7 #part_4>div .wpcf7-form-control .wpcf7-list-item{
        width: 60px;
        margin-right: 0;
    }
    .volunteer .wpcf7 #part_4>div .wpcf7-form-control{
        display: inline-flex;
    }
    
    .volunteer .wpcf7 #part_4>div .button_send_block{
        display: inline-flex;
        align-items: center;
        margin-bottom: 40px;
    }
    .volunteer .wpcf7 #part_4>div .button_send_block input:hover, .volunteer .wpcf7 #part_4>div .button_send_block button:hover{
        background: #2577B7;
        border: 2px solid #18181850;
        color:  #F7F7F8;
        
    }
    .volunteer .wpcf7 #part_4>div .button_send_block input{
        transition: background .3s, border .3s;
        color:  #F7F7F8;
        text-align: center;
        padding: 20px 40px;
        font-family: DIN Pro;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.24px;
        border-radius: 40px;
        background: #181818;
        border: 2px solid #181818;
        margin-right: 40px;
    }
    
    .volunteer .wpcf7 #part_4>div{
        
    }
    .wpcf7 #part_4_4{
        width: 921px;
        height: 526px;
        border-radius: 0px 183px 0px 0px;
        border: 1px solid #000;
        background: #181818;
        margin-left: auto;
        margin-top: -363px;
        margin-right: 224px;
        cursor: pointer;
        margin-bottom: 77px;
    }
    .volunteer .wpcf7 #part_4>div .button_send_block .wpcf7-spinner{
        display: none;
    }
    .volunteer .wpcf7 #part_4>div .button_send_block button{
        color: #181818;
        transition: background .3s, border .3s, color;
        text-align: center;
        cursor: pointer;
        padding: 20px 40px;
        font-family: DIN Pro;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.24px;
        border-radius: 40px;
        border: 2px solid  #181818;
    }
    .wpcf7 #part_3_4{
        width: 368px;
        height: 434px;
        border-radius: 183px 0px 0 0px;
        border: 1px solid #000;
        background: #181818;
        margin-left: auto;
        margin-bottom: -432px;
        margin-top: -241px;
        margin-right: 190px;
    }
    
    #VolunteerConfidentialityAgreement .wpcf7-list-item-label{
        cursor: pointer;
    }
    .diable_button_send{
        pointer-events: none !important;
        cursor: defold !important;
        background: grey !important;
        border: 2px solid  gray !important;
        opacity: 0.6;
    }
    }
    @media(min-width: 768px) and (max-width:1023px){
        .wpcf7 #part_3_4{
            display:none;
    width: 368px;
        height: 538px;
        border-radius: 172px 0px 0px 0px;
        border: 1px solid #000;
        background: #181818;
        margin-left: 287px;
        margin-bottom: -301px;
        margin-top: -198px;
        margin-right: auto;
    }
        #part_3 > div > h3 {
        font-family: DIN Pro;
        font-size: 20px!important;
        font-weight: 700;
        line-height: 50.08px;
        letter-spacing: 0.01em;
        text-align: left;
    }
        .modal-content {
        background-color: #fefefe;
        margin: 5% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        max-width: 320px;
        border-radius: 20px;}
    .volunteer{
        display: flex;
        flex-flow: column;
        padding-top: calc(50.7px + (95 - 50.7) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer>.up{
        display: flex;
        flex-wrap: wrap;
        
    }
    .volunteer>.up>img{
        border-radius: 0px calc(144px + (270 - 144) * ((100vw - 1024px) / (1920 - 1024))) 0px 0px;
        border: calc(0.6px + (1 - 0.6) * ((100vw - 1024px) / (1920 - 1024))) solid var(--, #FFF);
        box-shadow: calc(-1 * calc(19.2px + (36 - 19.2) * ((100vw - 1024px) / (1920 - 1024)))) calc(16px + (30 - 16) * ((100vw - 1024px) / (1920 - 1024))) calc(20.3px + (38 - 20.3) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.29);
        width: 45%;
        height: 100%;
        margin-right: calc(43.8px + (82 - 43.8) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .right{
        display: flex;
        flex-flow: column;
        padding-left:20px;
        padding-right:20px;
        width:45%;
    }
    .volunteer .right h2{
        color: #181818;
        font-family: DIN Pro;
        font-size: calc(51.8px + (97 - 51.8) * ((100vw - 1024px) / (1920 - 1024)));
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        margin-top:0;
        margin-bottom: 0;
        margin-right: calc(120.6px + (226 - 120.6) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .right p{
        border-radius: 0px 0px calc(144px + (270 - 144) * ((100vw - 1024px) / (1920 - 1024))) 0px;
        border: calc(0.6px + (1 - 0.6) * ((100vw - 1024px) / (1920 - 1024))) solid #000;
        color: #000;
        font-family: DIN Pro;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        padding:  10% 15% 15% 10%;
        margin-right: auto;
        margin-top: calc(23px + (43 - 23) * ((100vw - 1024px) / (1920 - 1024)));
        margin-bottom: 0;
    }
    .volunteer>h3{
        color: #181818;
        text-align: center;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        margin-top: calc(78.4px + (147 - 78.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-left: calc(111px + (208 - 111) * ((100vw - 1024px) / (1920 - 1024)));
        margin-right: auto;
    }
    .volunteer>.block_2{
        margin-left: calc(111px + (208 - 111) * ((100vw - 1024px) / (1920 - 1024)));
        display: inline-flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .volunteer>.block_2>div{
        display: flex;
        flex-flow: column;
    }
    .volunteer>.block_2>div>h3{
        margin-top: 0;
        margin-bottom: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        color: #000;
        font-family: DIN Pro;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .volunteer>.block_2>div>p{
        margin-top: 0;
        margin-bottom: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        color: #000;
        font-family: DIN Pro;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }
    .volunteer>p{
        color: #F7F7F8;
        font-family: DIN Pro;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0px calc(91.8px + (172 - 91.8) * ((100vw - 1024px) / (1920 - 1024))) 0px 0px;
        border: 1px solid #000;
        background: #181818;
        padding: calc(46.4px + (87 - 46.4) * ((100vw - 1024px) / (1920 - 1024))) calc(55px + (103 - 55) * ((100vw - 1024px) / (1920 - 1024))) calc(149.9px + (281 - 149.9) * ((100vw - 1024px) / (1920 - 1024))) calc(74.7px + (140 - 74.7) * ((100vw - 1024px) / (1920 - 1024)));
        margin-bottom: calc(-1 * calc(103.5px + (194 - 103.5) * ((100vw - 1024px) / (1920 - 1024))));
        margin-left: auto;
    }
    .volunteer>p span:nth-child(1){
        font-weight: 700;
    }
    .volunteer>p span:nth-child(2){
        color: #2577B7;
    }
    .wpcf7 form{
        display: flex;
        flex-flow: column;
    }
    .volunteer .wpcf7 #part_1{
        border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        background: #FFF;
        margin: 0 auto;
        /* header shadow */
        box-shadow: 0px calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024))) calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.12);
        display: flex;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_1>h3{
        color: #000;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc(0.4px + (0.64 - 0.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        margin-left: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-right: calc(53.4px + (100 - 53.4) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .wpcf7 #part_1>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        display:flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    
    .wpcf7 #part_1>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        
    }
    .wpcf7 #part_1>div>p{
        display: inline-flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .wpcf7 #part_1>div>p *{
        color:  #181818;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .wpcf7 #part_1>div>p input:nth-child(1){
        margin-right: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        width: 320px;
        padding: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) calc(7px + (13 - 7) * ((100vw - 1024px) / (1920 - 1024))) calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        border-radius: calc(4.3px + (8 - 4.3) * ((100vw - 1024px) / (1920 - 1024)));
        background: rgba(24, 24, 24, 0.10);
        border: none;
    }
    .wpcf7 #part_1>div>p span:nth-child(7){
        margin-top: calc(13.9px + (26 - 13.9) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .wpcf7 #part_1>div>p:nth-child(2) label:nth-child(1){
        color:  #181818;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
        margin-top: 0px;
    }
    .wpcf7 #part_1>div>p:nth-child(2) label:nth-child(3){
        color: #181818;
        font-family: DIN Pro;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(0.1px + (0.14 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
        margin-top: calc(4.8px + (9 - 4.8) * ((100vw - 1024px) / (1920 - 1024)));
        margin-bottom: calc(4.8px + (9 - 4.8) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .wpcf7 #part_1>div>p:nth-child(2) label:nth-child(3) textarea{
        max-width: 300px;
        max-height: 60px;
        min-width: calc(327.5px + (614 - 327.5) * ((100vw - 1024px) / (1920 - 1024)));
        min-height: calc(26.7px + (50 - 26.7) * ((100vw - 1024px) / (1920 - 1024)));
        padding: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) calc(7px + (13 - 7) * ((100vw - 1024px) / (1920 - 1024))) calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        border-radius: calc(4.3px + (8 - 4.3) * ((100vw - 1024px) / (1920 - 1024)));
        background: rgba(24, 24, 24, 0.10);
        color:  #181818;
        margin-top: calc(4.8px + (9 - 4.8) * ((100vw - 1024px) / (1920 - 1024)));
        font-family: DIN Pro;
        font-size: 14px;
        font-style: normal;
        margin-bottom: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
        border: none;
    }
    .wpcf7 #part_1_2{
        display:none;
        width: calc(426.2px + (799 - 426.2) * ((100vw - 1024px) / (1920 - 1024)));
        height: calc(338.2px + (634 - 338.2) * ((100vw - 1024px) / (1920 - 1024)));
        border-radius: 0px 0px calc(91.8px + (172 - 91.8) * ((100vw - 1024px) / (1920 - 1024))) 0px;
        border: calc(0.6px + (1 - 0.6) * ((100vw - 1024px) / (1920 - 1024))) solid #000;
        background: #181818;
        margin-left: calc(103px + (193 - 103) * ((100vw - 1024px) / (1920 - 1024)));
        margin-top: calc(-1 * calc(260.8px + (489 - 260.8) * ((100vw - 1024px) / (1920 - 1024))));
        margin-bottom: calc(-1 * calc(77.4px + (145 - 77.4) * ((100vw - 1024px) / (1920 - 1024))));
    }
    
    .volunteer .wpcf7 #part_2{
        border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        background: #FFF;
        width: 100%;
        margin-right: auto;
        /* header shadow */
        box-shadow: 0px calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024))) calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        z-index: 2;
    }
    .volunteer .wpcf7 #part_2>h3{
        display:none;
        color: #000;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc(0.4px + (0.64 - 0.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        margin-left: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-right: calc(53.4px + (100 - 53.4) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .wpcf7 #part_2>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        width: 100%;
    }
    .volunteer .wpcf7 #part_2>div p:nth-child(1){
        margin-left:44px;
        margin-bottom:calc(16px + (30 - 16) * ((100vw - 1024px) / (1920 - 1024)));
        font-size:14px;
    }
    .wpcf7 #part_2>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        
    }
    .volunteer .wpcf7 #part_2>div *{
       color: #181818;
            font-family: DIN Pro;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: calc(0.2px +(0.2 - 0.2)*((100vw - 1024px) /(1920 - 1024)));
            display: flex;
            flex-wrap: wrap;
            padding: 0px 10px 10px 10px;
            justify-content: center;
            margin-left:18px;
    }
    .wpcf7-list-item{
        width: calc(130.7px + (245 - 130.7) * ((100vw - 1024px) / (1920 - 1024)));
        margin-right: calc(37.4px + (70 - 37.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-bottom: calc(16px + (30 - 16) * ((100vw - 1024px) / (1920 - 1024)));
    }
    
    .wpcf7 #part_2_3{
        display:none;
        width: calc(196.3px + (368 - 196.3) * ((100vw - 1024px) / (1920 - 1024)));
        height: calc(231.5px + (434 - 231.5) * ((100vw - 1024px) / (1920 - 1024)));
        border-radius: 0px calc(91.8px + (172 - 91.8) * ((100vw - 1024px) / (1920 - 1024))) 0px 0px;
        border: calc(0.6px + (1 - 0.6) * ((100vw - 1024px) / (1920 - 1024))) solid #000;
        background: #181818;
        margin-left: auto;
        margin-top: calc(-1 * calc(115.8px + (217 - 115.8) * ((100vw - 1024px) / (1920 - 1024))));
        margin-right: calc(119.5px + (224 - 119.5) * ((100vw - 1024px) / (1920 - 1024)));
        margin-bottom: calc(-1 * calc(105.1px + (197 - 105.1) * ((100vw - 1024px) / (1920 - 1024))));
    }
    
    .volunteer .wpcf7 #part_3{
        border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        background: #FFF;
        /* header shadow */
        box-shadow: 0px calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024))) calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        margin: 0 auto;
        margin-top:20px;
        z-index: 2;
        
    }
    .volunteer .wpcf7 #part_3>h3{
        display:none;
        color: #000;
        font-family: DIN Pro;
        font-size: calc(34.2px + (64 - 34.2) * ((100vw - 1024px) / (1920 - 1024)));
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc(0.4px + (0.64 - 0.4) * ((100vw - 1024px) / (1920 - 1024)));
        width: calc(95.5px + (179 - 95.5) * ((100vw - 1024px) / (1920 - 1024)));
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        margin-left: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-right: calc(53.4px + (100 - 53.4) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .wpcf7 #part_3>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        width: 100%;
        padding-left: 20px;
    }
    .volunteer .wpcf7 #part_3>div *{
        color:  #181818;
        font-family: DIN Pro;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .wpcf7 #part_3>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        
    }
    .volunteer .wpcf7 #part_4{
        border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        background: #FFF;
        width: 100%;
        /* header shadow */
        box-shadow: 0px calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024))) calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        margin-top: 0;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_4>h3{
        display:none;
        color: #000;
        font-family: DIN Pro;
        font-size: calc(34.2px + (64 - 34.2) * ((100vw - 1024px) / (1920 - 1024)));
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc(0.4px + (0.64 - 0.4) * ((100vw - 1024px) / (1920 - 1024)));
        width: 100%;
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
       
        margin-right: calc(53.4px + (100 - 53.4) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .wpcf7 #part_4>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        width: 100%;
        padding-right: calc(24px + (45 - 24) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .wpcf7 #part_4>div *{
        color:  #181818;
        font-family: DIN Pro;
        font-size: 17px;
        margin-left:20px;
        margin-right:20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
                display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 5px;
        }
    }
    .volunteer .wpcf7 #part_4>div .wpcf7-form-control .wpcf7-list-item:last-child{
        color: #2577B7;
        font-family: DIN Pro;
        font-size: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        /* text-decoration-line: underline; */
    }
    .volunteer .wpcf7 #part_4>div .wpcf7-form-control .wpcf7-list-item{
       
        margin-right: 0;
    }
    .volunteer .wpcf7 #part_4>div .wpcf7-form-control{
        display: inline-flex;
    }
    
    .volunteer .wpcf7 #part_4>div .button_send_block{
        display: inline-flex;
        align-items: center;
        margin-bottom: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .wpcf7 #part_4>div .button_send_block input:hover, .volunteer .wpcf7 #part_4>div .button_send_block button:hover{
        background: #2577B7;
        border: calc(1.1px + (2 - 1.1) * ((100vw - 1024px) / (1920 - 1024))) solid #18181850;
        color:  #F7F7F8;
        
    }
    .volunteer .wpcf7 #part_4>div .button_send_block input{
        transition: background .3s, border .3s;
        color:  #F7F7F8;
        text-align: center;
        padding: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024))) calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        font-family: DIN Pro;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.24 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
        border-radius: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        background: #181818;
        border: calc(1.1px + (2 - 1.1) * ((100vw - 1024px) / (1920 - 1024))) solid #181818;
        margin-right: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
    }
    
    .volunteer .wpcf7 #part_4>div{
        
    }
    
    .volunteer .wpcf7 #part_4>div .button_send_block .wpcf7-spinner{
        display: none;
    }
    .volunteer .wpcf7 #part_4>div .button_send_block button{
        color: #181818;
        transition: background .3s, border .3s, color;
        text-align: center;
        cursor: pointer;
        padding: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024))) calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        font-family: DIN Pro;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.24 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
        border-radius: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        border: calc(1.1px + (2 - 1.1) * ((100vw - 1024px) / (1920 - 1024))) solid  #181818;
    }
    .wpcf7 #part_3_4{
    width: 368px;
        height: 538px;
        border-radius: 172px 0px 0px 0px;
        border: 1px solid #000;
        background: #181818;
        margin-left: 287px;
        margin-bottom: -301px;
        margin-top: -198px;
        margin-right: auto;
    }
    #VolunteerConfidentialityAgreement .wpcf7-list-item-label{
        cursor: pointer;
    }
    .diable_button_send{
        pointer-events: none !important;
        cursor: defold !important;
        background: grey !important;
        border: calc(1.1px + (2 - 1.1) * ((100vw - 1024px) / (1920 - 1024))) solid  gray !important;
        opacity: 0.6;
    }
    
    @media(max-width: 767px){
        .wpcf7 #part_3_4{
            display:none;
    width: 368px;
        height: 538px;
        border-radius: 172px 0px 0px 0px;
        border: 1px solid #000;
        background: #181818;
        margin-left: 287px;
        margin-bottom: -301px;
        margin-top: -198px;
        margin-right: auto;
    }
        #part_3 > div > h3 {
        font-family: DIN Pro;
        font-size: 20px!important;
        font-weight: 700;
        line-height: 50.08px;
        letter-spacing: 0.01em;
        text-align: left;
    }
        .modal-content {
        background-color: #fefefe;
        margin: 5% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
        max-width: 320px;
        border-radius: 20px;}
    .volunteer{
        display: flex;
        flex-flow: column;
        padding-top: calc(50.7px + (95 - 50.7) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer>.up{
        display: flex;
        flex-wrap: wrap;
        
    }
    .volunteer>.up>img{
        border-radius: 0px calc(144px + (270 - 144) * ((100vw - 1024px) / (1920 - 1024))) 0px 0px;
        border: calc(0.6px + (1 - 0.6) * ((100vw - 1024px) / (1920 - 1024))) solid var(--, #FFF);
        box-shadow: calc(-1 * calc(19.2px + (36 - 19.2) * ((100vw - 1024px) / (1920 - 1024)))) calc(16px + (30 - 16) * ((100vw - 1024px) / (1920 - 1024))) calc(20.3px + (38 - 20.3) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.29);
        width: 90%;
        height: 100%;
        margin-right: calc(43.8px + (82 - 43.8) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .right{
        display: flex;
        flex-flow: column;
        padding-left:20px;
        padding-right:20px;
    }
    .volunteer .right h2{
        color: #181818;
        font-family: DIN Pro;
        font-size: calc(51.8px + (97 - 51.8) * ((100vw - 1024px) / (1920 - 1024)));
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        margin-top:0;
        margin-bottom: 0;
        margin-right: calc(120.6px + (226 - 120.6) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .right p{
        border-radius: 0px 0px calc(144px + (270 - 144) * ((100vw - 1024px) / (1920 - 1024))) 0px;
        border: calc(0.6px + (1 - 0.6) * ((100vw - 1024px) / (1920 - 1024))) solid #000;
        color: #000;
        font-family: DIN Pro;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        padding:  3% 7% 6% 5%;
        margin-right: auto;
        margin-top: calc(23px + (43 - 23) * ((100vw - 1024px) / (1920 - 1024)));
        margin-bottom: 0;
    }
    .volunteer>h3{
        color: #181818;
        text-align: center;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        margin-top: calc(78.4px + (147 - 78.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-left: calc(111px + (208 - 111) * ((100vw - 1024px) / (1920 - 1024)));
        margin-right: auto;
    }
    .volunteer>.block_2{
        margin-left: calc(111px + (208 - 111) * ((100vw - 1024px) / (1920 - 1024)));
        display: inline-flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .volunteer>.block_2>div{
        display: flex;
        flex-flow: column;
    }
    .volunteer>.block_2>div>h3{
        margin-top: 0;
        margin-bottom: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        color: #000;
        font-family: DIN Pro;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .volunteer>.block_2>div>p{
        margin-top: 0;
        margin-bottom: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        color: #000;
        font-family: DIN Pro;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }
    .volunteer>p{
        color: #F7F7F8;
        font-family: DIN Pro;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0px calc(91.8px + (172 - 91.8) * ((100vw - 1024px) / (1920 - 1024))) 0px 0px;
        border: 1px solid #000;
        background: #181818;
        padding: calc(46.4px + (87 - 46.4) * ((100vw - 1024px) / (1920 - 1024))) calc(55px + (103 - 55) * ((100vw - 1024px) / (1920 - 1024))) calc(149.9px + (281 - 149.9) * ((100vw - 1024px) / (1920 - 1024))) calc(74.7px + (140 - 74.7) * ((100vw - 1024px) / (1920 - 1024)));
        margin-bottom: calc(-1 * calc(103.5px + (194 - 103.5) * ((100vw - 1024px) / (1920 - 1024))));
        margin-left: auto;
    }
    .volunteer>p span:nth-child(1){
        font-weight: 700;
    }
    .volunteer>p span:nth-child(2){
        color: #2577B7;
    }
    .wpcf7 form{
        display: flex;
        flex-flow: column;
    }
   .volunteer .wpcf7 #part_1{
        border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        background: #FFF;
        margin: 0 auto;
        /* header shadow */
        box-shadow: 0px calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024))) calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.12);
        display: flex;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_1>h3{
        color: #000;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc(0.4px + (0.64 - 0.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        margin-left: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-right: calc(53.4px + (100 - 53.4) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .wpcf7 #part_1>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        display:flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    
    .wpcf7 #part_1>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        
    }
    .wpcf7 #part_1>div>p{
        display: inline-flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .wpcf7 #part_1>div>p *{
        color:  #181818;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .wpcf7 #part_1>div>p input:nth-child(1){
        margin-right: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        width: 320px;
        padding: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) calc(7px + (13 - 7) * ((100vw - 1024px) / (1920 - 1024))) calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        border-radius: calc(4.3px + (8 - 4.3) * ((100vw - 1024px) / (1920 - 1024)));
        background: rgba(24, 24, 24, 0.10);
        border: none;
    }
    .wpcf7 #part_1>div>p span:nth-child(7){
        margin-top: calc(13.9px + (26 - 13.9) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .wpcf7 #part_1>div>p:nth-child(2) label:nth-child(1){
        color:  #181818;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
        margin-top: 0px;
    }
    .wpcf7 #part_1>div>p:nth-child(2) label:nth-child(3){
        color: #181818;
        font-family: DIN Pro;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(0.1px + (0.14 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
        margin-top: calc(4.8px + (9 - 4.8) * ((100vw - 1024px) / (1920 - 1024)));
        margin-bottom: calc(4.8px + (9 - 4.8) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .wpcf7 #part_1>div>p:nth-child(2) label:nth-child(3) textarea{
        max-width: 300px;
        max-height: 60px;
        min-width: calc(327.5px + (614 - 327.5) * ((100vw - 1024px) / (1920 - 1024)));
        min-height: calc(26.7px + (50 - 26.7) * ((100vw - 1024px) / (1920 - 1024)));
        padding: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) calc(7px + (13 - 7) * ((100vw - 1024px) / (1920 - 1024))) calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        border-radius: calc(4.3px + (8 - 4.3) * ((100vw - 1024px) / (1920 - 1024)));
        background: rgba(24, 24, 24, 0.10);
        color:  #181818;
        margin-top: calc(4.8px + (9 - 4.8) * ((100vw - 1024px) / (1920 - 1024)));
        font-family: DIN Pro;
        font-size: 14px;
        font-style: normal;
        margin-bottom: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
        border: none;
    }
    
    .wpcf7 #part_1_2{
        display:none;
        width: calc(426.2px + (799 - 426.2) * ((100vw - 1024px) / (1920 - 1024)));
        height: calc(338.2px + (634 - 338.2) * ((100vw - 1024px) / (1920 - 1024)));
        border-radius: 0px 0px calc(91.8px + (172 - 91.8) * ((100vw - 1024px) / (1920 - 1024))) 0px;
        border: calc(0.6px + (1 - 0.6) * ((100vw - 1024px) / (1920 - 1024))) solid #000;
        background: #181818;
        margin-left: calc(103px + (193 - 103) * ((100vw - 1024px) / (1920 - 1024)));
        margin-top: calc(-1 * calc(260.8px + (489 - 260.8) * ((100vw - 1024px) / (1920 - 1024))));
        margin-bottom: calc(-1 * calc(77.4px + (145 - 77.4) * ((100vw - 1024px) / (1920 - 1024))));
    }
    
    .volunteer .wpcf7 #part_2{
        border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        background: #FFF;
        width: 100%;
        margin-right: auto;
        /* header shadow */
        box-shadow: 0px calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024))) calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        z-index: 2;
    }
    .volunteer .wpcf7 #part_2>h3{
        display:none;
        color: #000;
        font-family: DIN Pro;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc(0.4px + (0.64 - 0.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        margin-left: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-right: calc(53.4px + (100 - 53.4) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .wpcf7 #part_2>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        width: 100%;
    }
    .volunteer .wpcf7 #part_2>div p:nth-child(1){
        margin: 0 auto;
        margin-bottom:calc(16px + (30 - 16) * ((100vw - 1024px) / (1920 - 1024)));
        font-size:14px;
    }
    .wpcf7 #part_2>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        
    }
    .volunteer .wpcf7 #part_2>div *{
       color: #181818;
            font-family: DIN Pro;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: calc(0.2px +(0.2 - 0.2)*((100vw - 1024px) /(1920 - 1024)));
            display: flex;
            flex-wrap: wrap;
            padding: 0px 10px 10px 10px;
            width: 320px;
            justify-content: center;
            margin: 0 auto;
    }
    .wpcf7-list-item{
        width: calc(130.7px + (245 - 130.7) * ((100vw - 1024px) / (1920 - 1024)));
        margin-right: calc(37.4px + (70 - 37.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-bottom: calc(16px + (30 - 16) * ((100vw - 1024px) / (1920 - 1024)));
    }
    
    .wpcf7 #part_2_3{
        display:none;
        width: calc(196.3px + (368 - 196.3) * ((100vw - 1024px) / (1920 - 1024)));
        height: calc(231.5px + (434 - 231.5) * ((100vw - 1024px) / (1920 - 1024)));
        border-radius: 0px calc(91.8px + (172 - 91.8) * ((100vw - 1024px) / (1920 - 1024))) 0px 0px;
        border: calc(0.6px + (1 - 0.6) * ((100vw - 1024px) / (1920 - 1024))) solid #000;
        background: #181818;
        margin-left: auto;
        margin-top: calc(-1 * calc(115.8px + (217 - 115.8) * ((100vw - 1024px) / (1920 - 1024))));
        margin-right: calc(119.5px + (224 - 119.5) * ((100vw - 1024px) / (1920 - 1024)));
        margin-bottom: calc(-1 * calc(105.1px + (197 - 105.1) * ((100vw - 1024px) / (1920 - 1024))));
    }
    
    .volunteer .wpcf7 #part_3{
        border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        background: #FFF;
        /* header shadow */
        box-shadow: 0px calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024))) calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        margin-top: 0;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_3>h3{
        display:none;
        color: #000;
        font-family: DIN Pro;
        font-size: calc(34.2px + (64 - 34.2) * ((100vw - 1024px) / (1920 - 1024)));
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc(0.4px + (0.64 - 0.4) * ((100vw - 1024px) / (1920 - 1024)));
        width: calc(95.5px + (179 - 95.5) * ((100vw - 1024px) / (1920 - 1024)));
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        margin-left: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        margin-right: calc(53.4px + (100 - 53.4) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .wpcf7 #part_3>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        margin:0 auto;
        padding-left: 20px;
    }
    .volunteer .wpcf7 #part_3>div *{
        color:  #181818;
        font-family: DIN Pro;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .wpcf7 #part_3>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        
    }
    .volunteer .wpcf7 #part_4{
        border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        background: #FFF;
        width: 100%;
        /* header shadow */
        box-shadow: 0px calc(2.2px + (4 - 2.2) * ((100vw - 1024px) / (1920 - 1024))) calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.12);
        display: inline-flex;
        margin-top: 0;
        z-index: 2;
    }
    .volunteer .wpcf7 #part_4>h3{
        display:none;
        color: #000;
        font-family: DIN Pro;
        font-size: calc(34.2px + (64 - 34.2) * ((100vw - 1024px) / (1920 - 1024)));
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc(0.4px + (0.64 - 0.4) * ((100vw - 1024px) / (1920 - 1024)));
        width: 100%;
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
       
        margin-right: calc(53.4px + (100 - 53.4) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .wpcf7 #part_4>div{
        margin-top: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        width: 100%;
        padding-right: calc(24px + (45 - 24) * ((100vw - 1024px) / (1920 - 1024)));
    }
    .volunteer .wpcf7 #part_4>div *{
        color:  #181818;
        font-family: DIN Pro;
        font-size: 17px;
        margin-left:20px;
        margin-right:20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
                display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 5px;
        }
    }
    .volunteer .wpcf7 #part_4>div .wpcf7-form-control .wpcf7-list-item:last-child{
        color: #2577B7;
        font-family: DIN Pro;
        font-size: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        /* text-decoration-line: underline; */
    }
    .volunteer .wpcf7 #part_4>div .wpcf7-form-control .wpcf7-list-item{
       
        margin-right: 0;
    }
    .volunteer .wpcf7 #part_4>div .wpcf7-form-control{
        display: inline-flex;
    }
    
    .volunteer .wpcf7 #part_4>div .button_send_block{
        display: flex;
        align-items: center;
    }
    .volunteer .wpcf7 #part_4>div .button_send_block input:hover, .volunteer .wpcf7 #part_4>div .button_send_block button:hover{
        background: #2577B7;
        border: calc(1.1px + (2 - 1.1) * ((100vw - 1024px) / (1920 - 1024))) solid #18181850;
        color:  #F7F7F8;
        
    }
    .volunteer .wpcf7 #part_4>div .button_send_block input{
        transition: background .3s, border .3s;
        color:  #F7F7F8;
        text-align: center;
        padding: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024))) calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        font-family: DIN Pro;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.24 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
        border-radius: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        background: #181818;
        border: calc(1.1px + (2 - 1.1) * ((100vw - 1024px) / (1920 - 1024))) solid #181818;
        margin-right: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
    }
    
    .volunteer .wpcf7 #part_4>div{
        
    }
    
    .volunteer .wpcf7 #part_4>div .button_send_block .wpcf7-spinner{
        display: none;
    }
    .volunteer .wpcf7 #part_4>div .button_send_block button{
        color: #181818;
        transition: background .3s, border .3s, color;
        text-align: center;
        cursor: pointer;
        padding: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024))) calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        font-family: DIN Pro;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: calc(0.2px + (0.24 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
        border-radius: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
        border: calc(1.1px + (2 - 1.1) * ((100vw - 1024px) / (1920 - 1024))) solid  #181818;
    }
    .wpcf7 #part_3_4{
    width: 368px;
        height: 538px;
        border-radius: 172px 0px 0px 0px;
        border: 1px solid #000;
        background: #181818;
        margin-left: 287px;
        margin-bottom: -301px;
        margin-top: -198px;
        margin-right: auto;
    }
    #VolunteerConfidentialityAgreement .wpcf7-list-item-label{
        cursor: pointer;
    }
    .diable_button_send{
        pointer-events: none !important;
        cursor: defold !important;
        background: grey !important;
        border: calc(1.1px + (2 - 1.1) * ((100vw - 1024px) / (1920 - 1024))) solid  gray !important;
        opacity: 0.6;
    }