@charset "UTF-8";
/* CSS Document */
/* ======== LANDING PAGE ======== */

.banner-image {
    background: url(https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/7be0e680-8c68-4690-9e49-a31bdc87ca3b.png)!important;
    background-position: top !important;
    background-size: cover !important;
    background-repeat: no-repeat;
  }
  html {
    scroll-behavior: smooth;
  }
  #section1 {
    height: auto;
  }
  #myDIV {
    display: none;
  }
  .cntry-slct {
    display:inline-block;
    float: right;
    /*width: 22%;
    padding-top:16px;*/
  }
  .content-area-1 {
    display: inline-block;
    /*width: 75%;*/
   margin-top:12px;
  }
  .row {
    padding: 0 8px;
  }
  .header .parthner-logo{
    /*width:150px;*/
    float:none;
    padding-top: 0;
    margin-top: 10px;
    vertical-align: bottom;
  }
  .partner-container {
    display:inline-block;
  }
  .dropdown {
    float: right;
    overflow: hidden;
  }
  .dropdown .dropbtn {
    font-size: 18px;
    border: none;
    outline: none;
    color: #666666;
    padding: 14.3px 12px;
    min-width: 100px;
    background-color: inherit;
    font-family: inherit;
    margin-top: 15px;
    vertical-align: top;
  }
.dropbtn a, .dropbtn a:visited {
 text-decoration:none;
 color:#666666;
}
.dropdown a:hover {
 color:#fff!important;
}
  .dropdown:hover .dropbtn, .dropdown .dropbtn:hover, button:hover {
    background-color: #09f;
    color: #fff !important;
  }
.dropdown .dropbtn a:hover, .dropdown:hover, .dropbtn a:hover {
    color: #fff !important;
  }
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #09f;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  .dropdown-content a {
    float: none;
    color: #ffffff;
   padding: 16px 8px;
   /*padding:0 8px;*/
    text-decoration: none;
    display: block;
    text-align: center;
  }
  .dropdown-content a:hover {
    background-color: #333333;
  }
  .dropdown:hover .dropdown-content {
    display: block;
 padding-left:0px;
  }
  .dropdown:hover .dropdown-content li {
 border-top:1px solid #fff;
   width:100%;
  }
ul.dropdown-content, ul.dropdown-content li, ul.dropdown-content a{
 font-family:inherit;
 font-size:16px;
}
ul.dropdown-content li{
 text-align:center;
 /*margin-left:-15px;
 width:100%;*/
}
ul.dropdown-content li:hover{
 background-color:#09f;
}
.shownav{
 background-color:#09f;
  display:block;
 width:auto;
 min-width:250px;
 text-align:left;
}
  .fa-caret-down:before {
    content: "\f0d7";
  }
  .header p{
    float:none;
  }

 ul {
 margin: 0;
  }
  ul.dashed {
 list-style-type: none;
  }
  ul.dashed > li {
 text-indent: -11px;
 padding-bottom:.35em;
  }
  ul.dashed > li a {
 text-decoration:none;
 color:#09f;
  }
  ul.dashed > li a:hover {
 text-decoration:underline;
  }
  ul.dashed > li:before {
 content: "-";
 text-indent: -11px;
  }
  .col-3 .bluelinks{
 text-align:center !important;
 text-decoration:none !important;
 color:#09f !important;
  }
  .accent-text{
 color:#4B08A1;
  }

/* ======= HOME PAGE ====== */

div.dark-blue.content-area {
    max-width: 75%;
  }
.blue-content {
  background-color:#00375C !important;
}
  section.blue-content.dark-blue {
    background-color: #00375C;
  }
section.white-content {
    background-color: #fff;
  }
.white-content .content-area {
    padding-top: 84px;
    padding-bottom: 84px;
}
  .content-area {
    position: relative;
  }
  h1 {
    text-align: left;
    font-size: 48px;
    line-height: auto;
    color: #ffffff;
  }
  .banner-image p, .blue-content p {
    font-size: 24px;
    line-height: auto;
    color: #ffffff;
    text-align: left;
    margin-top: 32px;
    margin-bottom: 32px;
  }
