@font-face {
  font-family: "Montserrat-Thin.ttf";
 src: url("../assets/fonts/Montserrat/Montserrat-Thin.43dd5b7a3d27.ttf")
}

@font-face {
  font-family: "Montserrat-SemiBold.ttf";
 src: url("../assets/fonts/Montserrat/Montserrat-SemiBold.c641dbee1d75.ttf")
}


@font-face {
  font-family: "Comforta-Regular.ttf";
 src: url("../assets/fonts/Comfortaa/static/Comfortaa-Regular.c2488bfda16e.ttf");
}
@font-face {
  font-family: "Comforta-Variable.ttf";
 src: url("../assets/fonts/Comfortaa/Comfortaa-VariableFont_wght.f40889caa259.ttf");
}

@font-face {
  font-family: "Comforta-Bold.ttf";
 src: url("../assets/fonts/Comfortaa/static/Comfortaa-Bold.801965b04368.ttf");
}


.c-bg1{
  position:absolute;
  left:0px;
  top:200px;
}
.c-bg2{
  position:absolute;
  right:0px;
  top:70%;
  width: 95px;
  height: 63px;
  max-width: 95px;
  max-height: 63px;
}
.c-bg1 img{
  max-width:245px;
  max-height:250px;
  width:220px;
  height:225px;
}
.contacts-own{
  display:flex;
  margin-top:100px;
}

.contacts-left{
  display: flex;
  flex-direction: column;
  margin-left:100px;
  width:70%;
}

.add-consultation{
  color: #303669;
  font-family: Comfortaa;
  font-size: 30px;
  font-weight:400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 40px;
  text-align: left;
  letter-spacing: -0.75px;
}

.contacts-number{
  display:flex;
  margin-top:40px;
}
.contacts-number img{
  max-width:35px;
  max-height:52px;
  width:35px;
  height:52px;
}
.cont-number{
  color: #303669;
font-family: Montserrat-SemiBold;
font-size: 40px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 60px;
text-align: left;
margin-left:30px;
}
.cont-1{
  font-style: normal;
letter-spacing: -0.4px;
line-height: normal;
letter-spacing: -0.6px;
}
.cont-2{
  font-size: 30px;
font-style: normal;
letter-spacing: -0.3px;
line-height: normal;
margin-left:10px;
}
.contact-help{
  margin-top:35px;
}
.contact-help p{
  color: #303669;
font-family:Comfortaa;
font-size: 30px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
text-align: left;
letter-spacing: -0.75px;
}
.contact-help ul{
  margin-top:20px;
}
li::marker{
  width:14px;
  font-size:28px;
  color: #a0e9ea;
}
.contact-help li{
font-family: Montserrat;
font-size: 15px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
text-align: left;
color: #303669;
}
.contacts-right{
  display:flex;
  justify-content: flex-end;
  width:50%;
  margin-right:100px;
}
.contacts-right img{
  max-width:604px;
  max-height:457px;
}
.contacts-information{
  text-align:center;
  width:80%;
  margin:0 auto;
  margin-top:60px;
}
.contacts-information span{
  color:#0099ff;
font-family: Montserrat;
font-size: 15px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
}

.contacts-information p{
  color: #303669;
font-family: Montserrat;
font-size: 20px;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 60px;
text-align:center;
letter-spacing: -0.2px;
}
hr{
  background-color:#0099ff;
  display:block;
  height:2px !important;
}

/* Виникли питання */
.question {
  margin-top: 74px;
  position: relative;
}

.question-img {
  text-align: center;
  margin-top: 20px;
}

.question-text {
  display: flex;
  justify-content: center;
}

textarea {
  resize: none;
  width: 361px;
  height: 184px;
  box-shadow: 0 0 4px rgba(99, 112, 140, 0.26);
  border-radius: 10px;
  background-color: #ffffff;
  text-align: left;
  margin-top: 10px;
  border-color:#f6f6f6;
}

::placeholder {
  padding-left: 30px;
  padding-top: 15px;
  color: #81828f;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  outline: none;
}

.question-text2 {
  margin-top: 50px;
}

.question-text2 h3 {
  color: #303669;
  font-family: Montserrat;
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 30px;
  text-align: center;
}

.question-text2 p {
  width: 413px;
  margin: 0 auto;
  margin-top: 28px;
  color: #303669;
  font-family: Comfortaa;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  text-align: center;
}

.question-form {
  display: flex;
  flex-direction: column;
  width: 440px;
  margin: 0 auto;
  margin-top: 70px;
}

.question-form input {
  margin-top: 17px;
  height: 49px;
  border-radius: 10px;
  background-color: #ffffff;
  border: none;
  outline: none;
  text-align: center;
}

.question-form input::placeholder {
  color: #81828f;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  text-align: center;
}

.pink2 {
  width: 284px;
  height: 48px;
  border-radius: 24px;
  background-color: #ff3399;
  border: none;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  color: #f6f6f6;
  font-family: Montserrat;
  font-size: 21px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
}
textarea:focus {
  outline: none;
}

@media(max-width:1600px){
  .c-bg1 img{
    width:200px;
    height:205px;
  }
}
@media(max-width:1400px){
  .c-bg2{
    top:1000px;
  }
}
@media(max-width:1360px){
  .c-bg1 img{
    width:160px;
    height:165px;
  }
  .add-consultation{
    font-size:25px;
  }
  .cont-number{
    font-size:30px;
  }
  .cont-2{
    font-size:20px;
  }
  .contacts-number img{
    width:30px;
    height:auto;
  }
  .contact-help p{
    font-size:26px;
    text-align:center;
  }
  .add-consultation{
    text-align:center;
  }
  .contacts-number{
    justify-content: center;
  }
  .contact-help{
    display:flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items: flex-start;
  }
  .contact-help ul{
    display:inline-block;
    margin-top:2em;
  }
  .contacts-right{
    justify-content: center;
  }
  .contacts-right img{
    width:450px;
    height:350px;
  }
  .contacts-information span{
    font-size:14px;
  }
  .contacts-information p{
    font-size:15px;
  }
  .contacts-number{
    display:flex;
    justify-content:flex-start;
  }
}

