:root {
    --fallback-font-stack: Helvetica, Arial, serif;
  }
  
  .hp-contact-us.marketingToolSection {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 0;
    background: var(--src) center center/cover no-repeat;
    overflow: hidden;
  }
  .hp-contact-us .headerContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 1 59;
    margin: 36px 30px 0;
    width: 95%;
  }
  @media (max-width: 991px) {
    .hp-contact-us .headerContainer {
      -moz-column-gap: 32px;
      column-gap: 32px;
    }
  }
  @media (max-width: 575px) {
    .hp-contact-us .headerContainer {
      -moz-column-gap: 16px;
      column-gap: 16px;
    }
  }
  @media (max-width: 383px) {
    .hp-contact-us .headerContainer {
      -moz-column-gap: 8px;
      column-gap: 8px;
    }
  }
  .hp-contact-us .logoImage {
    max-width: 155.9895935059px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  @media (max-width: 575px) {
    .hp-contact-us .logoImage {
      position: relative;
      margin: 0 0 0 16px;
    }
  }
  @media (max-width: 383px) {
    .hp-contact-us .logoImage {
      margin: 0 0 0 8px;
    }
  }
  .hp-contact-us .brandIcon {
    display: none !important;
    width: 14px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  @media (max-width: 1199px) {
    .hp-contact-us .brandIcon {
      position: relative;
    }
  }
  @media (max-width: 767px) {
    .hp-contact-us .brandIcon {
      display: flex !important;
      width: 18px;
      height: 14px;
    }
  }
  .hp-contact-us .mainNav {
    display: flex;
    flex-direction: column;
    /* width: 412px; */
    /* min-width: 0;
    max-width: 411.9965515137px; */
    background-color: rgba(184, 183, 183, 0.219);
    outline-offset: 0;
    border-radius: 24px;
    box-shadow: 4px 4px 20px 0 rgba(255, 255, 255, 0.1);
    outline: rgba(227, 227, 227, 0.266) solid 0.8000000119px;
  }
  @media (max-width: 767px) {
    .hp-contact-us .mainNav {
      position: relative;
      display: none !important;
    }
  }
  .hp-contact-us .navLinksContainer {
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin: 4px;
  }
  @media (max-width: 991px) {
    .hp-contact-us .navLinksContainer {
      position: relative;
      margin: 4px auto;
    }
  }
  .hp-contact-us .homeLink {
    display: flex;
    justify-content: center;
    min-width: 84px;
    font: 700 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
    color: #29009c;
    text-align: center;
    background-color: white;
    padding: 10px 6px;
    border-radius: 20px;
    letter-spacing: -0.08px;
  }
  .hp-contact-us .aboutLink {
    display: flex;
    justify-content: center;
    width: 72px;
    font: 500 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    text-align: center;
    letter-spacing: -0.08px;
  }
  .hp-contact-us .pricingLink {
    display: flex;
    justify-content: center;
    width: 72px;
    font: 500 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    text-align: center;
    letter-spacing: -0.08px;
  }
  .hp-contact-us .faqLink {
    display: flex;
    justify-content: center;
    width: 72px;
    font: 500 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    text-align: center;
    letter-spacing: -0.08px;
  }
  .hp-contact-us .contactLink {
    display: flex;
    justify-content: center;
    width: 72px;
    font: 500 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    text-align: center;
    letter-spacing: -0.08px;
  }
  .hp-contact-us .userOptionsContainer {
    display: flex;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  @media (max-width: 767px) {
    .hp-contact-us .userOptionsContainer {
      position: relative;
      display: none !important;
    }
  }
  @media (max-width: 383px) {
    .hp-contact-us .userOptionsContainer {
      -moz-column-gap: 8px;
      column-gap: 8px;
    }
  }
  .hp-contact-us .userIcon {
    width: 24px;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .hp-contact-us .loginLink {
    display: flex;
    justify-content: center;
    width: 38px;
    font: 500 14px/1.07 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    text-align: center;
    letter-spacing: -0.36001px;
  }
  .hp-contact-us .contactSection {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin: 132px 0 0;
    width: 76%;
  }
  @media (max-width: 991px) {
    .hp-contact-us .contactSection {
      flex-direction: column;
      align-items: center;
      gap: 32px 40px;
    }
  }
  .hp-contact-us .contactFormContainer {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
    width: 100%;
  }
  .hp-contact-us .contactHeader {
    display: flex;
    align-items: center;
    font: 700 40px/1.23 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
  }
  @media (max-width: 991px) {
    .hp-contact-us .contactHeader {
      font-size: 36px;
    }
  }
  @media (max-width: 479px) {
    .hp-contact-us .contactHeader {
      font-size: 32px;
    }
  }
  .hp-contact-us .inputSection {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
  }
  @media (max-width: 479px) {
    .hp-contact-us .inputSection {
      row-gap: 16px;
    }
  }
  .hp-contact-us .nameFieldContainer {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
  }
  .hp-contact-us .nameLabel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: fit-content;
    font: 600 16px/1.25 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    text-align: center;
  }
  .hp-contact-us .nameInputContainer {
    display: flex;
    flex-direction: column;
    background-color: rgba(184, 183, 183, 0.329);
    outline-offset: 0;
    border-radius: 8px;
    box-shadow: 4px 4px 20px 0 rgba(255, 255, 255, 0.1);
    outline: rgba(227, 227, 227, 0.266) solid 0.8000000119px;
    height: 44px;
    padding: 14px;
    color: white;
  }
  .hp-contact-us .nameInput {
    margin: 14px 0 14px 16px;
    width: 34px;
    max-width: 85%;
    font: 400 12px/1.67 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
  }
  @media (max-width: 383px) {
    .hp-contact-us .nameInput {
      position: relative;
      margin: 14px 0 14px 8px;
    }
  }
  .hp-contact-us .emailFieldContainer {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  @media (max-width: 575px) {
    .hp-contact-us .emailFieldContainer {
      -moz-column-gap: 16px;
      column-gap: 16px;
    }
  }
  @media (max-width: 479px) {
    .hp-contact-us .emailFieldContainer {
      flex-direction: column;
      align-items: center;
      gap: 16px;
    }
  }
  .hp-contact-us .emailInputContainer {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    width: 50%;
    min-width: 0;
  }
  @media (max-width: 479px) {
    .hp-contact-us .emailInputContainer {
      position: relative;
      width: 100%;
      min-width: unset;
    }
  }
  .hp-contact-us .emailLabel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 81px;
    max-width: 85%;
    font: 600 16px/1.25 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    text-align: center;
  }
  .hp-contact-us .emailInputContainer1 {
    display: flex;
    flex-direction: column;
    background-color: rgba(184, 183, 183, 0.329);
    outline-offset: 0;
    border-radius: 8px;
    box-shadow: 4px 4px 20px 0 rgba(255, 255, 255, 0.1);
    outline: rgba(227, 227, 227, 0.266) solid 0.8000000119px;
    height: 44px;
    padding: 14px;
    color: white;
  }
  .hp-contact-us .emailInput {
    margin: 14px 0 14px 16px;
    width: 31px;
    max-width: 85%;
    font: 400 12px/1.67 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
  }
  @media (max-width: 383px) {
    .hp-contact-us .emailInput {
      position: relative;
      margin: 14px 0 14px 8px;
    }
  }
  .hp-contact-us .contactNumberContainer {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    width: 50%;
    min-width: 0;
  }
  @media (max-width: 479px) {
    .hp-contact-us .contactNumberContainer {
      position: relative;
      width: 100%;
      min-width: unset;
    }
  }
  .hp-contact-us .contactNumberLabel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 127px;
    max-width: 85%;
    font: 600 16px/1.25 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    text-align: center;
  }
  .hp-contact-us .contactNumberInputContainer {
    display: flex;
    flex-direction: column;
    background-color: rgba(184, 183, 183, 0.329);
    outline-offset: 0;
    border-radius: 8px;
    box-shadow: 4px 4px 20px 0 rgba(255, 255, 255, 0.1);
    outline: rgba(227, 227, 227, 0.266) solid 0.8000000119px;
    height: 44px;
    padding: 14px;
    color: white;
  }
  .hp-contact-us .contactNumberInput {
    margin: 14px 0 14px 16px;
    width: 93px;
    max-width: 85%;
    font: 400 12px/1.67 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
  }
  @media (max-width: 383px) {
    .hp-contact-us .contactNumberInput {
      position: relative;
      margin: 14px 0 14px 8px;
    }
  }
  .hp-contact-us .addressFieldContainer {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
  }
  .hp-contact-us .addressLabel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 63px;
    max-width: 85%;
    font: 600 16px/1.25 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    text-align: center;
  }
  .hp-contact-us .addressInputContainer {
    display: flex;
    flex-direction: column;
    background-color: rgba(184, 183, 183, 0.329);
    outline-offset: 0;
    border-radius: 8px;
    box-shadow: 4px 4px 20px 0 rgba(255, 255, 255, 0.1);
    outline: rgba(227, 227, 227, 0.266) solid 0.8000000119px;
    padding: 14px;
    color: white;
    width: 100%;
  }
  .hp-contact-us .addressInput {
    margin: 8px 0 60px 16px;
    width: 46px;
    max-width: 85%;
    font: 400 12px/1.67 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
  }
  @media (max-width: 383px) {
    .hp-contact-us .addressInput {
      position: relative;
      margin: 8px 0 50px 8px;
    }
  }
  .hp-contact-us .subjectFieldContainer {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
  }
  .hp-contact-us .subjectLabel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 59px;
    max-width: 85%;
    font: 600 16px/1.25 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    text-align: center;
  }
  .hp-contact-us .subjectInputContainer {
    display: flex;
    flex-direction: column;
    background-color: rgba(184, 183, 183, 0.329);
    outline-offset: 0;
    border-radius: 8px;
    box-shadow: 4px 4px 20px 0 rgba(255, 255, 255, 0.1);
    outline: rgba(227, 227, 227, 0.266) solid 0.8000000119px;
  }
  .hp-contact-us .subjectInput {
    margin: 14px 0 14px 16px;
    width: 43px;
    max-width: 85%;
    font: 400 12px/1.67 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
  }
  @media (max-width: 383px) {
    .hp-contact-us .subjectInput {
      position: relative;
      margin: 14px 0 14px 8px;
    }
  }
  .hp-contact-us .messageFieldContainer {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
  }
  .hp-contact-us .messageLabel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 106px;
    max-width: 85%;
    font: 600 16px/1.25 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    text-align: center;
  }
  .hp-contact-us .messageInputContainer {
    display: flex;
    flex-direction: column;
    background-color: rgba(184, 183, 183, 0.329);
    outline-offset: 0;
    border-radius: 8px;
    box-shadow: 4px 4px 20px 0 rgba(255, 255, 255, 0.1);
    outline: rgba(227, 227, 227, 0.266) solid 0.8000000119px;
  }
  .hp-contact-us .messageInput {
    margin: 8px 0 60px 16px;
    width: 57px;
    max-width: 85%;
    font: 400 12px/1.67 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
  }
  @media (max-width: 383px) {
    .hp-contact-us .messageInput {
      position: relative;
      margin: 8px 0 50px 8px;
    }
  }
  .hp-contact-us .submitButton {
    display: flex;
    justify-content: center;
    width: 124px;
    max-width: 100%;
    font: 600 20px/1 "Instrument Sans", Helvetica, Arial, serif;
    color: #f4f2fa;
    text-align: center;
    padding: 16px 26px;
    outline-offset: -2px;
    border-radius: 26px;
    letter-spacing: -0.08px;
    outline: #ffc700 solid 2px;
  }
  .hp-contact-us .infoSection {
    display: flex;
    flex-direction: column;
    row-gap: 36px;
    margin: 0 0 395px;
    width: 242px;
  }
  @media (max-width: 991px) {
    .hp-contact-us .infoSection {
      position: relative;
      margin: 0;
      width: 100%;
    }
  }
  .hp-contact-us .locationSection {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
  }
  .hp-contact-us .locationHeader {
    display: flex;
    align-items: center;
    font: 600 24px/1.21 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
  }
  @media (max-width: 991px) {
    .hp-contact-us .locationHeader {
      font-size: 22px;
    }
  }
  @media (max-width: 479px) {
    .hp-contact-us .locationHeader {
      font-size: 20px;
    }
  }
  .hp-contact-us .infoLocationContainer {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
  }
  .hp-contact-us .infoCard {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  @media (max-width: 383px) {
    .hp-contact-us .infoCard {
      -moz-column-gap: 8px;
      column-gap: 8px;
    }
  }
  .hp-contact-us .infoImage {
    margin: 0 0 37px;
    width: 22px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .hp-contact-us .infoDescription {
    display: flex;
    align-items: center;
    width: 204px;
    font: 500 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
  }
  .hp-contact-us .phoneCard {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  @media (max-width: 383px) {
    .hp-contact-us .phoneCard {
      -moz-column-gap: 8px;
      column-gap: 8px;
    }
  }
  .hp-contact-us .phoneImage {
    width: 22px;
    outline-offset: -0.5px;
    -o-object-fit: contain;
    object-fit: contain;
    outline: #878585 solid 0.5px;
  }
  .hp-contact-us .phoneNumber {
    display: flex;
    align-items: center;
    margin: 0 0 2px;
    width: 204px;
    font: 500 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
  }
  .hp-contact-us .emailCard {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  @media (max-width: 383px) {
    .hp-contact-us .emailCard {
      -moz-column-gap: 8px;
      column-gap: 8px;
    }
  }
  .hp-contact-us .emailImage {
    width: 22px;
    outline-offset: -0.5px;
    -o-object-fit: contain;
    object-fit: contain;
    outline: #878585 solid 0.5px;
  }
  .hp-contact-us .emailDetails {
    display: flex;
    align-items: center;
    width: 204px;
    font: 500 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
  }
  .hp-contact-us .websiteCard {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  @media (max-width: 383px) {
    .hp-contact-us .websiteCard {
      -moz-column-gap: 8px;
      column-gap: 8px;
    }
  }
  .hp-contact-us .websiteImage {
    width: 22px;
    outline-offset: -0.5px;
    -o-object-fit: contain;
    object-fit: contain;
    outline: #878585 solid 0.5px;
  }
  .hp-contact-us .websiteURL {
    display: flex;
    align-items: center;
    margin: 0 0 2px;
    width: 204px;
    font: 500 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
  }
  .hp-contact-us .block6 {
    display: flex;
    flex-direction: column;
    margin: 92px 0 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
  }
  @media (max-width: 575px) {
    .hp-contact-us .block6 {
      position: relative;
      margin: 80px 0 0;
    }
  }
  @media (max-width: 383px) {
    .hp-contact-us .block6 {
      margin: 50px 0 0;
    }
  }
  .hp-contact-us .footerContent {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 32px;
    column-gap: 32px;
    margin: 100px auto 36px;
    width: 90%;
  }
  @media (max-width: 991px) {
    .hp-contact-us .footerContent {
      flex-direction: column;
      align-items: center;
      gap: 32px;
    }
  }
  @media (max-width: 575px) {
    .hp-contact-us .footerContent {
      position: relative;
      margin: 80px auto 36px;
    }
  }
  @media (max-width: 383px) {
    .hp-contact-us .footerContent {
      margin: 50px auto 36px;
    }
  }
  .hp-contact-us .row {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
    width: 381px;
    min-width: 0;
  }
  @media (max-width: 991px) {
    .hp-contact-us .row {
      position: relative;
      width: 100%;
      min-width: unset;
    }
  }
  .hp-contact-us .row1 {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
  }
  .hp-contact-us .image {
    width: 216.9965362549px;
    max-width: 85%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .hp-contact-us .desc3 {
    font: 400 16px/1.69 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    letter-spacing: -0.36001px;
  }
  .hp-contact-us .subscriptionSection {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  @media (max-width: 383px) {
    .hp-contact-us .subscriptionSection {
      -moz-column-gap: 8px;
      column-gap: 8px;
    }
  }
  .hp-contact-us .image1 {
    width: 20px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .hp-contact-us .image2 {
    width: 22px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .hp-contact-us .image3 {
    width: 24px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .hp-contact-us .row2 {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 32px;
    column-gap: 32px;
    margin: 0 0 43px;
    width: 362px;
    min-width: 0;
  }
  @media (max-width: 991px) {
    .hp-contact-us .row2 {
      position: relative;
      justify-content: flex-start;
      margin: 0;
      width: 100%;
      min-width: unset;
    }
  }
  @media (max-width: 575px) {
    .hp-contact-us .row2 {
      -moz-column-gap: 16px;
      column-gap: 16px;
    }
  }
  @media (max-width: 383px) {
    .hp-contact-us .row2 {
      -moz-column-gap: 8px;
      column-gap: 8px;
    }
  }
  .hp-contact-us .row3 {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    width: 116px;
    min-width: 0;
  }
  .hp-contact-us .info15 {
    margin: 0 19px 0 0;
    font: 700 20px/1.5 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    letter-spacing: -0.36001px;
  }
  @media (max-width: 991px) {
    .hp-contact-us .info15 {
      align-items: flex-start;
      font-size: 18px;
    }
  }
  @media (max-width: 575px) {
    .hp-contact-us .info15 {
      position: relative;
      margin: 0 16px 0 0;
    }
  }
  @media (max-width: 479px) {
    .hp-contact-us .info15 {
      font-size: 16px;
    }
  }
  @media (max-width: 383px) {
    .hp-contact-us .info15 {
      margin: 0 8px 0 0;
    }
  }
  .hp-contact-us .desc9 {
    font: 400 18px/1.5 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    letter-spacing: -0.36001px;
  }
  @media (max-width: 991px) {
    .hp-contact-us .desc9 {
      align-items: flex-start;
      font-size: 16px;
    }
  }
  .hp-contact-us .row4 {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin: 0 0 27px;
    width: 185px;
    min-width: 0;
  }
  .hp-contact-us .info151 {
    width: 133.993057251px;
    max-width: 85%;
    font: 700 20px/1.5 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    letter-spacing: -0.36001px;
  }
  @media (max-width: 991px) {
    .hp-contact-us .info151 {
      align-items: flex-start;
      font-size: 18px;
    }
  }
  @media (max-width: 479px) {
    .hp-contact-us .info151 {
      font-size: 16px;
    }
  }
  .hp-contact-us .row5 {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    margin: 0 0 26px;
    width: 381px;
    min-width: 0;
  }
  @media (max-width: 991px) {
    .hp-contact-us .row5 {
      position: relative;
      margin: 0;
      width: 100%;
      min-width: unset;
    }
  }
  .hp-contact-us .row6 {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
  }
  .hp-contact-us .info16 {
    display: flex;
    align-items: center;
    font: 600 20px/1.25 Poppins, Helvetica, Arial, serif;
    color: white;
  }
  @media (max-width: 479px) {
    .hp-contact-us .info16 {
      font-size: 16px;
    }
  }
  .hp-contact-us .desc31 {
    font: 400 18px/1.69 "Instrument Sans", Helvetica, Arial, serif;
    color: white;
    letter-spacing: -0.36001px;
  }
  @media (max-width: 479px) {
    .hp-contact-us .desc31 {
      align-items: flex-start;
      font-size: 16px;
    }
  }
  .hp-contact-us .block2 {
    display: flex;
    flex-direction: column;
    background-color: rgba(184, 183, 183, 0.329);
    outline-offset: 0;
    border-radius: 8px;
    box-shadow: 4px 4px 20px 0 rgba(255, 255, 255, 0.1);
    outline: rgba(227, 227, 227, 0.266) solid 0.8000000119px;
  }
  .hp-contact-us .info17 {
    margin: 8px 0 8px 16px;
    width: 32.986114502px;
    max-width: 85%;
    font: 400 12px/1.67 Poppins, Helvetica, Arial, serif;
    color: white;
  }
  @media (max-width: 383px) {
    .hp-contact-us .info17 {
      position: relative;
      margin: 8px 0 8px 8px;
    }
  }
  .hp-contact-us .desc10 {
    display: flex;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    font: 600 18px/1.33 "Instrument Sans", Helvetica, Arial, serif;
    color: #f4f2fa;
    text-align: center;
    padding: 16px 26px;
    outline-offset: -2px;
    border-radius: 26px;
    letter-spacing: -0.08px;
    outline: #ffc700 solid 2px;
  }
  @media (max-width: 479px) {
    .hp-contact-us .desc10 {
      align-items: flex-start;
      font-size: 16px;
    }
  }

input, textarea {
  border: none;
}

.gradient-btn {
  font-size: 18px;
  font-weight: bold;
  padding: 12px 24px;
  /* border: 3px solid; */
  width: fit-content;
  border-radius: 50px;
  background-color: transparent;
  color: #f4f2fa;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}

.gradient-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; /* Match button shape */
  padding: 3px; /* Border thickness */
  background: linear-gradient(90deg, #ffbf00, #c00ac0);
  -webkit-mask: 
      linear-gradient(white, white) content-box, 
      linear-gradient(white, white);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  
}

  /* Gradient Border */
.gradient-btn {
  border-image-source: linear-gradient(90deg, #ffbf00, #c00ac0);
  border-image-slice: 1;
}

  /* Hover Effect */
.gradient-btn:hover {
  background: linear-gradient(90deg, #ffbf00, #c00ac0);
  transform: scale(0.99); /* Shrinks slightly when pressed */
  color: white;
  box-shadow: 0 0 15px rgba(255, 0, 255, 0.6), 0 0 30px rgba(255, 204, 0, 0.5);
}

.new_block {
  height: 35px;
  color: white;
  padding: 12px;
}