.comment {
  height: 100px;
}
textarea {
  width: 100%;
}

.fade {
  transition: opacity 0.35s cubic-bezier(0.4, 0, 1, 1);
}

.modal-content {
  background-color: #ffffffed;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  border-radius: 15px;
}

.form-control {
  border: 2px solid #00edff4f;
}

textarea {
  border: 2px solid #00edff4f;
  border-radius: 5px;
}
.fch-1 {
  margin-left: 63px;
}
.fch-2 {
  margin-left: 70px;
}

.form-group {
  margin-top: 20px;
}
.input-group {
  width: 100%;
}

.form-check-label {
  text-align: start;
}
.check-site {
  margin-left: -18px;
}
.check-bot {
  margin-left: -6px;
}
.check-pars {
  margin-left: 2px;
}
.btn-primary {
  color: #fff;
  background-color: #ff8a16ad;
  border-style: none;
  width: 50%;
}
.btn-primary:hover {
  color: #fff;
  background-color: #ff8a16;
}

/* -------------------------------------- Madal-portfolio ----------------------------------------- */
.modal-portfolio {
  max-width: 90%;
  margin-left: 5%;
}
.body-portfolio {
  padding: 6px !important;
  box-shadow: 0px 7px 20px 2px #300029b8;
  border-radius: 13px;
}
.content-portfolio {
  background-color: #0c000de6;
  box-shadow: 0px 9px 15px #32004cd4;
}
.carousel-inner {
  border-radius: 10px;
}
.c-portfolio {
  color: white;
}
.carousel-control-next-icon {
  background-color: black;
  border-radius: 50%;
  box-shadow: 0px 0px 8px 6px black;
}
.carousel-control-prev-icon {
  background-color: black;
  border-radius: 50%;
  box-shadow: 0px 0px 8px 6px black;
}
.mod-description {
  background-color: #00000040;
  border-radius: 50%;
  box-shadow: 0px 0px 8px 6px #00000040;
}
.mod-description-txt {
  color: #ffffff;
  font-size: 20px;
  font-weight: 800;
}
.modal-body {
  background-color: #ffffffd4;
}
.body-pars {
  background-color: #f8eedb;
}
.parAboutTxt {
  font-size: 20px;
}
.modal-portfolio-parsabout {
  max-width: 70%;
}
@media (max-width: 950px) {
  .modal-portfolio-parsabout {
    max-width: 100%;
  }
  .parsAboutFade {
    padding-right: 0 !important;
  }
}
@media (max-width: 674px) {
  .parAboutTxt {
    font-size: 17px;
  }
}