@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-ExtraBoldItalic.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('../fonts/barlow/BarlowSemiCondensed-BlackItalic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* Main Menu Link Styling */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu > li > a {
    color: #ffffff; /* Main menu link color */
    font-size: 16px; /* Adjust main menu link font size */
    text-decoration: none; /* Remove underline */
    padding: 10px 0px; /* Add spacing around links */
    display: block; /* Ensure full clickable area */
    line-height: 23px; /* Control line height */
}

/* Main Menu Link Hover State */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu > li > a:hover {
    color: #f7c943; /* Change color on hover */
}

/* Hides the default left chevron */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu > li > a::before {
    display: none !important; /* Ensure no left chevrons */
}

/* Remove left chevron from submenu items */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li > ul li > a::before {
    display: none !important;
}

/* Add Font Awesome down chevron ONLY to parent menu items with submenus */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li.parent > a::after {
    content: "\f078"; /* Font Awesome Down Chevron */
    font-family: "Font Awesome 5 Free"; /* Use Font Awesome 5 */
    font-weight: 900;
    float: right;
    margin-left: 8px;
    font-size: 14px; /* Chevron size */
    color: #ffffff; /* Chevron color */
}

/* Show second-level submenus by default (do not override JavaScript control) */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li.parent > ul {
    display: block; /* Show second-level submenus */
}

/* Hide third-level submenus by default */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li.parent > ul > li > ul {
    display: none; /* Hide third-level submenus */
    padding-left: 15px; /* Indent third-level submenus */
    border-left: 2px solid #f7c943; /* Add left border to third-level items */
}

/* Submenu item links styling */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li > ul li > a {
    font-size: 16px; /* Smaller font size for submenu */
    color: #fff; /* Submenu link color */
    padding: 10px 0px 10px 0px; /* Adjust padding */
    text-decoration: none;
    line-height: 23px; /* Line height */
}

/* Submenu item hover state */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li > ul li > a:hover {
    color: #f7c943;
}

/* Show submenus when 'open' class is added */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li.parent.open > ul {
    display: block; /* Show the submenu */
}

/* Show third-level submenus when 'open' class is added */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li.parent.open > ul > li > ul {
    display: block; /* Show the third-level submenu */
}

/* Hide the 'About Us' parent menu item */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li.item-279 > a {
    display: none !important;
}

/* Hide the 'Families' parent menu item */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li.item-971 > a {
    display: none !important;
}

/* Hide the 'Schools' parent menu item */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li.item-997 > a {
    display: none !important;
}

/* Hide the 'Community' parent menu item */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li.item-1010 > a {
    display: none !important;
}

/* Hide the 'Employee' parent menu item */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li.item-1045 > a {
    display: none !important;
}

/* Hide the 'Employee' parent menu item */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu li.item-1053 > a {
    display: none !important;
}

/* Make second-level parent menu items bold */
#section-id-9c86ae18-f3b1-4343-ac37-d12078ce1863 .nav.menu > li > ul > li.parent > a {
    font-weight: bold !important;
}

/* Set a max-width for sppb-row-container */
.sppb-row-container {
    max-width: 1400px !important; /* Limit the width to 1400px */
    margin: 0 auto !important; /* Center the container horizontally */
}

/*End Footer Menu*/

/*#sp-main-body {
  padding: 50px 0 !important;
}*/

#eb {
  --eb-divider-bg: #D6F2F0;
  }

/*#sp-right {
  margin-top: -50px !important;
}*/

.statboxes .sppb-icon-inner i {
    color: #0c8bcc;
}
.side-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
	margin-top: 25px;
  margin-bottom: 25px;
}

#section-id-509f9928-433b-49c4-a1f4-33a795668e71 .sppb-addon-single-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black; /* Ensures black background if image is smaller */
    height: 459px !important; /* Fixed height */
    width: 100%; /* Adjust width to fit */
    overflow: hidden;
}

#section-id-509f9928-433b-49c4-a1f4-33a795668e71 .sppb-addon-single-image-container img {
    max-height: 459px !important; /* Ensures max height */
    max-width: 100% !important; /* Prevents overflow */
    object-fit: contain !important; /* Keeps aspect ratio, no cropping */
    display: block;
}


.side-line {
    height: 2px;
    background-color: rgb(145, 157, 169);
    width: calc(70% - 75px); /* Adjusts to keep lines 10px from the SVG */
}

.side-symbol {
    display: flex;
    align-items: center;
    padding: 0 10px; /* Ensures spacing from lines */
}


#eb a:hover {
  text-decoration: underline !important;
} 

#eb .eb-mod-media-title {
  font-weight: 500 !important;

} 

.eb-component {
  margin-top: -50px !important;
}


#eb #fd .fd-toolbar {
  background-color: #195667 !important;
}

#eb.eb-pastel {
  background-color: #E8F9F7 !important;
}

#eb #fd .fd-toolbar .is-active .fd-toolbar__link:not(.no-active-state), #eb #fd .fd-toolbar .is-active .fd-toolbar__submenu-link {
  background: #56c5d0 !important;
}

#eb #fd .fd-toolbar__link:hover {
  background: #f7c943 !important;
}

 #eb .eb-entry-author-recents, #eb .eb-entry-nav > div > a:hover, #eb .eb-pager, #eb .eb-reactions__options, #eb .eb-calendar tbody > tr > td.empty > small, #eb .eb-calendar-days > td, #eb .eb-category-profile {
  background-color: #E8F9F7 !important;
}

#eb .eb-toolbar-profile__bd, #eb .form-actions, #eb .eb-category-subscribe > span + span, #eb .eb-posts-search .eb-post-meta, #eb .eb-comment-editor .markItUpContainer, #eb .eb-comment-editor .markItUpFooter, #eb .eb-comment-editor .markItUpHeader, #eb .eb-comment, #eb .eb-comment-form, #eb .eb-comments-empty, #eb .eb-entry-author-recents > div + div, #eb .eb-entry-author-recents, #eb .eb-section-heading, #eb .eb-entry-nav, #eb .eb-entry-nav-next, #eb .popbox-dropdown__hd, #eb .popbox-dropdown-nav__item + .popbox-dropdown-nav__item, #eb .dropdown-menu, #eb .eb-calendar-tooltips, #eb .eb-calendar-tooltips > div + div, #eb .eb-calendar-tooltips > span, #eb .eb-calendar-days > td:first-child, #eb .eb-calendar-days > td:last-child, #eb .eb-calendar tbody > tr > td, #eb .eb-empty, #eb .eb-simple-posts > div + div, #eb .eb-stats-nav > li .btn, #eb .eb-authors-subscribe > span + span, #eb .eb-author-filter, #eb .eb-showcases, #eb .eb-post, #eb .eb-post + .eb-post, #eb .eb-entry, #eb .eb-post-foot, #eb .eb-pager, #eb .eb-pager__fast-first-link, #eb .eb-pager__fast-last-link, #eb .eb-pager > div, #eb .eb-toolbar__search .btn-default, #eb .eb-tags-item {
  border-color:
#D6F2F0 !important;
}

#eb h1 {
    font-size: 30px !important;
}

#sp-top-bar {
  padding: 15px 0 7px !important;
}

#sp-top-bar .sp-module {
  display: inline-block;
  margin: 0 0 0 0px !important;
}

.sp-default-logo {
  height: 70px !important;
  margin-left: 20px !important;
}

#gt-wrapper-191 {
  margin-left: 20px !important;

}

#sp-top2 .sp-module {
  margin-right: 0px !important;
}
.top-search-wrapper {
  margin-right: 20px !important;
}

.icon-top-wrapper {
  line-height: 36px !important;

}

@media screen and (max-width: 1024px) {
    #sp-top1, #sp-top2 {
        width: 50% !important;
        display: inline-block !important;
        vertical-align: top !important;
    }
}

@media screen and (max-width: 600px) {
    #sp-top1, #sp-top2 {
        width: 100% !important;
        display: block !important;
        float: none !important;
        clear: both !important;
        text-align: center !important;
    }

    #sp-top1 {
        margin-bottom: 10px !important;
    }

    #sp-top1 * , #sp-top2 * {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.custom-social-icons {
    text-align: center !important;
	padding-left: 20px !important;
}

.custom-social-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-social-list li {
    display: inline-block !important;
}

/* Remove unwanted arrows */
.custom-social-list li a::before {
    content: none !important;
}

.custom-social-list a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important; /* Makes icons circular */
    background-color: #333 !important; /* Default background color */
    color: #fff !important; /* Default icon color */
    font-size: 16px !important;
    transition: all 0.3s ease-in-out !important;
}

/* Custom colors for each social icon */
.custom-social-list a[href*="facebook"] {
    background-color: #1877F2 !important;
}

.custom-social-list a[href*="x.com"] {
    background-color: #000 !important;
}

.custom-social-list a[href*="youtube"] {
    background-color: #FF0000 !important;
}

.custom-social-list a[href*="instagram"] {
    background-color: #C13584 !important;
}

/* Hover effect */
.custom-social-list a:hover {
    opacity: 0.8 !important;
}




.sp-module.sp-educon-login {
  padding-top: 5px !important;
}

.sp-educon-login.sp-mod-login a {
  color: #444 !important;
}

.sp-educon-login.sp-mod-login a:hover {
  color: #56c5d0 !important;
}

.sp-menu-item {
  font-size: 16px !important;
}

/* Style active menu items */
.sp-megamenu-parent .sp-menu-item.active > a {
  background-color: #195667 !important; /* Active background color */
  color: #ffffff !important; /* Active text color */
}



#sp-footer {
  background: #1b1d26 !important;
  padding: 15px 0 !important;
}

.footerlinks p {color:white !important}

.footerlinks a {
  color: white !important;
}

.footerlinks a:hover {
  color: #f7c943 !important;
}

.sp-column .sp-module-content .fraudbutton {
  background-color: white !important;
  color: red !important;
  border-radius: 5px;
  padding: 10px !important;
  width: 60% !important;
  text-align: center;
  display: inline-block;
}

.sp-column .sp-module-content .fraudbutton:hover {
  color: #f7c943 !important;
}

#sp-bottom .sp-module-title {
  font-weight: 800 !important;
  color: white !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
}

.alert-section {
  margin: 0px 0 !important;
  font-family: Arial, sans-serif !important;
  color: white !important;
}

.alert-item {
  margin-bottom: 20px !important;
}

.alert-item p {
  margin: 10px 0 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.alert-item p strong {
  font-weight: bold !important;
  color: white !important;
}

.alert-item a {
  color: white !important;
  text-decoration: none !important;
}

.alert-item a:hover {
  color: #f7c943 !important;
}

.alert-hr {
  border-top: 1px solid white !important;
  margin: 15px 0 !important;
}


.sp-module:has(#footercontact) {
  margin-top: 0 !important;
  
}

#sp-bottom2,
#sp-bottom2 .sp-module-title,
#sp-bottom2 .sp-module-content,
#sp-bottom2 .sp-module-content a,
#sp-bottom2 .sp-module-content li {
  font-size: 16px !important;
}

#sp-bottom1,
#sp-bottom1 .sp-module-title,
#sp-bottom1 .sp-module-content,
#sp-bottom1 .sp-module-content a,
#sp-bottom1 .sp-module-content li {
  font-size: 16px !important;
}


#osmap .page-header h1 {
  margin-top: 0 !important;
  text-align: center !important;
  font-size: 45px !important;
  font-weight: bold !important;
  color: #333333 !important;
}

#osmap h2 {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  font-size: 20px !important;
  font-weight: bold !important;
  color: #585858 !important;
  text-transform: uppercase !important;
}

/* General menu item styles */
.sp-megamenu-parent .sp-menu-item a {
  color: #444 !important;
  text-decoration: none !important;
  padding: 0px 15px !important;
  display: inline-block !important;
  font-size: 22px !important;
  font-weight: 600 !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .sp-megamenu-parent .sp-menu-item a {
    font-size: 18px !important; /* Adjust the font size to fit */
    white-space: nowrap; /* Prevent wrapping of text */
  }
}


/* Active and hover states for main menu */
.sp-megamenu-parent .sp-menu-item.active a,
.sp-megamenu-parent .sp-menu-item a:hover {
  background-color: #195667 !important;
  color: #ffffff !important;
}

/* Right chevrons for main menu */
.sp-megamenu-parent .sp-menu-item.sp-has-child > a::after {

  font-size: 18px !important;
  margin-left: 5px;
 
  font-weight: 900 !important;
}

/* Right chevrons hover state (main menu) */
.sp-megamenu-parent .sp-menu-item.sp-has-child > a:hover::after {
  color: #ffffff !important; /* Turn white only on hover */
}

/* Right chevrons for submenus (always white) */
.sp-megamenu-parent .sp-dropdown-items .sp-menu-item.sp-has-child > a::after {

  font-size: 18px !important; /* Slightly smaller for submenus */
  margin-left: 5px;
  color: #ffffff !important; /* Always white */
  font-weight: 900 !important;
}

/* Right chevrons hover state (submenu, stays white) */
.sp-megamenu-parent .sp-dropdown-items .sp-menu-item.sp-has-child > a:hover::after {
  color: #ffffff !important; /* Always white on hover */
}

/* Remove left chevrons or extra indicators */
.sp-megamenu-parent .sp-menu-item a::before {
  content: none !important; /* Disable left chevrons */
}

/* Submenu item styles */
.sp-megamenu-parent .sp-dropdown-items .sp-menu-item a {
  color: #ffffff !important;
  font-size: 16px !important; /* Reduced font size for dropdown menu */
  padding: 8px 15px !important;
  text-decoration: none !important;
  background-color: transparent !important;
  font-weight: 500 !important;
}

/* Submenu hover state */
.sp-megamenu-parent .sp-dropdown-items .sp-menu-item a:hover {
  background-color: #195667 !important;
  color: #ffffff !important;
}

/* Remove horizontal lines (Borders/Box-Shadows) */
.sp-megamenu-parent .sp-menu-item,
.sp-megamenu-parent .sp-dropdown-items .sp-menu-item,
.sp-megamenu-parent .sp-dropdown-items .sp-menu-item a {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove container-level lines */
.sp-megamenu-parent .sp-dropdown-items {
  border: none !important;
  box-shadow: none !important;
}

/* Additional margin/padding reset for clarity */
.sp-megamenu-parent .sp-menu-item,
.sp-megamenu-parent .sp-dropdown-items .sp-menu-item {
  margin: 0 !important;
  padding: 0 !important;
}

/* Isolated styles for the custom link icons */
.custom-link-icons {
  display: flex !important;
  align-items: center !important;
  gap: 2px; /* Space between each icon-link pair */

}

.custom-link-icons i.fa-solid {
  margin-right: 8px !important; /* Space between the icon and its respective link */
}

.custom-link-icons a {
  color: #444 !important; /* Customize link color */
  text-decoration: none !important; /* Remove underline */
  font-size: 16px !important; /* Adjust font size */
  padding-right: 20px;
}

.custom-link-icons a:hover {
  color: #195667 !important; /* Change link color on hover */
}

/* Ensure sp-top2 uses flexbox for alignment */
#sp-top2 {
  display: flex !important;
  justify-content: flex-end !important; /* Align everything to the right */
  align-items: center !important; /* Vertically align items */

}

