@media screen and (max-width: 1199px) {
  .news-events-item {
    flex: 0 0 31.9%;
    .image-content-wrapper {
      height: 450px;
      position: relative;
      z-index: 4;
      .events-image-wrapper {
        height: 100%;
      }
      .contents-wrapper {
        padding: 0 16px 25px 16px;
        .title {
          font-size: 24px;
        }
      }
    }
    &:hover {
      .image-content-wrapper {
        .contents-wrapper {
          .para {
            height: 80px;
            opacity: 1;
            visibility: visible;
            font-size: 14px;
          }
        }
        &::before {
          transform: translateY(0%);
          clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
          transition: 0.5s all;
          opacity: 1;
          visibility: visible;
          height: 58%;
        }
      }
    }
  }
  .news-events-slider-container {
    .navigation-wrapper {
      top: -95px;
    }
    .news-events-slider-wrapper {
      .slick-track {
        .news-events-item {
          flex: unset;
          max-width: 330px;
        }
      }
    }
  }
}

@media screen and (max-width: 1024px) {
  #header_menu {
    position: relative;
  }
  #header_menu nav.elementor-nav-menu--dropdown {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    z-index: 9999;
    transition: 0.5s all;
    margin: 0 !important;
    background: linear-gradient(
      0.09deg,
      #27c0d3 0.08%,
      #7cd0ee 88.97%
    ) !important;
  }
  #header_menu nav.elementor-nav-menu--dropdown > ul {
    padding: 20px 0px;
    height: 100vh;
    display: block;
  }
  #header_menu
    .elementor-menu-toggle:not(.elementor-active)
    + .elementor-nav-menu__container {
    transform: translateX(100%) !important;
    max-height: 100% !important;
  }
  #header_menu
    .elementor-menu-toggle.elementor-active
    + .elementor-nav-menu__container {
    transform: translateX(0%) !important;
    max-height: 100% !important;
  }
  #header_menu
    .elementor-active
    i.elementor-menu-toggle__icon--close.eicon-close {
    display: none;
  }
  #header_menu {
    nav.elementor-nav-menu--dropdown {
      .elementor-nav-menu {
        > .menu-item {
          &:not(:last-child) {
            margin-bottom: 15px;
          }
        }
        .header-close-icon {
          position: absolute;
          right: 0;
          z-index: 999;
          padding-left: 0;
          a {
            padding-top: 0;
            padding-bottom: 0;
            padding-right: 0;
            padding-left: 0;
            justify-content: end;
            img {
              padding: 0;
            }
            .menu-image {
              display: block !important;
            }
            .menu-image-title-after {
              display: none;
            }
          }
        }
        .logo-image {
          a {
            padding-top: 0;
            padding-bottom: 0;
            padding-right: 0;
            justify-content: start;
            img {
              padding: 0;
              width: 250px;
            }
            .menu-image {
              display: block !important;
            }
            .menu-image-title-after {
              display: none;
            }
          }
        }
        .menu-item {
          padding: 0 13px;
          a {
            font-family: var(--primary-font);
            font-weight: 500;
            font-size: 14px;
            line-height: 100%;
            letter-spacing: 0.32px;
            color: var(--dark-blue);
            background: transparent;
            &:hover {
              background: transparent;
            }
          }
          &.menu-item-has-children {
            > a {
              justify-content: space-between;
              font-family: var(--primary-font);
              font-weight: 800;
              font-size: 20px;
              line-height: 100%;
              text-transform: uppercase;
              position: relative;
              &::after {
                content: "";
                position: absolute;
                width: 14px;
                height: 14px;
                display: inline-block;
                background-image: url(/wp-content/uploads/2026/06/Polygon-1.png);
                background-repeat: no-repeat;
                background-position: right;
                background-size: contain;
                top: 50%;
                right: 0;
                transform: translate(0%, -50%);
                opacity: 1 !important;
                background-color: transparent !important;
              }
              &:hover,
              &.highlighted {
                &::after {
                  background-image: url(/wp-content/uploads/2026/06/Polygon-1-1.png);
                }
              }
              .sub-arrow {
                display: none;
              }
            }
            > .sub-menu {
              background-color: transparent;
            }
          }
          &.mobile_menu {
            display: block !important;
          }
          &.contact-btn {
            padding: 0 13px;
            a {
              background: var(--dark-blue);
              width: 132px;
              height: 44px;
              display: flex;
              align-items: center;
              justify-content: center;
              font-family: var(--primary-font);
              font-weight: 500;
              font-size: 14px;
              line-height: 100%;
              letter-spacing: 0.32px;
              color: var(--white);
              border-radius: 22px;
              text-transform: uppercase;
              &:hover {
                background: linear-gradient(270deg, #76cbc3 0%, #27c0d3 100%);
              }
            }
          }
        }
      }
    }
  }
  /* Contact Page */
  .livecen-contact-form {
    .gform_body {
      .gform_fields {
        gap: 20px;
        .gfield {
          input,
          textarea {
            font-size: 16px;
            line-height: 150%;
          }
          input {
            height: 50px;
          }
          textarea {
            height: 100px;
          }
          input[type="checkbox"] {
            width: 20px;
            height: 20px;
            position: relative;
            top: 2px;
          }
          label,
          legend {
            font-family: var(--primary-font);
            font-weight: 500;
            font-size: 16px;
            line-height: 100%;
            letter-spacing: 0.32px;
            text-transform: uppercase;
            color: var(--dark-blue);
          }
          &.gfield--type-choice {
            label {
              font-size: 16px;
              line-height: 150%;
            }
          }
        }
      }
    }
    .gform-footer {
      margin-top: 24px !important;
      input[type="submit"] {
        width: 100% !important;
        height: 50px !important;
      }
    }
  }
  .livecen-contact-form {
    &.job_form {
      .gform_body {
        .gform_fields {
          .gfield {
            input[type="radio"] {
              width: 20px;
              height: 20px;
            }
          }
        }
      }
      .gform-footer {
        margin-top: 24px !important;
      }
    }
  }
}

