.hidden { display: none; }
.step { display: none; }
.step.active { display: block; }
.error { color: red; }

  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; }
  .rounded-16 { border-radius: 1rem; }
  .letter-n1 { letter-spacing: -0.01em; }
  .letter-n3 { letter-spacing: -0.03em; }
  .font-size-36 { font-size: 2.25rem; }
  .font-size-60 { font-size: 3.5rem; }
  .wsc-main .btn { border-radius: 0.25rem;text-transform: capitalize;margin: 0;}
  .with-checked { display: flex; align-items: center; position: relative; }
  .with-checked::before { content: ''; width: 2rem; height: 2rem; background-size: 2rem; margin-right: 0.5rem; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 12L13 22L8 17.4545' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

  .part-banner { border-radius: 1rem; background-position: center;color: #000;}

  .part-events .swiper-slide {height: auto;}
  .part-events .swiper-slide .box-style {height: 100%;background-size: cover;background-position: center;min-height: 266px;display: flex;align-items: center;padding-left: 5.75rem;color: #fff;}
  .part-events .swiper-pagination-bullet {background-color: #CACACA;width: .625rem;height: .625rem;opacity: 1;transition: width .15s linear;border-radius: 50rem;margin: 0 .5rem !important;}
  .part-events .swiper-pagination-bullet-active {width: 1.25rem;background-color: #006DFF;}

  .part-solution #solution-tab {border-bottom: 1px solid rgba(0,0,0,.2);justify-content: space-between;padding-left: 7rem;padding-right: 7rem;}
  .part-solution #solution-tab .nav-item {position: relative;font-size: 1.125rem;font-weight: 400;letter-spacing: -0.01em;color: #000;width: 240px;padding: 1rem 0;text-align: center;}
  .part-solution #solution-tab .nav-item::before {content: '';position: absolute;left: 0;bottom: -2px;width: 100%;height: 4px;background-color: #006DFF;opacity: 0;}
  .part-solution #solution-tab .nav-item.active {color: #006DFF;font-weight: 700;font-size: 1.25rem;}
  .part-solution #solution-tab .nav-item.active::before {opacity: 1;}
  .part-solution .tab-right-pic {transform: scale(1.043);transform-origin: right top;}

  .part-advantages .box-style {height: 100%;border-radius: .75rem;border: 1px solid rgba(0, 0, 0, .2);box-shadow: 2px 4px 16px 0px #0000000D;transition: all .3s linear;background-color: #fff;}

  .swiper-cases .swiper-slide { display: block; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .625rem; transition: all .2s ease-in-out; }
  .swiper-cases .swiper-slide .slide-poster { background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 56.25%; margin: -1px; border-radius: .625rem .625rem 0 0; }
  .swiper-cases .swiper-slide label { border-radius: 0.25rem; background-color: rgba(0, 109, 255, 0.04); border: 1px solid #006DFF; padding: .5rem .5625rem; line-height: 1; }
  .swiper-cases .swiper-slide:hover { transform: translateY(-16px); box-shadow: 2px 2px 24px 0px rgba(0, 0, 0, 0.12); }
  .swiper-cases .swiper-slide:hover span { text-decoration: underline; }
  .swiper-cases ~ .swiper-button-prev { left: -7rem; }
  .swiper-cases ~ .swiper-button-next { right: -7rem; }
  .swiper-cases ~ .swiper-pagination { width: 100%; left: 50%; bottom: 0; font-size: 10px; line-height: 1; transform: translateX(-50%); }
  .swiper-cases ~ .swiper-pagination .swiper-pagination-bullet { width: .625rem; height: .625rem; margin: 0 .5rem; }

  .part-bottom .badge-list {display: flex;align-items: center;justify-content: space-between;max-width: 760px;}
  .part-bottom .badge-list img {zoom:.66}

  @media (any-hover) {
    .part-solution #solution-tab .nav-item:hover { color: #006DFF; font-weight: 700; }
    .part-advantages .box-style:hover {box-shadow: 4px 4px 24px 0px #0000001F;transform: translateY(-0.5rem);}
  }
  @media (min-width: 1280px) {
    .wsc-main { padding-left: 30px; padding-right: 30px; }
    .part-banner1 { height: 600px; }
  }
  @media (min-width: 1600px) {
    .wsc-main { padding-left: 64px; padding-right: 64px; }
  }
  @media (max-width: 1599.98px) {
    .font-size-60 { font-size: 3.2rem; }
    .swiper-cases ~ .swiper-button-prev { left: -3rem; }
    .swiper-cases ~ .swiper-button-next { right: -3rem; }
    .part-solution .tab-right-pic {transform: none;}
  }
  @media (max-width: 1279.98px) {
    .font-size-60 { font-size: 3rem; }
    .font-size-36 {font-size: 2rem;}
    h3.h2 {font-size: 1.6rem;}
    .part-solution #solution-tab {padding-left: 0;padding-right: 0;justify-content: space-around;}
    .part-solution #solution-tab .nav-item {width: auto;}
    .part-solution #solution-tab .nav-item.active {font-size: inherit;}
    .swiper-cases ~ .swiper-button-prev { left: -2rem; }
    .swiper-cases ~ .swiper-button-next { right: -2rem; }
    .part-bottom .badge-list {flex-wrap: wrap;justify-content: center;}
    .part-bottom .badge-list img {padding: .5rem 1rem;}
  }
  @media (max-width: 991.98px) {
    .font-size-60 { font-size: 36px; }
    .wsc-main h2 { font-size: 20px; }
    .part-events .swiper-slide .box-style {padding-left: 1rem;padding-right: 1rem;background-position: left center;}
    .part-banner,.part-bottom {border-radius: 0;}
  }
  @media (max-width: 576px) {
    .font-size-60 {font-size: 32px;}
    .part-banner .pfah-wrapper, .part-bottom .pfah-wrapper {padding: 2rem 1.5rem !important;}
    .part-advantages {border-radius: 0;}
    .part-bottom .badge-list img {padding: .5rem 8px;zoom: .6;}
    .pfah-wrapper .custom-checkbox .custom-control-label {font-size: 12px;line-height: 1.5;}
  }


  .part-banner .pfah-wrapper,.part-bottom .pfah-wrapper { padding: 3rem 2rem; border-radius: 0.625rem; border: 1px solid rgba(0, 0, 0, 0.2); }
  .pfah-form input, .pfah-form select, .pfah-form textarea, .pfah-form button { border-radius: 4px; }
  .pfah-form input, .pfah-form select, .pfah-form textarea {  border: 1px solid rgba(0, 0, 0, 0.2); }
  .pfah-form input:focus, .pfah-form select:focus, .pfah-form textarea:focus { outline: none; box-shadow: none; }
  .pfah-form input:focus ~ .placeholder, .pfah-form select:focus ~ .placeholder, .pfah-form textarea:focus ~ .placeholder { opacity: 0; }
  .pfah-form input, .pfah-form select { height: 40px; line-height: 1.2; padding-top: .5rem; padding-bottom: .5rem; }
  .pfah-form input::placeholder, .pfah-form textarea::placeholder, .pfah-form .placeholder { color: rgba(0, 0, 0, 0.5); }
  .pfah-form .placeholder-container { position: relative; }
  .pfah-form .placeholder-container select { color: transparent; }
  .pfah-form .placeholder-container select option, .pfah-form .placeholder-container select.show { color: #000000; }
  .pfah-form .placeholder { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); pointer-events: none; }
  .pfah-form .placeholder::after { content: '*'; color: #ff2776; }
  .pfah-done, .pfah-error { display: none; }
  .pfah-result-done .pfah-done, .pfah-result-error .pfah-error { display: block; }
  .multi-ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical; }

 /*RadioBox*/
  [type="radio"]:checked,
  [type="radio"]:not(:checked) {
      position: absolute;
      left: -9999px;
  }
  [type="radio"]:checked + label,
  [type="radio"]:not(:checked) + label
  {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: #666;
  }
  [type="radio"]:checked + label:before,
  [type="radio"]:not(:checked) + label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 22px;
      height: 22px;
      border: 1px solid #ddd;
      border-radius: 100%;
      background: #fff;
  }
  [type="radio"]:checked + label:after,
  [type="radio"]:not(:checked) + label:after {
      content: '';
      width: 12px;
      height: 12px;
      background: #F87DA9;
      position: absolute;
      top: 4px;
      left: 4px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
  }
  [type="radio"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
  [type="radio"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
/*CheckBox*/
  [type="checkbox"]:checked,
  [type="checkbox"]:not(:checked) {
      position: absolute;
      left: -9999px;
  }
  [type="checkbox"]:checked + label,
  [type="checkbox"]:not(:checked) + label
  {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: #666;
  }
  [type="checkbox"]:checked + label:before,
  [type="checkbox"]:not(:checked) + label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 22px;
      height: 22px;
      border: 1px solid #ddd;
      
      background: #fff;
  }
  [type="checkbox"]:checked + label:after,
  [type="checkbox"]:not(:checked) + label:after {
      content: '';
      width: 12px;
      height: 12px;
      background: #F87DA9;
      position: absolute;
      top: 4px;
      left: 4px;
      
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
  }
  [type="checkbox"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
  [type="checkbox"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  /*TextField*/
  
  [type="text"] {
      
      width: 100%;
      height: 40px;
      border: 1px solid #ddd;
      
      background: #fff;
  }

  /*SelectField*/
  
  select {
    
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
    
    border-radius: 4px;
  }
/*EmailField*/
  
[type="email"] {
      
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    
    background: #fff;
}
/*NumberField*/
  
[type="number"] {
      
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    
    background: #fff;
}
/*AfstandenFields*/ 

.pf-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pfr-10 {
    padding-right: 10px;
}

.pft-40 {
    padding-top: 40px;
}

.pfb-40 {
    padding-bottom: 40px;
}