/*Homepage V2*/
/*----- Proxima Nova -----*/
/*----- Proxima  Nova Bold -----*/
@font-face {
  font-family: 'proxima_nova_rgbold';
  src: url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-8eee610eaa9e4d89694138f1c70297282d77692bc73251f4e10d0b25d6ab2381.woff2) format("woff2"), url(/assets/proxima-nova-bold-58bd78a0818eb-webfont-8eee610eaa9e4d89694138f1c70297282d77692bc73251f4e10d0b25d6ab2381.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-175f659486ad363101cab36572c6cc089a9aab6ccb25f744535d0c15d01267de.woff2) format("woff2"), url(/assets/proxima-nova-light-58bd6ff1139f8-webfont-26d814aeb3c7ed6d72ab68cf13c12723c5d892bf3b5899b59559db902246e5b2.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-ad5758b277318caaf5e037e033ab3f508465807e12412acd891f704584ca7dd1.woff2) format("woff2"), url(/assets/proxima_nova_regular-webfont-631d71b715369416af01b4e8e8890666ab44a283d7fbab3776620df25d57227a.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-7d590a99e193e69b97f86af69f903be9040729565f8ba5a3f8dddbfb03ee97ad.woff) format("woff"), url(/assets/proxima_nova_regular-webfont-631d71b715369416af01b4e8e8890666ab44a283d7fbab3776620df25d57227a.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-ac841d18ad230eb5a1ec2e9b522cb216c70dd8ea7b7ec3da1395370ae7c184cd.woff2) format("woff2"), url(/assets/proxima_nova_semi_bold-webfont-2041571fb6f24c637b03dce17b74ede9a8388de19d88901c57b225ae2037dacc.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; }

.error_name, .error_phone, .error_email, .error_message {
  color: #F96A7F;
  margin-bottom: 0 !important;
  height: 22px; }
  @media (min-width: 376px) and (max-width: 767px) {
    .error_name, .error_phone, .error_email, .error_message {
      font-size: 13px; } }
  @media (min-width: 366px) and (max-width: 375px) {
    .error_name, .error_phone, .error_email, .error_message {
      font-size: 13px; } }
  @media (min-width: 320px) and (max-width: 365px) {
    .error_name, .error_phone, .error_email, .error_message {
      font-size: 12px; } }

.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; }

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

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

.error_name, .error_phone,
.error_email, .error_message {
  font-size: 14px; }