body.bg {
  background-color: #F2F8F8;
}

.contact {
  padding: 43px 0 90px;
  /* Button components */
}

@media only screen and (max-width: 767px) {
  .contact {
    padding: 83px 0 60px;
  }
}

.contact__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 0.9333333333;
  letter-spacing: 0.1em;
  color: #3B4043;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
  .contact__title {
    font-size: 20px;
  }
}

.contact__title::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='91.004' viewBox='0 0 60 91.004'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_7973' data-name='Rectangle 7973' width='60' height='91.004' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_6253' data-name='Group 6253' transform='translate(-298 -4320)'%3E%3Cg id='Group_5306' data-name='Group 5306' transform='translate(298 4320)'%3E%3Cg id='Group_5305' data-name='Group 5305' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_24927' data-name='Path 24927' d='M5.5,190.252c.041.04.081.084.125.12-.044-.036-.084-.079-.125-.12' transform='translate(-2.887 -99.814)' fill='%23d2d2d2'/%3E%3Cpath id='Path_24928' data-name='Path 24928' d='M5.156,189.876c-.039-.044-.074-.1-.11-.144.037.048.071.1.11.144' transform='translate(-2.647 -99.541)' fill='%23d2d2d2'/%3E%3Cpath id='Path_24929' data-name='Path 24929' d='M2.742,186.625c-.036-.035-.074-.066-.107-.1s-.074-.1-.11-.144-.064-.078-.092-.122-.063-.112-.094-.169-.054-.089-.077-.139-.052-.129-.077-.195-.042-.1-.059-.153c-.023-.07-.039-.148-.058-.223-.014-.055-.031-.106-.042-.164-.017-.083-.027-.173-.039-.261-.008-.055-.019-.107-.024-.163q-.021-.222-.022-.462l-1.7-.988a2.832,2.832,0,0,0,1.18,2.595l1.7.988c-.047-.027-.088-.061-.133-.092s-.082-.053-.121-.085-.084-.079-.125-.12' transform='translate(-0.126 -96.187)' fill='%23d2d2d2'/%3E%3Cpath id='Path_24930' data-name='Path 24930' d='M1.7,99.243,0,98.254.114,138.7l1.7.988Z' transform='translate(0 -51.548)' fill='%23d2d2d2'/%3E%3Cpath id='Path_24931' data-name='Path 24931' d='M59.886,28.574l-1.7-.988L0,61.179l1.7.988Z' transform='translate(0 -14.473)' fill='%23d2d2d2'/%3E%3Cpath id='Path_24932' data-name='Path 24932' d='M92.123,18.953l-1.7-.988L61.259,9.907l.631,1.084Z' transform='translate(-32.139 -5.197)' fill='%23d2d2d2'/%3E%3Cpath id='Path_24933' data-name='Path 24933' d='M30.6,11.936,1.575,53.588,12.067,73.652,53.159,51.425l7.652-31.407Z' transform='translate(-0.826 -6.262)' fill='%23d2d2d2'/%3E%3Cpath id='Path_24934' data-name='Path 24934' d='M29.23,9.907.209,51.558l.649.965L29.879,10.872Z' transform='translate(-0.11 -5.197)' fill='%23e6e6e6'/%3E%3Cpath id='Path_24935' data-name='Path 24935' d='M59.645,1.3,22.356,29.1,22.5,81.4,59.793,53.591Z' transform='translate(-11.729 -0.681)' fill='%23fff'/%3E%3Cpath id='Path_24936' data-name='Path 24936' d='M20.123,58.494l.148,52.292,1.061.617-.148-52.292Z' transform='translate(-10.557 -30.688)' fill='%23d2d2d2'/%3E%3Cpath id='Path_24937' data-name='Path 24937' d='M58.473.617,57.412,0,20.123,27.806l1.061.617Z' transform='translate(-10.557 0)' fill='%23d2d2d2'/%3E%3Cpath id='Path_24938' data-name='Path 24938' d='M61.762,29.665,36.238,71.542,3.577,63.258,3.692,103.7c0,.16.008.314.022.461.005.057.016.108.024.164.012.088.021.178.039.261.011.058.029.109.042.164.019.075.035.152.058.223.017.054.04.1.059.153s.048.134.077.195.051.092.077.138.06.116.094.169.061.081.092.122.071.1.11.144.071.069.107.1.081.084.125.12.08.056.121.084a2.753,2.753,0,0,0,3.007-.189l50.1-28.926a8.878,8.878,0,0,0,4.03-6.98Z' transform='translate(-1.877 -15.563)' fill='%23e6e6e6'/%3E%3Cpath id='Path_24939' data-name='Path 24939' d='M38.24,109.676,12.346,147.218l50.1-28.926-19.888-9.745a3.419,3.419,0,0,0-4.319,1.129' transform='translate(-6.477 -56.765)' fill='%23f5f5f5'/%3E%3Cpath id='Path_24940' data-name='Path 24940' d='M39.041,55.2l7.647-4.953,12.193-7.9,2.8-1.816c.64-.414.045-1.443-.6-1.026l-7.648,4.952-12.193,7.9-2.8,1.816c-.639.415-.045,1.444.6,1.026' transform='translate(-20.024 -20.675)' fill='%234982c8'/%3E%3Cpath id='Path_24941' data-name='Path 24941' d='M39.041,65.009l7.647-4.952,12.193-7.9,2.8-1.816c.64-.414.045-1.443-.6-1.026L53.439,54.27l-12.193,7.9-2.8,1.816c-.639.414-.045,1.444.6,1.026' transform='translate(-20.024 -25.823)' fill='%234982c8'/%3E%3Cpath id='Path_24942' data-name='Path 24942' d='M39.041,74.822l7.647-4.952,12.193-7.9,2.8-1.816c.64-.414.045-1.443-.6-1.026l-7.648,4.953-12.193,7.9-2.8,1.816c-.639.415-.045,1.444.6,1.026' transform='translate(-20.024 -30.971)' fill='%234982c8'/%3E%3Cpath id='Path_24943' data-name='Path 24943' d='M39.041,84.635l7.647-4.952,12.193-7.9,2.8-1.816c.64-.414.045-1.443-.6-1.026L53.439,73.9l-12.193,7.9-2.8,1.816c-.639.415-.045,1.444.6,1.026' transform='translate(-20.024 -36.12)' fill='%234982c8'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  width: 60px;
  height: 91px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .contact__title::before {
    width: 30px;
    height: 47px;
  }
}