@media screen and (max-width: 970px) {
  .news-events-item {
    flex: 0 0 31%;
    .image-content-wrapper {
      height: 370px;
      position: relative;
      z-index: 4;
      .events-image-wrapper {
        height: 100%;
      }
      .contents-wrapper {
        padding: 0 16px 25px 16px;
        .title {
          font-size: 20px;
        }
      }
    }
    &:hover {
      .image-content-wrapper {
        .contents-wrapper {
          .para {
            height: 80px;
            opacity: 1;
            visibility: visible;
            font-size: 14px;
          }
        }
        &::before {
          transform: translateY(0%);
          clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
          transition: 0.5s all;
          opacity: 1;
          visibility: visible;
          height: 58%;
        }
      }
    }
  }
  .news-events-slider-container {
    .navigation-wrapper {
      right: 20px;
    }
    .news-events-slider-wrapper {
      .slick-track {
        .news-events-item {
          max-width: 300px;
        }
      }
    }
  }
  .map_image {
    .elementor-shortcode {
      #map-container {
        aspect-ratio: unset;
        height: 500px;
        .absolute-mark {
          position: absolute;
          top: 20px;
          left: 20px;
          height: 50px;
          z-index: 99;
          p {
            padding: 16px 0px;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 767px) {
  .news-events-item {
    flex: 0 0 100%;
    .image-content-wrapper {
      height: 400px;
      position: relative;
      z-index: 4;
      .events-image-wrapper {
        height: 100%;
      }
      .contents-wrapper {
        padding: 0 16px 25px 16px;
        .title {
          font-size: 20px;
        }
      }
    }
    &:hover {
      .image-content-wrapper {
        .contents-wrapper {
          .para {
            height: 80px;
            opacity: 1;
            visibility: visible;
            font-size: 14px;
          }
        }
        &::before {
          transform: translateY(0%);
          clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
          transition: 0.5s all;
          opacity: 1;
          visibility: visible;
          height: 62%;
        }
      }
    }
  }
  /* News Page */
  .news-events-container {
    .news-events-flex-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }
    .load-more-btn-wrapper {
      margin-top: 40px;
      button.load-more-btn {
        padding: 17px 35px;
        font-size: 16px;
        line-height: 100%;
        font-size: 14px;
      }
    }
  }
  .news-events-slider-container {
    .navigation-wrapper {
      top: -60px;
      right: 0;
    }
    .news-events-slider-wrapper {
      .slick-track {
        gap: 5px;
        .news-events-item {
          max-width: 280px;
        }
      }
    }
  }
  .map_image {
    .elementor-shortcode {
      #map-container {
        aspect-ratio: unset;
        height: 300px;
        .absolute-mark {
          top: 15px;
          left: 15px;
          width: 300px;
          height: 34px;
          z-index: 99;
          p {
            padding: 12px 10px;
            font-size: 8px;
          }
        }
      }
    }
  }
  .livecen-contact-form {
    .gform_body {
      .gform_fields {
        gap: 20px;
        .gfield {
          input,
          textarea {
            font-size: 14px;
            line-height: 150%;
          }
          input {
            height: 50px;
          }
          textarea {
            height: 80px;
          }
          input[type="checkbox"] {
            width: 18px;
            height: 18px;
          }
          label,
          legend {
            font-family: var(--primary-font);
            font-weight: 500;
            font-size: 12px;
            line-height: 100%;
            letter-spacing: 0.32px;
            text-transform: uppercase;
            color: var(--dark-blue);
          }
          &.gfield--type-choice {
            label {
              font-size: 14px;
              line-height: 150%;
            }
          }
        }
      }
    }
    .gform-footer {
      margin-top: 24px !important;
      input[type="submit"] {
        width: 100% !important;
        height: 50px !important;
      }
    }
  }
  .livecen-contact-form {
    &.job_form {
      .gform_body {
        .gform_fields {
          .gfield {
            input[type="radio"] {
              width: 18px;
              height: 18px;
              &::before {
                position: relative;
                left: -7px;
              }
            }
          }
        }
      }
      .gform-footer {
        margin-top: 24px !important;
      }
    }
  }
  .fpo-tabs {
    .tab-list {
      cursor: pointer;
      background: url(/wp-content/uploads/2026/07/Union-1-1.png) no-repeat !important;
      h2 {
        margin: 0;
      }
      &.active,
      &:hover {
        background: url(/wp-content/uploads/2026/07/Union-1-1-1.png) no-repeat !important;
      }
    }
  }
}