@media(max-width:1280px) {

  textarea {
    margin-top: 10px;
  }

  .question-form input::placeholder {
    font-size: 12px;
  }

  textarea::placeholder {
    font-size: 12px;
  }

  .pink2 {
    width: 240px;
    font-size: 17px;
  }
}

@media(max-width:1266px) {
  .question-form {
    margin-top: 70px;
  }

  .pink2 {
    width: 250px;
  }
}

@media(max-width:1240px) {

  .question-form input::placeholder {
    font-size: 13px;
    font-weight: 300;
    line-height: 25px;
  }
}

@media(max-width:1100px){
  .add-consultation{
    font-size:22px;
  }
  .contacts-number img{
    width:28px;
    height:40px;
  }
  .contacts-number{
    align-items: center;
  }
  .cont-number{
    font-size:25px;
  }
  .cont-2{
    font-size:17px;
    margin-left:5px;
  }
  .contact-help p{
    font-size:23px;
  }
  .contact-help li{
    font-size:13px;
  }
  li::marker{
    font-size:20px;
  }
  .contacts-information span{
    font-size:12px;
  }
  .contacts-information p{
    font-size:13px;
  }
}

@media(max-width:1069px) {

  .question-form input {
    height: 40px;
  }

  .pink2 {
    width: 270px;
  }

}

@media(max-width:1050px){
  .contacts-left{
    margin-left:30px;
  }
}


@media(max-width:991px){
  .c-bg2{
    top:1300px;
  }
  .contacts-own{
    flex-direction:column-reverse;
    justify-content: center;
    align-items:center;
  }
  .contacts-left{
    margin-top:50px;
  }
  .contacts-right img{
     width:400px;
     height:auto;
  }
  .contacts-right{
    margin:0 auto;
  }
  .add-consultation{
    font-size:20px;
  }
  .cont-number{
    font-size:22px;
  }
  .cont-2{
    font-size:15px;
  }
  .contact-help p{
    font-size:21px;
  }
  .contact-help li{
    font-size:12px;
  }
  .contacts-information{
    width:60%;
  }
  .contacts-information span{
    font-size:11px;
  }
  .contacts-information p{
    font-size:12px;
  }

  .question-text2 {
    margin-top: 0px;
  }

  .question-img {
    margin-top: 3em;
  }

  .question {
    flex-direction: column-reverse;
  }

  .question-text2 {
    margin-top: 3em;
  }

  .question-form input::placeholder {
    font-size: 12px;
    font-weight: 250;
    line-height: 25px;
  }

  textarea::placeholder {
    font-size: 13px;
  }

  .pink2 {
    width: 180px;
    font-size: 17px;
  }
}

@media(max-width:890px) {
  .inner-pink {
    font-size: 12px;
  }

  .question-text2 h3 {
    font-size: 35px;
  }

  .question-text2 p {
    font-size: 15px;
  }

  .question-form {
    margin-top: 3em;
  }

  .question-img img {
    width: 190px;
    height: 230px;
  }

  .pink2 {
    width: 160px;
    height: 45px;
    font-size: 15px;
  }
}

@media(max-width:750px){
  .contacts-left{
    font-size:30px;
  }
}
@media(max-width:700px){
  .c-bg1 img{
    width:140px;
    height:145px;
  }
  .question-form {
    width: 80%;
  }

  textarea {
    width: 80%;
  }
}
@media(max-width:600px){
  .contacts-right img{
    width:350px;
    height:auto!important;
    max-height:none;
  }
  .contacts-left,.contacts-right{
    width:90%;
  }
  .add-consultation{
    font-size:18px;
  }
  .contacts-number img{
    width:24px;
    height:36px;
  }
  .cont-number{
    font-size:20px;
  }
  .cont-2{
    font-size:13px;
  }
  .contact-help p{
    font-size:19px;
  }
  .contact-help li{
    font-size:11px;
  }
  .question-text2 h3 {
    font-size: 30px;
  }

  .question-text2 p {
    font-size: 14px;
  }
}

@media(max-width:500px){
  .c-bg1 img{
    display:none;
  }
  .question-form input::placeholder {
    padding-left: 0px;
  }
  .contacts-own{
    margin-top:2em;
  }
  .contacts-information p{
    font-size:14px;
  }
  .contact-help ul{
    margin-top:.5em;
  }

  .question-text2{
    margin-top:1em;
  }
  .question{
    margin-top:40px;
  }

  .question-form{
    margin-top:1em;
  }

  .c-bg2{
    top:700px;
  }
  .question-img img {
    width: 170px;
    height: 210px;
  }
  .question-text2 h3{
    font-size:25px;
  }
  .question-text2 p{
    font-size:13px;
  }
}
@media(max-width:450px){
  .contacts-right img{
    width:300px;
  }
  .contacts-information{
    width:80%;
    margin-top:30px;
  }
  .question-text2 p{
    width:100% !important;
  }
}

@media(max-width:400px){
  .contacts-right img{
    width:250px;
  }
  .c-bg2 img{
    width:85px;
    height:55px;
  }
  .question-text2 {
    margin-top: 10px;
  }

  .question-form {
    margin-top: 10px;
  }

  .question-img img {
    width: 150px;
    height: 190px;
  }

  .question-form input::placeholder {
    font-size: 11px;
  }

  textarea::placeholder {
    font-size: 11px;
    height: 150px;
  }
}