.contact-section {
  padding: 50px 0; }
  @media (max-width: 992px) {
    .contact-section {
      padding: 25px 0; } }
  [dir="rtl"] .contact-section * {
    direction: rtl; }
  [dir="rtl"] .contact-section .zk-feild {
    text-align: right; }
  .contact-section .cnt-fea .cnt-us {
    height: calc(100% - 20px);
    padding: 40px 30px;
    margin-bottom: 20px; }
    .contact-section .cnt-fea .cnt-us h2 {
      font-size: var(--typo-title);
      line-height: var(--lh-title);
      font-weight: var(--fw-title);
      letter-spacing: var(--ls-title);
      /* Mobile styles (under 992px) */
      margin-bottom: 40px;
      color: var(--white); }
      @media (max-width: 992px) {
        .contact-section .cnt-fea .cnt-us h2 {
          font-size: var(--typo-title-m); } }
    .contact-section .cnt-fea .cnt-us p, .contact-section .cnt-fea .cnt-us a {
      font-size: var(--typo-text);
      line-height: var(--lh-text);
      font-weight: var(--fw-text);
      letter-spacing: var(--ls-text);
      /* Mobile styles (under 992px) */
      margin-bottom: 2px;
      color: var(--white); }
      @media (max-width: 992px) {
        .contact-section .cnt-fea .cnt-us p, .contact-section .cnt-fea .cnt-us a {
          font-size: var(--typo-text-m); } }
    .contact-section .cnt-fea .cnt-us a {
      color: var(--primary); }
    .contact-section .cnt-fea .cnt-us .contact-item {
      display: flex;
      gap: 15px;
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: solid 1px var(--neutral-700); }
      .contact-section .cnt-fea .cnt-us .contact-item:last-child {
        border: 0;
        margin-bottom: 0px; }
    .contact-section .cnt-fea .cnt-us .icon {
      flex: 0 0 24px;
      height: 24px;
      width: 24px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      display: block;
      filter: var(--invert0); }
    .contact-section .cnt-fea .cnt-us .zk-ph .icon {
      background-image: url(../../assets/images/icons/call.svg); }
    .contact-section .cnt-fea .cnt-us .zk-wph .icon {
      background-image: url(../../assets/images/icons/whatsapp.svg); }
    .contact-section .cnt-fea .cnt-us .zk-em .icon {
      background-image: url(../../assets/images/icons/sms.svg); }
    .contact-section .cnt-fea .cnt-us .zk-lc .icon {
      background-image: url(../../assets/images/icons/location.svg); }
  .contact-section .cnt-fea .map {
    height: calc(100% - 20px);
    overflow: hidden;
    padding: 1px;
    margin-bottom: 20px;
    text-align: center; }
    .contact-section .cnt-fea .map .wp-b {
      display: inline-block;
      margin: 20px auto; }
  .contact-section .contact-box {
    padding: 50px 40px; }
    @media (max-width: 992px) {
      .contact-section .contact-box {
        padding: 30px 15px; } }
    .contact-section .contact-box h2 {
      font-size: var(--typo-title);
      line-height: var(--lh-title);
      font-weight: var(--fw-title);
      letter-spacing: var(--ls-title);
      /* Mobile styles (under 992px) */
      margin-bottom: 10px;
      color: var(--base-white); }
      @media (max-width: 992px) {
        .contact-section .contact-box h2 {
          font-size: var(--typo-title-m); } }
    .contact-section .contact-box .cntxt {
      margin-bottom: 30px; }
      .contact-section .contact-box .cntxt p {
        color: var(--base-white);
        font-size: var(--typo-text);
        line-height: var(--lh-text);
        font-weight: var(--fw-text);
        letter-spacing: var(--ls-text);
        /* Mobile styles (under 992px) */ }
        @media (max-width: 992px) {
          .contact-section .contact-box .cntxt p {
            font-size: var(--typo-text-m); } }