#tclotmy {
        position: relative;
        padding-block: 0;
        padding-inline: 0;
        background: linear-gradient(180deg, var(--background-primary) 0%, var(--background-tertiary) 55%, var(--background-primary) 100%);
        border-block-end: 3px solid var(--primary);
        box-shadow: 0 8px 28px rgba(var(--bs-dark-rgb), 0.1);
      }

      #tclotmy .elzwcdlpg {
        block-size: 5px;
        background: linear-gradient(90deg, var(--primary-dark) 0%, var(--primary) 25%, var(--primary-light) 50%, var(--primary) 75%, var(--primary-dark) 100%);
        background-size: 200% 100%;
        animation: shimmercrown_k7m2pq4nx8w 6s ease-in-out infinite;
      }

      @keyframes shimmercrown_k7m2pq4nx8w {
        0%,
        100% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
      }

      #tclotmy .elo9yntvp {
        block-size: 2px;
        background: linear-gradient(90deg, var(--background-primary) 0%, var(--accent) 20%, var(--primary-light) 50%, var(--accent) 80%, var(--background-primary) 100%);
      }

      #tclotmy .el1hhckip {
        padding-block: 1.15rem 1.35rem;
        padding-inline: 1rem;
      }

      #tclotmy .el13a739g {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding-block: 1.1rem;
        padding-inline: 1.25rem;
        border: 2px solid var(--primary);
        background: var(--background-tertiary);
        box-shadow: inset 0 0 0 1px var(--primary-light), 0 4px 0 var(--primary-bg);
        position: relative;
        width: 100%;
      }

      #tclotmy .el13a739g::before,
      #tclotmy .el13a739g::after {
        content: '';
        position: absolute;
        inset-block-start: 50%;
        inline-size: 10px;
        block-size: 10px;
        border: 2px solid var(--primary);
        background: var(--primary-bg);
        transform: translateY(-50%) rotate(45deg);
      }

      #tclotmy .el13a739g::before {
        inset-inline-start: -6px;
      }

      #tclotmy .el13a739g::after {
        inset-inline-end: -6px;
      }

      #tclotmy .navbar-brand {
        font-size: clamp(1.05rem, 2.4vw, 1.45rem);
        font-weight: 400;
        color: var(--primary-dark);
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.16em;
        white-space: normal;
        word-break: normal;
        padding-block: 0.55rem;
        padding-inline: 1.35rem;
        border: 1px solid var(--primary);
        background: linear-gradient(180deg, var(--background-tertiary) 0%, var(--primary-bg) 100%);
        transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
        position: relative;
        z-index: 1;
      }

      #tclotmy .navbar-brand:hover {
        color: var(--text-light);
        background: linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);
        box-shadow: 0 4px 14px rgba(var(--bs-primary-rgb), 0.35);
      }

      #tclotmy .navbar-toggler {
        border: 2px solid var(--primary-dark);
        border-radius: 0;
        padding-block: 0.45rem;
        padding-inline: 0.65rem;
        background: var(--primary-bg);
        transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
        z-index: 1;
      }

      #tclotmy .navbar-toggler:hover {
        background: var(--primary-light);
        border-color: var(--primary);
      }

      #tclotmy .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.3);
      }

      #tclotmy .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23b87300' stroke-linecap='square' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      }

      #tclotmy .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
      }

      #tclotmy .navbar-nav {
        gap: 0;
        margin-block: 0;
        margin-inline: 0;
        padding-block: 0;
        padding-inline: 0;
        border: 2px solid var(--primary);
        background: linear-gradient(180deg, var(--background-tertiary) 0%, var(--background-primary) 100%);
      }

      #tclotmy .el762luxt {
        position: relative;
      }

      #tclotmy .el762luxt + .el762luxt {
        border-block-start: 1px solid var(--primary-light);
      }

      #tclotmy .nav-link {
        color: var(--text-primary);
        font-weight: 500;
        font-size: 0.82rem;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        word-break: normal;
        padding-block: 0.85rem;
        padding-inline: 1.4rem;
        border-radius: 0;
        transition: color 0.3s ease, background 0.3s ease;
        position: relative;
        text-align: center;
      }

      #tclotmy .nav-link::after {
        content: '';
        position: absolute;
        inset-block-end: 0;
        inset-inline: 1rem;
        block-size: 2px;
        background: linear-gradient(90deg, var(--primary-dark) 0%, var(--primary-light) 50%, var(--primary-dark) 100%);
        transform: scaleX(0);
        transform-origin: center;
        transition: transform 0.3s ease;
      }

      #tclotmy .nav-link:hover {
        color: var(--primary-dark);
        background: var(--primary-bg);
      }

      #tclotmy .nav-link:hover::after {
        transform: scaleX(1);
      }

      #tclotmy .nav-link.active {
        color: var(--text-light);
        background: linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);
        font-weight: 600;
      }

      #tclotmy .nav-link.active::after {
        transform: scaleX(1);
        background: linear-gradient(90deg, var(--accent-light) 0%, var(--accent-bg) 50%, var(--accent-light) 100%);
      }

      @media (min-width: 992px) {
        #tclotmy .el1hhckip {
          padding-block: 1.35rem 1.5rem;
        }

        #tclotmy .el13a739g {
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
          align-items: center;
          gap: 1.5rem;
          padding-block: 1.25rem;
          padding-inline: 1.75rem;
        }

        #tclotmy .navbar-brand {
          justify-self: start;
        }

        #tclotmy .navbar-toggler {
          display: none;
        }

        #tclotmy .navbar-collapse {
          display: flex !important;
          flex-basis: auto;
          justify-content: end;
          grid-column: 2;
        }

        #tclotmy .navbar-nav {
          flex-direction: row;
          inline-size: 100%;
          max-inline-size: 100%;
        }

        #tclotmy .el762luxt {
          flex: 1 1 0;
          min-inline-size: 0;
        }

        #tclotmy .el762luxt + .el762luxt {
          border-block-start: none;
          border-inline-start: 1px solid var(--primary-light);
        }

        #tclotmy .nav-link {
          font-size: 0.78rem;
          padding-block: 0.95rem;
          padding-inline: 0.65rem;
        }
      }

      @media (max-width: 991.98px) {
        #tclotmy .el13a739g::before,
        #tclotmy .el13a739g::after {
          display: none;
        }

        #tclotmy .navbar-collapse {
          margin-block-start: 0.75rem;
        }

        #tclotmy .nav-link {
          text-align: start;
          border-inline-start: 3px solid var(--background-tertiary);
        }

        #tclotmy .nav-link:hover,
        #tclotmy .nav-link.active {
          border-inline-start-color: var(--primary);
        }

        #tclotmy .nav-link::after {
          display: none;
        }
      }