/* Ensure mod-custom193 aligns inline */
#mod-custom193 {
  display: inline-flex !important;
  align-items: center !important;
  padding-top:5px !important;
}

/* Add spacing between icons and links */
#mod-custom193 .custom-link-icons i {
  margin-right: 5px !important;
}

/* Add spacing between link groups */
#mod-custom193 .custom-link-icons a {
  margin-right: 0px !important;
}

#sp-alerts {
  background-color: #ff0000; /* Red background when visible */
  transition: height 0.3s ease, opacity 0.3s ease; /* Smooth transition */
  overflow: hidden; /* Prevent leftover content from showing */
}

#sp-alerts.hidden {
  height: 0 !important;
  opacity: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: none !important; /* Fully remove section from layout */
}

.sppb-alert {
  padding: 0px 0px!important;
  border: 0px solid transparent !important;
  border-radius: 0px !important;
}

.contactus {
  font-size: 16px !important;
}

.alert-bar {display: flex; justify-content: center; align-items: center;}
.alert-bar a {text-decoration:underline;}
.alert-bar a:hover {text-decoration:none;}

.sppb-close > span {
  color: black !important;
  font-size: 60px;
  padding-left: 40px;
}

#home-section {
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important;
  max-width: 400px !important;
  margin: 0 auto !important;
}

#home-top-div {
  background-color: #0c81bd !important;
  text-align: center !important;
  padding: 20px !important;
}

#home-top-div img {
  display: block !important;
  margin: 0 auto 10px !important;
  width: 120px !important;
  height: 125px !important;
}

#home-top-div h3 {
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: bold !important;
  margin: 0 !important;
}

#home-bottom-div {
  background-color: #ffffff !important;
  color: rgba(37, 37, 37, 1) !important;
  text-align: center !important;
  padding: 20px 20px !important; /* Equal padding on top and bottom */
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 38px !important; /* Ensures consistent spacing for the text */
  box-sizing: border-box !important;
  position: relative !important;
}

#home-bottom-div::after {
  content: "" !important;
  display: block !important;
  height: 5px !important; /* Adjust height of the strip */
  width: 100% !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  background: linear-gradient(to right, #1181c5 25%, #4dbec9 25%, #4dbec9 50%, #f6c23a 50%, #f6c23a 75%, #ed3945 75%) !important;
}

#home-section-2 {
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important;
  max-width: 400px !important;
  margin: 0 auto !important;
}

#home-top-div-2 {
  background-color: #e03946 !important;
  text-align: center !important;
  padding: 20px !important;
}

#home-top-div-2 img {
  display: block !important;
  margin: 0 auto 10px !important;
  width: 120px !important;
  height: 125px !important;
}

#home-top-div-2 h3 {
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: bold !important;
  margin: 0 !important;
}

#home-bottom-div-2 {
  background-color: #ffffff !important;
  color: rgba(37, 37, 37, 1) !important;
  text-align: center !important;
  padding: 20px 20px !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 38px !important;
  box-sizing: border-box !important;
  position: relative !important;
}

#home-bottom-div-2::after {
  content: "" !important;
  display: block !important;
  height: 5px !important;
  width: 100% !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  background: linear-gradient(to right, #1181c5 25%, #4dbec9 25%, #4dbec9 50%, #f6c23a 50%, #f6c23a 75%, #ed3945 75%) !important;
}

#home-section-3 {
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important;
  max-width: 400px !important;
  margin: 0 auto !important;
}

#home-top-div-3 {
  background-color: #ddb43c !important;
  text-align: center !important;
  padding: 20px !important;
}

#home-top-div-3 img {
  display: block !important;
  margin: 0 auto 10px !important;
  width: 120px !important;
  height: 125px !important;
}

#home-top-div-3 h3 {
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: bold !important;
  margin: 0 !important;
}

#home-bottom-div-3 {
  background-color: #ffffff !important;
  color: rgba(37, 37, 37, 1) !important;
  text-align: center !important;
  padding: 20px 20px !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 38px !important;
  box-sizing: border-box !important;
  position: relative !important;
}

#home-bottom-div-3::after {
  content: "" !important;
  display: block !important;
  height: 5px !important;
  width: 100% !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  background: linear-gradient(to right, #1181c5 25%, #4dbec9 25%, #4dbec9 50%, #f6c23a 50%, #f6c23a 75%, #ed3945 75%) !important;
}

#home-section-4 {
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important;
  max-width: 400px !important;
  margin: 0 auto !important;
}

#home-top-div-4 {
  background-color: #4eb0b9 !important;
  text-align: center !important;
  padding: 20px !important;
}

#home-top-div-4 img {
  display: block !important;
  margin: 0 auto 10px !important;
  width: 120px !important;
  height: 125px !important;
}

#home-top-div-4 h3 {
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: bold !important;
  margin: 0 !important;
}

#home-bottom-div-4 {
  background-color: #ffffff !important;
  color: rgba(37, 37, 37, 1) !important;
  text-align: center !important;
  padding: 20px 20px !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 38px !important;
  box-sizing: border-box !important;
  position: relative !important;
}

#home-bottom-div-4::after {
  content: "" !important;
  display: block !important;
  height: 5px !important;
  width: 100% !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  background: linear-gradient(to right, #1181c5 25%, #4dbec9 25%, #4dbec9 50%, #f6c23a 50%, #f6c23a 75%, #ed3945 75%) !important;
}

#sp-blogs .sp-module-title {
  font-size: 28px !important; /* Adjust font size */
  font-weight: 600 !important; /* Adjust font weight */
  color: #333333 !important; /* Set title color */
  text-transform: uppercase !important; /* Transform text to uppercase */
  margin-bottom: 40px !important; /* Add spacing below the title */
  text-align: center !important; /* Center-align the title */
}

#sp-blogs .sp-module-title::after {
  content: "" !important;
  display: block !important;
  width: 50px !important;
  height: 3px !important;
  background-color: #0c8bcc !important; /* Accent color */
  margin: 10px auto 0 !important; /* Center and add spacing */
}

.eb-mod .mod-item {
  background-color: white;
  padding: 20px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.view-all-blogs {
  font-size: 18px !important; /* Adjust font size */
  font-weight: 600 !important; /* Adjust font weight */
  color: #56c5d0 !important; /* Set title color */
  text-transform: uppercase !important; /* Transform text to uppercase */
  margin-bottom: 10px !important; /* Add spacing below the title */
  text-align: center !important; /* Center-align the title */
  text-decoration: underline !important;
}

.eb-mod-media-title {
  color: #0c8bcc !important;
}

#eb .mod-cell a {
  color: #ef414e !important;
}

.awesomplete {
  width: 50% !important;
  margin-right: 30px !important;
}

.educon-top-search .awesomplete {
  width: 100% !important; /* Set specific width for this search box */
  margin-right: 0 !important; /* Adjust margin to suit layout */
}

@media (min-width: 768px) and (max-width: 1024px) {
  a[title="Nola Public Schools"] {
    display: none !important;
  }
}



.mod-finder__search.input-group {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.mod-finder__search .btn.btn-primary {
  background-color: #ef414e !important; /* Set the main background color */
  color: #ffffff !important; /* Set the text color to white */
  border: 2px solid #d33a45 !important; /* Add a border with a slightly darker shade */
  font-size: 16px !important; /* Adjust font size */
  padding: 10px 20px !important; /* Add padding */
  border-radius: 5px !important; /* Add rounded corners */
  transition: background-color 0.3s ease, transform 0.2s ease !important; /* Smooth hover effect */
}

.mod-finder__search .btn.btn-primary:hover {
  background-color: #d33a45 !important; /* Darken background color on hover */
  transform: scale(1.05) !important; /* Slightly enlarge on hover */
}

.mod-finder__search .btn.btn-primary:focus {
  outline: none !important; /* Remove focus outline */
  box-shadow: 0 0 5px 2px rgba(239, 65, 78, 0.7) !important; /* Add focus glow effect */
}

#mod-finder-searchword204 {
  font-size: 24px !important; /* Set the text size to 24px */
  line-height: 1.5 !important; /* Optional: Adjust line height for better readability */
  padding: 10px !important; /* Add padding for better spacing */
  outline: none !important; /* Remove the blue highlight */
  background-color: #EAE9E9 !important; /* Set a default background color */
  color: #000 !important; /* Ensure text is readable */
}

#mod-finder-searchword204:focus {
  outline: none !important; /* Remove the blue highlight */
  border: none !important; /* Ensure no border changes on focus */
  box-shadow: none !important; /* Remove any potential shadow effects */
  background-color: #EAE9E9 !important; /* Ensure the background color remains the same */
}



/* Truncate text in the column content with 6 lines */
#section-id-e7da05d4-243c-4d75-8eee-7cb6fef5d81b .sppb-addon-image-layout-text {
    display: -webkit-box;
    -webkit-line-clamp: 7;         /* Limit text to 6 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;       /* Add ellipsis for overflow text */
    white-space: normal;
}

.sppb-addon-image-layout-wrap .sppb-addon-image-layout-image img {
    min-height: 437px !important;  /* Set minimum height of the image */
    max-height: 437px !important;  /* Set maximum height of the image */
    object-fit: cover;            /* Ensures the image maintains its aspect ratio */
}

/* Fix title positioning */
#section-id-e7da05d4-243c-4d75-8eee-7cb6fef5d81b .sppb-image-layout-title {
    white-space: nowrap; /* Prevent wrapping */
    overflow: hidden; /* Hide overflowed text */
    text-overflow: ellipsis; /* Add "..." for overflow */
    font-size: 21px; /* Default font size */
    max-width: 100%; /* Ensure the text stays within the column width */
    display: block; /* Ensure block display to avoid text overlap */
    margin-bottom: 10px; /* Add space between the title and the text */
}

/* Adjust title font size for smaller devices */
@media (max-width: 768px) {
    #section-id-e7da05d4-243c-4d75-8eee-7cb6fef5d81b .sppb-image-layout-title {
        font-size: 18px;
    }
}

/* Adjust font size for larger tablets */
@media (min-width: 768px) and (max-width: 1024px) {
    #section-id-e7da05d4-243c-4d75-8eee-7cb6fef5d81b .sppb-image-layout-title {
        font-size: 20px;
    }
}

/* Ensure button is placed below the text */
#section-id-e7da05d4-243c-4d75-8eee-7cb6fef5d81b .sppb-addon-image-layout-content {
    display: flex;
    flex-direction: column; /* Stack content vertically */
    justify-content: flex-start; /* Ensure content stays at the top */
    align-items: flex-start; /* Align items to the left */
    width: 100%;
    max-width: 100%;
}

/* Fix the button placement */
#section-id-e7da05d4-243c-4d75-8eee-7cb6fef5d81b .sppb-btn {
    margin-top: 10px; /* Add spacing between text and button */
    align-self: flex-start; /* Ensure the button aligns with the text on the left */
}

/* For smaller screens (below 768px), ensure columns stack */
@media (max-width: 768px) {
    #section-id-e7da05d4-243c-4d75-8eee-7cb6fef5d81b .sppb-row {
        flex-direction: column; /* Stack columns vertically on small screens */
    }
}

/* Maintain responsive column layout for larger screens */
@media (min-width: 768px) {
    #section-id-e7da05d4-243c-4d75-8eee-7cb6fef5d81b .sppb-row {
        flex-direction: row; /* Keep columns aligned horizontally */
    }
}

#section-id-e7da05d4-243c-4d75-8eee-7cb6fef5d81b .sppb-addon-title {
    position: relative;
    display: inline-block;
    font-size: 24px; /* Adjust the font size as needed */
}

#section-id-e7da05d4-243c-4d75-8eee-7cb6fef5d81b .sppb-addon-title::after {
    content: '';
    position: absolute;
    bottom: -18px; /* Adjusted margin below the text */
    left: 50%;
    transform: translateX(-50%);
    width: 60%; /* Set the width of the border */
    height: 4px; /* Set the height of the border */
    background: repeating-linear-gradient(
        to right,
        #ef414e 0%,
        #ef414e 25%, /* 1st color 25% */
        #f7c943 25%,
        #f7c943 50%, /* 2nd color 25% */
        #0c8bcc 50%,
        #0c8bcc 75%, /* 3rd color 25% */
        #56c5d0 75%,
        #56c5d0 100% /* 4th color 25% */
    );
}

.rainbow {
  position: relative; /* Needed for the pseudo-element */

}

.rainbow::after {
  content: "";
  position: absolute;
  bottom: 0; /* Position it at the bottom of the div */
  left: 0;
  width: 100%;
  height: 4px;
  background: repeating-linear-gradient(
    to right,
    #ef414e 0%,
    #ef414e 25%,
    #f7c943 25%,
    #f7c943 50%,
    #0c8bcc 50%,
    #0c8bcc 75%,
    #56c5d0 75%,
    #56c5d0 100%
  );
}

/* Default for all screens */
#sppb-addon-1cb21ac4-042a-4c22-9bf3-75c0af5f0d26 .sppb-text-alignment {
  min-height: 362px !important;

}

#section-id-f986b0f8-d1f1-4d44-946f-b1092e842f85 .sppb-addon-title::after {
    content: '';
    position: absolute;
    margin-top: 65px;
    left: 50%;
    transform: translateX(-50%);
    width: 35%; /* Set the width of the border */
    height: 4px; /* Set the height of the border */
    background: repeating-linear-gradient(
        to right,
        #ef414e 0%,
        #ef414e 25%, /* 1st color 25% */
        #f7c943 25%,
        #f7c943 50%, /* 2nd color 25% */
        #0c8bcc 50%,
        #0c8bcc 75%, /* 3rd color 25% */
        #56c5d0 75%,
        #56c5d0 100% /* 4th color 25% */
    );
}

.home-feature .sppb-addon-feature .sppb-img-container:before,
.home-upcoming-events .sppb-row:hover .sppb-addon-single-image .sppb-addon-title,
.home-callto-action:before,
.splms.splms-view-events .splms-row:hover .splms-event-details .event-date-wrape .event-date {
  background: #0C8BCC !important;
}

