@font-face {
  font-family: "Forum"; 
  src: url("font/Forum/Forum-Regular.ttf") format("truetype"); 
  font-style: normal; 
  font-weight: normal; 
} 

@font-face {
  font-family: "Inter"; 
  src: url("font/Inter/Inter-VariableFont_slnt,wght.ttf") format("truetype"); 
  font-style: normal; 
  font-weight: normal; 
} 



.zapros-text-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.zapros-text {
  width: 94%;
  font-size: 1.9vw;
  text-align: justify;
  text-indent: 2.5vw;
}

.zap-h4 {
  text-align: center;
  font-size: 2.4vw;
  margin-top: 1.5vw;
}

.zap-ul {
  margin-top: 2vw;
  padding: 0;
  width: 95%;
}

.zap-ul p{
  font-size: 2vw;
  margin-left: 1.5vw;
  text-align: justify;
}

.zap-ul li{
  font-size: 1.7vw;
  text-align: justify;
  margin-top: 1vw;
  margin-left: 2vw;
}

.zap-email {
  color: #268391;
}

.form-wrapper {
    width: 100%;
    display: flex;
    margin-top: 2vw;
    gap: 10vw;
    padding-bottom: 4vw;
}

.form-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2vw;
}

.formH2 {
    font-size: 2.1vw;
    color:#2c9caf;
}

.formImg {
    width: 35vw;
}

.buttonF {
    padding: 15px 25px;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2c9caf;
    transition: all 0.4s ease;
    font-size: 1vw;
    position: relative;
    overflow: hidden;
    outline: 2px solid #2c9caf;
    background-color: #fcfcfc;
  }
  
  .buttonF:hover {
    color: #ffffff;
    transform: scale(1.1);
    outline: 2px solid #70bdca;
    box-shadow: 4px 5px 17px -4px #268391;
  }
  
  .buttonF::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #2c9caf;
    transform: skewX(45deg);
    z-index: -1;
    transition: width 0.5s;
  }
  
  .buttonF:hover::before {
    width: 150%;
  }


@media screen and (max-width: 700px) {
  .form-wrapper {
      flex-direction: column;
      margin-top: 3vw;
  }
  
  .form-box {
      gap: 3vw;
  }
  
  .formH2 {
      font-size: 3.2vw;
  }
  
  .formImg {
      width: 60vw;
  }
  
  .buttonF {
      padding: 12px 22px;
      font-size: 2vw;
  }
  
  .zapros-text {
    font-size: 3.2vw;
    text-indent: 1vw;
  }
  
  .zap-h4 {
    font-size: 3.7vw;
    margin-top: 1.8vw;
  }

  .zap-ul{
    margin-bottom: 2.5vw;
  }
  
  .zap-ul p{
    font-size: 3.2vw;
  }
  
  .zap-ul li{
    font-size: 3vw;
    margin-left: 2.5vw;
  }
}