body{background:#f4f7fb;color:#14213d;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,
    'Segoe UI',sans-serif;} 
    .hero{min-height:62vh;
        background-image:
        url('img/mtn.jpeg');
        background-size:cover;background-position:center;
        position:relative;display:flex;align-items:center;} 
        .hero::before{content:'';
            position:absolute;inset:0;
            background:linear-gradient(180deg,rgba(12,24,49,.75),rgba(12,24,49,.35));} 
            .hero .hero-content{position:relative;z-index:1;} 
            .hero h1{font-size:clamp(2.5rem,4vw,4rem);line-height:1.05;} 
            .hero p{font-size:1.05rem;max-width:38rem;} 
            .nav-link.active{color:#ffc107!important;} 
            .card-hero{border:none;border-radius:1.25rem;background:rgba(255,255,255,.96);
                box-shadow:0 18px 45px rgba(20,33,77,.12);} 
                btn-primary{box-shadow:0 12px 30px rgba(13,110,253,.18);} 
                .feature-grid{gap:1.25rem;} .content-section{padding:3rem 0;} 
                content-section h2{margin-bottom:1rem;} 
                .banner{background:linear-gradient(135deg,#1f5fa8,#00a8b5);
                    padding:4rem 0;color:#fff;} 
                    .banner h2{margin-bottom:.75rem;} 
                    .footer-links a{margin:.25rem .5rem;display:inline-block;}
      .hero-basics{min-height:62vh;
        background-image:
        url('img/images2.png');
        background-size:cover;background-position:center;
        position:relative;display:flex;align-items:center;

      } 

      .section-heading-dark{
       color:blue !important; 
      }

      tr.back-dark{
        background-color: darkslateblue;
        color:#f4f7fb;
      }

      .text-dark-bold{
        font-size: 1.1em;
        color:darkslategrey;
      }

      .card-sun{
        background-color: #e2ed6f !important;
      }

      .li-head{
        font-size: 1.1em;
        background-color: #d3daf0;
        color: rgb(23, 34, 34);
        padding: 3px;
        margin:5px
      }

      .a-top{
        color:rgb(43, 131, 8);
      }

      .link-wrapper {
        display: inline-flex;  /* Keeps the anchor inline but gives it flex powers */
        align-items: center;   /* Vertically aligns image and text */
        gap: 8px;              /* Spacing between image and text */
        text-decoration: none; /* Optional: removes underline */
        background-color: rgb(190, 229, 229);
        /*  display: inline-block;  */
          border-radius: 16px;
          padding-left: 12px;
          padding-right:12px;
          padding-top: 6px;
          padding-bottom: 6px;
          font-weight: bolder;
      }

      .pill-btn-green{
         display: inline-flex;  /* Keeps the anchor inline but gives it flex powers */
        align-items: center;   /* Vertically aligns image and text */
        gap: 8px;              /* Spacing between image and text */
        text-decoration: none; /* Optional: removes underline */
        background-color: rgb(24, 189, 6);
        /*  display: inline-block;  */
          border-radius: 12px;
          padding-left: 20px;
          padding-right:20px;
          padding-top: 6px;
          padding-bottom: 6px;
          font-weight: bolder;


      }

      

a:hover, a:hover span {
    color: #e9d5dc;

}

.userNote {
  font-style: italic;
  font-size: 1.1em;
  color:darkturquoise;
}
.userNoteDarkBlue {
  font-style: italic;
  font-size: 1.1em;
  color:rgb(21, 3, 100);
}

.liHead{
  background-color: #1f5fa8;
  color: #f4f7fb;
       display: inline-flex;  /* Keeps the anchor inline but gives it flex powers */
        align-items: center;   /* Vertically aligns image and text */
        gap: 8px;              /* Spacing between image and text */
        text-decoration: none; /* Optional: removes underline */
        /*background-color: rgb(24, 189, 6);*/
        /*  display: inline-block;  */
          border-radius: 12px;
          padding-left: 20px;
          padding-right:20px;
          padding-top: 6px;
          padding-bottom: 6px;
          font-weight: bolder;

}

.liHead2{
  background-color: #4b93e6;
  color: #f4f7fb;
       display: inline-flex;  /* Keeps the anchor inline but gives it flex powers */
        align-items: center;   /* Vertically aligns image and text */
        gap: 8px;              /* Spacing between image and text */
        text-decoration: none; /* Optional: removes underline */
        /*background-color: rgb(24, 189, 6);*/
        /*  display: inline-block;  */
          border-radius: 12px;
          padding-left: 20px;
          padding-right:20px;
          padding-top: 6px;
          padding-bottom: 6px;
          font-weight: bolder;

}



      .hundred-sixty{
        background-color: rgb(247, 183, 183);
      }

      .eighty{
        background-color: rgb(228, 189, 117);
      }
      .sixty{
              background-color: rgb(157, 148, 148);
            }

      .fourtyM{
        background-color: rgb(113, 196, 104);
      }

      .bandforty{
        background-color: rgb(77, 185, 81);
      }
      

      .thirty{
        background-color: rgb(30,30,130);
      }

      .twenty{
        background-color: rgb(120,200,120);
      }

      .ten{
        background-color: rgb(133, 194, 79);
      }
      
      .two{
        background-color: rgb(60, 139, 96);
      }