.ebm-event-link {
  color: #dc1836; /* Converted rgb(220, 24, 54) to hex */
}

.ebm-event-link:hover {
  color: #222; /* Hover color */
}

#jmap_sitemap {
  overflow:hidden;
    margin-top: -40px !important;
  font-family: Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #333 !important;
}

#jmap_sitemap > h1 {

    font-family: Arial, sans-serif !important; /* Change to your preferred font */
    font-size: 34px !important; /* Adjust size as needed */
    font-weight: bold !important;
    color: #333 !important; /* Change color if needed */
  margin-bottom:20px;
}

.jmap_filetree span.folder, .jmap_filetree span.file {
  display: inline list-item !important;
  padding: 0px 0px 2px 23px !important;
}

.number-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.number-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
}

.number-wrapper::before,
.number-wrapper::after {
    content: "";
    width: 40%; /* Each side takes up 40%, leaving 20% for the number and gap */
    height: 2px;
    background-color: rgb(235, 6, 48);
}

.number {
    font-size: 65px;
    font-weight: bold;
    color: rgb(235, 6, 48);
    white-space: nowrap;
}

.label {
    font-size: 18px;
    font-weight: normal;
    color: rgb(235, 6, 48);
    text-transform: uppercase;
    margin-top: 5px;
    text-align: center;
}

.sppb-addon.sppb-addon-animated-number.sppb-text-left.statboxes {
  background: #f5f5f5;
}

/* Target only the specific SP Page Builder menu */
.custom-menu-fix .nav.menu {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Ensure each menu item is stacked properly */
.custom-menu-fix .nav.menu li {
    display: block;
    width: 100%;
    margin: 0; /* Remove excess bottom spacing */
    padding: 6px 0; /* Adjust padding for consistent spacing */
    border-bottom: 1px solid #ccc; /* Light gray divider between items */
}

/* Remove border from the last menu item */
.custom-menu-fix .nav.menu li:last-child {
    border-bottom: none;
}

/* Style the links inside the menu */
.custom-menu-fix .nav.menu li a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    color: #333; /* Adjust text color */
}

/* Active/current menu item styling */
.custom-menu-fix .nav.menu li.current.active a {
    font-weight: bold; /* Highlight the active menu item */
    color: #195667; /* Match the first menu’s active state */
}

