.toggle-button{
      color: #474C55;
      font-weight: bold;
      text-decoration: none;
}
a.no-hover:hover {
  text-decoration: none; /* Remove underline on hover */
  color: inherit; /* Keep the text color unchanged on hover */
  cursor: text; /* Maintain the text selection cursor on hover */
}
.setup-button {
	font-size: 24pt;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s ease;
    background-color: #00558C;
    color: #fff;
    border: none;
    cursor: pointer;
    margin: 2px;
}
.setup-button:hover {
    background-color: #16A3FF;
}
.setup-button:active {
    background-color: #D4EEFF;
}
.clear-button {
	font-size: 24pt;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s ease;
    background-color: #319B42;
    color: #fff;
    border: none;
    cursor: pointer;
    margin: 2px;
}
.clear-button:hover {
    background-color: #80D78E;
}
.clear-button:active {
    background-color: #EAF8ED;
}
.phone-button {
	font-size: 24pt;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s ease;
    background-color: #ED722F;
    color: #fff;
    border: none;
    cursor: pointer;
    margin: 2px;
}
.phone-button:hover {
    background-color: #F5B693;
}
.phone-button:active {
    background-color: #FCE7DC;
}
    .limitedaccess #special-content {
      display: none;
    }
    .player {
      border-radius: 20px;
      box-shadow: 5px 30px 30px rgba(0, 0, 0, 0.5);
    }
    #overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      z-index: 9999;
      border-radius: 20px;
    }
    #video-container {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60%;
      height: 60%;
      margin: 50px;
      border-radius: 20px;
    }
    /* Styles for the close button */
    #close-btn {
      position: absolute;
      top: -60px;
      right: -40px;
      cursor: pointer;
      font-size: 36px;
      font-weight: bold;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.60);
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #close-btn::before, #close-btn::after {
      content: '';
      position: absolute;
      width: 16px;
      height: 4px;
      background-color: #319B42;
    }
    #close-btn::before {
      transform: rotate(45deg);
    }
    #close-btn::after {
      transform: rotate(-45deg);
    }
    .dimmed {
      opacity: 0.2;
    }
    .checkbox-done-grid {
      display: grid;
      place-items: center;
    }
    .checkbox-label {
      display: flex;
      align-items: center;
      font-size: 20px;
      margin-bottom: 10px;
    }
    .checkbox-input {
      width: 30px;
      height: 30px;
      margin-right: 10px;
    }
    .checkbox-done {
      font-weight: bold;
      color: #319B42;
    }
    .grid-zoom-media {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 10px; /* Adjust as needed */
    }
    .thumbnail-iframe {
      border-radius: 15px;
      box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    }
    .step-container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 10px 20px 0px;
    }
    .step-content {
      background-color: rgba(49, 155, 66, .10);
      padding: 40px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-top-right-radius: 10px;
      margin-bottom: 20px;
      box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    }
    .tab {
      background-color: rgba(49, 155, 66);
      padding: 10px;
      display: inline-block;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      color: white;
      font-size: 20pt;
    }
    .step {
      font-size: 30px;
      font-weight: bold;
      color: #00558C;
      justify-content: left;
    }
    .small-steps {
      font-weight: bold;
      color: #00558C;
      justify-content: left;
    }
    body {
      margin: 0;
      font-family: "Calibri", sans-serif;
      background-image: url(../img/tampa.jpg);
      background-size: cover;
      background-attachment: fixed;
    }
    .two_x_one {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-auto-rows: auto;
    }
    .middle-cell {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .three_x_one {
      display: grid;
      grid-template-columns: 1fr 2.5fr .5fr;
      grid-auto-rows: auto;
    }
    .three_x_one-reset {
      display: grid;
      grid-template-columns: 2.5fr 1fr .5fr;
      grid-auto-rows: auto;
    }
    .three_x_one div:nth-child(3n) {
      grid-row-end: span 9999; /* A large number to ensure it spans all rows */
    }
    .one_x_two {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr 1fr;
    }
    .col1 {
      align-items: center;
      font-weight: bold;
      font-size: 20px;
      display: flex;
      justify-content: flex-end;
      margin-right: 40px;
      color: #474C55;
    }
    .col2 {
      align-items: center;
      justify-content: center;
      min-height: 144px;
      font-size: 14pt;
      background-color: rgba(255, 255, 255, 0.40);
      color: rgba(0, 0, 0, 1.00);
      border-radius: 10px;
      padding: 50px;
      box-shadow: 2px 2px 6px rgba(17, 54, 23, 0.30);
      margin: 10px;
    }
    .div-instructions {
      margin-bottom: 20px;
      font-size: 20px;
    }
    .instructions {
      padding-top: 20px;
      padding-right: 0px;
      padding-left: 0px;
      padding-bottom: 20px;
      font-size: 20px;
    }
    .smallfont {
      display: block;
      margin-top: 10px;
    }
    .header {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999;
      background-color: rgba(0, 85, 140);
      height: 95px;
      display: grid;
      grid-template-columns: .5fr 1fr;
      width: 100%;
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    }
    .header-content {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    .grid-content {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-column-gap: 10px;
      max-width: 1800px;
      margin: 0 auto;
      padding-top: 10px;
    }
    .grid-content-dual {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      grid-column-gap: 10px;
      max-width: 900px;
      margin: 0 auto;
      padding-top: 10px;
    }
    .grid-content-solo {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      grid-column-gap: 10px;
      max-width: 450px;
      margin: 0 auto;
      padding-top: 10px;
    }
    .grid-cat {
      background-color: rgba(49, 155, 66, 0.10);
      text-align: center;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      margin-bottom: 20px;
      box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    }
    .grid-cat-left {
      background-color: rgba(49, 155, 66, 0.10);
      text-align: left;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      margin-bottom: 20px;
      box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    }
    .grid-cat-more {
      background-color: rgba(237, 114, 47, .10);
      text-align: center;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      margin-bottom: 20px;
      box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    }
    .more {
      background-color: rgba(237, 114, 47, 1.00);
      color: white;
      font-size: 24px;
      padding: 5px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      margin-bottom: 10px;
      margin-top: 0px;
    }
    button {
      background: none;
      border: none;
      margin: 5px;
      font-size: 16px;
      color: white;
      cursor: pointer;
      border-bottom: 2px solid #319B42;
      font-family: "Calibri", sans-serif;
    }
    button:hover {
      border-bottom-color: #ED722F;
    }
    .nav {
      margin: 10px;
    }
    .landing {
      color: black;
      font-size: 30pt;
      font-weight: bold;
		margin-top: 100px;
    }
    .tabs {
      background: none;
      border: none;
      font-size: 16px;
      font-weight: bold;
      margin-top: 0px;
      color: black;
      cursor: pointer;
      font-family: "Calibri", sans-serif;
    }
    .tabs:hover {
      color: #BFB9B6;
    }
    .closeTabs {
      background: none;
      border: none;
      font-size: 16px;
      font-weight: bold;
      margin-top: 0px;
      color: #B25271;
      cursor: pointer;
      font-family: "Calibri", sans-serif;
    }
    .closeTabs:hover {
      color: #D998A2;
    }
    .help {
      background: none;
      border: none;
      font-size: 16px;
      font-weight: bold;
      margin-top: 0px;
      color: #F5B82A;
      cursor: pointer;
      font-family: "Calibri", sans-serif;
    }
    .help:hover {
      color: #FED141;
    }
    ul {
      list-style-type: none;
      padding-left: 15px;
      margin-top: 0;
    }
    li {
      text-align: left;
      padding-bottom: 5px;
      font-weight: bold;
    }
    a {
      color: #474C55;
      font-weight: bold;
      text-decoration: none;
    }
    a:hover {
      color: #FFA069;
    }
    h4 {
      background-color: rgba(49, 155, 66);
      color: white;
      font-size: 24px;
      padding: 5px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      margin-bottom: 10px;
      margin-top: 0px;
    }
    @media (max-width: 1200px) {
      .grid-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-column-gap: 10px;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 10px;
      }
      .img {
        display: none;
      }
      .header {
      grid-template-columns: 0fr 1fr;
    }
    }
    @media (max-width: 900px) {
      .grid-content {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-column-gap: 10px;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 10px;
      }
      .grid-content-dual {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-column-gap: 10px;
        max-width: 900px;
        margin: 0 auto;
        padding-top: 10px;
      }
    }