.section-title {
    padding: 2rem 0;
    text-align: center;
}
.section-title h2 {
    font-weight: 300;
    margin: 0;
}
.section-title p {
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin: 0;
}
.section-content {
    max-width: 700px;
    margin: 0 auto 2rem;
}
.section-content * {
    line-height: 1.8;
}

.hero-home {
    background-color: #425884 !important;
}

h1,h2,h3,h4 {
    font-family: 'Open Sans', sans-serif;
}

#idHeaderContentHolder img {
    width: 18rem;
}

#id_Header2 .hero-home * {
    color: #fff !important;
}

/* START --- Desktop menu styling */

/* Make main menu / header sticky */
.zoneHeader2 {
    z-index: 50;
    position: sticky;
    top: 0;
}

/* Header hover/active states coloring (not orange) */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item>a {
    background-image: linear-gradient(to bottom, #91b0d8, #416492);
}

/* END --- Desktop menu styling */

/* START --- Mobile menu styling */

/* Everything between this media query only affects mobile views */
@media only screen and (max-width: 616px) {

/* Center logo */
[data-componentid="Header"] p {
    display: flex;
    justify-content: center;
}

/* Logo sizing */
[data-componentid="Header"] img {
    width: 50%;
}

/* Remove margin from login button (this is a hack) */
#id_IOTD79t[style] {
    margin: 0 !important;
}

/* Make dropdown full width */
.zoneHeader2 .container_12 .s1_grid_12.s2_grid_12.s3_grid_12 {
    margin: 0;
}

/* Fix dropdown background color */
.WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel {
    background: #425784;
}

/* Remove dropdown menu item borders */
.WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel>li {
    border: none;
}

/* Align dropdown "hamburger" icon */
.menuButton {
    display: flex;
    justify-content: end;
}

/* This is the closing bracket for the mobile media query */
}
/*  END --- Mobile menu styling */

#PAGEID_7738 .zoneHeader4 .container_12  {
    width: 100% !important;
    background: red;
    text-align: center;
    height: 200vh;
}

#PAGEID_7738 .s1_grid_12 {
    width: 100% !important;
}

#PAGEID_7738 .zoneHeader4 .container_12 .WaCustomLayoutContainerOnly {
    width: 100% !important;
    text-align: center !important;
}

body {
    background: #fff !important;
}

.zoneFooter1 {
    background: #415885 !important;
}
.zoneFooter1 * {
    color: #fff;
}

h1 {
    margin-bottom: 20px !important;
}

.WaGadgetMenuHorizontal .menuBackground {
    background-color: #425784 !important;
    background-image: none !important;
}
#id_DpB64Uk {
  font-family: 'Georgia', serif;  /* Elegant serif font for quotes */
  font-size: 1.5em;               /* Slightly bigger text */
  line-height: 1.6;               /* Makes the line spacing more readable */
  font-style: italic;             /* Italic style for the quote */
  text-align: left;             /* Center the text horizontally */
  color: #333;                    /* Dark gray color for readability */
  padding: 20px;                  /* Some padding around the text */
  max-width: 80%;                 /* Max width to prevent it from being too wide */
  margin: 50px auto;              /* Center the element on the page */
  background-color: #f9f9f9;      /* Light background color */
  border-left: 5px solid #af76e7; /* Left border for a nice accent */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  position: relative;             /* Reset position for natural flow */
  transform: none;                /* Remove vertical translation */
  top: 0;                         /* Reset top offset */
  display: block;                 /* Ensure it's a block element */
}

/* mobile menu padding */
@media (max-width: 767px) {
  .firstLevel {
    padding-left: 2rem!important;
  }
}
