/*Homepage V2*/
/*----- Proxima Nova -----*/
/*----- Proxima  Nova Bold -----*/
@font-face {
  font-family: 'proxima_nova_rgbold';
  src: url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-d6a03c24dedd8c0ef2afa066694ff7e7c86d460ba0198eb4524853b39395e07a.woff2) format("woff2"), url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-d6a03c24dedd8c0ef2afa066694ff7e7c86d460ba0198eb4524853b39395e07a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/*----- Proxima  Nova Bold -----*/
@font-face {
  font-family: 'proxima_novalight';
  src: url(/assets/proxima-nova-light-58bd6ff1139f8-webfont-ba3f3824e55c8403d88b201f072d18700d36912c20f0e8d7d9cc8682dfdccee6.woff2) format("woff2"), url(/assets/proxima-nova-light-58bd6ff1139f8-webfont-5e4051f4ff344cfdb9f8591cdbbe2e8d55eb0608f6eae4da94869834ce230ebe.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'proxima_nova_rgregular';
  src: url(/assets/proxima_nova_regular-webfont-8ec17c36c9338ff605200e2b77f6185ba8dc824ba047943ff304c2b2f8c085b8.woff2) format("woff2"), url(/assets/proxima_nova_regular-webfont-6880d3930470892ab51dd7e8fbdae5dd4cfaa1f894331856b01f986fbdb14c9e.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/*----- Proxima Regular Nova -----*/
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url(/assets/ProximaNova-Regular-26d8d54ffba77bf8786ef20d0048d56d22adec81faf23db67ab4bd14de6840ff.woff) format("woff"), url(/assets/proxima_nova_regular-webfont-6880d3930470892ab51dd7e8fbdae5dd4cfaa1f894331856b01f986fbdb14c9e.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/*----- Proxima Nova Regular  -----*/
/*----- Proxima Sami bold Nova -----*/
@font-face {
  font-family: 'proxima_novasemibold';
  src: url(/assets/proxima_nova_semi_bold-webfont-04f7c3ecfdf95598776a7d40a75f74653be98ac7b934a42808dfacde8c5975e1.woff2) format("woff2"), url(/assets/proxima_nova_semi_bold-webfont-faf9d5971fa68bb10e04a415e8f6985fedecebe83bc570c2d1469ba0201550b4.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/*----- Proxima Sami bold Nova -----*/
#contact-us-error {
  color: red; }

.contact-us-content {
  background-color: #fefefe;
  margin: 0 auto;
  width: 45%; }
  @media (max-width: 767px) {
    .contact-us-content {
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      left: 50%; } }
  @media (min-width: 426px) and (max-width: 768px) {
    .contact-us-content {
      width: 60%; } }
  @media (min-width: 376px) and (max-width: 426px) {
    .contact-us-content {
      width: 80%; } }
  @media (min-width: 366px) and (max-width: 376px) {
    .contact-us-content {
      width: 85%; } }
  @media (min-width: 320px) and (max-width: 365px) {
    .contact-us-content {
      width: 90%; } }
.contact-close {
  float: right;
  cursor: pointer;
  position: relative;
  z-index: 99;
  right: 0px;
  top: 7px; }
  .contact-close img {
    margin-bottom: 10px;
    position: relative;
    z-index: 1; }
  @media (max-width: 767px) {
    .contact-close {
      right: 11px; }
      .contact-close img {
        width: 75%; } }
  @media (min-width: 335px) and (max-width: 375px) {
    .contact-close {
      right: 8px;
      top: 7px; }
      .contact-close img {
        width: 67%; } }
.contact-message {
  padding-top: 10px; }

.contact-us-modal {
  display: none;
  position: fixed;
  z-index: 99;
  padding-top: 25px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6); }

.contact-us-section {
  border: 0;
  overflow: auto;
  padding: 33px 48px 42px 40px; }
  @media (max-width: 767px) {
    .contact-us-section {
      padding: 20px 23px 25px 17px; } }
  @media (min-width: 335px) and (max-width: 375px) {
    .contact-us-section {
      padding: 20px 15px 25px 17px; } }
  .contact-us-section .sami-bold {
    font-family: 'proxima_novasemibold'; }
  .contact-us-section .under-line {
    position: relative; }
    @media (max-width: 767px) {
      .contact-us-section .under-line {
        text-decoration: underline; } }
    .contact-us-section .under-line:after {
      position: absolute;
      content: "";
      height: 1px;
      background-color: #373737;
      width: 150px;
      top: 21px;
      left: 0;
      opacity: 0.7; }
      @media (max-width: 767px) {
        .contact-us-section .under-line:after {
          display: none; } }
      @media (min-width: 335px) and (max-width: 375px) {
        .contact-us-section .under-line:after {
          display: none; } }
      @media (min-width: 335px) and (max-width: 374px) {
        .contact-us-section .under-line:after {
          display: none; } }
    @media (max-width: 767px) {
      .contact-us-section .under-line:before {
        display: none; } }
    @media (min-width: 335px) and (max-width: 375px) {
      .contact-us-section .under-line:before {
        display: none; } }
    @media (min-width: 335px) and (max-width: 374px) {
      .contact-us-section .under-line:before {
        display: none; } }
  .contact-us-section .contact-us-title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    text-align: center; }
  .contact-us-section .contact-us-form label {
    font-size: 17px;
    color: #333434;
    font-family: 'proxima_novasemibold';
    margin-bottom: 10px;
    display: inline-block; }
    @media (max-width: 767px) {
      .contact-us-section .contact-us-form label {
        margin-bottom: 3px;
        font-size: 19.4px; } }
    @media (min-width: 335px) and (max-width: 375px) {
      .contact-us-section .contact-us-form label {
        font-size: 17px; } }
    @media (min-width: 366px) and (max-width: 375px) {
      .contact-us-section .contact-us-form label {
        font-size: 18px; } }
  .contact-us-section .contact-us-form input {
    width: 550px;
    height: 45px;
    opacity: 0.5;
    border: solid 1px #959898;
    background-color: rgba(216, 216, 216, 0);
    margin-bottom: 0; }
    @media (min-width: 376px) and (max-width: 767px) {
      .contact-us-section .contact-us-form input {
        top: 22px;
        width: 72px; } }
    @media (min-width: 366px) and (max-width: 375px) {
      .contact-us-section .contact-us-form input {
        height: 42px; } }
    @media (min-width: 320px) and (max-width: 365px) {
      .contact-us-section .contact-us-form input {
        height: 42px; } }
  .contact-us-section .contact-us-form .contact-btn {
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: center; }
    @media (max-width: 767px) {
      .contact-us-section .contact-us-form .contact-btn {
        display: block; } }
    @media (min-width: 335px) and (max-width: 375px) {
      .contact-us-section .contact-us-form .contact-btn {
        display: block; } }
    .contact-us-section .contact-us-form .contact-btn button {
      display: inline-block;
      width: 386px;
      height: 64px;
      background-image: linear-gradient(0deg, #ff6f00 0%, #ff9b00 100%);
      text-align: center;
      font-size: 22px;
      color: #fff;
      font-family: 'proxima_nova_rgbold';
      border-radius: 64px;
      border-color: transparent;
      margin: 29px 0 0 0;
      opacity: 1; }
      @media (max-width: 767px) {
        .contact-us-section .contact-us-form .contact-btn button {
          height: 59px;
          font-size: 18px;
          width: 99%;
          margin: 0; } }
      @media (min-width: 335px) and (max-width: 375px) {
        .contact-us-section .contact-us-form .contact-btn button {
          height: 50px;
          font-size: 17.2px;
          width: 99%;
          padding-left: 35px;
          line-height: 24px; } }
      @media (min-width: 425px) and (max-width: 769px) {
        .contact-us-section .contact-us-form .contact-btn button {
          margin: 5px 0 0 0; } }
      @media (min-width: 366px) and (max-width: 375px) {
        .contact-us-section .contact-us-form .contact-btn button {
          font-size: 16px; } }
      .contact-us-section .contact-us-form .contact-btn button span img {
        position: relative;
        top: -2px; }
        @media (max-width: 767px) {
          .contact-us-section .contact-us-form .contact-btn button span img {
            left: 3px;
            top: 0px;
            width: 9px; } }
        @media (min-width: 335px) and (max-width: 375px) {
          .contact-us-section .contact-us-form .contact-btn button span img {
            width: 9px;
            left: 2px;
            top: -2px; } }
        @media (min-width: 366px) and (max-width: 375px) {
          .contact-us-section .contact-us-form .contact-btn button span img {
            top: -1px; } }
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
          .contact-us-section .contact-us-form .contact-btn button span img {
            top: -3px !important; } }
@-moz-document url-prefix() {
  .contact-us-section .contact-us-form .contact-btn button span img {
    top: 0 !important; } }

.contact-us-row {
  display: flex;
  gap: 20px;
  margin-bottom: 15px; }

.form-column {
  flex: 1;
  display: flex;
  flex-direction: column; }

.contact-us-modal .error_name, .contact-us-modal .error_phone, .contact-us-modal .error_email, .contact-us-modal .error_message {
  color: #F96A7F;
  margin-bottom: 0 !important;
  height: 22px; }
  @media (min-width: 376px) and (max-width: 767px) {
    .contact-us-modal .error_name, .contact-us-modal .error_phone, .contact-us-modal .error_email, .contact-us-modal .error_message {
      font-size: 13px; } }
  @media (min-width: 366px) and (max-width: 375px) {
    .contact-us-modal .error_name, .contact-us-modal .error_phone, .contact-us-modal .error_email, .contact-us-modal .error_message {
      font-size: 13px; } }
  @media (min-width: 320px) and (max-width: 365px) {
    .contact-us-modal .error_name, .contact-us-modal .error_phone, .contact-us-modal .error_email, .contact-us-modal .error_message {
      font-size: 12px; } }
.contact-us-modal .contact_input {
  width: 100% !important;
  height: 52px;
  opacity: 0.5;
  border: solid 1px #959898;
  background-color: rgba(216, 216, 216, 0);
  margin-bottom: 16px;
  font-size: 16px !important;
  color: black !important;
  margin-bottom: 0;
  padding-left: 10px !important;
  border-radius: 7px !important; }

.contact-us-modal .open-contact-us-modal {
  cursor: pointer; }

.contact-us-modal .contact-us-footer {
  text-align: center;
  font-size: 16px;
  margin-top: 30px; }
  .contact-us-modal .contact-us-footer a {
    color: #008CBA;
    line-height: inherit;
    text-decoration: none; }
  @media (min-width: 426px) and (max-width: 769px) {
    .contact-us-modal .contact-us-footer {
      font-size: 14px;
      margin-top: 15px; } }
  @media (min-width: 376px) and (max-width: 426px) {
    .contact-us-modal .contact-us-footer {
      font-size: 13.3px;
      margin-top: 20px; } }
  @media (min-width: 320px) and (max-width: 376px) {
    .contact-us-modal .contact-us-footer {
      font-size: 11px;
      margin-top: 16px; } }
.contact-us-modal .error_name, .contact-us-modal .error_phone,
.contact-us-modal .error_email, .contact-us-modal .error_message {
  font-size: 14px; }
