/*#region font size classes */
.fs-10 {
  font-size: 10px;
}
.fs-12 {
  font-size: 12px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-18 {
  font-size: 18px;
}
.fs-20 {
  font-size: 20px;
}
.fs-22 {
  font-size: 22px;
}
.fs-24 {
  font-size: 24px;
}
.fs-26 {
  font-size: 26px;
}
.fs-28 {
  font-size: 28px;
}
.fs-30 {
  font-size: 30px;
}
.fs-32 {
  font-size: 32px;
}
.fs-34 {
  font-size: 34px;
}
.fs-36 {
  font-size: 36px;
}
.fs-38 {
  font-size: 38px;
}
.fs-40 {
  font-size: 40px;
}
.fs-42 {
  font-size: 42px;
}
.fs-44 {
  font-size: 44px;
}
.fs-46 {
  font-size: 46px;
}
.fs-48 {
  font-size: 48px;
}
.br-5 {
  border-radius: 5px;
}
.br-10 {
  border-radius: 10px;
}
.border-none {
  border: none;
}
.text-white {
  color: white;
}
.wp-button {
  right: 3% !important;
  left: auto !important;
  bottom: 3% !important;
}
/*#endregion font size classes */

/*#region footer section start */
  .form-wrapper {
    background: linear-gradient(270.97deg, #0358AB 0%, #2D77C0 76.16%);
    padding: 30px;
  }
  .form > div > div > input {
    width: 400px;
    height: 50px;
  }
  .form > div > div > select {
    width: 400px;
    height: 50px;
  }
  .form .form-item input[type="checkbox"]:after, .form .form-item input[type="checkbox"]:before {
    top: 0;
    border: 2px solid white;
    border-radius: 2px;
  }
  .form-send-btn {
    background: #000A61;
    box-shadow: 4px 4px 20px 0px #00000033;
    padding: 1.25rem;
  }
  .form-send-btn + img {
    top: 50%;
    transform: translateY(-50%);
    right: 35px;
  }
  .form-send-btn:not(.animation-btn):hover {
    background: #000A61;
  }
  .form-item > input[type=text],
  .form-item > select,
  .form-item > input[type=tel] {
    border: none;
    outline: none;
  }

  .form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url(select-arrow-icon.svg);
    background-repeat: no-repeat;
    background-position: right 1.5rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
/*#endregion footer section end */

/*#region service detail start */
.service-details > div.img-holder > img {
  -o-object-fit: contain;
  object-fit: contain;
}
  .service-details > div.content-wrapper {
    padding-block: 30px;
    border-radius: 5px;
    gap: 3rem;
  }
  .content-wrapper > div.content {
    color: black;
    background: white;
    border-radius: 5px;
    flex: 1;
  }
  .content-wrapper > div.content > img {
    margin-bottom: 1rem;
  }
  .service-details > .content-wrapper > div.form {
    flex: 1;
  }
/*#endregion servives end */


/*#region font size classes for desktop */
@media screen and (min-width:992px) {
  /*#region font size classes */
  .fs-lg-10 {
    font-size: 10px;
  }
  .fs-lg-12 {
    font-size: 12px;
  }
  .fs-lg-14 {
    font-size: 14px;
  }
  .fs-lg-15 {
    font-size: 15px;
  }
  .fs-lg-16 {
    font-size: 16px;
  }
  .fs-lg-18 {
    font-size: 18px;
  }
  .fs-lg-20 {
    font-size: 20px;
  }
  .fs-lg-22 {
    font-size: 22px;
  }
  .fs-lg-24 {
    font-size: 24px;
  }
  .fs-lg-26 {
    font-size: 26px;
  }
  .fs-lg-28 {
    font-size: 28px;
  }
  .fs-lg-30 {
    font-size: 30px;
  }
  .fs-lg-32 {
    font-size: 32px;
  }
  .fs-lg-34 {
    font-size: 34px;
  }
  .fs-lg-36 {
    font-size: 36px;
  }
  .fs-lg-38 {
    font-size: 38px;
  }
  .fs-lg-40 {
    font-size: 40px;
  }
  .fs-lg-42 {
    font-size: 42px;
  }
  .fs-lg-44 {
    font-size: 44px;
  }
  .fs-lg-46 {
    font-size: 46px;
  }
  .fs-lg-48 {
    font-size: 48px;
  }
  /*#endregion font size classes */

  /*#region service detail start */
  .service-details > div.content-wrapper {
    padding-block: 120px;
    background: white;
  }
  .service-details > .content-wrapper > div.form {
    background: white;
  }
  /*#endregion servives end */

  /* form-section start*/

  /* .form-wrapper {
      padding: 90px 0px;
    } */
  
  /* form-section end */

}
/*#endregion font-size classses for desktop */