.white-content p {
    font-size: 24px;
    line-height: 36px;
    color: #666;
    text-align: left;
    margin-top: 32px;
    margin-bottom: 32px;
  }
.white-content h1 {
    color: #09f;
  }
.white-content .btn2 {
    color: #09f;
  }
  .img_container {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-0%, -50%);
  }
  .hero_icon {
    width: auto;
    height: 380px;
  }
  .inner_container {
    display: inline-block;
    width: 60%;
   max-width: 550px;
  }
  .btn-area {
    text-align: left;
  }
  .blue-content .btn, .white-content .btn {
    background-color: #0099ff;
    border: 3px solid #0099ff;
    width: 290px;
  }
  .blue-content .btn2, .white-content .btn2 {
    background-color: transparent;
    border: 3px solid #0099ff;
    display: inline-block;
    width: auto;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    padding: 15px 48px;
    text-decoration: none;
    margin: 0 auto;
    width: 290px;
  }

.dark-blue {
    background-color: #00375C;
  }

.intro-stack p, .three-col p, .two-col p, .intro-stack li {
  padding-top: 0px;
}

/* ============ TOPICS ============== */

.topic-thumb{
padding:0 1em;
margin:0em;
}
.topic-thumb-detail{
border:1px solid #c2c2c2;
padding:0em;
margin:0em;
background-repeat: no-repeat;
background-size: contain;
 min-width:32%;
 height: 100%;
}

.topic-thumb-detail a, a.detail-link{
text-decoration:none;
 color:#09f;
 height: 100%;
}
.topic-thumb:hover{
 box-shadow: 10px 10px 10px rgba(0, 0, 0, .2);
}
.topic-thumb-detail:hover{
 box-shadow: 10px 10px 10px rgba(0, 0, 0, .1);
}
.topic-thumb-detail-interior{
 padding:1em;
 margin-top:150px;
 background-color:#fff;
}
.topic-thumb-detail-interior h4{
text-transform:uppercase;
 font-size:14px;
 font-weight:bold;
 color:#09f;
}
.topic-thumb-detail-interior p{
 font-size:22px;
 font-weight:bold;
 color:#333;
 padding-top:0px;
}
.topic-thumb .dark-blue, .topic-thumb .dark-blue h3,.topic-thumb .dark-blue p{
color:#fff !important;
}
.topic-thumb a, .topic-thumb .pseudo-link{
 padding: 0.7em 0 1em !important;
    color: #09f;
    text-decoration: none;
    display: block;
}
.topic-thumb a:hover{
color:#fff;
text-decoration:underline;
}
#highlight{
 background-color:#fff;
 border:2px solid #09f;
 /*background-color:#97c1de !important;
 border:2px solid #97c1de !important;*/
 color:#666;
}
#highlight a:hover{
 color:#09f;
 text-decoration: underline;
}

/* ============ TOPIC THUMBS ============== */

.topic-thumb-detail#detail-1{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/789bbe51-deac-40a0-941a-fc281d41ab03.png');
}
.topic-thumb-detail#detail-2{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/e70ed04f-d150-4365-88ea-aeb68aa84ecf.png');
}
.topic-thumb-detail#detail-3{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/c9aace1a-a1ee-4271-90dc-1001b5edda7b.png');
}

.topic-thumb-detail#detail-p-fmv-1{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/d4da31d3-1e58-4c2c-84fb-b7fb48acbb3b.png');
}
.topic-thumb-detail#detail-p-fmv-2{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/0997a251-0a6b-486f-95b2-bf86609233a3.png');
}
.topic-thumb-detail#detail-p-fmv-3{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/e77bcd4a-232b-4e00-9120-07a735c5771a.png');
}
.topic-thumb-detail#detail-p-fmv-4{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/ace79288-8df4-46fc-a9af-bdc0d26b27f7.png');
}
.topic-thumb-detail#detail-p-fmv-5{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/57bffd0e-da79-4fa0-92b3-5978dde8d302.png');
}
.topic-thumb-detail#detail-p-fmv-6{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/eb4a9df2-13db-4146-8e43-32a04227cf41.png');
}