.contact__steps {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #4982C8;
  background-color: #fff;
  border-radius: 25px;
  overflow: hidden;
  margin-bottom: 50px;
}

.contact__step {
  width: 33.3333333333%;
  padding: 12px 0;
  text-align: center;
  color: #4982C8;
  position: relative;
}

.contact__step:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  width: 45px;
  top: 0;
  bottom: 0;
  background-color: #fff;
}

.contact__step:not(:last-child)::before {
  content: "";
  position: absolute;
  right: 20px;
  top: -14px;
  bottom: 0;
  width: 75px;
  z-index: 1;
  background-color: #4982C8;
  transform: rotate(45deg) skew(15deg, 15deg);
  border-width: 3px 3px 0 0;
}

.contact__step.active {
  background-color: #4982C8;
  color: #fff;
}

.contact .form {
  border-radius: 60px;
  background-color: #fff;
}

.contact .form__wrapper {
  padding: 80px 100px;
}

@media only screen and (max-width: 991px) {
  .contact .form__wrapper {
    padding: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .contact .form__wrapper {
    padding: 40px 17.5px;
  }
}

.contact .form__group {
  display: flex;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #D0D3D3;
}

@media only screen and (max-width: 767px) {
  .contact .form__group {
    flex-direction: column;
  }
}

.contact .form__group:last-of-type {
  padding: 40px 57px;
  background-color: #F5F7F7;
  border-radius: 29px;
  border-bottom: unset;
}

@media only screen and (max-width: 767px) {
  .contact .form__group:last-of-type {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .contact .form__group.-first .error-msg {
    margin-left: -34px;
  }
}

.contact .form__group-label {
  width: 100%;
  max-width: 285px;
  display: flex;
  gap: 5px;
}

@media only screen and (max-width: 767px) {
  .contact .form__group-label {
    max-width: 100%;
    margin-bottom: 10px;
  }
}

.contact .form__group-wrapper {
  flex-grow: 1;
}

.contact .form__group-wrapper input,
.contact .form__group-wrapper textarea {
  width: 100%;
}

.contact .form__group-wrapper input[type=text] {
  min-height: 50px;
  border-radius: 13px;
  background-color: #F2F8F8;
  border: 1px solid #4982C8;
  padding-left: 24px;
  margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
  .contact .form__group-wrapper input[type=text] {
    padding-left: 14px;
  }
}

.contact .form__group-wrapper input[type=text]:focus-visible {
  outline: 1px solid #4982C8;
}

.contact .form__group-wrapper input[type=text]::-moz-placeholder {
  font-size: 15px;
  color: #B7C3C3;
  font-weight: 700;
}

.contact .form__group-wrapper input[type=text]::placeholder {
  font-size: 15px;
  color: #B7C3C3;
  font-weight: 700;
}

.contact .form__group-wrapper textarea {
  border-radius: 13px;
  background-color: #F2F8F8;
  border: 1px solid #4982C8;
  resize: none;
  min-height: 130px;
  padding: 15px;
}

@media only screen and (max-width: 767px) {
  .contact .form__group-wrapper textarea {
    min-height: 138px;
  }
}

.contact .form__group-wrapper textarea:focus-visible {
  outline: 1px solid #4982C8;
}

.contact .form__group-box {
  display: flex;
  flex-direction: column;
}

.contact .form__group-policy {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.2777777778;
  color: #3B4043;
}

@media only screen and (max-width: 767px) {
  .contact .form__group-policy {
    align-items: flex-start;
  }
}

.contact .form__group-policy>span {
  display: flex;
  gap: 5px;
  font-size: 20px;
}

.contact .form__group-policy .error-msg {
  margin-left: 20px;
}

@media only screen and (max-width: 767px) {
  .contact .form__group-policy .error-msg {
    margin-left: 40px;
  }
}

.contact .form__group-privacy {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.6666666667;
  margin-top: 5px;
  margin-bottom: 22px;
}

@media only screen and (max-width: 767px) {
  .contact .form__group-privacy {
    margin-bottom: 20px;
  }
}

.contact .form__group-link {
  color: #4982C8;
}

.contact .form__group-link:hover {
  text-decoration: unset;
}

.contact .form__label-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #3B4043;
}

@media only screen and (max-width: 767px) {
  .contact .form__label-title {
    font-size: 18px;
  }
}

.contact .form .error-msg {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.2;
  color: #DE2A2B;
}

@media only screen and (max-width: 767px) {
  .contact .form .error-msg {
    margin-top: 5px;
  }
}

.contact .form .remarks {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.2;
  color: #3B4043;
}

@media only screen and (max-width: 767px) {
  .contact .form .remarks {
    margin-top: 5px;
  }
}

.contact .form .required {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #DE2A2B;
  border-radius: 9px;
  width: 34px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  flex-shrink: 0;
}

.contact .form .no-required {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #8FA1AC;
  border-radius: 9px;
  width: 34px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
}

.contact .form .radio__group {
  display: flex;
  flex-direction: column;
}

.contact .form .radio__group label {
  margin-bottom: 13px;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.2666666667;
}

.contact .form .radio__group label input {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.2666666667;
  color: #3B4043;
  margin-left: 0;
  margin-top: 0;
  width: 28px;
  height: 28px;
  border: 2px;
  flex-shrink: 0;
}

.contact .form .checkbox-container {
  display: flex;
  align-items: center;
  width: 200px;
}

.contact .form .custom-checkbox {
  position: relative;
  width: 28px;
  height: 28px;
  background-color: #fff;
  cursor: pointer;
  margin-right: 10px;
}

.contact .form .custom-checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
}

