.elementor-1217 .elementor-element.elementor-element-398b63d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-1217 .elementor-element.elementor-element-398b63d{--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-c71ddab */.container-2 {
      max-width: 100%;
      margin: 0 auto;
      background-color: white;
      display: flex;
      flex-direction: column;
      font-weight: 400;
    }

    .divisor {
      border: none;
      height: 1px;
      max-width: 150px;
      background-color: #2C4635;
      margin-bottom: 20px;
    }

    h1 {
      font-size: 32px;
      color: #6D6F70;
      margin-bottom: 10px;
      font-weight: 400;
    }

    .subtitle {
      color: #6D6F70;
      font-size: 16px;
      margin-bottom: 30px;
      font-weight: 400;
    }

    .directory-table {
      width: 100%;
      border-collapse: collapse;
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    .directory-header {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      border-bottom: 1px solid #2C4635;
      padding: 15px 30px;
      font-weight: 500;
      color: #6D6F70;
      font-size: 16px;
    }

    .directory-row {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      padding: 10px 30px;
      border-left: 2px solid #2C4635;
      align-items: center;
      box-shadow: 0px 0px 4px 0px #00000026;
    }

    .phone-header {
      grid-column-start: 3;
    }

    .directory-row:hover {
      background-color: #fafafa;
    }

    .department {
      color: #635752;
      font-size: 16px;
    }

    .phone {
      display: flex;
      align-items: center;
      gap: 8px;
      grid-column-start: 3;
    }

    .phone a {
      color: #635752;
      text-decoration: none;
      font-size: 16px;
    }

    .phone a:hover {
      color: #1976d2;
    }

    .phone-icon {
      width: 16px;
      height: 16px;
      color: #666;
    }

    .phone-icon::before {
      content: "📞";
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .container {
        padding: 20px;
      }

      h1 {
        font-size: 24px;
      }

      .directory-header {
        grid-template-columns: 2fr;
        gap: 5px;
      }

      .directory-header .phone-header {
        grid-column-start: 2;
      }

      .directory-row {
        grid-template-columns: 2fr;
        gap: 8px;
        padding: 15px 30px;
      }

      .department {
        font-weight: 500;
      }

      .phone {
        padding-left: 0;
        grid-column-start: 2;
      }
    }

    @media (max-width: 480px) {
      body {
        padding: 10px;
      }

      .container {
        padding: 15px;
      }

      h1 {
        font-size: 20px;
      }

      .subtitle {
        font-size: 13px;
      }

      .directory-header {
        grid-template-columns: 1fr;
        padding: 10px 10px;
      }

      .directory-header .phone-header {
        display: none;
      }

      .directory-row {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 15px 10px;
      }

      .phone {
        grid-column-start: 1;
      }

      .department,
      .phone a {
        font-size: 14px;
      }
    }/* End custom CSS */