.elementor-91 .elementor-element.elementor-element-de88b1a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-91 .elementor-element.elementor-element-c46f5ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-ad73dbb *//* =========================================
ŽVĖRIS GYM — CONTACT HERO
========================================= */

.zv-contact-hero{
  position:relative;
  min-height:78vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#050505;
}

.zv-contact-hero-bg{
  position:absolute;
  inset:0;
  background:url('/wp-content/uploads/2026/05/imgi_25_content.webp') left center/cover no-repeat;
  transform:scale(1.03);
}

.zv-contact-hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;

  background:
    linear-gradient(90deg,
      rgba(0,0,0,.28) 0%,
      rgba(0,0,0,.38) 28%,
      rgba(0,0,0,.66) 48%,
      rgba(0,0,0,.78) 100%),
    linear-gradient(180deg,
      rgba(0,0,0,.10) 0%,
      rgba(0,0,0,.62) 100%),
    radial-gradient(circle at right center,
      rgba(255,0,51,.14),
      transparent 38%);
}

.zv-contact-hero-container{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1380px;
  margin:0 auto;
  padding:145px 40px 105px;

  display:grid;
  grid-template-columns:48% 52%;
  align-items:center;
}

.zv-contact-hero-content{
  grid-column:2;
  max-width:760px;
  justify-self:start;
}

.zv-contact-hero-content span{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:24px;

  color:#ff2347;
  font-size:12px;
  font-weight:800;
  letter-spacing:3px;
  text-transform:uppercase;
}

.zv-contact-hero-content span::before{
  content:'';
  width:52px;
  height:2px;
  background:#ff2347;
}

.zv-contact-hero-content h1{
  margin:0 0 28px;

  color:#fff;
  font-size:clamp(48px,6vw,96px);
  line-height:.93;
  font-weight:800;
  letter-spacing:-3px;
  text-transform:uppercase;
}

.zv-contact-hero-content h1 strong{
  color:#ff2347;
  font-weight:900;
}

.zv-contact-hero-content p{
  max-width:680px;
  margin:0;

  color:rgba(255,255,255,.80);
  font-size:18px;
  line-height:1.8;
}

.zv-contact-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:42px;
}

.zv-contact-hero-btn{
  min-width:190px;
  height:58px;
  padding:0 28px;

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

  background:#ff2347;
  color:#fff;
  text-decoration:none;

  font-size:13px;
  font-weight:800;
  letter-spacing:1.4px;

  transition:.35s ease;
}

.zv-contact-hero-btn:hover{
  background:#ff3b5c;
  color:#fff;
  transform:translateY(-3px);
}

.zv-contact-hero-btn-outline{
  background:transparent;
  border:1px solid rgba(255,255,255,.18);
}

.zv-contact-hero-btn-outline:hover{
  border-color:#ff2347;
  background:rgba(255,0,51,.08);
}

@media (max-width:1100px){

  .zv-contact-hero-container{
    grid-template-columns:42% 58%;
    padding:130px 28px 90px;
  }

  .zv-contact-hero-content h1{
    font-size:clamp(44px,8vw,74px);
    letter-spacing:-2px;
  }

}