.boardtable-container {
    margin: 20px 0;
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.boardtable-title {
    font-size: 22px;
    font-weight: bold;
    color: #195667;
    text-align: center;
    margin-bottom: 15px;
}

.boardtable {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.boardtable th, .boardtable td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

.boardtable th {
    background-color: #195667;
    color: white;
    font-weight: bold;
}

.boardtable tr:nth-child(even) {
    background-color: #f2f2f2;
}

/* Color scheme: #ef414e, #f7c943, #0c8bcc, #56c5d0, #195667 */
.join-hero {
    background-color: #195667; /* Dark teal */
    color: #fff;
    text-align: center;
    padding: 50px 20px;
}

.join-cta-btn {
    display: inline-block;
    background-color: #fff; /* White */
    color: #195667;
    padding: 15px 30px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 20px;
}

.join-cta-btn:hover {
    background-color: #e0e0e0;
}

.join-section {
    padding: 40px 20px;
    text-align: center;
    background-color: #fff;
}

.join-values-section {
    background-color: #56c5d0; /* Light teal */
}

.join-values-section h2, .join-values-section p {
    color: #fff; /* White */
}

.join-values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.join-value-card {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.join-value-card h3 {
    color: #ef414e; /* Red */
}

.join-value-card i {
    font-size: 60px; /* Larger icons */
    color: #0c8bcc; /* Darker blue */
    margin-bottom: 10px;
}

.join-value-card p {
    color: #333; /* Matches Explore Career Opportunities heading */
}

.join-opportunities {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.join-card {
    background-color: #fff;
    border: 1px solid #56c5d0; /* Lighter border */
    padding: 20px;
    width: 300px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* More drop shadow */
}

.join-card img {
    width: 100%;
    height: auto;
}

.join-cta-btn-small {
    display: inline-block;
    background-color: #0c8bcc; /* Blue */
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 10px;
}

.join-cta-btn-small:hover {
    background-color: #f7c943; /* Orangish on hover */
    color: #195667;
}

.join-split-section {
    display: flex;
    flex-wrap: wrap;
    background-color: #f7c943; /* Yellow */
    color: #195667;
}

.join-safety-column, .join-roles-column {
    width: 50%;
    padding: 40px;
}

.join-safety-feature {
    margin: 20px 0;
    font-size: 1.1em;
}

.join-roles-column blockquote {
    font-style: italic;
    border-left: 4px solid #195667;
    padding-left: 20px;
    margin: 20px 0;
}

.join-benefits-section {
    background-color: #56c5d0; /* Light teal */
    color: #195667;
}

.join-benefits-section h2 {
    color: #fff; /* White */
}

.join-benefits-showcase {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.join-benefit-item {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 250px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.join-benefit-item i {
    font-size: 60px; /* Larger icons */
    color: #0c8bcc; /* Darker blue */
    margin-bottom: 10px;
}

.join-contact-section {
    background-color: #195667; /* Dark teal */
    color: #fff;
}

.join-contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin: 30px 0;
}

.join-contact-card {
    background-color: #f0f0f0; /* Lighter grey */
    color: #195667;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.join-contact-card i {
    font-size: 60px; /* Larger icons */
    color: #0c8bcc; /* Darker blue */
    margin-bottom: 20px; /* Bottom margin */
}

.join-btn-icon {

    font-size: 16px; /* Smaller size for button icons */
}

.join-arrow-icon {
    margin-right: 10px;
    font-size: 16px !important; /* Explicitly set to 16px for the last Apply Now arrow */
}

a {
    color: #ef414e; /* Red for links */
}

a:hover {
    color: #d63944;
}

.join-contact-section a {
    color: #195667; /* Dark teal for links in contact cards */
}

.join-contact-section a:hover {
    color: #0c8bcc;
}

@media (max-width: 768px) {
    .join-safety-column, .join-roles-column {
        width: 100%;
    }
    .join-opportunities, .join-benefits-showcase {
        flex-direction: column;
        align-items: center;
    }
}

/* Dedicated styles for the apply card section */
.apply-card {
    background-color: #f0f0f0; /* Lighter grey */
    color: #195667;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.apply-icon {
    font-size: 60px; /* Rocket icon size */
    color: #0c8bcc; /* Darker blue */
    margin-bottom: 20px; /* Bottom margin */
}

.apply-card h3 {
    margin: 0 0 10px;
    font-size: 1.25em;
}

.apply-cta-btn {
    display: inline-block;
    background-color: #fff; /* White */
    color: #195667;
    padding: 15px 30px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 20px;
}

.apply-cta-btn:hover {
    background-color: #e0e0e0;
}

.apply-arrow-icon {
    margin-right: 10px;
    font-size: 16px !important; /* Explicitly set to 16px for the arrow */
}

#core {
  font-family: 'Arial', sans-serif;
  color: #195667;
  padding: 40px 20px;
}

.core-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.core-hero-text h1 {
  font-size: 3rem;
  color: #ef414e;
  margin-bottom: 20px;
}

.core-hero-text p {
  font-size: 1.2rem;
  color: #195667;
  max-width: 500px;
}

.core-hero-image img {
  max-width: 400px;
  border-radius: 10px;
}

.core-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin: 40px 0;
}

.core-step {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
}

.core-step:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.step-icon {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.core-step[data-step="01"] .step-icon {
  color: #dd5156; /* 01 - dd5156 */
}

.core-step[data-step="02"] .step-icon {
  color: #f0cb5d; /* 02 - f0cb5d */
}

.core-step[data-step="03"] .step-icon {
  color: #408bc7; /* 03 - 408bc7 */
}

.core-step[data-step="04"] .step-icon {
  color: #75c3cd; /* 04 - 75c3cd */
}

.core-step[data-step="05"] .step-icon {
  color: #30409b; /* 05 - 30409b */
}

.core-step h2 {
  font-size: 1.5rem;
  color: #0c8bcc;
  margin-bottom: 10px;
}

.core-step p {
  font-size: 1rem;
  color: #195667;
  margin-bottom: 20px;
}

.core-cta {
  text-align: center;
  background-color: #56c5d0;
  padding: 40px;
  border-radius: 20px;
  margin-top: 40px;
}

.core-cta h2 {
  font-size: 2rem;
  color: #ffffff;
  margin-bottom: 20px;
}

.core-cta p {
  font-size: 1.2rem;
  color: #ffffff;
  margin-bottom: 20px;
}

.cta-button {
  background-color: #ef414e;
  color: #ffffff;
  padding: 15px 30px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.cta-button:hover {
  background-color: #d63440;
}

#online, .online {
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
  background: #f0f0f0;
  color: #195667;
}

/* Section 1: Hero */
.online-hero {
  position: relative;
  padding: 100px 20px;
  text-align: center;
  overflow: hidden;
}

.online-hero-content {
  position: relative;
  z-index: 2;
}

.online-title {
  font-size: 4rem;
  color: #ffffff; /* Changed to white */
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 20px;
  line-height: 1.2;
}

.online-subtitle {
  font-size: 1.6rem;
  color: #d3d3d3; /* Light grey */
  margin-bottom: 40px;
}

.online-cta-wrapper {
  position: relative;
  display: inline-block;
}

.online-cta {
  display: inline-block;
  padding: 15px 40px;
  background: #ef414e;
  color: #f0f0f0;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.3rem;
  border-radius: 30px;
  position: relative;
  z-index: 2;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}

.online-cta:hover {
  transform: scale(1.1);
  background: #0c8bcc;
  color: #ffffff; /* Text turns white on hover */
}

.online-cta-flare {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(86, 197, 208, 0.4) 0%, rgba(86, 197, 208, 0) 70%);
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}

.online-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #195667;
  clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
  z-index: 1;
}

/* Section 2: Grid (Unchanged) */
.online-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  padding: 60px 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.online-card {
  position: relative;
  padding: 40px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s ease;
}

.online-card:hover {
  transform: scale(1.05);
}

.online-card h2 {
  font-size: 2rem;
  color: #0c8bcc;
  margin-bottom: 15px;
}

.online-card p {
  font-size: 1.1rem;
  color: #195667;
}

.online-wave {
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 100px;
  height: 100px;
  background: #56c5d0;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  opacity: 0.3;
}

.online-circle {
  position: absolute;
  top: -30px;
  left: -30px;
  width: 120px;
  height: 120px;
  background: #f7c943;
  border-radius: 50%;
  opacity: 0.2;
}

.online-spiral {
  position: absolute;
  bottom: -40px;
  left: -40px;
  width: 80px;
  height: 80px;
  background: #ef414e;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  transform: rotate(45deg);
  opacity: 0.25;
}

/* Section 3: Career Journey */
.online-journey {
  padding: 80px 20px;
  background: #56c5d0;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.online-journey-title {
  font-size: 3rem;
  color: #195667;
  margin-bottom: 60px;
  position: relative;
  z-index: 2;
}

.online-journey-timeline {
  display: flex;
  justify-content: center;
  gap: 0;
  flex-wrap: wrap;
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  z-index: 2;
}

.online-step {
  position: relative;
  width: 300px;
  padding: 30px;
  background: #f0f0f0;
  border-radius: 15px;
  transform: rotate(-5deg);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.online-step:hover {
  transform: rotate(0deg);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.online-step-1 {
  transform: rotate(-5deg);
}

.online-step-2 {
  transform: rotate(5deg);
  margin-top: 40px;
}

.online-step-3 {
  transform: rotate(-5deg);
}

.online-step-icon {
  display: block;
  font-size: 2.5rem;
  margin-bottom: 15px;
  color: #ef414e;
}

.online-step-content h3 {
  font-size: 1.8rem;
  color: #ef414e;
  margin-bottom: 10px;
}

.online-step-content p {
  font-size: 1.2rem;
  color: #195667;
}

.online-step-line {
  position: absolute;
  top: 50%;
  right: -50px;
  width: 50px;
  height: 4px;
  background: #f7c943;
  transform: translateY(-50%);
  border-radius: 2px;
}

.online-step-3 .online-step-line {
  display: none;
}

.online-journey-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, rgba(247, 201, 67, 0.2) 0%, rgba(86, 197, 208, 0) 70%);
  z-index: 1;
}

/* Section 4: Explore More */
.online-links {
  padding: 60px 20px;
  background: #f0f0f0;
  text-align: center;
}

.online-links-title {
  font-size: 2.5rem;
  color: #0c8bcc;
  margin-bottom: 40px;
}

.online-links-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.online-link-box {
  position: relative;
  padding: 30px;
  background: #ffffff;
  border-radius: 10px;
  text-decoration: none;
  color: #195667;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.online-link-box:hover {
  transform: translateY(-10px);
}

.online-link-icon {
  font-size: 2.5rem;
  margin-bottom: 15px;
  color: #56c5d0;
}

.online-link-box h4 {
  font-size: 1.5rem;
  color: #0c8bcc;
  margin-bottom: 10px;
}

.online-link-box p {
  font-size: 1.1rem;
  color: #195667;
  margin-bottom: 20px;
}

.online-link-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
}

.online-link-why .online-link-border {
  background: linear-gradient(to right, #ef414e, #f7c943);
}

.online-link-values .online-link-border {
  background: linear-gradient(to right, #0c8bcc, #56c5d0);
}

.online-link-compensation .online-link-border {
  background: linear-gradient(to right, #195667, #ef414e);
}

.online-link-jobs .online-link-border {
  background: linear-gradient(to right, #f7c943, #0c8bcc);
}

.online-link-btn {
  display: inline-block;
  padding: 10px 20px;
  color: #f0f0f0;
  text-decoration: none;
  font-weight: bold;
  border-radius: 20px;
  transition: background 0.3s ease, transform 0.3s ease;
}

.online-link-btn:hover {
  transform: scale(1.05);
  filter: brightness(1.2);
}

#online, .online {
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
  background: #f0f0f0;
  color: #195667;
}

.comp-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 20px;
  text-align: center;
  background: #ffffff; /* Clean white base */
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* New Background Layout */
.comp-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(45deg, #56c5d0, #0c8bcc); /* Teal to blue gradient */
  clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
  z-index: 1;
}

.comp-container::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 40%;
  background: #f7c943; /* Yellow accent */
  clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
  opacity: 0.2;
  z-index: 1;
}

.comp-title {
  font-size: 3.2rem;
  color: #ffffff; /* Kept white as requested */
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

.comp-intro {
  font-size: 1.3rem;
  color: #195667; /* Dark teal for contrast */
  margin-bottom: 40px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}

.comp-highlights {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 50px;
  position: relative;
  z-index: 2;
}

.comp-highlight {
  background: #f0f0f0;
  padding: 25px;
  border-radius: 15px;
  width: 250px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
  position: relative;
  transition: transform 0.3s ease;
  overflow: hidden;
}

.comp-highlight:hover {
  transform: translateY(-10px);
}

.comp-highlight-number {
  display: block;
  font-size: 2.5rem;
  color: #f7c943; /* Yellow for vibrancy */
  font-weight: bold;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

.comp-highlight p {
  font-size: 1.1rem;
  color: #195667;
  margin: 0;
  position: relative;
  z-index: 2;
}

.comp-flair {
  position: absolute;
  z-index: 1;
  transition: transform 0.3s ease;
}

.comp-flair-1 {
  top: -20px;
  left: -20px;
  width: 80px;
  height: 80px;
  background: #ef414e;
  border-radius: 50%;
  opacity: 0.3;
}

.comp-highlight:hover .comp-flair-1 {
  transform: scale(1.2);
}

.comp-flair-2 {
  bottom: -30px;
  right: -30px;
  width: 100px;
  height: 100px;
  background: #0c8bcc;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  opacity: 0.25;
}

.comp-highlight:hover .comp-flair-2 {
  transform: rotate(15deg);
}

.comp-flair-3 {
  top: 50%;
  right: -40px;
  width: 60px;
  height: 60px;
  background: #56c5d0;
  transform: translateY(-50%) rotate(45deg);
  opacity: 0.35;
}

.comp-highlight:hover .comp-flair-3 {
  transform: translateY(-50%) rotate(60deg);
}

.comp-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(to right, #ef414e, #f7c943, #0c8bcc); /* Multi-color gradient inspired by nola.myfreedev.com */
}

.comp-cta {
  position: relative;
  z-index: 2;
}

.comp-cta-text {
  font-size: 1.4rem;
  color: #195667;
  margin-bottom: 20px;
}

.comp-cta-button {
  display: inline-block;
  padding: 15px 40px;
  background: #f7c943;
  color: #195667;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 30px;
  transition: background 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.comp-cta-button:hover {
  background: #ef414e;
  color: #f0f0f0;
  transform: scale(1.1);
}

#jobboard, .jobboard {
  font-family: 'Arial', sans-serif jewel;
  margin: 0;
  padding: 0;
  background: #f0f0f0;
  color: #195667;
}

.jobboard-container {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border-radius: 25px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.jobboard-header {
  text-align: center;
  padding: 20px 20px 40px;
  background: #0c8bcc;
  position: relative;
  overflow: hidden;
  border-top-left-radius: 25px; /* Rounded top-left corner */
  border-top-right-radius: 25px; /* Rounded top-right corner */
}

.jobboard-header::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -20%;
  width: 140%;
  height: 140%;
  background: radial-gradient(circle, rgba(86, 197, 208, 0.4) 0%, rgba(12, 139, 204, 0) 70%);
  z-index: 1;
}

.jobboard-logo-wrapper {
  background:
#ffffff;
  padding:
25px 20px 20px;
  display: inline-block;
  border-radius:
15px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
  margin-top: 30px;
}

.jobboard-logo {
  max-width: 300px;
  display: block;
  margin: 0 auto;
}

.jobboard-title {
  font-size: 3rem;
  color: #f0f0f0;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  z-index: 2;
}

.jobboard-subtitle {
  font-size: 1.4rem;
  color: #f7c943;
  max-width: 600px;
  margin: 0 auto 20px;
  position: relative;
  z-index: 2;
}

.jobboard-steps {
  display: flex;
  justify-content: center;
  gap: 25px;
  flex-wrap: wrap;
  padding: 40px 20px;
  background: #f0f0f0;
  position: relative;
  z-index: 2;
}

.jobboard-step {
  background: #ffffff;
  padding: 30px;
  border-radius: 15px;
  width: 280px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  position: relative;
  transition: transform 0.3s ease;
  overflow: hidden;
  text-align: center;
}

.jobboard-step:hover {
  transform: translateY(-8px);
}

.jobboard-icon {
  font-size: 60px;
  color: #ef414e;
  margin-bottom: 20px;
  display: block;
}

.jobboard-step h2 {
  font-size: 1.8rem;
  color: #ef414e;
  margin-bottom: 15px;
}

.jobboard-step p {
  font-size: 1.1rem;
  color: #195667;
  margin: 0;
}

.jobboard-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(to right, #ef414e, #f7c943, #0c8bcc);
}

.jobboard-cta {
  text-align: center;
  padding: 40px 20px;
  background: #56c5d0;
}

.jobboard-cta-button {
  display: inline-block;
  padding: 20px 50px;
  background: #ef414e;
  color: #f0f0f0;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: bold;
  border-radius: 50px;
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.jobboard-cta-button:hover {
  background: #f7c943;
  color: #195667;
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

#rights, .rights {
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
  background: #f0f0f0;
  color: #195667;
}

.rights-container {
  width: 100%;
  padding: 60px 40px;
  background: linear-gradient(135deg, #56c5d0 0%, #0c8bcc 50%, #195667 100%);
  position: relative;
  overflow: hidden;
}

.rights-title {
  font-size: 3.5rem;
  color: #f0f0f0;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  z-index: 2;
}

.rights-intro {
  font-size: 1.3rem;
  color: #f7c943;
  text-align: center;
  max-width: 800px;
  margin: 0 auto 40px;
  position: relative;
  z-index: 2;
}

.rights-accordions {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.rights-accordion {
  margin-bottom: 15px;
}

.rights-accordion-header {
  width: 100%;
  padding: 20px;
  background: #ef414e;
  color: #f0f0f0;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: left;
  border: none;
  border-radius: 10px 10px 0px 0px;
  cursor: pointer;
  transition: background 0.3s ease;
  position: relative;
  overflow: hidden;
}

.rights-accordion-header:hover {
  background: #f7c943;
  color: #195667;
}

.rights-accordion-header::after {
  content: '\25BC';
  position: absolute;
  right: 20px;
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}

.rights-accordion-header.active::after {
  transform: rotate(180deg);
}

.rights-accordion-content {
  display: none;
  padding: 20px;
  background: #ffffff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.rights-accordion-content p {
  font-size: 1.1rem;
  color: #195667;
  margin: 0 0 10px;
}

.rights-accordion-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.rights-accordion-content li {
  margin-bottom: 10px;
}

.rights-link {
  display: inline-block;
  color: #0c8bcc;
  font-weight: bold;
  text-decoration: none;
  transition: color 0.3s ease;
}

.rights-link:hover {
  color: #ef414e;
}

.rights-container::before {
  content: '';
  position: absolute;
  top: -100px;
  left: -100px;
  width: 300px;
  height: 300px;
  background: rgba(247, 201, 67, 0.3);
  border-radius: 50%;
  z-index: 1;
}

.rights-container::after {
  content: '';
  position: absolute;
  bottom: -80px;
  right: -80px;
  width: 200px;
  height: 200px;
  background: rgba(239, 65, 78, 0.2);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  z-index: 1;
}

.account, #account {
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
  color: #195667;
}

.account-wrapper {
  padding: 40px 40px 0; /* Removed bottom padding to close gap */
}

.account-title {
  font-size: 2.8rem;
  color: #0c8bcc;
  text-align: center;
  margin-bottom: 40px;
  font-weight: bold;
  text-transform: uppercase;
}

.account-section {
  margin-bottom: 60px;
}

.account-subtitle {
  font-size: 2rem;
  color: #ef414e;
  text-align: center;
  margin-bottom: 25px;
  font-weight: bold;
}

.account-subtitle-left {
  text-align: left; /* Left-justified for Charter Operating Agreements */
}

.account-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto 60px;
  padding: 30px;
  background: linear-gradient(45deg, #f7c94322, #56c5d022);
  border-radius: 15px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.account-hero-content {
  flex: 2;
  padding-right: 30px;
}

.account-hero-box {
  flex: 1;
}

.account-text {
  font-size: 1.2rem;
  color: #195667;
  margin: 0 0 20px;
  line-height: 1.6;
  text-align: left;
}

.account-notice-text {
  font-size: 1rem; /* Reduced text size */
  padding: 0 40px; /* Added left and right padding */
}

.account-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  text-align: left;
}

.account-list li {
  font-size: 1.1rem;
  color: #195667;
  margin-bottom: 20px;
  line-height: 1.5;
}

.account-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}

.account-table th,
.account-table td {
  padding: 15px;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
}

.account-table th {
  background: #56c5d0;
  color: #f0f0f0;
  font-weight: bold;
  text-transform: uppercase;
}

.account-table tr:nth-child(even) {
  background: #f7f9431a;
}

.account-table tr:hover {
  background: #f7c94333;
}

.account-faq-table td:first-child {
  width: 30%;
  background: #ffffff;
}

.account-faq-table td {
  vertical-align: top;
}

.account-faq-table ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.account-faq-table ul li {
  margin-bottom: 10px;
}

.account-faq-table ul ul {
  margin-left: 20px;
  list-style: disc;
}

.account-faq-question {
  font-weight: 600;
  color: #195667;
}

.account-divider {
  width: 80%;
  height: 2px;
  background: #195667;
  margin: 40px auto;
  opacity: 0.3;
}

.account-agreements {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto 60px;
  position: relative;
}

.account-agreements-text {
  flex: 1;
  padding-right: 30px;
}

.account-agreements-box {
  flex: 1;
  position: relative;
}

.account-flair {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, #ef414e33 0%, #56c5d033 70%);
  border-radius: 50%;
  z-index: 0;
}

.account-box {
  background: #ffffff;
  padding: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-left: 5px solid;
  border-image: linear-gradient(to bottom, #ef414e, #f7c943, #0c8bcc, #56c5d0) 1;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}

.account-box:hover {
  transform: translateY(-5px);
}

.account-box h3 {
  font-size: 1.5rem;
  color: #195667;
  margin-bottom: 10px;
  font-weight: bold;
}

.account-box p {
  font-size: 1.1rem;
  color: #195667;
  margin: 0 0 15px;
}

.account-link {
  color: #0c8bcc;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease;
}

.account-link:hover {
  color: #ef414e;
}

#education {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.education-intro {
    margin-bottom: 40px;
    text-align: center;
}

.education-intro h2 {
    font-size: 2.5em;
    margin-bottom: 45px;
    color: #333;
	font-weight: 600;
}

.education-content {
    max-width: 800px;
    margin: 0 auto 20px;
    padding: 20px;
    background: linear-gradient(135deg, #f9f9f9 0%, #e9ecef 100%);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #007bff;
}

.education-tagline {
    font-size: 1.5em;
    color: #666;
    margin-bottom: 10px;
}

.education-tagline strong {
    color: #007bff;
}

.education-description {
    font-size: 1.1em;
    color: #666;
}

.education-schools {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: linear-gradient(135deg, #fff 0%, #f1f3f5 100%);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #06d6a0;
}

.education-schools h3 {
    font-size: 1.8em;
    margin-bottom: 15px;
    color: #333;
}

.education-schools p {
    font-size: 1em;
    color: #666;
    margin-bottom: 10px;
}

.education-schools ul {
    list-style: none;
    padding: 0 20px;
    text-align: left;
}

.education-schools ul li {
    font-size: 1.1em;
    color: #333;
    margin: 10px 0;
    padding-left: 30px;
    position: relative;
}

.education-schools ul li i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #06d6a0;
    font-size: 1.2em;
    margin-right: 8px; /* Added right padding */
}

.education-grid {
    display: grid;
    gap: 20px;
    padding: 0;
}

.education-grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    max-width: 1200px;
    margin: 0 auto 40px;
}

.education-grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    max-width: 1200px;
    margin: 0 auto;
}

.education-box {
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
}

.education-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.education-box.image-box {
    background: #fff;
    border: 1px solid #ddd;
}

.education-box.border-red {
    border-left: 5px solid #e63946;
    border-bottom: 5px solid #e63946;
    background: #f9f9f9;
}

.education-box.border-green {
    border-left: 5px solid #06d6a0;
    border-bottom: 5px solid #06d6a0;
    background: #f9f9f9;
}

.education-box.border-blue {
    border-left: 5px solid #118ab2;
    border-bottom: 5px solid #118ab2;
    background: #f9f9f9;
}

.education-box.border-purple {
    border-left: 5px solid #7209b7;
    border-bottom: 5px solid #7209b7;
    background: #f9f9f9;
}

.education-box img {
    max-width: 100%;
    max-height: 458px;
    height: auto;
    margin-bottom: 15px;
    object-fit: cover;
}

.education-box i {
    font-size: 2em;
    color: #007bff;
    margin-bottom: 15px;
}

.education-box h3 {
    font-size: 1.5em;
    margin: 10px 0 20px;
    color: #333;
}

.education-box .education-date {
    font-size: 1em;
    color: #666;
    margin: 0 0 10px;
}

.education-box p {
    font-size: 1em;
    color: #666;
    margin: 10px 0;
}

.education-box ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.education-box ul.education-links {
    text-align: center;
}

.education-box ul li {
    margin: 8px 0; /* Increased padding between links by 3px */
}

.education-box ul li a {
    color: #007bff;
    text-decoration: underline;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
}

.education-box ul li a.education-pdf-link {
    text-decoration: underline;
    
}

.education-box ul li a.education-email-link {
    text-decoration: underline;
    text-decoration-color: #007bff; /* Blue underline for emails */
}

.education-box ul li a.education-address-link {
    text-decoration: underline;
    text-decoration-color: #118ab2; /* Different blue for addresses */
}

.education-box ul li a:hover {
    text-decoration: underline;
    text-decoration-color: inherit;
}

.education-button {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 10px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    line-height: 1.5;
    text-align: center;
}

.education-blue-btn {
    background-color: #007bff;
}

.education-blue-btn:hover {
    background-color: #0056b3;
    color: #fff;
}

.education-red-btn {
    background-color: #dc3545;
}

.education-red-btn:hover {
    background-color: #b02a37;
    color: #fff;
}

@media (max-width: 768px) {
    .education-box img {
        max-height: none;
    }
}

#questions {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    max-width: 800px;
    margin: 0 auto;
}

#questions h2 {
    font-size: 2.5em;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

.questions-content {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.questions-intro {
    font-size: 1.2em;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

.questions-content p {
    font-size: 1em;
    color: #666;
    line-height: 1.6;
    margin: 15px 0;
}

.questions-contact {
    background: linear-gradient(135deg, #f9f9f9 0%, #e9ecef 100%);
    border-left: 5px solid #007bff;
    padding: 15px;
    border-radius: 5px;
    margin: 20px 0;
    text-align: center;
}

.questions-contact p {
    margin: 0;
    font-size: 1.1em;
    color: #333;
}

.questions-contact a {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
}

.questions-contact a:hover {
    text-decoration: underline;
}

#attendance {
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Arial', sans-serif;
}

#attendance h2 {
    font-size: 2.8em;
    color: #1a3c5e;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
}

#attendance h2::after {
    content: '';
    width: 60px;
    height: 4px;
    background: #ff6b6b;
    display: block;
    margin: 10px auto;
    border-radius: 2px;
}

.attendance-intro {
    background: linear-gradient(135deg, #f0f4f8 0%, #e1e7ed 100%);
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
    text-align: center;
}

.attendance-intro p {
    font-size: 1.2em;
    color: #4a4a4a;
    line-height: 1.7;
    max-width: 800px;
    margin: 0 auto;
}

.attendance-accordions {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.attendance-accordion-item {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.attendance-accordion-header {
    background: #1a3c5e;
    color: #fff;
    padding: 20px;
    font-size: 1.5em;
    font-weight: bold;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
    transition: background 0.3s ease;
}

.attendance-accordion-header:hover {
    background: #25547a;
}

.attendance-accordion-header.active {
    background: #ff6b6b;
}

.attendance-accordion-header i {
    font-size: 1.2em;
    transition: transform 0.3s ease;
}

.attendance-accordion-header.active i {
    transform: rotate(90deg);
}

.attendance-accordion-content {
    display: none;
    padding: 25px;
    background: #f9fafc;
    border-top: 2px solid #e1e7ed;
}

.attendance-accordion-content p {
    font-size: 1em;
    color: #4a4a4a;
    line-height: 1.6;
    margin-bottom: 20px;
}

.attendance-resource {
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}

.attendance-resource h3 {
    font-size: 1.4em;
    color: #1a3c5e;
    margin-bottom: 15px;
}

.attendance-resource h3 a {
    color: #1a3c5e;
    text-decoration: none;
    transition: color 0.3s ease;
}

.attendance-resource h3 a:hover {
    color: #ff6b6b;
}

.attendance-resource p {
    font-size: 1em;
    color: #666;
    margin: 10px 0;
}

.attendance-resource ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.attendance-resource ul li {
    font-size: 1em;
    color: #4a4a4a;
    margin: 8px 0;
    position: relative;
    padding-left: 20px;
}

.attendance-resource ul li:before {
    content: '\f105'; /* Font Awesome angle-right */
    font-family: 'FontAwesome';
    color: #ff6b6b;
    position: absolute;
    left: 0;
    top: 2px;
}

.attendance-resource a {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
}

.attendance-resource a:hover {
    text-decoration: underline;
    color: #ff6b6b;
}

.attendance-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin-top: 20px;
}

.attendance-images img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.attendance-images img:hover {
    transform: scale(1.05);
}

@media (max-width: 768px) {
    #attendance h2 {
        font-size: 2em;
    }

    .attendance-accordion-header {
        font-size: 1.3em;
        padding: 15px;
    }

    .attendance-accordion-content {
        padding: 15px;
    }

    .attendance-resource {
        padding: 15px;
    }

    .attendance-images {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }
}
#studentrec {
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
    max-width: 1300px;
    margin: 0 auto;
    font-family: 'Arial', sans-serif;
    background: linear-gradient(135deg, #e6f0fa 0%, #fff 100%);
}

#studentrec h2 {
    font-size: 3em;
    color: #2a4066;
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

#studentrec h2::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 5px;
    background: #f39c12;
    border-radius: 3px;
}

.studentrec-intro {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
    text-align: center;
    border: 2px dashed #3498db;
}

.studentrec-intro p {
    font-size: 1.1em;
    color: #555;
    line-height: 1.8;
    margin: 15px 0;
	padding: 20px;
}

.studentrec-intro a {
    color: #e74c3c;
    text-decoration: none;
    font-weight: bold;
}

.studentrec-intro a:hover {
    text-decoration: underline;
}

.studentrec-services {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    margin-bottom: 50px;
}

.studentrec-card {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.studentrec-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

.studentrec-card h3 {
    font-size: 1.8em;
    color: #2a4066;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #f39c12;
    display: inline-block;
}

.studentrec-content p {
    font-size: 1em;
    color: #666;
    line-height: 1.7;
    margin-bottom: 15px;
}

.studentrec-section {
    margin-top: 20px;
}

.studentrec-section h4 {
    font-size: 1.4em;
    color: #3498db;
    margin-bottom: 15px;
}

.studentrec-content ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.studentrec-content ul li {
    font-size: 1em;
    color: #555;
    margin: 10px 0;
    padding-left: 25px;
    position: relative;
}

.studentrec-content ul li:before {
    content: '\f0da'; /* Font Awesome caret-right */
    font-family: 'FontAwesome';
    color: #e74c3c;
    position: absolute;
    left: 0;
    top: 2px;
}

.studentrec-content a {
    color: #e74c3c;
    text-decoration: none;
    font-weight: bold;
}

.studentrec-content a:hover {
    color: #f39c12;
    text-decoration: underline;
}

.studentrec-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 50px;
}

.studentrec-link-card {
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.studentrec-link-card:hover {
    transform: scale(1.05);
}

.studentrec-link-card a {
    display: block;
    text-decoration: none;
    color: #fff;
}

.studentrec-link-card img {
    width: 100%;
    height: auto;
    display: block;
}

.studentrec-link-card h3 {
    font-size: 1.5em;
    color: #fff;
    padding: 15px;
    margin: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    border-bottom: none;
}

.studentrec-footer {
    text-align: center;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.studentrec-footer p {
    font-size: 1.1em;
    color: #555;
    margin: 0;
}

.studentrec-footer a {
    color: #3498db;
    text-decoration: none;
    font-weight: bold;
}

.studentrec-footer a:hover {
    color: #f39c12;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .studentrec-services {
        grid-template-columns: 1fr;
    }

    .studentrec-links {
        grid-template-columns: 1fr;
    }

    #studentrec h2 {
        font-size: 2.2em;
    }

    .studentrec-card h3 {
        font-size: 1.5em;
    }

    .studentrec-link-card h3 {
        font-size: 1.3em;
    }
}
#childsearch {
    width: 100%;
    padding: 50px 20px;
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Georgia', serif;
    background: #f7f9fc;
    position: relative;
    overflow: hidden;
}

#childsearch h2 {
    font-size: 3.5em;
    color: #2c3e50;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: linear-gradient(to right, #3498db, #e74c3c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.childsearch-container {
    position: relative;
    z-index: 1;
}

.childsearch-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.childsearch-hero::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(52, 152, 219, 0.2), transparent);
    animation: rotate 20s linear infinite;
}

.childsearch-text {
    flex: 1;
    padding-right: 20px;
}

.childsearch-text h3 {
    font-size: 2em;
    color: #34495e;
    margin-bottom: 15px;
    font-style: italic;
}

.childsearch-text p {
    font-size: 1.1em;
    color: #5d6d7e;
    line-height: 1.8;
}

.childsearch-image {
    flex: 0 0 150px;
    text-align: center;
}

.childsearch-image img {
    max-width: 100%;
    height: auto;
    animation: float 4s ease-in-out infinite;
}

.childsearch-services {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 40px;
    text-align: center;
    color: #fff;
}

.childsearch-services h3 {
    font-size: 2em;
    color: #fff;
    margin-bottom: 20px;
}

.childsearch-services p {
    font-size: 1.1em;
    color: #ecf0f1;
    margin-bottom: 15px;
}

.childsearch-service-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 600px;
}

