.mnav__toggle,
.mnav__btn,
.mnav__backdrop,
.mnav__head,
.mnav__close{
  display:none;
}

html{-webkit-text-size-adjust:100%}
body{min-width:0}
img,video{max-width:100%;height:auto}

@media (min-width:1000px){
  .serviceRequestSection{
    position:relative;
    padding:90px 0 110px;
    background:
      radial-gradient(circle at 18% 20%, rgba(25,181,173,.10), transparent 55%),
      radial-gradient(circle at 85% 25%, rgba(25,181,173,.07), transparent 60%),
      linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.92)),
      url("../img/bg/service-bg.jpg") center/cover no-repeat;
  }

  .serviceRequestWrap{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:460px 1fr;
    gap:56px;
    align-items:start;
  }

  .serviceFormBlock,
  .serviceInfoBlock{
    background:rgba(255,255,255,.86);
    border:1px solid rgba(0,0,0,.08);
    border-radius:22px;
    box-shadow:0 18px 46px rgba(0,0,0,.10);
    backdrop-filter:blur(10px);
  }

  .serviceFormBlock{
    padding:34px;
    position:sticky;
    top:92px;
  }

  .serviceFormTitle{
    margin:0 0 18px;
    text-align:left;
    font-weight:900;
    font-size:13px;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  .serviceFormLine{
    width:62px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#19b5ad,rgba(25,181,173,0));
    margin:10px 0 18px;
  }

  .serviceFormBlock input,
  .serviceFormBlock textarea{
    border:1px solid rgba(0,0,0,.14);
    border-radius:14px;
    padding:12px 14px;
    background:rgba(255,255,255,.92);
    transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;
  }

  .serviceFormBlock input:focus,
  .serviceFormBlock textarea:focus{
    outline:none;
    border-color:rgba(25,181,173,.70);
    box-shadow:0 0 0 4px rgba(25,181,173,.14);
  }

  .uploadBox{
    border:2px dashed rgba(0,0,0,.20);
    border-radius:16px;
    padding:18px;
    background:rgba(25,181,173,.04);
    transition:.2s ease;
  }

  .uploadBox:hover{
    border-color:rgba(25,181,173,.55);
    background:rgba(25,181,173,.06);
    transform:translateY(-1px);
  }

  .submitBtn{
    width:100%;
    border-radius:14px;
    padding:14px 16px;
    font-weight:900;
    letter-spacing:.10em;
    text-transform:uppercase;
    background:linear-gradient(90deg,#19b5ad,#2fd6ce);
    box-shadow:0 18px 40px rgba(25,181,173,.22);
    transition:.2s ease;
  }

  .submitBtn:hover{
    transform:translateY(-1px);
    filter:brightness(.98);
  }

  .serviceInfoBlock{
    padding:44px 46px;
  }

  .serviceInfoBlock h2{
    margin:0 0 14px;
    font-size:22px;
    font-weight:900;
    line-height:1.2;
  }

  .serviceInfoBlock p{
    font-size:14.5px;
    line-height:1.75;
    color:rgba(0,0,0,.70);
    margin:0 0 16px;
    max-width:70ch;
  }

  .serviceInfoBlock ul{
    margin:16px 0 0;
    padding-left:18px;
    max-width:75ch;
  }

  .serviceInfoBlock li{
    margin-bottom:12px;
    line-height:1.75;
    color:rgba(0,0,0,.72);
    font-size:14.5px;
  }

  .infoContacts{
    margin-top:22px;
    border-radius:18px;
    background:rgba(0,0,0,.03);
    border:1px solid rgba(0,0,0,.06);
    padding:16px 18px;
  }
}

@media (max-width:980px){
  html,body{
    overflow-x:hidden;
  }

  .wrap{
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .header__inner{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:12px 0!important;
  }

  .brand{
    margin:0!important;
    min-width:0!important;
    display:flex;
    align-items:center;
    gap:10px;
  }

  .brand__logo img{
    width:150px!important;
    max-width:150px!important;
    height:auto!important;
    margin-left:0!important;
    display:block;
  }

  .brand__slogan{
    margin-left:0!important;
    padding-left:10px!important;
    font-size:12px!important;
    line-height:1.2!important;
    max-width:180px;
  }

  .topbar__inner{flex-wrap:wrap;gap:10px}
  .topbar__left{flex-wrap:wrap;gap:8px}
  .topbar__item{font-size:12px;padding:6px 10px}

  .mnav__btn,
  .mnav__backdrop{
    display:block;
  }

  .mnav__btn{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    background:none;
    border:0;
    box-shadow:none;
    position:relative;
    z-index:10061;
  }

  .mnav__btn span{
    width:22px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#0f6f6a,#19b5ad);
    display:block;
  }

  .mnav__btn span:nth-child(1){transform:translateY(-7px)}
  .mnav__btn span:nth-child(2){transform:translateY(0)}
  .mnav__btn span:nth-child(3){transform:translateY(7px)}

  .nav{
  position:fixed!important;
  top:72px!important;
  left:16px!important;
  right:16px!important;
  bottom:16px!important;

  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  align-items:stretch!important;

  padding:18px 18px 16px!important;
  margin:0!important;
  border-radius:22px!important;

  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(25,181,173,.22)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;

  overflow-y:scroll!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:auto!important;

  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(-12px)!important;
  transition:opacity .25s ease,transform .25s ease!important;
  z-index:10055!important;
}

.nav{
  bottom:200px!important;
}

  .mnav__toggle:checked ~ .nav,
  .mnav__toggle:checked + .mnav__btn + .nav{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }

  .mnav__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-bottom:10px;
    margin-bottom:6px;
    border-bottom:1px solid rgba(0,0,0,.08);
  }

  .mnav__brand{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
  }

  .mnav__logo{
    width:42px;
    height:42px;
    border-radius:14px;
    border:1px solid rgba(25,181,173,.22);
    background:rgba(25,181,173,.06);
    padding:6px;
  }

  .mnav__title{
    font-size:12px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }

  .mnav__sub{
    font-size:12px;
    opacity:.6;
  }

  .mnav__close{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:14px;
    border:1px solid rgba(0,0,0,.10);
    background:rgba(255,255,255,.80);
    cursor:pointer;
    position:relative;
  }

  .mnav__close span{
    position:absolute;
    width:18px;
    height:2px;
    background:#111;
    border-radius:999px;
  }

  .mnav__close span:nth-child(1){transform:rotate(45deg)}
  .mnav__close span:nth-child(2){transform:rotate(-45deg)}

  .nav > a,
  .nav__drop > a,
  .nav__submenu a{
    display:block;
    width:100%;
    box-sizing:border-box;
    text-align:left;
    margin:0;
  }

  .nav > a,
  .nav__drop > a{
    padding:12px 14px;
    border-radius:14px;
    border:1px solid rgba(0,0,0,.07);
    background:rgba(0,0,0,.02);
    font-size:13px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .nav > a.active,
  .nav__drop > a.active{
    background:rgba(25,181,173,.08);
    border-color:rgba(25,181,173,.30);
  }

  .nav__submenu{
    position:static;
    display:block;
    min-width:0;
    box-shadow:none;
    border:0;
    padding:0;
    margin:6px 0 10px 0;
    background:transparent;
  }

  .nav__submenu a{
    padding:10px 12px;
    border-radius:12px;
    border:1px solid rgba(0,0,0,.06);
    background:rgba(255,255,255,.75);
    font-size:13px;
    text-transform:none;
  }

  .mnav__backdrop{
    position:fixed!important;
    inset:0!important;
    background:rgba(10,40,40,.55)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:.25s ease!important;
    z-index:10050!important;
  }

  .mnav__toggle:checked ~ .mnav__backdrop{
    opacity:1!important;
    pointer-events:auto!important;
  }

  .heroSlider{height:auto;min-height:0}

  .hs__content{
    padding:22px 16px 84px!important;
    max-width:100%!important;
  }

  .hs__content h1{
    font-size:30px;
    line-height:1.08;
  }

  .hs__content p{
    font-size:16px;
    line-height:1.35;
  }

  .hs__line{width:200px}
  .hs__badge img{width:110px}
  .hs__badge span{font-size:18px}
}

@media (max-width:980px){

  .hs__arrow{
    top:auto !important;
    bottom:18px !important;
    transform:none !important;

    width:42px !important;
    height:42px !important;

    background:rgba(0,0,0,.45) !important;
    border:1px solid rgba(255,255,255,.4) !important;
    color:#fff !important;

    z-index:20;
  }

  .hs__arrow.prev{
    left:16px !important;
  }

  .hs__arrow.next{
    right:16px !important;
  }

}