﻿
.programm-section-1 {
margin:60px 0;
padding:50px;
background:url(../images/programm-section1-bg.jpg) no-repeat center center;
background-size:cover;
border-radius: 24px;
overflow:hidden;
min-height:400px;
}

.programm-section-1 .title {
color: #FFF;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
max-width:503px;
}

.programm-section-2 {
margin:0 0 60px 0;
}

.programm-section-2 .title {
color: #20304D;
text-align: center;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.28px;
text-transform: uppercase;
margin:0 0 40px 0;
}

.programm-section-2 .flex {
display:flex;
flex-wrap:wrap;
gap:40px;
}

.programm-section-2 .item {
width:calc(50% - 20px);
padding:40px;
border-radius: 24px;
background: #20304D;
color: rgba(255, 255, 255, 0.80);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
}

.programm-section-2 .head {
display:flex;
align-items:center;
gap:24px;
margin:0 0 24px 0;
}

.programm-section-2 .icon {
font-size:0px;
line-height:0px;
}

.programm-section-2 .name {
flex:1;
color: #FFF;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.28px;
text-transform: uppercase;
}

.programm-section-3 {
border-radius: 12px;
background: #F6F9FF;
margin:0 0 60px 0;
padding:40px;
}

.programm-section-3 .title {
color: #21304D;
text-align: center;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.28px;
margin:0 0 40px 0;
}

.programm-section-3 .btn {
padding: 16px 24px;
border-radius: 12px;
background: #D41919;
text-decoration:none;
cursor:pointer;
display:table;
margin:0 auto;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.16px;
text-transform: uppercase;
transition: .5s;
}

.programm-section-3 .btn:hover {
background:#21304D;
}

.programm-section-4 {
border-radius: 12px;
background: #F6F9FF;
padding:40px 120px;
}

.programm-section-4 .title {
color: #21304D;
text-align: center;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.28px;
margin:0 0 40px 0;
}

.programm-section-4 .name {
color: #21304D;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.16px;
margin:0 0 24px 0;
}

.programm-section-4 .steps .name {
margin:0 0 16px 0;
}

.programm-section-4 .steps {
border-bottom: 1px solid #AABAD9;
margin:0 0 40px 0;
padding:0 0 40px 0;
}

.programm-section-4 .steps .flex {
display:flex;
align-items:center;
justify-content: space-between;
gap:10px;
}

.programm-section-4 .steps .item {
padding: 12px 16px;
border-radius: 8px;
background: #20304D;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.16px;
display:flex;
align-items:center;
gap:8px;
}

.programm-section-4 .steps .arrow {
width:30px;
height:15px;
background:url(../images/programm-section3-arrow.svg) no-repeat;
}

.programm-section-4 .form {
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:32px;
}

.programm-section-4 .label {
width:calc(50% - 16px);
margin:0 0 -8px 0;
text-align:left;
padding:0px;
border-radius:0px;
font-weight:normal;
}

.programm-section-4 .label:nth-child(1), .programm-section-4 .label:nth-child(2) {
margin:0 0 8px 0;
}

.programm-section-4 .label label {
display:block;
margin:0 0 8px 0;
color: #21304D;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
}

.programm-section-4 .label select {
border-radius: 8px;
border: 1px solid #70ACD0;
background:url(../images/programm-section3-select.svg) no-repeat right 16px center, #FFF;
width:100%;
height:48px;
padding:0 56px 0 16px;
color: #949DAF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.programm-section-4 .label input {
border-radius: 8px;
border: 1px solid #70ACD0;
background: #FFF;
width:100%;
height:48px;
padding:0 16px;
color: #949DAF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
}

.programm-section-4 .label ::placeholder {
color: #949DAF;
}

.programm-section-4 .warning {
width:100%;
margin:0 0 -4px 0;
color: #21304D;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
}

.programm-section-4 .checkboxs {
display:block;
width:100%;
margin:0 0 -20px 0;
font-weight:normal;
color: #21304D;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
}

.programm-section-4 .checkboxs input {
display:none;
}

.programm-section-4 .checkboxs div {
position:relative;
padding:0 0 0 36px;
}

.programm-section-4 .checkboxs div:before {
content:"";
position:absolute;
top:50%;
left:4px;
width:20px;
height:20px;
margin:-10px 0 0 0;
border-radius: 4px;
background: #20304D;
}

.programm-section-4 .checkboxs input:checked + div:before {
background:url(../images/programm-section3-checkbox.svg) no-repeat center center, #20304D;
}

.programm-section-4 .info {
margin:0 0 8px 0;
color: #21304D;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
}

.programm-section-4 .info a {
text-decoration:none;
color: #38A3E3;
}

.programm-section-4 .info a:hover {
text-decoration:underline;
}

.programm-section-4 button {
cursor:pointer;
border-radius: 12px;
background: #D41919;
height:51px;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.16px;
text-transform: uppercase;
transition: .5s;
padding:0 24px;
border:0px;
}

.programm-section-4 button:hover {
background:#21304D;
}



@media screen and (max-width:1200px) {

.programm-section-4 {
padding:40px;
}




}




@media screen and (max-width:1000px) {

.programm-section-2 .item {
width:100%;
}

.programm-section-4 .steps .flex {
align-items: flex-start;
flex-direction: column;
gap:16px;
}

.programm-section-4 .steps .item {
width:100%;
}

.programm-section-4 .steps .arrow {
transform: rotate(90deg);
}



}



@media screen and (max-width:780px) {

.programm-section-1 {
margin:0 auto 32px auto;
padding:16px 2px;
display:flex;
align-items:flex-end;
width:343px;
min-height:580px;
background: url(../images/programm-section1-bg-mobile.jpg) no-repeat center center;
background-size: cover;
}

.programm-section-1 .title {
font-size: 24px;
text-align:center;
}

.programm-section-2 {
margin:0 0 32px 0;
}

.programm-section-2 .title {
display:none;
}

.programm-section-2 .flex {
gap:20px;
}

.programm-section-2 .item {
padding:20px;
}

.programm-section-2 .head {
align-items: flex-start;
flex-direction: column;
margin:0 0 16px 0;
}

.programm-section-3 {
margin:0 0 32px 0;
padding:20px;
}

.programm-section-3 .title {
margin:0 0 24px 0;
}

.programm-section-3 .btn {
width:100%;
text-align:center;
}

.programm-section-4 {
margin:0 0 -30px 0;
padding:20px;
}

.programm-section-4 .form {
gap:24px;
}

.programm-section-4 .label {
width:100%;
}

.programm-section-4 .label:nth-child(1) {
margin:0px;
}

.programm-section-4 .label:nth-child(2) {
margin:0 0 16px 0;
}






}






