.contact .form .custom-checkbox input:checked+.checkmark {
  background-color: #4982C8;
  border: none;
}

.contact .form .checkmark {
  position: absolute;
  inset: 0;
  width: 26px;
  height: 26px;
  border: 2px;
  border: 2px solid #8FA1AC;
  /* Initial border for the checkmark area */
}

.contact .form .checkmark::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.871' height='16.174' viewBox='0 0 23.871 16.174'%3E%3Cpath id='Path_36124' data-name='Path 36124' d='M-6198.527,506.42l5.146,6.227,13.1-10.564' transform='translate(6201.343 -499.271)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='4'/%3E%3C/svg%3E%0A");
  width: 23px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #fff;
  display: none;
}

.contact .form .custom-checkbox input:checked+.checkmark::after {
  display: block;
}

.contact .form .checkbox-label {
  color: #3B4043;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.2666666667;
}

.contact .button-component {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 0;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  text-align: center;
  width: 100%;
  max-width: 344px;
  transition: all 0.3s ease;
  position: relative;
  text-decoration: unset;
  min-height: 68px;
}

.contact .button-back {
  background-color: #fff;
  color: #8FA1AC;
  border: 4px solid #8FA1AC;
  width: 344px;
}
@media only screen and (max-width: 767px) {
  .contact .button-back {
    width: 310px;
  }
}

