header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 22px 0;
  z-index: 1;
  color: #fff;
  transition: all 0.3s ease 0s;
}
.header.fixed .logo {
  filter: grayscale(1) invert(0.75);
}
.header.fixed {
  background: #fff;
  color: #302855;
  padding: 16px 0;
  transition: all 0.3s ease 0s;
}

header a {
  cursor: pointer;
}
header .navigation {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
}
header .navigation .flex {
  gap: 60px;
}
body {
  background: url(../images/ellipse.svg) no-repeat 0 800px;
}
.main {
  background: url(../images/main.jpg) no-repeat center;
  padding: 148px 0 100px;
}
.main .content {
  grid-template-columns: 780px 560px;
}
.main .content .caption {
  padding-top: 74px;
}
.main .content h1 {
  font-size: 64px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 34px;
  line-height: 1.2;
  letter-spacing: -1.28px;
}
.main .content .button a {
  height: 66px;
  line-height: 66px;
  width: 216px;
  color: #fff;
  border-radius: 2px;
  background: var(--Brand-Purple, #7526df);
  text-align: center;
  font-size: 18px;
  display: inline-block;
  font-weight: 700;
}
.main .form {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #FFF;
  background: #ffffff;
  padding: 30px 30px 54px;
  border-radius: 12px;
}
.main .form .form-inner-header {
  color: #302855;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 24px;
}
.main .form .form-inner-header .ava {
  margin-right: 24px;
}
.main .form .form-inner-header .ava img {
  width: 76px;
  display: block;
}
.main .form .form-inner-header strong {
  font-size: 24px;
  color: #394252;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 10px;
}
.main .form .form-body .fields {
  margin-top: 10px;
}
.main .form .form-body .label {
  color: #302855;
}
.main .form .form-body .label span {
  color: #1C2430;
  margin-left: 13px;
}
.main .form .form-body .field {
  width: 48.9%;
  margin-bottom: 8px;
}
.main .form .form-body .field input {
  width: 100%;
  box-sizing: border-box;
  padding-left: 12px;
  height: 44px;
  border-radius: 2px;
  border: 1px solid #DFE4E9;
  background: #F5F9FD;
}
.main .form .form-body .button {
  margin-top: 16px;
  width: 100%;
}
.main .form .subform {
  color: #595474;
  margin-bottom: 26px;
  font-size: 18px;
}
.main .form .subform strong {
  font-weight: 700;
  color: #302855;
  display: block;
  font-size: 20px;
  margin-bottom: 4px;
}
.main .form .form-body .button button {
  width: 100%;
  background: #3996FF;
  height: 56px;
  font-size: 18px;
  border: none;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  border-radius: 2px;
  transition: all 0.3s ease 0s;
}
.main .form .form-body .button button:hover {
  background: #7526df;
  transition: all 0.3s ease 0s;
}
.about {
  padding: 100px 0 50px;
  color: #595474;
}
.about .content {
  grid-template-columns: 640px 670px;
}
.about .title {
  font-size: 36px;
  color: #302855;
  font-weight: 700;
  line-height: 1.2;
}
.about .description {
  font-size: 20px;
  line-height: 1.3;
}
.about .description h2 {
  font-size: 24px;
  margin-bottom: 22px;
  color: #302855;
  font-weight: 600;
  line-height: 1.2;
}
.bennefits {
  padding: 44px 0 100px 0;
}
.bennefits .list .item {
  width: 280px;
  border-radius: 12px;
  background: #fff;
  position: relative;
  padding: 82px 16px 16px;
  box-shadow: 0px 12px 34px 0px rgba(52, 29, 128, 0.09);
  color: #595474;
  line-height: 1.35;
  font-size: 16px;
}
.bennefits .list .item h4 {
  font-size: 20px;
  font-weight: 700;
  color: #302855;
  min-height: 58px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.bennefits .list .item:before {
  position: absolute;
  left: 24px;
  top: 24px;
  content: "";
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_216_129)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 0C8.96875 0 0 8.96875 0 20C0 31.0312 8.96875 40 20 40C31.0312 40 40 31.0312 40 20C40 8.96875 31.0312 0 20 0Z' fill='url(%23paint0_linear_216_129)'/%3E%3Cpath d='M16.1484 29.1484C13.5937 26.5938 11.0547 24.0156 8.49219 21.4609C8.21094 21.1797 8.21094 20.7109 8.49219 20.4297L11.4375 17.4844C11.7187 17.2031 12.1875 17.2031 12.4688 17.4844L16.6797 21.6953L27.5078 10.8594C27.7969 10.5781 28.2578 10.5781 28.5469 10.8594L31.5 13.8125C31.7891 14.1016 31.7891 14.5625 31.5 14.8438L17.1797 29.1484C16.8984 29.4375 16.4375 29.4375 16.1484 29.1484Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_216_129' x1='0' y1='0' x2='21.4433' y2='48.2474' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237526DF'/%3E%3Cstop offset='1' stop-color='%232889F7'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_216_129'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.step-section {
  padding-bottom: 100px;
}
.step-section .content {
  padding: 80px 60px;
  background: linear-gradient(to bottom right, #7526df 0%, #2889f7 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #7526df 0%, #2889f7 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #7526df 0%, #2889f7 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #7526df 0%, #2889f7 50%) top right / 50% 50% no-repeat;
  color: #fff;
}
.step-section h3 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 42px;
}
.step-section .item {
  border: 3px solid #79b6fb;
  width: 380px;
  position: relative;
}
.step-section .item:not(:last-child):after {
  position: absolute;
  right: -64px;
  top: 50%;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='67' viewBox='0 0 31 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 65L28 33.5L2 2' stroke='%2379B6FB' stroke-opacity='0.3' stroke-width='4'/%3E%3C/svg%3E%0A");
  width: 31px;
  height: 67px;
  margin-top: -34px;
}
.step-section .item .heding {
  border-bottom: 3px solid #79b6fb;
}
.step-section .item .body {
  padding: 22px;
}
.step-section .item .digit {
  font-size: 64px;
  width: 94px;
  height: 94px;
  line-height: 94px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  border-right: 3px solid #79b6fb;
}
.step-section .item strong {
  padding: 12px 12px 12px 24px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  width: 270px;
  display: inline-block;
}
.about-wmz {
  padding: 100px 0 76px 0;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='802' viewBox='0 0 1920 802' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_216_186)'%3E%3Crect width='1920' height='802' fill='%23DFEFFB'/%3E%3Cg filter='url(%23filter0_f_216_186)'%3E%3Ccircle cx='160' cy='711' r='421' fill='%232889F7' fill-opacity='0.4'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_216_186' x='-525' y='26' width='1370' height='1370' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='132' result='effect1_foregroundBlur_216_186'/%3E%3C/filter%3E%3CclipPath id='clip0_216_186'%3E%3Crect width='1920' height='802' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.about-wmz .content {
  grid-template-columns: 464px 830px;
}
.about-wmz .content .avatar {
  background: rgba(255, 255, 255, 0.4);
  color: #595474;
  text-align: center;
  border-radius: 12px;
  padding: 44px 0;
  margin-top: 52px;
}
.about-wmz .content .avatar .img {
  margin-bottom: 26px;
}
.about-wmz .content .avatar .img img {
  width: 312px;
}
.about-wmz .content .avatar strong {
  font-weight: 700;
  color: #302855;
  display: block;
  font-size: 28px;
}
.about-wmz .content .description {
  color: #595474;
  padding-right: 118px;
}
.about-wmz .content .description a {
  color: #3996ff;
  font-weight: 700;
  display: inline-block;
  margin-top: 4px;
}
.about-wmz .content .description p {
  margin-bottom: 20px;
}
.about-wmz .content .description p strong {
  font-weight: 700;
}
.about-wmz .content .description strong {
  font-size: 24px;
  font-weight: 700;
  padding-top: 50px;
  position: relative;
  display: block;
}
.about-wmz .content .description strong:before {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.95 9.45005C30.45 11.1 31.35 12.9 31.35 15.9C31.35 21.15 27.6 25.8 22.35 28.2L21 26.25C25.95 23.55 27 20.1 27.3 17.85C26.55 18.3 25.5 18.45 24.45 18.3C21.75 18 19.65 15.9 19.65 13.05C19.65 11.7 20.25 10.35 21.15 9.30005C22.2 8.25005 23.4 7.80005 24.9 7.80005C26.55 7.80005 28.05 8.55005 28.95 9.45005ZM13.95 9.45005C15.45 11.1 16.35 12.9 16.35 15.9C16.35 21.15 12.6 25.8 7.35002 28.2L6.00002 26.25C10.95 23.55 12 20.1 12.3 17.85C11.55 18.3 10.5 18.45 9.45003 18.3C6.75003 18 4.65002 15.75 4.65002 13.05C4.65002 11.7 5.25002 10.35 6.15002 9.30005C7.20002 8.25005 8.40002 7.80005 9.90002 7.80005C11.55 7.80005 13.05 8.55005 13.95 9.45005Z' fill='url(%23paint0_linear_216_276)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_216_276' x1='4.65002' y1='7.80005' x2='13.6217' y2='34.2202' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237526DF'/%3E%3Cstop offset='1' stop-color='%232889F7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  content: "";
  width: 36px;
  height: 36px;
  left: 0;
  top: -4px;
  position: absolute;
}
.about-wmz .content .description em {
  font-size: 18px;
  font-style: italic;
}
.about-wmz .content .description h3 {
  color: #302855;
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 28px;
}
.contact-us .contacts {
  padding: 102px 142px 102px 234px;
  width: 50%;
  box-sizing: border-box;
}
.contact-us .contacts h3 {
  margin-bottom: 20px;
  font-size: 48px;
  font-weight: 700;
  background: linear-gradient(90deg, #3a5276 0%, #1c2430 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contact-us .map {
  width: 50%;
  filter: grayscale(1);
}
.contact-us .block {
  line-height: 1.2;
  margin-top: 40px;
}
.contact-us .block h4 {
  font-weight: 700;
  color: #1C2430;
  font-size: 28px;
  margin-bottom: 38px;
}
.contact-us .block p {
  color: #626C7A;
  line-height: 1.45;
}
.contact-us .block li {
  position: relative;
  color: #626C7A;
  padding-left: 0px;
  margin-bottom: 24px;
  font-size: 24px;
}
.contact-us .block li i {
  display: inline-block;
  vertical-align: middle;
}
.contact-us .block li i svg {
  display: block;
}
.contact-us .block-2 h4 {
  margin-bottom: 22px;
}
.contact-us .block-2 {
  font-size: 24px;
  padding-top: 14px;
}
.contact-us .block li a,
.contact-us .block li span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
}
.footer {
  background: #E3F0FF;
  padding: 42px 0 30px 0;
  color: #302855;
  line-height: 1.4;
  font-size: 24px;
}
.footer h5 {
  font-size: 24px;
  margin-bottom: 12px;
}
.footer h6 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
.footer .logo {
  width: 220px;
}
.footer .logo img {
  width: 120px;
}
.footer .phone a {
  color: #3996ff;
}
.footer .phone p {
  font-size: 18px;
}
.footer .phone {
  width: 340px;
}
.footer .place {
  width: 340px;
}
.footer .hours {
  width: 464px;
}
.footer .hours p {
  font-weight: 700;
  font-size: 24px;
}
.cta {
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='224' viewBox='0 0 1920 224' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1920' height='224' fill='url(%23paint0_diamond_216_219)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_diamond_216_219' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(1437 0.000201892) rotate(-2.68266) scale(1160.03 194.405)'%3E%3Cstop stop-color='%237526DF'/%3E%3Cstop offset='1' stop-color='%232889F7'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  padding: 78px 0;
}
.cta h3 {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
}
.cta .button a {
  width: 266px;
  height: 66px;
  line-height: 66px;
  background: #fff;
  color: #302855;
  font-size: 18px;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.cta .button a:hover {
  background: #7526df;
  color: #fff;
  transition: all 0.3s ease 0s;
}
.copy {
  background: #E3F0FF;
  font-size: 16px;
  padding-bottom: 30px;
}
.copy .inside {
  padding-top: 40px;
  border-top: 1px solid #BCCCDF;
}
.copy .flex {
  gap: 20px;
}