.childsearch-service-list li {
    font-size: 1em;
    color: #fff;
    margin: 15px 0;
    padding: 15px;
    background: rgba(255, 255, 255, 0.29);
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.childsearch-service-list li:hover {
    transform: translateX(10px);
}

.childsearch-action {
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 40px;
    text-align: center;
    border-right: 5px solid #e74c3c;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.childsearch-private {
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 40px;
    text-align: center;
    border-left: 5px solid #8e44ad;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.childsearch-action h3, .childsearch-private h3 {
    font-size: 2em;
    color: #2c3e50;
    margin-bottom: 20px;
}

.childsearch-action p, .childsearch-private p {
    font-size: 1.1em;
    color: #7f8c8d;
    line-height: 1.7;
    margin-bottom: 20px;
}

.childsearch-action a:not(.childsearch-request-btn), .childsearch-private a:not(.childsearch-review-btn) {
    color: #3498db;
    text-decoration: none;
    font-weight: bold;
}

.childsearch-action a:not(.childsearch-request-btn):hover, .childsearch-private a:not(.childsearch-review-btn):hover {
    color: #e74c3c;
}

.childsearch-request-btn {
    display: inline-block;
    padding: 15px 30px;
    background: #e74c3c;
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
    font-size: 1.2em;
    transition: all 0.3s ease;
    width: 200px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4);
}

.childsearch-request-btn:hover {
    background: #c0392b;
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(231, 76, 60, 0.6);
}

.childsearch-review-btn {
    display: inline-block;
    padding: 15px 30px;
    background: #3498db;
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
    font-size: 1.2em;
    transition: all 0.3s ease;
    width: 200px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4);
}

.childsearch-review-btn:hover {
    background: #2980b9;
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(52, 152, 219, 0.6);
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

@media (max-width: 768px) {
    #childsearch h2 {
        font-size: 2.5em;
    }

    .childsearch-hero {
        flex-direction: column;
        padding: 20px;
    }

    .childsearch-text {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .childsearch-text h3, .childsearch-services h3, .childsearch-action h3, .childsearch-private h3 {
        font-size: 1.6em;
    }

    .childsearch-request-btn, .childsearch-review-btn {
        font-size: 1em;
        padding: 12px 25px;
        width: 180px;
    }
}

#nutrition {
    width: 100%;
    padding: 0;
    font-family: Arial, sans-serif;
}

/* Hero Section */
.nutrition-hero {
    text-align: center;
    padding: 60px 20px;
    background: linear-gradient(120deg, #ffeb3b, #ff9800);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

.nutrition-hero h2 {
    font-size: 3em;
    color: #fff;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
}

/* Meal Programs - Circular Card */
.nutrition-meal-programs {
    max-width: 600px;
    margin: 40px auto;
    padding: 30px;
    background: #e3f2fd;
    border-radius: 50%;
    border: 5px dashed #0288d1;
    text-align: center;
    position: relative;
}

.nutrition-meal-programs h3 {
    font-size: 1.8em;
    color: #0288d1;
    margin-bottom: 15px;
}

.nutrition-meal-programs p {
    font-size: 1.1em;
    color: #01579b;
}

/* Elementary Schools - Stacked List */
.nutrition-elementary {
    max-width: 400px;
    margin: 40px auto;
    padding: 20px;
    background: #fff3e0;
    border: 3px solid #ff5722;
    box-shadow: 5px 5px 0 #ff5722;
    position: relative;
}

.nutrition-elementary::before {
    content: "🏫";
    position: absolute;
    top: 10px;
    left: -40px;
    font-size: 50px;
}

.nutrition-elementary h3 {
    font-size: 1.6em;
    color: #e64a19;
    margin-left: 30px;
}

.nutrition-elementary ul {
    list-style: none;
    padding: 0;
    color: #bf360c;
}

.nutrition-elementary ul li {
    margin: 10px 0;
    padding-left: 20px;
    position: relative;
}

.nutrition-elementary ul li::before {
    content: "🍊";
    position: absolute;
    left: 0;
    font-size: 14px;
}

/* High Schools - Vertical Stack */
.nutrition-highschools {
    max-width: 300px;
    margin: 40px auto;
    padding: 25px;
    background: #e8f5e9;
    border-left: 10px solid #4caf50;
    transform: rotate(-2deg);
}

.nutrition-highschools h3 {
    font-size: 1.7em;
    color: #2e7d32;
    text-align: center;
}

.nutrition-highschools p {
    font-size: 1.2em;
    color: #1b5e20;
    line-height: 1.8;
}

/* Payment - Floating Card */
.nutrition-payment {
    max-width: 500px;
    margin: 40px auto;
    padding: 20px;
    background: #f3e5f5;
    border-radius: 0 20px 20px 0;
    border-right: 8px double #ab47bc;
    position: relative;
}

.nutrition-payment h3 {
    font-size: 1.9em;
    color: #8e24aa;
}

.nutrition-payment p {
    color: #6a1b9a;
}

.nutrition-payment .nutrition-btn {
    display: block;
    margin-top: 15px;
    padding: 10px 20px;
    background: #ab47bc;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    text-decoration: none;
    transition: transform 0.2s;
}

.nutrition-payment .nutrition-btn:hover {
    transform: scale(1.1);
}

/* Summer - Minimalist Button */
.nutrition-summer {
    text-align: center;
    margin: 40px auto;
}

.nutrition-summer h3 {
    font-size: 1.5em;
    color: #ffca28;
    margin-bottom: 20px;
}

.nutrition-summer .nutrition-btn {
    padding: 15px 30px;
    background: #fff176;
    color: #f57f17;
    border: 3px solid #fbc02d;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
}

/* Menus - Accordion Style */
.nutrition-menus {
    max-width: 700px;
    margin: 40px auto;
    padding: 20px;
    background: #efebe9;
    border-top: 6px dotted #6d4c41;
}

.nutrition-menus h3 {
    font-size: 2em;
    color: #4e342e;
    text-align: center;
}

.nutrition-menus .menu-block {
    margin-top: 15px;
}

.nutrition-menus a {
    color: #8d6e63;
    text-decoration: underline;
}

.nutrition-menus a:hover {
    color: #3e2723;
}

/* Fruits - Playful Bubble */
.nutrition-fruits {
    max-width: 350px;
    margin: 40px auto;
    padding: 25px;
    background: #f1f8e9;
    border-radius: 100px;
    border: 4px solid #aed581;
    text-align: center;
}

.nutrition-fruits h3 {
    font-size: 1.6em;
    color: #7cb342;
}

.nutrition-fruits p {
    color: #558b2f;
}

/* Info - Link Grid */
.nutrition-info {
    max-width: 900px;
    margin: 40px auto;
    padding: 20px;
    background: #e0f7fa;
    border: 5px groove #26c6da;
}

.nutrition-info h3 {
    font-size: 1.8em;
    color: #006064;
    margin-bottom: 20px;
}

.nutrition-info .info-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}

.nutrition-info a {
    color: #00838f;
    text-decoration: none;
    padding: 10px;
    background: #b2ebf2;
    border-radius: 5px;
}

.nutrition-info a:hover {
    background: #80deea;
}

#chase {
    width: 100%;
    padding: 0;
    font-family: 'Arial', sans-serif;
    background: #f5f5f5; /* Covers chase-hero and chase-intro */
}

