@media screen and (max-width: 1024px) {
  .md\:text-5xl {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  
  .mt-7 {
    padding: 3px;
  }
}


  .block-2 {
    transform: translateY(1px);
    right: 20px;
    left: auto;
  }
  .block-75 {
    transform: translateY(-13px);
    right: 20px;
    left: auto;
    font-size: 10px;
  
}
.pad-10{
  padding: 13px;
}
.block-76 {
    transform: translateY(2px);
    right: 45px;
    left: auto;
    font-size: 10px;
  .mt-7 {
    padding: 3px;
  }
  
}
.block-77 {
    transform: translateY(-13px);
    right: 6px;
    left: auto;
    font-size: 10px;
  .mt-7 {
    padding: 3px;
  }
  
}


@media screen and (max-width: 320px) {
  .position-1{
    padding-left: 3px;
  }
  .form-77 {
    padding: 13px;
  }
  
  .px-6{
    padding: 15px;
  }
  .text-bb{
    font-size: 9px;
  }
  .btn-form-1{
    font-size: 10px;
  }
  .px-8-1{
    padding-inline: calc(var(--spacing) * 6);
  }
}

.relative-1{
  padding: 3px;
}

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

#leadform_form {
    scroll-margin-top: 50px;
}

@media (max-width: 1200px) {
    .mobile-nav {
      font-size: 12px;
    }
}

@media (max-width: 998px) {
    .mobile-nav {
      display: none;
    }
}

@media (max-width: 450px) {
    .mobile-logo {
      display: none;
    }
}

.burder {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-content: center;
    text-align: center;
    background-color: color-mix(in oklab, var(--background) 70%, transparent);
    gap: 15px;
    overflow: hidden;
    padding: 0;
    height: 0;
    opacity: 0;
}

.burder.active {
    height: 100vh;
    opacity: 1;
}

.burder:after {
    position: absolute;
    top: 25px;
    left: auto;
    content: "+";
    line-height: 1;
    right: 35px;
    cursor: pointer;
    font-size: 40px;
    transform: rotate(45deg);
}

.burder.btn-mob.act:after {
    position: absolute;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
    content: "☰";
    font-size: 16px;
    line-height: 1;
}

.burder__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    padding: 60px 15px 15px;
    background-color: color-mix(in oklab, var(--background) 70%, transparent);
}

.burder__wrap a {
    width: 100%;
    text-align: center;
    padding: 12px 0;
}

.burder__wrap a:hover {
    background-color: #00dffa29;
}


.burder-btn {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 6px;
    background: rgba(255, 255, 255, .06);
    cursor: pointer;
    transition: transform .2s;
    animation: 3.2s ease-in-out infinite cta-ring;
    width: 36px;
    height: 36px;
    position: relative;
}

@media (min-width: 998px) {
  .burder-btn {
    display: none;
  }
}

.burder-btn:after {
  position: absolute;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
    content: "☰";
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
}

.burder-btn.active:after {
    position: absolute;
    content: "+";
    top: calc(50% - 18px);
    left: calc(50% - 11px);
    font-size: 36px;
    transform: rotate(45deg);
    font-weight: 300;
}

@media (max-width: 375px) {
    .text-lg {
      font-size: 14px;
    }
}

@media (max-width: 350px) {
    .text-lg {
      font-size: 12px;
    }
    .text-sm {
      font-size: 11px;
    }
    .md\:text-5xl {
      font-size: 22px;
    }
    .text-xl {
      font-size: 14px;
    }
    .p-8  {
      padding: 18px;
    }
    .p-10 {
    padding: 20px;
  }
}