.contact .button-back::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.226' height='16.452' viewBox='0 0 10.226 16.452'%3E%3Cpath id='Icon_feather-chevron-right' data-name='Icon feather-chevron-right' d='M18.9,19.795l-5.4-5.4L18.9,9' transform='translate(-11.5 -6.172)' fill='none' stroke='%238fa1ac' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/svg%3E%0A");
  width: 10px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

.contact .button-confirm {
  background-color: #FFBD22;
  color: #fff;
  border: 4px solid #FFBD22;
  width: 344px;
}
@media only screen and (max-width: 767px) {
  .contact .button-confirm {
    width: 310px;
  }
}

.contact .button-confirm::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.226' height='16.451' viewBox='0 0 10.226 16.451'%3E%3Cpath id='Icon_feather-chevron-right' data-name='Icon feather-chevron-right' d='M13.5,19.794l5.4-5.4L13.5,9' transform='translate(-10.672 -6.172)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

.contact .button-back:hover {
  opacity: 0.7;
}

.contact .button-back:hover::before {
  left: 25px;
}

.contact .button-confirm:hover {
  opacity: 0.7;
}

.contact .button-confirm:hover::after {
  right: 25px;
}

.contact .button-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-top: 60px;
}

@media only screen and (max-width: 767px) {
  .contact .button-group {
    flex-direction: column;
    gap: 20px;
    margin-top: 50px;
  }
}

.confirm.contact .form__group {
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.confirm.contact .form__group:last-child {
  margin-bottom: 60px;
}

.confirm.contact .form__group .radio__group,
.confirm.contact .form__group .form__group-wrapper {
  width: 100%;
}

.confirm .form__group-label {
  max-width: 310px;
}

@media only screen and (max-width: 767px) {
  .confirm .form__group-label {
    max-width: 100%;
  }
}

.confirm .confirm-value {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2666666667;
  letter-spacing: 0.05em;
}

.thank__wrapper {
  padding: 80px 15px;
  background-color: #fff;
  border-radius: 60px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .thank__wrapper {
    padding: 40px 17.5px;
    border-radius: 40px;
  }
}

.thank__wrapper h3 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4;
  color: #4982C8;
  margin-bottom: 30px;
}

.thank__wrapper p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2.5;
  color: #3B4043;
}

.a-contact-form {
  margin: 40px 0;
}

.a-contact-form__steps--1 .form-steps__lists .form-steps__item--1 {
  background-color: #4982C8;
  position: relative;
}

.a-contact-form__steps--1 .form-steps__lists .form-steps__item--1:before {
  content: "";
  position: absolute;
  right: 19px;
  top: 0;
  bottom: 0;
  width: 50px;
  z-index: 1;
  background-color: #4982C8;
  transform: rotate(126deg) skew(352deg, 10deg);
  border-width: 3px 3px 0 0;
}

@media only screen and (max-width: 768px) {
  .a-contact-form__steps--1 .form-steps__lists .form-steps__item--1:before {
    width: 29px;
    right: -14px;
  }
}

.a-contact-form__steps--1 .form-steps__lists .form-steps__item--1:after {
  content: "";
  position: absolute;
  right: 0;
  width: 45px;
  top: 0;
  bottom: 0;
  background-color: #fff;
}

@media only screen and (max-width: 768px) {
  .a-contact-form__steps--1 .form-steps__lists .form-steps__item--1:after {
    width: 5px;
  }
}

.a-contact-form__steps--1 .form-steps__lists .form-steps__item--1 p {
  color: #fff;
}

.a-contact-form__steps--1 .form-steps__lists .form-steps__item--2 {
  position: relative;
}

.a-contact-form__steps--1 .form-steps__lists .form-steps__item--2:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  width: 50px;
  z-index: 1;
  background-color: #fff;
  transform: rotate(36deg) skew(352deg, 10deg);
  border: solid #4982C8;
  border-width: 3px 3px 0 0;
}

@media only screen and (max-width: 768px) {
  .a-contact-form__steps--1 .form-steps__lists .form-steps__item--2:before {
    width: 29px;
    background-color: transparent;
    right: -10px;
    border-width: 2px 2px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .form-steps__item .form-steps__item--2 .form-steps__text-lg {
    padding-left: 15px;
  }
}

.a-contact-form__steps--2 .form-steps__lists .form-steps__item--2 {
  background-color: #4982C8;
  position: relative;
}

.a-contact-form__steps--2 .form-steps__lists .form-steps__item--2 .form-steps__text-lg {
  padding-right: 40px;
}

@media only screen and (max-width: 767px) {
  .a-contact-form__steps--2 .form-steps__lists .form-steps__item--2 .form-steps__text-lg {
    padding-right: 0;
  }
}

.a-contact-form__steps--2 .form-steps__lists .form-steps__item--2:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  width: 50px;
  z-index: 1;
  background-color: #4982C8;
  transform: rotate(126deg) skew(352deg, 10deg);
  border-width: 3px 3px 0 0;
}

