.form-reg__wrapper {
 display: flex;
 justify-content: center;
}

.form-reg {
 padding: 20px 40px 30px 40px;
 max-width: 375px;
 display: flex;
 flex-direction: column;
 align-items: center;

 background: #042cdde3;
 border-radius: 10px;
 box-shadow: 0 0.4px 0.4px rgba(128, 128, 128, 0.109),
  0 1px 1px rgba(128, 128, 128, 0.155), 0 2.1px 2.1px rgba(128, 128, 128, 0.195),
  0 4.4px 4.4px rgba(128, 128, 128, 0.241),
  0 12px 12px rgba(128, 128, 128, 0.35);

 color: white;
}

.form-reg__title {
 margin-bottom: 20px;
 display: flex;
 align-items: center;
 flex-direction: column;
 gap: 20px;
}

.form-reg__title img {
 width: 100%;
}

.form-reg__title p {
 font-size: 20px;
 font-weight: 500;
 text-align: center;
}

.form-reg input {
 margin-bottom: 10px;
 padding: 10px;
 width: 100%;
 background: transparent;
 border-radius: 6px;
 border: none;
 border-bottom: 1px solid #fff;

 font-size: 16px;
 color: #fff;
}

.form-reg input::placeholder {
 opacity: 1;
 color: #fff;
}

.form-reg__btn {
 margin-top: 20px;
 padding: 10px;
 width: 100%;

 border: 1px solid #000;
 border-radius: 9px;

 font-size: 16px;
 font-weight: 500;
 text-align: center;
 color: #000;
}

input[name="phone2"] {
 width: 100%;
}

input.erorr {
 color: yellow;
 border-bottom: 1px solid yellow;
}

.iti {
 width: 100% !important;
}

.nachat {
 font-weight: bold;
 padding: 0 10px;
 background: #fff;
 border-radius: 10px;
 margin: 0 auto;
 margin-top: 10px;

 display: flex;
 justify-content: flex-start;
 align-items: center;
}

.nachat img {
 width: 100%;
 max-width: 50px;
 margin-right: 10px;
}

.nachat p {
 padding: 10px 0;
 font-size: 13px !important;
 color: black;
 line-height: 18px !important;
}

.photo-com {
 width: 100%;
 margin: 0 auto;
 display: flex;
}

@media (max-width: 450px) {
 .photo-com {
  width: 100%;
 }
}

.phonesc {
 width: 40%;
 display: flex;
 margin: 0 auto;
}

@media (max-width: 450px) {
 .phonesc {
  width: 70%;
 }
}

.item-comment {
 margin: 10px;
}

.item-comment::after {
 content: "";
 border-bottom: 1px solid gray;
 width: 100%;
 display: block;
 padding-bottom: 10px;
}

.comm::after {
 border-bottom: none !important;
 display: none;
}

.item-comment .avatar {
 padding-right: 15px;
 float: left;
}

.img-coment {
 border-radius: 50%;
 max-width: 50px;
}

.item-comment .comment-description {
 float: none;
 margin-bottom: 10px;
 padding-left: 70px;
 height: min-content;
}

.item-comment .comment-description .name {
 text-decoration: none;
 color: #666;
 font-weight: 600;
}

.item-comment .comment-description p {
 margin: 0;
 padding: 0;
}

.comment-to-comment {
 /*margin-top: 5px;*/
 margin-left: 80px;
}

.item-comment .comment-description {
 float: none;
 padding-left: 70px;
}

.padding {
 padding: 20px;
}

.name {
 color: black !important;
}

.item-comment .avatar img {
 border-radius: 50%;
 width: 50px;
 height: 50px;
}

@media screen and (max-width: 576px) {
 .comment-description p {
  line-height: normal !important;
 }

 .comment-to-comment {
  margin-left: 20px !important;
 }
}

.custom-header-mob {
 display: none !important;
}

@media screen and (max-width: 768px) {
 .custom-header-desk {
  display: none !important;
 }

 .custom-header-mob {
  display: flex !important;
  position: fixed;
  top: 0;
  z-index: 99999;
  background-color: #fff;
 }

 .form-reg {
  padding: 20px;
 }
}