.topic-thumb-detail#detail-p-buy-1{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/55015407-5800-45a9-9224-36e957fc31a2.png');
}
.topic-thumb-detail#detail-p-buy-2{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/90412ddd-4a34-4bc9-bbe1-abbc3f78adb3.png');
}
.topic-thumb-detail#detail-p-buy-3{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/ace79288-8df4-46fc-a9af-bdc0d26b27f7.png');
}
.topic-thumb-detail#detail-p-buy-4{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/57bffd0e-da79-4fa0-92b3-5978dde8d302.png');
}

.topic-thumb-detail#detail-p-fppo-1{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/fa1b7183-93b1-4058-bd4a-d976956b7f50.png');
}
.topic-thumb-detail#detail-p-fppo-2{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/b1d08822-27c7-4169-b62a-0939349073e5.png');
}
.topic-thumb-detail#detail-p-fppo-3{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/ace79288-8df4-46fc-a9af-bdc0d26b27f7.png');
}
.topic-thumb-detail#detail-p-fppo-4{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/57bffd0e-da79-4fa0-92b3-5978dde8d302.png');
}

.topic-thumb-detail#detail-p-loans-1{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/21576808-e356-4ce5-85e0-de47ec86f754.png');
}
.topic-thumb-detail#detail-p-loans-2{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/ace79288-8df4-46fc-a9af-bdc0d26b27f7.png');
}
.topic-thumb-detail#detail-p-loans-3{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/57bffd0e-da79-4fa0-92b3-5978dde8d302.png');
}

.topic-thumb-detail#detail-p-comp-1{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/bd8036b8-6657-4404-81f7-28af06830dfa.png');
}
.topic-thumb-detail#detail-p-comp-2{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/ace79288-8df4-46fc-a9af-bdc0d26b27f7.png');
}
.topic-thumb-detail#detail-p-comp-3{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/57bffd0e-da79-4fa0-92b3-5978dde8d302.png');
}
.topic-thumb-detail#detail-p-comp-4{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/d92c01e7-1c8c-40d2-92da-cc96f0e09e97.png');
}
.topic-thumb-detail#detail-p-comp-5{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/23233162-1f19-4713-ab8a-cbf347192a2d.png');
}
.topic-thumb-detail#detail-p-comp-6{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/f950e050-3b82-4cb7-91c6-6450a114df6f.png');
}

.topic-thumb-detail#detail-p-cm-1{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/57bffd0e-da79-4fa0-92b3-5978dde8d302.png');
}
.topic-thumb-detail#detail-p-cm-2{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/bd8036b8-6657-4404-81f7-28af06830dfa.png');
}
.topic-thumb-detail#detail-p-cm-3{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/05788369-f6b1-4579-a397-5dc7d52b31ee.png');
}
.topic-thumb-detail#detail-p-cm-4{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/d92c01e7-1c8c-40d2-92da-cc96f0e09e97.png');
}
.topic-thumb-detail#detail-p-cm-5{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/23233162-1f19-4713-ab8a-cbf347192a2d.png');
}
.topic-thumb-detail#detail-p-cm-6{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/f950e050-3b82-4cb7-91c6-6450a114df6f.png');
}

.topic-thumb-detail#detail-p-off-1{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/9248ef50-7b5d-44be-94c7-93b3e2875c5e.png');
}
.topic-thumb-detail#detail-p-off-2{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/57bffd0e-da79-4fa0-92b3-5978dde8d302.png');
}
.topic-thumb-detail#detail-p-off-3{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/483e6e99-3405-4ba8-b9b0-72bebabd3a38.png');
}
.topic-thumb-detail#detail-p-off-4{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/256ad957-546a-4f2e-a011-25736c962c32.png');
}
.topic-thumb-detail#detail-p-off-5{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/e64f6b10-86be-4c8e-a9e6-e84ce8e52af5.png');
}
.topic-thumb-detail#detail-p-off-6{
background-image:url('https://image.go.dllgroup.com/lib/fe4015717564047b751271/m/1/34465ca5-d2d2-4cfa-9cc0-6d8d58a93ac6.png');
}

