<style type="text/css">:root {
    --primary-color: #1F5A82;
    --secondary-color: #FDC271;
    --icon-color : #1F552F;
    --white: #ffff;
    --font-color:#2C2C2C;
    --body-font-family: 'Inter';
    --heading-font-family: 'Lora';  
    --heading-font: 50px;
    --body-font-size: 16px;
  }
  
  body {
      color: rgba(44, 44, 44, 0.70) !important;
      font-size: 16px !important;
      line-height: 32.5px;
  }
  
  /* Header Styling */
  .master-layout-1 .container-fluid {
      max-width: 1440px;
  }
  
  .MyProfile_Name:focus{
      background-color: transparent;
      outline: none;
  }
  
  .MyProfile_Name {
      background: #fcc171;
      color: #2a2a2a !important;
      border-radius: 4px;
      padding: 5px 12px;
      height: 44px !important;
      text-transform: capitalize !important;
  }
  
  .MyProfile_Member .MyProfile_SignedOut {
      box-sizing: border-box;
      padding: 10px 5px;
      top: 30%;
      transform: translateY(-50%);
      position: relative;
      transition: all .2s;
      height: unset!important;
  }
  
  @media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
      .master-layout-1 .MyProfile_Member {
          z-index: 5;
      }
  
      .master-layout-1 .logo {
          text-align: left;
          width: auto;
          max-width: 200px;
          padding: 10px 0;
          transition: all .2s;
      }
  }
  
  /* Text and summary */
  
  section[id*="TitleAndSummary"].theme1 .theme-secondary{
      background: rgba(253, 194, 113, 0.05);
      }
  
  @media (min-width: 768px) {
      section[id*="TitleAndSummary"].basic-block .basic-block-wrapper .img-block {
          width: 726px;
          min-height: 650px;
          border-radius: 6px;
      }
  }
  
  section[id*="TitleAndSummary"].theme1 .btn-solid{
      border-radius: 4px!important;
      background: var(--primary-color)!important;
      padding: 14px 25px;color: var(--white)!important;
      font-family: sans-serif;
      font-size: 14px;
      height: 44px;
  /* border-radius: 4px; */
  }
  
  section[id*="TitleAndSummary"].theme1 h2{
      font-family: var(--heading-font-family);
      color: var(--font-color);
      font-style: normal;
      font-weight: 400;
      line-height: 60px;
  }
  
  section[id*="TitleAndSummary"].theme1 h2 span{
      color: var(--primary-color);
      font-family: var(--heading-font-family)!important;
  }
  
  section[id*="TitleAndSummary"].theme1 span.line {
      display: flex;
      align-items: center;
      justify-content: start;
      gap: 10px;
      font-family: "Microsoft Sans Serif";
      font-size: 14px;
      font-style: normal;
      letter-spacing: 1.4px;
      text-transform: uppercase;
  }
  
  section[id*="TitleAndSummary"].theme1 span.line:before {
      content: "";
      width: 40px;
      height: 2px;
      background: #2f6fa3!important;
  }
  
  @media (max-width: 900px) {
      .basic-block .basic-block-wrapper {
          flex-direction: column;
      }
  
      .basic-block .basic-block-wrapper .text-block-wrapper {
          margin-left: 0;
          width: 100%;
      }
  
      .basic-block .basic-block-wrapper .img-block,
      .basic-block .basic-block-wrapper .text-block {
          width: 100%;
          right: 0;
          left: 0;
      }
  }
  
  /* Contact Page Styling */
  
  .contact-info h3{
      font-family: var(--heading-font-family);
      font-size: 18px;
      margin-top: 10px;
  }
  
  .contact-info .e3-table-wrap {
      border: 1px solid #e5e7eb;
      border-radius: 16px;
      padding: 20px;
      box-sizing: border-box;
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
      margin: 10px;
  }
  
  /* Image Gallery Styling */
  
  .modal-gallery-widget {
      width: 100%;
      display: flex;
      justify-content: center;
  }
  
  .modal-gallery-widget .inner-wrap {
      width: 100%;
      max-width: 1200px; /* keeps it nicely centered */
  }
  
  .modal-gallery-widget .large-font {
      text-align: center;
      margin-bottom: 24px;
  }
  
  .modal-gallery-widget .my-gallery {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      justify-content: center;
      align-items: stretch;
  }
  
  .modal-gallery-widget .my-gallery a {
      display: block;
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      background-size: cover;
      background-position: center;
      aspect-ratio: 4 / 3;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      width: calc(25% - -200px) !important;
      max-width: calc(50% - -130px) !important;
      margin: 0 auto;
  }
  
  /* Hide img tag but keep accessibility */
  .modal-gallery-widget .my-gallery a img {
      display: none;
  }
  
  .modal-gallery-widget .my-gallery a:hover {
      transform: translateY(-4px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  }
  
  @media (max-width: 992px) {
      .modal-gallery-widget .my-gallery {
          grid-template-columns: repeat(2, 1fr);
          gap: 14px;
      }
  }
  
  @media (max-width: 576px) {
      .modal-gallery-widget .my-gallery {
          grid-template-columns: repeat(1, 1fr);
          gap: 12px;
      }
  
      .modal-gallery-widget .inner-wrap {
          padding: 0 12px;
      }
  }
  
  /* Member Central Quicklinks */
  
  section[id*="QuickLinkMenu"].content-quicklink-menu,
  section[id*="QuickLinkMenu"].content-quicklink-menu .inner-wrap {
      padding: 0 !important;
  }
  
  .content-quicklink-menu .content-quicklink-header {
      padding: 20px 32px !important;
      background: var(--primary-color);
      color: #fff;
  }
  
  .content-quicklink-menu .content-quicklink-header h2 {
      font-size: 1.75rem;
      margin-bottom: 0;
  }
  
  .content-quicklink-menu .content-quicklink-menu-list li {
      border-bottom: 1px solid #b9b9b9;
  }
  
  /* Tab Content */
  
  .tab-content .tab-content-nav ul {
      font-family: var(--heading-font-family);
      font-size: 1.75rem;
  }

  /* Footer Styling */

  footer section[id*="TextArea"] .theme-secondary {
    background-color: #1f5a82 !important;
    color: #ffffff !important;
    }

    footer section[id*="TextArea"] {
        background: var(--primary-color)!important;
        padding: 40px;
        color:var(--white)!important;
    }

    footer section[id*="TextArea"] a {
        color:var(--white)!important;
        text-decoration: none;
    }

    footer section[id*="TextArea"] p> .image-center-container{
        width: 220px;
    }

    footer section[id*="TextArea"] h2 meta{
        font-family: var(--heading-font-family);
        font-size: 16px;
    }

    footer section[id*="TextArea"] h3 {
        font-size: 1.125rem;
        text-transform: uppercase;
    }

    footer section[id*="TextArea"] ul {
    list-style: none;
    padding: 0;
    margin: 0;
    }
    footer section[id*="TextArea"] li div {
        margin-left: 34px;
    }
    footer section[id*="TextArea"] li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    font-family: var(--Body-font-family);
    }

    footer section[id*="TextArea"] li img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    margin-top: 3px;
    flex-shrink: 0;
    }

    @media (min-width: 768px) {
        footer section[id*="TextArea"] div#p_lt_FooterWidgets_CHO_Widget_TextArea_ExtraLarge_divCol3 {
            display: flex;
            justify-content: flex-end;
        }
    }

    .copyright {
        background:var(--primary-color)!important;
        color: rgba(255, 255, 255, 0.60)!important;
        border-top: 1px solid #ffffff29;
        font-size: 14px;
    }

    .copyright .theme-secondary{
        background-color: var(--primary-color);
        color: var(--white);
    }

  footer section[id*="TextArea"] li div {
      margin-left: 34px;
  }

  </style>