/* Hero */
.chase-hero {
    text-align: center;
    padding: 80px 20px;
    background: linear-gradient(135deg, #ff5722, #ffd700);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
}

.chase-hero h2 {
    font-size: 3.5em;
    color: #fff;
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
}

.chase-hero img {
    max-width: 100%;
    border: 5px solid #fff;
    border-radius: 10px;
}

/* Intro */
.chase-intro {
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    background: #f5f5f5;
    border-bottom: 2px solid #ddd;
}

.chase-intro h3 {
    font-size: 2.5em;
    color: #ff5722;
    margin-bottom: 20px;
}

.chase-intro p {
    font-size: 1.2em;
    max-width: 800px;
    margin: 0 auto;
    color: #666;
}

/* Vision */
.chase-vision {
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    background: linear-gradient(to bottom, #e3f2fd, #ffffff);
}

.chase-vision h3 {
    font-size: 2.5em;
    color: #0288d1;
    text-transform: uppercase;
}

.chase-vision p {
    font-size: 1.2em;
    max-width: 900px;
    margin: 20px auto;
    color: #0277bd;
}

.chase-vision-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.chase-btn-blue {
    padding: 12px 25px;
    background: #0288d1;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background 0.3s;
}

.chase-btn-blue:hover {
    background: #4fc3f7;
}

.chase-btn-red {
    padding: 12px 25px;
    background: #d32f2f;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background 0.3s;
}

.chase-btn-red:hover {
    background: #f44336;
}

/* Team */
.chase-team {
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    background: #fff;
}

.chase-team h3 {
    font-size: 2.5em;
    color: #388e3c;
    margin-bottom: 30px;
    text-transform: uppercase;
    border-bottom: 3px solid #388e3c;
    display: inline-block;
}

.chase-team-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.chase-team-content img {
    max-width: 400px;
    border-radius: 10px;
    border: 5px solid #388e3c;
}

.chase-team-text h4 {
    font-size: 1.8em;
    color: #4caf50;
    margin-bottom: 15px;
}

.chase-team-text p {
    font-size: 1.2em;
    max-width: 500px;
    color: #333;
}

/* Goal */
.chase-goal {
    width: 100%;
    padding: 40px 20px;
    text-align: center;
    background: #f5f5f5;
    border-top: 5px solid #388e3c;
}

.chase-goal h3 {
    font-size: 2em;
    color: #388e3c;
    margin-bottom: 20px;
    background: #fff;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.chase-goal p {
    font-size: 1.2em;
    max-width: 800px;
    margin: 0 auto;
    color: #666;
}

/* Grades */
.chase-grades {
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.chase-grades h3 {
    font-size: 2.5em;
    color: #f9a825;
    margin-bottom: 30px;
}

.chase-grades-table {
    max-width: 600px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

.chase-grades-table th, .chase-grades-table td {
    padding: 15px;
    font-size: 1.2em;
    border-bottom: 1px solid #eee;
}

.chase-grades-table th {
    background: #f9a825;
    color: #fff;
    text-transform: uppercase;
}

.chase-grades-table td {
    color: #666;
}

.chase-grades-table tr:last-child td {
    border-bottom: none;
}

/* Enrollment */
.chase-enrollment {
  width: 100%;
  padding: 60px 20px;
  text-align: center;
  clip-path: polygon(0px 10%, 100% 0px, 100% 120%, 0px 100%);
  border-left: 5px solid #ff5722;
  border-right: 5px solid #0288d1;
  background: white;

}

.chase-enrollment h3 {
    font-size: 2.5em;
    color: #0288d1;
    margin-bottom: 20px;
}

.chase-enrollment p {
    font-size: 1.2em;
    max-width: 800px;
    margin: 0 auto;
    color: #0277bd;
}

.chase-enrollment p a {
    color: #4fc3f7;
    text-decoration: underline;
}

/* Curriculum */
.chase-curriculum {
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    background: #0288d1;
    color: #fff;
    clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
}

.chase-curriculum h3 {
    font-size: 2.5em;
    margin-bottom: 30px;
}

.chase-curriculum ul {
    list-style: none;
    padding: 0;
    max-width: 600px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 10px;
}

.chase-curriculum ul li {
    font-size: 1.2em;
    margin: 15px 0;
    position: relative;
    padding-left: 30px;
}

.chase-curriculum ul li::before {
    content: '◆';
    position: absolute;
    left: 0;
    color: #4fc3f7;
}

.chase-curriculum p {
    font-size: 1.2em;
    margin-top: 20px;
}

/* Arts - Adjusted Clip-Path and Borders */
.chase-arts {
  width: 100%;
  padding:
60px 20px;
  text-align: center;
  background:
#f5f5f5;
  clip-path: polygon(0px 0px, 99.92% -20.40%, 100% 100%, 0px 100%);
  border-left:
5px solid #388e3c;
  border-right:
5px solid #f9a825;
  
  position: relative;
}

.chase-arts::before {
    content: '';
    position: absolute;
    top: -60px; /* Touches bottom of chase-curriculum */
    right: -5px; /* Aligns with border-right */
    width: 5px;
    height: calc(100% + 120px); /* Extends to chase-support */
    background: #f9a825;
    z-index: -1; /* Behind content */
}

.chase-arts::after {
    content: '';
    position: absolute;
    top: -60px;
    left: -5px; /* Aligns with border-left */
    width: 5px;
    height: calc(100% + 120px);
    background: #388e3c;
    z-index: -1;
}

.chase-arts h3 {
    font-size: 2.5em;
    color: #388e3c;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.chase-arts p {
    font-size: 1.2em;
    max-width: 800px;
    margin: 0 auto;
    color: #666;
    position: relative;
    z-index: 1;
}

.chase-arts p a {
    color: #4caf50;
    text-decoration: underline;
}

/* Support */
.chase-support {
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    background: #fff;
    position: relative;
}

.chase-support h3 {
    font-size: 2.5em;
    color: #ab47bc;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.chase-support p {
    font-size: 1.2em;
    max-width: 800px;
    margin: 20px auto;
    color: #666;
    position: relative;
    z-index: 1;
    background: #f3e5f5;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.chase-support p a {
    color: #ce93d8;
    text-decoration: underline;
}

/* Info */
.chase-info {
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    background: #fff;
    position: relative;
}

.chase-info h3 {
    font-size: 2.5em;
    color: #f9a825;
    margin-bottom: 20px;
    background: #fffde7;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.chase-info p {
    font-size: 1.2em;
    max-width: 800px;
    margin: 20px auto;
    color: #f57f17;
    background: #fff;
    padding: 15px;
    border-left: 5px solid #f9a825;
    border-radius: 5px;
}

/* Uniforms */
.chase-uniforms {
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    background: linear-gradient(to bottom, #0288d1, #4fc3f7);
    color: #fff;
}

.chase-uniforms h3 {
    font-size: 2.5em;
    margin-bottom: 20px;
}

.chase-uniform-swatches {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin: 20px 0;
}

.chase-uniform-swatches span {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    border: 2px solid #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.chase-uniforms p {
    font-size: 1.2em;
    max-width: 800px;
    margin: 0 auto;
}

/* Materials */
.chase-materials {
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    background: #388e3c;
    color: #fff;
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
    position: relative;
}

.chase-materials::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"%3E%3Ccircle cx="50" cy="50" r="40" fill="rgba(255, 255, 255, 0.1)" /%3E%3C/svg%3E') no-repeat center;
    background-size: cover;
}

.chase-materials h3 {
    font-size: 2.5em;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.chase-materials p {
    font-size: 1.2em;
    max-width: 800px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.2);
    padding: 15px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

/* Tech */
.chase-tech {
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.chase-tech h3 {
    font-size: 2.5em;
    color: #d81b60;
}

.chase-tech-images {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin: 20px 0;
}

.chase-tech-box {
    background: #fff;
    padding: 10px;
}

.chase-tech-box img {
    max-width: 400px;
}

/* Footer */
.chase-footer {
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    background: #fff;
}

.chase-footer-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

#exschools {
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
}

#exschools h2 {
    font-size: 2.5em;
    color: #003087;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.exschools-description {
    max-width: 1200px;
    margin: 0 auto 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.exschools-description-box {
    flex: 1;
    min-width: 300px;
    max-width: 580px; /* Half of 1200px minus gap */
    background: #fff;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-bottom: 5px solid;
    border-image: linear-gradient(to right, #ff5722, #003087) 1;
}

.exschools-description-box p {
    font-size: 1.2em;
    color: #333;
    line-height: 1.6;
    margin: 0;
}

.exschools-description-box a {
    color: #d32f2f;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s;
}

.exschools-description-box a:hover {
    color: #f44336;
}

.exschools-early-k12 {
    max-width: 800px;
    margin: 0 auto 40px;
    text-align: center;
}

.exschools-early-k12 h3 {
    font-size: 2em;
    color: #003087;
    margin-bottom: 20px;
}

.exschools-btn {
    display: inline-block;
    padding: 12px 25px;
    background: #003087;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    margin: 10px 0;
    transition: background 0.3s;
}

.exschools-btn:hover {
    background: #4fc3f7;
}

.exschools-divider {
    width: 130px;
    height: 15px;
    margin: 20px auto;
    background: url('data:image/svg+xml,%3Csvg width="130" height="15" viewBox="0 0 130 15" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="rgb(145, 157, 169)" fill-rule="evenodd"%3E%3Cg transform="translate(45)"%3E%3Ccircle cx="20.5" cy="7.5" r="7.5"/%3E%3Ccircle cx="4.5" cy="7.5" r="4.5"/%3E%3Ccircle cx="35.5" cy="7.5" r="4.5"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat center;
}

.exschools-downloads {
    max-width: 800px;
    margin: 0 auto 40px;
    padding: 20px;
    background: #f5f5f5;
    border-left: 5px solid #003087;
    border-radius: 5px;
}

.exschools-downloads h3 {
    font-size: 1.8em;
    color: #003087;
    margin-bottom: 20px;
}

.exschools-downloads ul {
    list-style: none;
    padding: 0;
}

.exschools-downloads li {
    margin: 15px 0;
    font-size: 1.2em;
}

.exschools-downloads a {
    color: #003087;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s;
}

.exschools-downloads a:hover {
    color: #4fc3f7;
}

.exschools-explore {
    text-align: center;
}

.exschools-explore-btn {
    display: inline-block;
    padding: 12px 25px;
    background: transparent;
    color: #003087;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #003087;
    border-radius: 5px;
    transition: background 0.3s, color 0.3s;
}

.exschools-explore-btn:hover {
    background: #003087;
    color: #fff;
}

/* General Styles */
.open-section {
    width: 100%;
    padding: 20px 30px; /* Reduced top padding from 60px to 20px */
    position: relative;
    background: #fff;
    overflow: hidden;
    transition: all 0.3s ease;
}

.open-skewed {
  transform: skewY(-3deg);
  background:
linear-gradient(45deg, #DC1836, #d8000052);
  color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.open-content {
    transform: skewY(3deg);
    padding: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Headings and Text */
.open-headline {
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    color: #333; /* Changed back to original dark color */
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.openschool-title {
    color: #003087;
    font-size: 1.8em;
    margin-bottom: 15px;
    margin-top: 40px; /* Updated per request */
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 3px solid #00b4d8;
    display: inline-block;
    padding-bottom: 5px;
}

.open-text {
    font-size: 1rem; /* 16px */
    line-height: 1.8;
    color: #333;
}

.open-bold {
    font-weight: 700;
    color: #003087;
}

.open-link {
    color: #00b4d8;
    text-decoration: none;
    font-weight: 500;
    font-size: 1rem; /* 16px */
    transition: color 0.3s ease;
}

.open-link:hover {
    color: #003087;
    text-decoration: underline;
}

/* Lists */
.open-list {
    font-size: 1rem; /* 16px */
    line-height: 1.6;
    color: #333;
    margin: 20px 0;
    padding-left: 20px;
}

.open-list .open-list {
    padding-left: 40px;
}

/* Tables */
.open-table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.open-table-head {
    background: #003087;
}

.open-table-header {
    padding: 15px;
    color: #fff;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #00b4d8;
}

/* Specific styling for Timeline headers */
#open-timeline .open-table-header:nth-child(1) {
    background: #00b4d8; /* Teal for Date */
}

#open-timeline .open-table-header:nth-child(2) {
    background: #003087; /* Navy for Event */
}

.open-table-body {
    background: #fff;
}

.open-table-cell {
    padding: 15px;
    border: 1px solid #e9ecef;
    color: #333;
    font-size: 1rem; /* 16px */
}

/* Definitions, Pathways, Requirements */
.open-definition-container,
.open-pathway-container,
.open-requirement-container {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.open-definition-item,
.open-pathway-item,
.open-requirement-item {
    flex: 1 1 300px;
    border: 2px solid #003087;
    border-radius: 10px;
    padding: 15px;
}

.open-definition-title,
.open-pathway-title,
.open-requirement-title {
    background: #003087;
    color: #fff;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    font-weight: 600;
}

.open-definition-text,
.open-pathway-text,
.open-requirement-text {
    padding: 10px;
    color: #333;
    font-size: 1rem; /* 16px */
}

/* Tabs */
.open-tabs {
    margin: 30px 0;
    overflow-x: auto;
    white-space: nowrap;
}

.open-tab-input {
    display: none;
}

.open-tab-label {
    display: inline-block;
    padding: 15px 25px;
    background: #e9ecef;
    color: #333;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
    margin-right: 5px;
    transition: background 0.3s ease;
    font-size: 1em;
}

.open-tab-input:checked + .open-tab-label {
    background: #003087;
    color: #fff;
}

.open-tab-content {
    display: none;
    padding: 25px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 0 10px 10px 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

#open-past-tab1:checked ~ #open-past-tab1-content,
#open-past-tab2:checked ~ #open-past-tab2-content,
#open-past-tab3:checked ~ #open-past-tab3-content,
#open-past-tab4:checked ~ #open-past-tab4-content,
#open-past-tab5:checked ~ #open-past-tab5-content,
#open-past-tab6:checked ~ #open-past-tab6-content {
    display: block;
}

/* Section-Specific Styles */
#open-submitted-2024.open-skewed {
    background: linear-gradient(45deg, #00b4d8, #0077b6); /* Changed gradient */
}

#open-definitions.open-skewed {
  background:
linear-gradient(45deg, #0077b6, #f7c943);
}

#open-contact.open-skewed {
  background:
linear-gradient(45deg, #0C8BCC, #DC1836);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .open-section {
        padding: 15px;
    }

    .open-headline {
        font-size: 2em;
    }

    .openschool-title {
        font-size: 1.5em;
    }

    .open-text {
        font-size: 1rem; /* 16px */
    }

    .open-tab-label {
        padding: 10px 15px;
        font-size: 0.9em;
    }

    .open-definition-item,
    .open-pathway-item,
    .open-requirement-item {
        flex: 1 1 100%;
    }
}

/* General Styles */
.leaderrec-section {
    width: 100%;
    padding: 20px 30px 20px;
    background: #fff;
    overflow: hidden;
}

/* Intro Section */
#leaderrec-intro {
    text-align: center;
    padding: 40px 30px;
}

.leaderrec-headline {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #195667; /* Menu Blue */
}

.leaderrec-text {
    font-size: 1.1em;
    line-height: 1.6;
    max-width: 900px;
    margin: 0 auto;
}

/* Resources Grid */
#leaderrec-resources .leaderrec-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 20px 0;
}

.leaderrec-infobox {
    background: #f8f9fa;
    border: 2px solid #195667; /* Menu Blue */
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.leaderrec-infobox:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.leaderrec-summer-training {
    grid-column: span 2;
}

.leaderrec-icon {
    font-size: 2em;
    color: #0C8BCC; /* Icon Blue */
    margin-bottom: 15px;
}

.leaderrec-title {
    font-size: 1.5em;
    font-weight: 600;
    color: #195667; /* Menu Blue */
    margin-bottom: 10px;
    border-bottom: 2px solid #F7C943; /* Orangish */
    display: inline-block;
    padding-bottom: 5px;
}

.leaderrec-button {
    display: inline-block;
    padding: 10px 20px;
    background: #DC1836; /* Red */
    color: #fff; /* White text */
    text-decoration: none;
    border-radius: 5px;
    margin-top: 15px;
    transition: background 0.3s ease;
}

.leaderrec-button:hover {
    background: #0C8BCC; /* Icon Blue */
    color: #fff; /* White text */
}

.leaderrec-training-item {
    margin: 15px 0;
    padding: 10px;
    border-left: 4px solid #0C8BCC; /* Icon Blue */
    background: #fff;
    border-radius: 5px;
}

/* Toolkits Section */
#leaderrec-toolkits {
    background: #f8f9fa;
}

.leaderrec-table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0 0 0; /* Removed bottom margin */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.leaderrec-table-head {
    background: #195667; /* Menu Blue */
}

.leaderrec-table-header {
    padding: 15px;
    color: #fff;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #F7C943; /* Orangish */
}

.leaderrec-table-body {
    background: #fff;
}

.leaderrec-table-cell {
    padding: 15px;
    border: 1px solid #e9ecef;
    color: #333;
}

.leaderrec-table-cell i {
    margin-right: 10px;
    color: #0C8BCC; /* Icon Blue */
}

/* Links */
.leaderrec-link {
    color: #0C8BCC; /* Icon Blue */
    text-decoration: none;
    transition: color 0.3s ease;
}

.leaderrec-link:hover {
    color: #DC1836; /* Red */
    text-decoration: underline;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .leaderrec-section {
        padding: 15px 15px 15px;
    }

    .leaderrec-headline {
        font-size: 2em;
    }

    .leaderrec-title {
        font-size: 1.3em;
    }

    .leaderrec-text {
        font-size: 1em;
    }

    .leaderrec-grid {
        grid-template-columns: 1fr;
    }

    .leaderrec-summer-training {
        grid-column: span 1;
    }
}

/* General Styles */
.accrec-section {
    width: 100%;
    padding: 40px 30px;
    background: #fff;
    overflow: hidden;
}

/* Intro Section */
#accrec-intro {
    text-align: center;
    background: linear-gradient(135deg, #195667, #0C8BCC); /* Menu Blue to Icon Blue */
    color: #fff;
    padding: 60px 30px;
}

.accrec-headline {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.accrec-text {
    font-size: 1.1em;
    line-height: 1.6;
    max-width: 900px;
    margin: 0 auto;
}

/* Resources Table */
#accrec-resources {
    background: #f8f9fa;
}

.accrec-table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0 0 0; /* Removed bottom margin */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.accrec-table-head {
    background: #195667; /* Menu Blue */
}

.accrec-table-header {
    padding: 15px;
    color: #fff;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #0C8BCC; /* Icon Blue */
}

.accrec-table-body {
    background: #fff;
}

.accrec-table-cell {
    padding: 15px;
    border: 1px solid #e9ecef;
    color: #333;
}

.accrec-table-cell i {
    margin-right: 10px;
    color: #0C8BCC; /* Icon Blue */
}

/* Links */
.accrec-link {
    color: #0C8BCC; /* Icon Blue */
    text-decoration: none;
    transition: color 0.3s ease;
}

.accrec-link:hover {
    color: #DC1836; /* Red */
    text-decoration: underline;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .accrec-section {
        padding: 30px 15px;
    }

    .accrec-headline {
        font-size: 2em;
    }

    .accrec-text {
        font-size: 1em;
    }

    .accrec-table-header,
    .accrec-table-cell {
        padding: 10px;
        font-size: 0.9em;
    }
}

/* General Styles */
.finres-section {
    width: 100%;
    padding: 40px 30px;
    background: #fff;
    overflow: hidden;
}

/* Intro Section */
#finres-intro {
    background: linear-gradient(135deg, #195667, #0C8BCC);
    color: #fff;
    text-align: center;
    padding: 60px 30px;
}

.finres-headline {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.finres-text {
    font-size: 1.1em;
    line-height: 1.6;
    max-width: 900px;
    margin: 0 auto;
}

/* Resources Grid */
#finres-resources .finres-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    padding: 20px 0;
}

.finres-infobox {
    background: #f8f9fa;
    border: 2px solid #195667;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.finres-infobox:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.finres-icon {
    font-size: 2em;
    color: #0C8BCC;
    margin-bottom: 15px;
}

.finres-title {
    font-size: 1.5em;
    font-weight: 600;
    color: #195667;
    margin-bottom: 10px;
    border-bottom: 2px solid #0C8BCC;
    display: inline-block;
    padding-bottom: 5px;
}

/* Table within Infobox */
.finres-table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0 0 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.finres-table-body {
    background: transparent; /* Removed white background */
}

.finres-table-cell {
    padding: 15px;
    border: 1px solid #e9ecef;
    color: #333;
}

.finres-table-cell i.fa-file-pdf-o {
    margin-right: 10px;
    color: #DC1836; /* Red for PDF icon */
}

.finres-table-cell i.fa-file-excel-o {
    margin-right: 10px;
    color: #0C8BCC; /* Icon Blue for Excel icon */
}

/* Links */
.finres-link {
    color: #0C8BCC;
    text-decoration: none;
    transition: color 0.3s ease;
}

.finres-link:hover {
    color: #DC1836;
    text-decoration: underline;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .finres-section {
        padding: 30px 15px;
    }

    .finres-headline {
        font-size: 2em;
    }

    .finres-title {
        font-size: 1.3em;
    }

    .finres-text {
        font-size: 1em;
    }

    .finres-grid {
        grid-template-columns: 1fr;
    }
}

/* General Styles */
.facinf-section {
    width: 100%;
    padding: 40px 30px;
    background: #fff;
    overflow: hidden;
}

/* Intro Section */
#facinf-intro {
    background: linear-gradient(135deg, #195667, #0C8BCC);
    color: #fff;
    text-align: center;
    padding: 60px 30px;
}

.facinf-headline {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.facinf-text {
    font-size: 1.1em;
    line-height: 1.6;
    max-width: 900px;
    margin: 0 auto;
}

/* Resources Grid */
#facinf-resources .facinf-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    padding: 20px 0;
}

.facinf-infobox {
    background: #f8f9fa;
    border: 2px solid #195667;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.facinf-infobox:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.facinf-icon img {
    width: 40px;
    height: auto;
    margin-bottom: 15px;
}

.facinf-title {
    font-size: 1.5em;
    font-weight: 600;
    color: #195667;
    margin-bottom: 10px;
    border-bottom: 2px solid #0C8BCC;
    display: inline-block;
    padding-bottom: 5px;
}

/* Table within Infobox */
.facinf-table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0 0 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.facinf-table-body {
    background: transparent;
}

.facinf-table-cell {
    padding: 15px;
    border: 1px solid #e9ecef;
    color: #333;
}

.facinf-table-cell i.fa-file-pdf-o {
    margin-right: 10px;
    color: #DC1836;
}

.facinf-table-cell i.fa-file-excel-o,
.facinf-table-cell i.fa-link {
    margin-right: 10px;
    color: #0C8BCC;
}

/* Links */
.facinf-link {
    color: #0C8BCC;
    text-decoration: none;
    transition: color 0.3s ease;
}

.facinf-link:hover {
    color: #DC1836;
    text-decoration: underline;
}

.facinf-extra-link {
    text-align: center;
    margin-top: 20px;
    font-size: 1.2em;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .facinf-section {
        padding: 30px 15px;
    }

    .facinf-headline {
        font-size: 2em;
    }

    .facinf-title {
        font-size: 1.3em;
    }

    .facinf-text {
        font-size: 1em;
    }

    .facinf-grid {
        grid-template-columns: 1fr;
    }
}

/* General Styles */
.studatt-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Intro Section */
.studatt-intro {
    background: linear-gradient(135deg, #195667, #0C8BCC);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.studatt-intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"%3E%3Cpath fill="%23fff" fill-opacity="0.1" d="M0,224L48,208C96,192,192,160,288,149.3C384,139,480,149,576,176C672,203,768,245,864,245.3C960,245,1056,203,1152,181.3C1248,160,1344,160,1392,160L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"%3E%3C/path%3E%3C/svg%3E') no-repeat bottom;
    z-index: 0;
}

.studatt-intro-header {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.studatt-intro-title {
    font-size: 3.5em;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.studatt-intro-subtitle {
    font-size: 1.8em;
    font-weight: 300;
    color: #F7C943;
    margin-bottom: 30px;
}

.studatt-intro-content {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.studatt-intro-card {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    max-width: 800px;
    transition: transform 0.3s ease;
}

.studatt-intro-card:hover {
    transform: scale(1.02);
}

.studatt-intro-card-title {
    font-size: 2em;
    font-weight: 700;
    color: #195667;
    margin-bottom: 20px;
}

.studatt-intro-card-text {
    font-size: 1.2em;
    line-height: 1.8;
    color: #555;
    margin-bottom: 20px;
}

.studatt-intro-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.studatt-intro-list li {
    font-size: 1.1em;
    line-height: 1.6;
    color: #333;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.studatt-intro-list li::before {
    content: '\f058';
    font-family: 'FontAwesome';
    color: #0C8BCC;
    position: absolute;
    left: 0;
    top: 2px;
}

.studatt-focus-links {
    margin-top: 20px;
}

/* Mission Section */
.studatt-mission {
    background: #f8f9fa;
    padding: 60px 20px;
}

.studatt-section-title {
    font-size: 2.5em;
    font-weight: 700;
    color: #195667;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.studatt-section-title::after {
    content: '';
    width: 50px;
    height: 4px;
    background: #F7C943;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.studatt-mission-content {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    align-items: flex-start;
}

.studatt-mission-content p {
    font-size: 1.2em;
    line-height: 1.8;
    flex: 1 1 60%;
}

.studatt-contact {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    flex: 1 1 30%;
    max-width: 300px;
}

.studatt-contact h3 {
    font-size: 1.5em;
    color: #195667;
    margin-bottom: 15px;
}

.studatt-contact p {
    font-size: 1.1em;
    line-height: 1.6;
    margin: 10px 0;
}

/* Focus Areas Section */
.studatt-focus-areas {
    padding: 60px 20px;
    background: #fff;
}

.studatt-rows {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
}

.studatt-row {
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.studatt-row::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #DC1836, #F7C943);
    transition: height 0.3s ease;
    pointer-events: none; /* Allows clicks to pass through */
}

.studatt-row:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.studatt-row:hover::before {
    height: 100%;
    opacity: 0.1;
}

.studatt-row-icon {
    font-size: 2.5em;
    color: #0C8BCC;
    margin-right: 20px;
    flex-shrink: 0;
}

.studatt-row-content {
    flex: 1;
}

.studatt-row-title {
    font-size: 1.8em;
    font-weight: 600;
    color: #195667;
    margin-bottom: 15px;
}

.studatt-row-text {
    font-size: 1.1em;
    line-height: 1.6;
    color: #555;
    margin-bottom: 15px;
}

.studatt-row-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.studatt-row-list li {
    font-size: 1.1em;
    line-height: 1.6;
    color: #333;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.studatt-row-list li::before {
    content: '\f058';
    font-family: 'FontAwesome';
    color: #0C8BCC;
    position: absolute;
    left: 0;
    top: 2px;
}

/* Links */
.studatt-link {
    color: #0C8BCC;
    text-decoration: none;
    transition: color 0.3s ease;
}

.studatt-link:hover {
    color: #DC1836;
    text-decoration: underline;
}

.studatt-button {
    display: inline-block;
    padding: 10px 20px;
    background: #DC1836;
    color: #fff;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.studatt-button:hover {
    background: #0C8BCC;
    color: #fff;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .studatt-intro {
        padding: 60px 15px;
    }

    .studatt-intro-title {
        font-size: 2.5em;
    }

    .studatt-intro-subtitle {
        font-size: 1.2em;
    }

    .studatt-intro-card {
        padding: 20px;
    }

    .studatt-mission, .studatt-focus-areas {
        padding: 40px 15px;
    }

    .studatt-section-title {
        font-size: 2em;
    }

    .studatt-mission-content {
        flex-direction: column;
        align-items: center;
    }

    .studatt-mission-content p, .studatt-contact {
        max-width: 100%;
    }

    .studatt-row {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }

    .studatt-row-icon {
        margin-bottom: 15px;
        margin-right: 0;
    }
}

/* General Styles */
.specproapp-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Intro Section */
.specproapp-intro {
    background: linear-gradient(135deg, #195667, #0C8BCC);
    padding: 80px 0;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.specproapp-intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"%3E%3Cpath fill="%23fff" fill-opacity="0.1" d="M0,224L48,208C96,192,192,160,288,149.3C384,139,480,149,576,176C672,203,768,245,864,245.3C960,245,1056,203,1152,181.3C1248,160,1344,160,1392,160L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"%3E%3C/path%3E%3C/svg%3E') no-repeat bottom;
    z-index: 0;
}

.specproapp-title {
    font-size: 3.5em;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

.specproapp-subtitle {
    font-size: 1.8em;
    font-weight: 300;
    color: #F7C943;
    position: relative;
    z-index: 1;
}

/* Documents Section */
.specproapp-documents {
    padding: 60px 20px 0 20px;
    background: #f8f9fa;
}

.specproapp-table-wrapper {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.specproapp-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.specproapp-table-head {
    background: #195667;
}

.specproapp-table-header {
    padding: 15px;
    color: #fff;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #0C8BCC;
}

.specproapp-table-body {
    background: #fff;
}

.specproapp-table-cell {
    padding: 15px;
    border: 1px solid #e9ecef;
    color: #333;
    font-size: 1.1em;
}

.specproapp-table-cell i {
    margin-right: 10px;
    color: #DC1836;
}

.specproapp-table-body tr {
    transition: background 0.3s ease;
}

.specproapp-table-body tr:hover {
    background: #f1f3f5;
}

/* Links */
.specproapp-link {
    color: #0C8BCC;
    text-decoration: none;
    transition: color 0.3s ease;
}

.specproapp-link:hover {
    color: #DC1836;
    text-decoration: underline;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .specproapp-intro {
        padding: 60px 15px;
    }

    .specproapp-title {
        font-size: 2.5em;
    }

    .specproapp-subtitle {
        font-size: 1.2em;
    }

    .specproapp-documents {
        padding: 40px 15px;
    }

    .specproapp-table-header,
    .specproapp-table-cell {
        padding: 10px;
        font-size: 1em;
    }
}

/* General Styles */
.schfacleag-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Intro Section */
.schfacleag-intro {
    background: linear-gradient(135deg, #195667, #0C8BCC);
    padding: 80px 0;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.schfacleag-intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"%3E%3Cpath fill="%23fff" fill-opacity="0.1" d="M0,224L48,208C96,192,192,160,288,149.3C384,139,480,149,576,176C672,203,768,245,864,245.3C960,245,1056,203,1152,181.3C1248,160,1344,160,1392,160L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"%3E%3C/path%3E%3C/svg%3E') no-repeat bottom;
    z-index: 0;
}

.schfacleag-title {
    font-size: 3.5em;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

.schfacleag-subtitle {
    font-size: 1.8em;
    font-weight: 300;
    color: #F7C943;
    position: relative;
    z-index: 1;
}

/* Documents Section */
.schfacleag-documents {
    padding: 60px 20px 0 20px;
    background: #f8f9fa;
}

.schfacleag-table-wrapper {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.schfacleag-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.schfacleag-table-head {
    background: #195667;
}

.schfacleag-table-header {
    padding: 15px;
    color: #fff;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #0C8BCC;
}

.schfacleag-table-body {
    background: #fff;
}

.schfacleag-table-cell {
    padding: 15px;
    border: 1px solid #e9ecef;
    color: #333;
    font-size: 1.1em;
}

.schfacleag-table-cell i {
    margin-right: 10px;
    color: #DC1836;
}

.schfacleag-table-body tr {
    transition: background 0.3s ease;
}

.schfacleag-table-body tr:hover {
    background: #f1f3f5;
}

/* Links */
.schfacleag-link {
    color: #0C8BCC;
    text-decoration: none;
    transition: color 0.3s ease;
}

.schfacleag-link:hover {
    color: #DC1836;
    text-decoration: underline;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .schfacleag-intro {
        padding: 60px 15px;
    }

    .schfacleag-title {
        font-size: 2.5em;
    }

    .schfacleag-subtitle {
        font-size: 1.2em;
    }

    .schfacleag-documents {
        padding: 40px 15px 0 15px;
    }

    .schfacleag-table-header,
    .schfacleag-table-cell {
        padding: 10px;
        font-size: 1em;
    }
}

/* General Styles */
.chaartres-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Intro Section */
.chaartres-intro {
    background: linear-gradient(135deg, #195667, #0C8BCC);
    padding: 80px 0;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.chaartres-intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"%3E%3Cpath fill="%23fff" fill-opacity="0.1" d="M0,224L48,208C96,192,192,160,288,149.3C384,139,480,149,576,176C672,203,768,245,864,245.3C960,245,1056,203,1152,181.3C1248,160,1344,160,1392,160L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"%3E%3C/path%3E%3C/svg%3E') no-repeat bottom;
    z-index: 0;
}

.chaartres-title {
    font-size: 3.5em;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

.chaartres-subtitle {
    font-size: 1.8em;
    font-weight: 300;
    color: #F7C943;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.chaartres-welcome {
    max-width: 800px;
    margin: 0 auto;
    font-size: 1.2em;
    line-height: 1.8;
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

/* Resources Section */
.chaartres-resources {
    padding: 60px 20px 0 20px;
    background: #f8f9fa;
}

.chaartres-table-wrapper {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.chaartres-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.chaartres-table-head {
    background: #195667;
}

.chaartres-table-header {
    padding: 15px;
    color: #fff;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #0C8BCC;
}

.chaartres-table-body {
    background: #fff;
}

.chaartres-table-cell {
    padding: 15px;
    border: 1px solid #e9ecef;
    color: #333;
    font-size: 1.1em;
}

.chaartres-table-cell i {
    margin-right: 10px;
    color: #DC1836;
}

.chaartres-table-body tr {
    transition: background 0.3s ease;
}

.chaartres-table-body tr:hover {
    background: #f1f3f5;
}

/* Links */
.chaartres-link {
    color: #0C8BCC;
    text-decoration: none;
    transition: color 0.3s ease;
}

.chaartres-link:hover {
    color: #DC1836;
    text-decoration: underline;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .chaartres-intro {
        padding: 60px 15px;
    }

    .chaartres-title {
        font-size: 2.5em;
    }

    .chaartres-subtitle {
        font-size: 1.2em;
    }

    .chaartres-welcome {
        padding: 15px;
        font-size: 1em;
    }

    .chaartres-resources {
        padding: 40px 15px 0 15px;
    }

    .chaartres-table-header,
    .chaartres-table-cell {
        padding: 10px;
        font-size: 1em;
    }
}

/* General Styles */
.fedpro-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Intro Section */
.fedpro-intro {
    background: linear-gradient(135deg, #195667, #0C8BCC);
    padding: 80px 0;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.fedpro-intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"%3E%3Cpath fill="%23fff" fill-opacity="0.1" d="M0,224L48,208C96,192,192,160,288,149.3C384,139,480,149,576,176C672,203,768,245,864,245.3C960,245,1056,203,1152,181.3C1248,160,1344,160,1392,160L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"%3E%3C/path%3E%3C/svg%3E') no-repeat bottom;
    z-index: 0;
}

.fedpro-title {
    font-size: 3.5em;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

.fedpro-subtitle {
    font-size: 1.8em;
    font-weight: 300;
    color: #F7C943;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.fedpro-recovery-plan {
    background: rgba(255, 255, 255, 0.95);
    color: #333;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.fedpro-recovery-title {
    font-size: 2em;
    font-weight: 700;
    color: #195667;
    margin-bottom: 15px;
}

/* Programs Section */
.fedpro-programs {
    padding: 60px 20px 0 20px;
    background: #f8f9fa;
}

.fedpro-section-title {
    font-size: 2.5em;
    font-weight: 700;
    color: #195667;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.fedpro-section-title::after {
    content: '';
    width: 50px;
    height: 4px;
    background: #F7C943;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.fedpro-panels {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fedpro-panel {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.fedpro-panel-header {
    padding: 20px;
    font-size: 1.5em;
    font-weight: 600;
    color: #195667;
    background: #f1f3f5;
    cursor: pointer;
    transition: background 0.3s ease;
}

.fedpro-panel-header:hover {
    background: #e9ecef;
}

.fedpro-panel-content {
    padding: 20px;
    font-size: 1.1em;
    line-height: 1.6;
    color: #555;
}

.fedpro-panel-content h3 {
    font-size: 1.3em;
    font-weight: 600;
    color: #0C8BCC;
    margin: 15px 0 10px;
}

.fedpro-panel-content ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.fedpro-panel-content ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.fedpro-panel-content ul li::before {
    content: '\f058';
    font-family: 'FontAwesome';
    color: #DC1836;
    position: absolute;
    left: 0;
    top: 2px;
}

/* Staff Section */
.fedpro-staff {
    padding: 60px 20px 0 20px;
    background: #fff;
}

.fedpro-staff-table-wrapper {
    background: #f8f9fa;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.fedpro-staff-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.fedpro-staff-cell {
    padding: 20px;
    border: 1px solid #e9ecef;
    font-size: 1.1em;
    line-height: 1.6;
    color: #333;
    text-align: center;
}

.fedpro-staff-cell strong {
    color: #195667;
}

/* Links */
.fedpro-link {
    color: #0C8BCC;
    text-decoration: none;
    transition: color 0.3s ease;
}

.fedpro-link:hover {
    color: #DC1836;
    text-decoration: underline;
}

.fedpro-button {
    display: inline-block;
    padding: 10px 20px;
    background: #DC1836;
    color: #fff;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.fedpro-button:hover {
    background: #0C8BCC;
    color: #fff;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .fedpro-intro {
        padding: 60px 15px;
    }

    .fedpro-title {
        font-size: 2.5em;
    }

    .fedpro-subtitle {
        font-size: 1.2em;
    }

    .fedpro-recovery-plan {
        padding: 20px;
    }

    .fedpro-programs, .fedpro-staff {
        padding: 40px 15px 0 15px;
    }

    .fedpro-section-title {
        font-size: 2em;
    }

    .fedpro-panel-header {
        font-size: 1.3em;
        padding: 15px;
    }

    .fedpro-panel-content {
        padding: 15px;
        font-size: 1em;
    }

    .fedpro-staff-cell {
        padding: 15px;
        font-size: 1em;
    }
}

/* General Styles */
.empser-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Intro Section */
.empser-intro {
    background: linear-gradient(135deg, #195667, #0C8BCC);
    padding: 80px 0;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.empser-intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"%3E%3Cpath fill="%23fff" fill-opacity="0.1" d="M0,224L48,208C96,192,192,160,288,149.3C384,139,480,149,576,176C672,203,768,245,864,245.3C960,245,1056,203,1152,181.3C1248,160,1344,160,1392,160L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"%3E%3C/path%3E%3C/svg%3E') no-repeat bottom;
    z-index: 0;
}

.empser-title {
    font-size: 3.5em;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

.empser-subtitle {
    font-size: 1.8em;
    font-weight: 300;
    color: #F7C943;
    position: relative;
    z-index: 1;
}

/* Content Section */
.empser-content {
    padding: 60px 20px 0 20px;
    background: #f8f9fa;
}

.empser-info-card {
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    max-width: 800px;
    margin: 0 auto 40px auto;
}

.empser-note {
    font-style: italic;
    font-weight: bold;
    color: #195667;
    margin-bottom: 20px;
    font-size: 1.2em;
}

.empser-info-card p {
    font-size: 1.1em;
    line-height: 1.8;
    color: #555;
    margin-bottom: 20px;
}

.empser-section-title {
    font-size: 1.8em;
    font-weight: 600;
    color: #195667;
    margin-bottom: 15px;
    border-bottom: 2px solid #F7C943;
    display: inline-block;
    padding-bottom: 5px;
}

.empser-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.empser-list li {
    font-size: 1.1em;
    line-height: 1.6;
    color: #333;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.empser-list li::before {
    content: '\f058';
    font-family: 'FontAwesome';
    color: #0C8BCC;
    position: absolute;
    left: 0;
    top: 2px;
}

/* Button */
.empser-button-wrapper {
    text-align: center;
}

.empser-button {
    display: inline-block;
    padding: 15px 30px;
    background: #DC1836;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 1.2em;
    font-weight: 600;
    transition: background 0.3s ease, transform 0.3s ease;
}

.empser-button:hover {
    background: #0C8BCC;
    transform: translateY(-3px);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .empser-intro {
        padding: 60px 15px;
    }

    .empser-title {
        font-size: 2.5em;
    }

    .empser-subtitle {
        font-size: 1.2em;
    }

    .empser-content {
        padding: 40px 15px 0 15px;
    }

    .empser-info-card {
        padding: 20px;
    }

    .empser-section-title {
        font-size: 1.5em;
    }

    .empser-info-card p,
    .empser-list li {
        font-size: 1em;
    }

    .empser-button {
        padding: 12px 25px;
        font-size: 1em;
    }
}

/* General Styles */
.empprotool-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Intro Section */
.empprotool-intro {
    background: linear-gradient(135deg, #195667, #0C8BCC);
    padding: 80px 0;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.empprotool-intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"%3E%3Cpath fill="%23fff" fill-opacity="0.1" d="M0,224L48,208C96,192,192,160,288,149.3C384,139,480,149,576,176C672,203,768,245,864,245.3C960,245,1056,203,1152,181.3C1248,160,1344,160,1392,160L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"%3E%3C/path%3E%3C/svg%3E') no-repeat bottom;
    z-index: 0;
}

.empprotool-title {
    font-size: 3.5em;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

.empprotool-subtitle {
    font-size: 1.8em;
    font-weight: 300;
    color: #F7C943;
    position: relative;
    z-index: 1;
}

/* Resources Section */
.empprotool-resources {
    padding: 60px 20px 0 20px;
    background: #f8f9fa;
}

.empprotool-table-wrapper {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.empprotool-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.empprotool-table-head {
    background: #195667;
}

.empprotool-table-header {
    padding: 15px;
    color: #fff;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #0C8BCC;
}

.empprotool-table-body {
    background: #fff;
}

.empprotool-table-cell {
    padding: 15px;
    border: 1px solid #e9ecef;
    color: #333;
    font-size: 1.1em;
}

.empprotool-table-cell i {
    margin-right: 10px;
    color: #DC1836;
}

.empprotool-table-body tr {
    transition: background 0.3s ease;
}

.empprotool-table-body tr:hover {
    background: #f1f3f5;
}

/* Links */
.empprotool-link {
    color: #0C8BCC;
    text-decoration: none;
    transition: color 0.3s ease;
}

.empprotool-link:hover {
    color: #DC1836;
    text-decoration: underline;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .empprotool-intro {
        padding: 60px 15px;
    }

    .empprotool-title {
        font-size: 2.5em;
    }

    .empprotool-subtitle {
        font-size: 1.2em;
    }

    .empprotool-resources {
        padding: 40px 15px 0 15px;
    }

    .empprotool-table-header,
    .empprotool-table-cell {
        padding: 10px;
        font-size: 1em;
    }
}