/* !!!! ======= TOPIC THUMBS ============== */
/* !!!! ======= TOPICS ===============*/

.white-text,.white-text h3,.white-text p{
color: #fff !important;
}
.three-col .content-area.topics, .topics {
    padding-top: 10px;
    padding-bottom: 10px;
 width:100% !important;
 min-width:100% !important;
}
.three-col .topic-row {
  display: flex; /* Makes children flex items */
 align-items:stretch;
 justify-content: space-between;
}

.three-col .topic-block {
 display: flex;
 flex: 1; /* Distribute equal width to each column */
 flex-direction:column;
 flex-basis: 30%;
 min-width: 32%;
}

.duration{
 text-align:right;
 text-transform:uppercase;
 font-size:12px;
 color:#666;
}
.publish-date{
display:block;
font-size:16px;
 font-weight:normal;
 color:#09f;
 margin-top:1.5em;
}

/* gem */
.nav-container{
    float:left;
    clear:right;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.65em 0;
  }
  .nav-links{
    display:inline-block;
    width: 100%;
    height: 100%;
  }
  .nav-links a{
    color:#666;
    text-decoration:none;
    /*padding:0 .75em;*/
  }
  .nav-links a:hover, .nav-links .active-link{
    color:#09f;
  }

/* gem */
  .container {
    /*display: flex;*/
    display:block;
    width: 100%;
  }
  .m_nav_btn {
    display: inline-block;
    padding: 24px 32px;
    background-color: #E5F5FF;
    width: 48%;
    margin: 40px 16px 0 0;
    text-align: left;
    position: relative;
  }



  .xl_nav_txt {
    font-size: 200px;
    letter-spacing: -15px;
    text-align: center;
    font-weight: 800;
    color: #A0D9FF;
  }
 
  .m_nav_btn:hover {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .1);
    /* Adjust shadow as needed */
  }
  .container {
    /*display: flex;*/
    display:block;
    width: 100%;
  }
  .m_nav_btn {
    display: inline-block;
    padding: 24px 32px;
    background-color: #E5F5FF;
    width: 48%;
    margin: 40px 16px 0 0;
    text-align: left;
    position: relative;
  }
  .m_nav_btn.dk_blue {
    background-color: #00375C;
    position: none;
    min-height: 688px;
    vertical-align: bottom;
  }
  .m_nav_txt.dk_blue {
    margin-right: 0;
    text-align: left;
    display: inline-block;
    width: 100%;
    font-size: 32px;
    color: #fff;
    font-weight: 200;
    margin-bottom: 64px;
  }
  .l_box_txt {
    text-align: right;
    float: right;
    font-size: 180px;
    font-weight: 800;
    color: #0099ff;
    margin-bottom: 32px;
    letter-spacing: -10px;
  }
  .sm_box_txt {
    text-align: right;
    float: right;
    font-size: 14px;
    font-weight: 800;
    color: #0099ff;
    position: absolute;
    bottom: 32px;
    right: 32px;
  }
  .m_nav_btn:hover {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .1);
    /* Adjust shadow as needed */
  }
  .m_nav_txt {
    margin-right: 16px;
    text-align: left;
    display: inline-block;
    width: 40%;
    font-size: 24px;
    color: #0099ff;
    font-weight: bold;
  }
  .btn_icon_sm {
    width: auto;
    height: 120px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  .m_nav_link {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Effra';
    color: #0099ff;
    text-decoration: none;
    /*display: inline-block;
    margin-top: 40px;*/
    vertical-align: bottom;
  }

.footer {
    background-color: #001F33;
  }
  .footer p {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    text-align: right;
    padding-top: 0px;
  }
  .footer-left {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    text-align: left !important;
    padding-top: 0px;
   float:left;
  }
.footer a {
 text-decoration: none; 
color: #0099FF;
 margin:0 .5em;
}
.footer a:hover {
 text-decoration: underline; 
color: #fff;
}

/* ========= NAVIGATION - DESKTOP ========== */

  /* Basic styles */
  .header, .header-mobile, .header.header-mobile {
   /*display: flex;*/
   justify-content: space-between;
   align-items: center;
   padding: 10px 20px 15px;
   background-color: #fff;
  margin-top:5px;
  }
 .header{
  display: flex;
 }
 .header-mobile{
  display:none;
 }

  .nav-container {
   display: flex;
  }

  .nav-links a {
   text-decoration: none;
   color: #666;
   margin: 0 10px;
  }

  /* Hamburger Menu */
  .hamburger-menu {
   display: none;
   flex-direction: column;
   gap: 5px;
   background: none;
   border: none;
   cursor: pointer;
  }

  .hamburger-menu span {
   display: block;
   width: 25px;
   height: 2px;
   background: #333;
  }

  /* Mobile Navigation */
  .mobile-nav {
   position: absolute;
   top: 60px;
   right: 20px;
   background-color: #fff;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   padding: 10px;
   border-radius: 5px;
   display: flex;
   flex-direction: column;
  }

  .mobile-nav.hidden {
   display: none;
  }

/* !====== NAVIGATION - DESKTOP ====== */
  
   @media screen and (max-width:999px) { 
    
    .col-space.hide{
     display:none !important;
    }
    
    .white-content .content-area {
    padding-top: 40px;
    padding-bottom: 0px;
}
    
    .topic-thumb-detail{
background-size: cover;
             background-position: 0 -125px;
}

     .m_nav_btn {
    display: inline-block;
    padding: 24px 32px;
    background-color: #E5F5FF;
    width: 100%;
    margin: 16px 0 0 0;
    text-align: left;
    position: relative;
     }
     
    .inner_container {
      width: 100%;
    }
    h1 {
      font-size: 32px;
      line-height: auto;
    }
    .banner-image p, .blue-content p, .white-content p {
      font-size: 20px;
        line-height: 32px;
      margin-top: 32px;
      margin-bottom: 32px;
    }
    .hero_icon {
      display: none;
    }
    .btn-area {
      display: block;
      text-align: center;
    }
    .blue-content .btn,.white-content .btn {
      width: 100%;
      margin-bottom: 16px;
    }
    .blue-content .btn2,.white-content .btn2 {
      width: 100%;
    }
    .inner_container {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}
    .three-col .col-3 {
   width: 100%; 
    display: inline-block;
    float: left;
}
    .three-col .topic-row {
    flex-direction: column; /* Stack items vertically */
    align-items: stretch; /* Ensure full-width stacking */
    gap: 20px; /* Add spacing between stacked items */
  }
    .bottom-spacer{
     display:block;
     padding-bottom:1em;
    }
  }
  @media only screen and (max-width: 870px) {
       /*    .three-col .col-3 a {
    padding: 0;
  }*/
   .hero_icon.img_container, .desktop-spacer{
    display:none;
   }
   .white-content .content-area {
  padding-top: 25px;
  padding-bottom: 0px;
}
   h3.white-text a, h3.white-text a.detail-link{
    margin-left: 0px !important;
    font-size: 1em !important;
    line-heigth:1.25em !important;
    padding-bottom: 7px !important;
   }
    .three-col p, .three-col h3 {
    padding: 3px 0 0 7px;
  }
    .header .parthner-logo {
      width: 120px !important;
      height: auto;
    }
    .cntry-slct {
      /*display: block;
      width: 100%;*/
      float: right;
    }
    .content-area-1 {
      /*display: block;
      width: 100%;*/
    }
   .l_box_txt {
    font-size: 140px;
   }
   .footer-left {
    text-align: center !important;
    float: none !important;
   }
   .footer{
       padding-bottom: 2em;
   }
   .footer p {
  text-align: center;
    padding-top: 1em;
   line-height: 1.75em;
 }
   .m_nav_link {
    margin-top: 5px;
    width: 100%;
 padding: .5em 1em .5em 1em;
    display: inline-block;
}
   .m_nav_txt {
   padding: .5em 0 .5em 0;
    line-height: 1.25em;
   }

  .three-col .topic-block {
    flex-basis: 100%; /* Each item takes up the full width */
    min-width: 100%; /* Override the previous minimum width */
  }
   .three-col .topic-thumb-detail-interior p, .three-col .topic-thumb-detail-interior h3 {
        padding: 3px 0 0 0px !important;
    font-size:1.35em;
    }
   .three-col .col-3 a {
        margin: 0 7px;
    }
   .banner-image p, .white-content p {
        font-size: 18px;
        line-height: 28px;
        margin-top: 32px;
        margin-bottom: 20px;
    }
  .blue-content p {
        font-size: 20px;
        line-height: 28px;
        margin-top: 32px;
        margin-bottom: 0px;
    }
   .intro-stack p, .three-col p, .slider .slider-content p, .quote-section p, .intro-stack li, .two-col p {
        font-size: 18px;
        line-height: 28px;
    }
       .bottom-spacer{
     display:block;
     padding-bottom:1em;
    }
   .three-col .topic-row {
    gap: 20px; /* Add spacing between stacked items */
  }
  }
  @media only screen and (max-width: 770px) {
        .three-col .topic-row {
    gap: 20px; /* Add spacing between stacked items */
  }
   
   /* ======== NAVIGATION - MOBILE ============ */
   
   .header {
  display:none;
 }
 .header-mobile{
  display:block;
 }
   .nav-container {
    display: none;
   }
   .hamburger-menu {
    display: flex;
    float:right;
    margin-top:12px;
   }
 .mobile-nav {
   position: relative;
  top: 10px;
  right:0px;
   padding: 0px;
  box-shadow: none;
   display: flex;
   flex-direction: column;
   width: 100%;
   border-top: 1px solid #ccc;
  border-radius: 0px;
 }
   .mobile-nav a {
  color: #09f;
  text-decoration: none;
  font-size: 1.5em;
  padding: 20px;
  background-color: #E5F5FF;
  border-bottom: 2px solid #fff;
    text-align:center;
   }
   .dropdown {
    text-align:center;
    float:none;
  }
   .dropdown .dropbtn{
    margin: 0px 0;
   }
   .dropdown-content{
    display:block;
   }
   
   /* Dropdown Content for Mobile */
.mobile-nav .dropdown-content {
  list-style: none; /* Remove bullet points */
  margin: 0px 0 15px;
  padding: 0; /* Remove default padding */
  text-align: center; /* Center-align text */
  width: 100%; /* Make it full-width */
 position: relative;
 box-shadow: none;
 background-color: #fff;
}

/*.mobile-nav .dropdown-content li {
  border-top: 1px solid #ccc; /* Add a separator line */
 /* padding: 10px 0; /* Add padding for better clickability */
 /* background-color: #E5F5FF; /* Match your link background */
/*}*/
   
   .mobile-nav .dropdown-content ul{
    margin-bottom: 15px !important;
    width: 100% !important;
   }

.mobile-nav .dropdown-content li a {
  color: #09f; /* Link color */
  text-decoration: none; /* Remove underline */
  display: block; /* Make the links block elements */
}

.mobile-nav .dropdown-content li:hover {
  background-color: #d0e7ff; /* Highlight effect */
}
   
   ul.dropdown-content li.fa {
  width: 100%;
}
   ul.dropdown-content li.fa li{
  width: 100%;
    list-style-type: none;
    border-bottom:1px solid #ccc;
}
    ul.dropdown-content li.fa  ul{
       margin-left:0px;
     padding-left:0px;
   }
   
      ul.dropdown-content li.fa a {
    background-color:#09f;
    color:#fff;
     font-size:1.07em;
}
   ul.dropdown-content li.fa li a{
    background-color:#fff;
    color:#09f;
    font-size:1.07em;
}
  }

/* !======== NAVIGATION - MOBILE ============ */

@media only screen and (max-width: 480px) {
 .three-col .row{
  padding-left:8px;
  padding-right:8px;
 }

 .three-col .topic-row {
    gap: 0px; /* Add spacing between stacked items */
  }
 
    .three-col .col-3 a {
        padding: 0px 0 !important;
    }
 .three-col .col-3.dark-blue a {
        padding-top: 14px !important;
  padding-bottom: 14px !important;
    }
}