#mx7fxg7 {
      
      
      width: 100vw;
      height: 100vh;
     

      display: flex;
      align-items: center;
      justify-content: center;

      padding: clamp(12px, 3vw, 28px);
      background:
              radial-gradient(circle at 20% 20%, rgba(var(--bs-primary-rgb), .14), transparent 60%),
              radial-gradient(circle at 80% 80%, rgba(165, 205, 168, .12), transparent 60%),
              linear-gradient(135deg, rgba(var(--bs-primary-rgb), .08), rgba(165, 205, 168, .08));
      backdrop-filter: blur(10px);

      
      
      
      transition: opacity .35s ease, visibility .35s ease;

      &.active {
          opacity: 1;
          pointer-events: all;
          visibility: visible;

          .elmm1qje8 {
              transform: translateY(0) scale(1);
              opacity: 1;
          }
      }

      .elmm1qje8 {
          width: min(560px, 100%);
          padding: 10px;
          border-radius: 34px;
          background: linear-gradient(135deg, var(--primary-light), var(--success-light), var(--info-light));
          box-shadow: 0 34px 90px rgba(var(--bs-primary-rgb), .16);

          transform: translateY(26px) scale(.94);
          opacity: .92;
          transition: transform .45s cubic-bezier(0.34, 1.56, 0.64, 1), opacity .45s ease;

          .modal-content {
              border-radius: 26px;
              background: rgba(255,255,255,.86);
              border: 1px solid rgba(var(--bs-primary-rgb), .14);
              overflow: hidden;
              position: relative;

              &::before {
                  content: "";
                  position: absolute;
                  
                  background:
                          radial-gradient(circle at 15% 25%, rgba(var(--bs-primary-rgb), .10), transparent 60%),
                          radial-gradient(circle at 85% 70%, rgba(165, 205, 168, .10), transparent 60%);
                  opacity: .6;
                  
              }

              .modal-body {
                  padding: clamp(22px, 3.8vw, 48px) clamp(18px, 3.2vw, 40px);
                  text-align: center;
                  position: relative;
                  z-index: 1;

                  .el8u7jgoa {
                      width: clamp(72px, 7.6vw, 92px);
                      height: clamp(72px, 7.6vw, 92px);
                      margin: 0 auto 16px;
                      border-radius: 26px;
                      background: linear-gradient(135deg, var(--success-color), var(--info-color));
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      box-shadow: 0 16px 38px rgba(165,205,168,.34);

                      i {
                          font-size: clamp(2rem, 3vw, 2.6rem);
                          color: var(--white);
                      }
                  }

                  h3 {
                      margin-block: 0 .75rem;
margin-inline: 0;
                      color: var(--text-primary);
                      font-weight: 900;
                      font-size: clamp(1.5rem, 2.8vw, 2.1rem);
                      line-height: 1.15;
                      letter-spacing: -0.02em;
                  }

                  p {
                      margin-block: 0 1.7rem;
margin-inline: 0;
                      color: var(--text-secondary);
                      font-size: clamp(1rem, 1.9vw, 1.15rem);
                      line-height: 1.65;
                      max-width: 420px;
                      margin-inline-start: auto;
                      margin-inline-end: auto;
                  }

              }
          }
      }

      @media (max-width: 576px) {
          .elmm1qje8 {
              padding: 8px;

              .modal-content {
                  .modal-body {
                      padding-block: 22px;
padding-inline: 18px;

                      
                  }
              }
          }
      }
  }