@media only screen and (max-width: 768px) {
  .a-contact-form__steps--2 .form-steps__lists .form-steps__item--2:before {
    width: 30px;
    right: -10px;
  }
}

.a-contact-form__steps--2 .form-steps__lists .form-steps__item--2:after {
  content: "";
  position: absolute;
  right: 0;
  width: 45px;
  top: 0;
  bottom: 0;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .a-contact-form__steps--2 .form-steps__lists .form-steps__item--2:after {
    right: -20px;
    width: 30px;
  }
}

.a-contact-form__steps--2 .form-steps__lists .form-steps__item--2 p {
  color: #fff;
}

.a-contact-form__steps--2 .form-steps__lists .form-steps__item--1 {
  position: relative;
}

.a-contact-form__steps--2 .form-steps__lists .form-steps__item--1:before {
  content: "";
  position: absolute;
  right: 17px;
  top: 0;
  bottom: 0;
  width: 50px;
  z-index: 1;
  background-color: #fff;
  transform: rotate(126deg) skew(352deg, 10deg);
  border: solid #fff;
  border-width: 3px 3px 0 0;
}

@media only screen and (max-width: 768px) {
  .a-contact-form__steps--2 .form-steps__lists .form-steps__item--1:before {
    right: -11px;
    width: 28px;
  }
}

.a-contact-form__steps--2 .form-steps__lists .form-steps__item--1:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #4982C8;
  width: 50px;
}

@media only screen and (max-width: 768px) {
  .a-contact-form__steps--2 .form-steps__lists .form-steps__item--1:after {
    background-color: unset;
  }
}

.a-contact-form__steps--3 .form-steps__lists .form-steps__item--3 {
  background-color: #4982C8;
  position: relative;
}

.a-contact-form__steps--3 .form-steps__lists .form-steps__item--3:before {
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
  bottom: 0;
  width: 50px;
  z-index: 1;
  background-color: #fff;
  transform: rotate(126deg) skew(352deg, 10deg);
  border-width: 3px 3px 0 0;
}

@media only screen and (max-width: 768px) {
  .a-contact-form__steps--3 .form-steps__lists .form-steps__item--3:before {
    left: -29px;
    width: 30px;
  }
}

.a-contact-form__steps--3 .form-steps__lists .form-steps__item--3:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  background-color: #4982C8;
}

@media only screen and (max-width: 768px) {
  .a-contact-form__steps--3 .form-steps__lists .form-steps__item--3:after {
    left: -20px;
    width: 20px;
  }
}

.a-contact-form__steps--3 .form-steps__lists .form-steps__item--3 p {
  color: #fff;
}

.a-contact-form__steps--3 .form-steps__lists .form-steps__item--2 {
  position: relative;
}

.a-contact-form__steps--3 .form-steps__lists .form-steps__item--2:before {
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
  bottom: 0;
  width: 50px;
  z-index: 1;
  background-color: #fff;
  transform: rotate(36deg) skew(352deg, 10deg);
  border: solid #4982C8;
  border-width: 3px 3px 0 0;
}

@media only screen and (max-width: 767px) {
  .a-contact-form__steps--3 .form-steps__lists .form-steps__item--2:before {
    left: -30px;
    width: 29px;
    background-color: transparent;
    transform: rotate(40deg) skew(352deg, 10deg);
    border-width: 2px 2px 0 0;
  }
}

.a-contact-form__steps .form-steps__lists {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  overflow: hidden;
  border: 2px solid #4982C8;
  border-radius: 25px;
  background-color: #fff;
}

@media only screen and (max-width: 768px) {
  .a-contact-form__steps .form-steps__lists {
    margin-bottom: 20px;
  }
}

.a-contact-form__steps .form-steps__item {
  background-color: #fff;
  margin-bottom: 20px;
  position: relative;
}

.a-contact-form__steps .form-steps__item {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  margin-bottom: 0;
}

.a-contact-form__steps .form-steps__text-lg {
  font-size: 18px;
  line-height: 1.4em;
  font-weight: 700;
  text-align: center;
  padding: 12px 0 13px;
  color: #4982C8;
}

@media only screen and (max-width: 767px) {
  .a-contact-form__steps .form-steps__text-lg {
    font-size: 14px;
    padding: 5px 0;
  }
}

/*# sourceMappingURL=contact.css.map */