@media (max-width:768px){

  .zv-contact-hero{
    min-height:72vh;
  }

  .zv-contact-hero-bg{
    background-position:center center;
  }

  .zv-contact-hero-container{
    display:block;
    padding:120px 18px 80px;
  }

  .zv-contact-hero-overlay{
    background:
      linear-gradient(180deg,
        rgba(0,0,0,.58) 0%,
        rgba(0,0,0,.80) 100%),
      radial-gradient(circle at top left,
        rgba(255,0,51,.14),
        transparent 42%);
  }

  .zv-contact-hero-content{
    max-width:100%;
  }

  .zv-contact-hero-content h1{
    font-size:clamp(40px,12vw,62px);
    line-height:.98;
    letter-spacing:-1.6px;
  }

  .zv-contact-hero-content p{
    font-size:15.5px;
    line-height:1.75;
  }

  .zv-contact-hero-actions{
    flex-direction:column;
  }

  .zv-contact-hero-btn{
    width:100%;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3209a4a *//* =========================================
ŽVĖRIS GYM — CONTACT MAIN
========================================= */

.zv-contact-main{
  position:relative;
  padding:120px 20px;

  background:
    radial-gradient(circle at top left, rgba(255,0,51,.10), transparent 34%),
    radial-gradient(circle at bottom right, rgba(120,0,20,.16), transparent 42%),
    linear-gradient(180deg,#070707 0%, #0d0507 52%, #080808 100%);

  overflow:hidden;
}

.zv-contact-main::before{
  content:'';
  position:absolute;
  inset:0;

  background:
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);

  background-size:80px 80px;

  opacity:.14;
  pointer-events:none;
}

.zv-contact-main-container{
  position:relative;
  z-index:2;

  max-width:1320px;
  margin:0 auto;

  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:70px;
  align-items:start;
}

/* =========================================
INFO
========================================= */

.zv-contact-info span{
  display:inline-flex;
  align-items:center;
  gap:12px;

  margin-bottom:24px;

  color:#ff2347;

  font-size:12px;
  font-weight:800;
  letter-spacing:3px;
  text-transform:uppercase;
}

.zv-contact-info span::before{
  content:'';
  width:52px;
  height:2px;
  background:#ff2347;
}

.zv-contact-info h2{
  margin:0 0 26px;

  color:#fff;

  font-size:clamp(42px,5vw,74px);
  line-height:.96;
  font-weight:800;
  letter-spacing:-2px;
  text-transform:uppercase;
}

.zv-contact-info h2 strong{
  color:#ff2347;
  font-weight:900;
}

.zv-contact-info p{
  margin:0 0 34px;

  max-width:620px;

  color:rgba(255,255,255,.76);

  font-size:17px;
  line-height:1.85;
}

/* =========================================
PHONE
========================================= */

.zv-contact-detail{
  margin-bottom:30px;
  padding:30px;

  background:
    linear-gradient(180deg,
      rgba(255,255,255,.035),
      rgba(255,255,255,.015));

  border:1px solid rgba(255,255,255,.07);
}

.zv-contact-detail small{
  display:block;

  margin-bottom:10px;

  color:rgba(255,255,255,.58);

  font-size:12px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.zv-contact-detail a{
  color:#fff;
  text-decoration:none;

  font-size:38px;
  line-height:1;
  font-weight:900;
  letter-spacing:-1px;

  transition:.3s ease;
}

.zv-contact-detail a:hover{
  color:#ff2347;
}

/* =========================================
LOCATIONS
========================================= */

.zv-contact-location-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.zv-contact-location{
  padding:26px 24px;

  background:rgba(255,255,255,.025);

  border:1px solid rgba(255,255,255,.07);
}

.zv-contact-location strong{
  display:block;

  margin-bottom:8px;

  color:#ff2347;

  font-size:13px;
  font-weight:900;
  letter-spacing:2px;
}

.zv-contact-location span{
  color:rgba(255,255,255,.75);

  font-size:15px;
}

/* =========================================
BUTTONS
========================================= */

.zv-contact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;

  margin-top:34px;
}

.zv-contact-btn{
  min-width:190px;
  height:58px;

  padding:0 28px;

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

  background:#ff2347;
  color:#fff;

  text-decoration:none;

  font-size:13px;
  font-weight:800;
  letter-spacing:1.4px;

  transition:.35s ease;
}

.zv-contact-btn:hover{
  background:#ff3b5c;
  color:#fff;

  transform:translateY(-3px);
}

.zv-contact-btn-outline{
  background:transparent;

  border:1px solid rgba(255,255,255,.16);
}

.zv-contact-btn-outline:hover{
  border-color:#ff2347;
  background:rgba(255,0,51,.08);
}

/* =========================================
FORM CARD
========================================= */

.zv-contact-form-card{
  position:relative;

  padding:42px;

  background:
    linear-gradient(180deg,
      rgba(255,255,255,.04),
      rgba(255,255,255,.015));

  border:1px solid rgba(255,255,255,.07);

  overflow:hidden;
}

.zv-contact-form-card::before{
  content:'';

  position:absolute;
  top:-120px;
  right:-120px;

  width:260px;
  height:260px;

  background:rgba(255,0,51,.12);

  border-radius:50%;

  filter:blur(90px);

  pointer-events:none;
}

.zv-contact-form-head{
  position:relative;
  z-index:2;

  margin-bottom:28px;
}

.zv-contact-form-head span{
  display:block;

  margin-bottom:10px;

  color:#ff2347;

  font-size:12px;
  font-weight:800;
  letter-spacing:2.5px;
  text-transform:uppercase;
}

.zv-contact-form-head h3{
  margin:0 0 10px;

  color:#fff;

  font-size:36px;
  line-height:1.1;
  font-weight:800;
}

.zv-contact-form-head p{
  margin:0;

  color:rgba(255,255,255,.68);

  font-size:15px;
  line-height:1.75;
}

/* =========================================
CONTACT FORM 7 — FIXED COMPACT VERSION
========================================= */

.zv-cf7-wrap{
  position:relative;
  z-index:2;
  width:100%;
}

.zv-cf7-wrap form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.zv-cf7-wrap p{
  margin:0 !important;
  padding:0 !important;
}

.zv-cf7-field{
  display:block;
  margin:0 0 10px !important;
}

.zv-cf7-field > span{
  display:block;
  margin-bottom:8px;

  color:#fff;

  font-size:12px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
}

.zv-cf7-wrap .wpcf7-form-control-wrap{
  display:block;
  margin:0 !important;
  padding:0 !important;
}

.zv-cf7-wrap input,
.zv-cf7-wrap select,
.zv-cf7-wrap textarea{
  width:100%;
  height:54px;

  padding:14px 16px;

  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.10);

  color:#fff;

  font-size:15px;
  line-height:1.4;

  outline:none;

  box-sizing:border-box;

  transition:.25s ease;
}

.zv-cf7-wrap textarea{
  height:auto;
  min-height:120px;
  resize:vertical;
}

.zv-cf7-wrap input:focus,
.zv-cf7-wrap select:focus,
.zv-cf7-wrap textarea:focus{
  border-color:#ff2347;
  background:rgba(255,255,255,.055);
}

.zv-cf7-wrap input::placeholder,
.zv-cf7-wrap textarea::placeholder{
  color:rgba(255,255,255,.45);
}

.zv-cf7-wrap select{
  appearance:none;
  cursor:pointer;
}

.zv-cf7-wrap input[type="submit"]{
  width:100%;
  height:56px;

  margin-top:6px;

  padding:0 28px;

  border:none;

  background:#ff2347;
  color:#fff;

  font-size:13px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;

  cursor:pointer;

  transition:.35s ease;
}

.zv-cf7-wrap input[type="submit"]:hover{
  background:#ff3b5c;
  transform:translateY(-3px);
}

/* RESPONSE */

.wpcf7-response-output{
  margin:18px 0 0 !important;
  padding:14px 16px !important;

  border-color:#ff2347 !important;

  color:#fff;

  font-size:14px;
}

/* REMOVE HUGE CF7 GAPS */

.zv-cf7-wrap p{
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
}

.zv-cf7-wrap br{
  display:none !important;
}

.zv-cf7-wrap .wpcf7-form-control-wrap{
  display:block !important;
  margin-top:8px !important;
}

.zv-cf7-wrap .zv-cf7-field{
  margin-bottom:16px !important;
}

.zv-cf7-wrap textarea{
  margin-bottom:0 !important;
}

/* =========================================
RESPONSIVE
========================================= */

@media (max-width:1000px){

  .zv-contact-main-container{
    grid-template-columns:1fr;
    gap:50px;
  }

}

@media (max-width:768px){

  .zv-contact-main{
    padding:85px 18px;
  }

  .zv-contact-info h2{
    font-size:clamp(38px,10vw,58px);
    line-height:1;
  }

  .zv-contact-info p{
    font-size:15.5px;
    line-height:1.8;
  }

  .zv-contact-detail{
    padding:26px 22px;
  }

  .zv-contact-detail a{
    font-size:30px;
  }

  .zv-contact-location-grid{
    grid-template-columns:1fr;
  }

  .zv-contact-actions{
    flex-direction:column;
  }

  .zv-contact-btn{
    width:100%;
  }

  .zv-contact-form-card{
    padding:34px 24px;
  }

  .zv-contact-form-head h3{
    font-size:30px;
  }

  .zv-cf7-wrap input,
  .zv-cf7-wrap select,
  .zv-cf7-wrap textarea{
    padding:14px 14px;
    font-size:14px;
  }

}

@media (max-width:520px){

  .zv-contact-main{
    padding:75px 16px;
  }

  .zv-contact-info span{
    font-size:11px;
    letter-spacing:2.3px;
  }

  .zv-contact-info span::before{
    width:36px;
  }

  .zv-contact-detail a{
    font-size:26px;
  }

}/* End custom CSS */