@font-face {
  font-family: "Urbanist-Regular";
  src: url("../fontstatic/Urbanist-Regular.ttf");
  src: url("../fontstatic/Urbanist-Regular.eot") format("embedded-opentype"), url("../fontstatic/Urbanist-Regular.woff") format("woff"), url("../fontstatic/Urbanist-Regular.otf") format("otf"), url("../fontstatic/Urbanist-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist-Medium";
  src: url("../fontstatic/Urbanist-Medium.ttf");
  src: url("../fontstatic/Urbanist-Medium.eot") format("embedded-opentype"), url("../fontstatic/Urbanist-Medium.woff") format("woff"), url("../fontstatic/Urbanist-Medium.otf") format("otf"), url("../fontstatic/Urbanist-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist-SemiBold";
  src: url("../fontstatic/Urbanist-SemiBold.ttf");
  src: url("../fontstatic/Urbanist-SemiBold.eot") format("embedded-opentype"), url("../fontstatic/Urbanist-SemiBold.woff") format("woff"), url("../fontstatic/Urbanist-SemiBold.otf") format("otf"), url("../fontstatic/Urbanist-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist-Bold";
  src: url("../fontstatic/Urbanist-Bold.ttf");
  src: url("../fontstatic/Urbanist-Bold.eot") format("embedded-opentype"), url("../fontstatic/Urbanist-Bold.woff") format("woff"), url("../fontstatic/Urbanist-Bold.otf") format("otf"), url("../fontstatic/Urbanist-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Urbanist", sans-serif;
}

@font-face {
  font-family: "Urbanist-Regular";
  src: url("../fontstatic/Urbanist-Regular.ttf");
  src: url("../fontstatic/Urbanist-Regular.eot") format("embedded-opentype"), url("../fontstatic/Urbanist-Regular.woff") format("woff"), url("../fontstatic/Urbanist-Regular.otf") format("otf"), url("../fontstatic/Urbanist-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist-Medium";
  src: url("../fontstatic/Urbanist-Medium.ttf");
  src: url("../fontstatic/Urbanist-Medium.eot") format("embedded-opentype"), url("../fontstatic/Urbanist-Medium.woff") format("woff"), url("../fontstatic/Urbanist-Medium.otf") format("otf"), url("../fontstatic/Urbanist-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist-SemiBold";
  src: url("../fontstatic/Urbanist-SemiBold.ttf");
  src: url("../fontstatic/Urbanist-SemiBold.eot") format("embedded-opentype"), url("../fontstatic/Urbanist-SemiBold.woff") format("woff"), url("../fontstatic/Urbanist-SemiBold.otf") format("otf"), url("../fontstatic/Urbanist-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Urbanist-Bold";
  src: url("../fontstatic/Urbanist-Bold.ttf");
  src: url("../fontstatic/Urbanist-Bold.eot") format("embedded-opentype"), url("../fontstatic/Urbanist-Bold.woff") format("woff"), url("../fontstatic/Urbanist-Bold.otf") format("otf"), url("../fontstatic/Urbanist-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Urbanist", sans-serif;
}

section {
  background: #c5c2b8;
}

.forum-main-sec .modal-dialog {
  max-width: 700px !important;
  margin-top: 80px;
}
.forum-main-sec .modal-dialog .modal-content form .modal-img img {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  border: 1px solid #f1f1f1;
}
.forum-main-sec .modal-dialog .modal-content form textarea {
  border: none !important;
  width: 100% !important;
  height: 250px !important;
  color: #262626;
  /* resize: none; */
}
.forum-main-sec .modal-dialog .modal-content form textarea:focus-visible {
  outline: none !important;
}
.forum-main-sec .modal-dialog .modal-content form textarea::-moz-placeholder {
  color: #262626;
}
.forum-main-sec .modal-dialog .modal-content form textarea::placeholder {
  color: #262626;
}
.forum-main-sec .modal-dialog .modal-content .modal-footer .modal-small-sec button {
  background: none;
  border: none;
}
.forum-main-sec .modal-dialog .modal-content .modal-footer .modal-small-sec .img-upload {
  position: relative;
}
.forum-main-sec .modal-dialog .modal-content .modal-footer .modal-small-sec .img-upload input[type=file] {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.forum-main-sec .modal-dialog .modal-content .modal-footer .post-sec button {
  background-color: #1552EF !important;
  color: #fff;
  font-family: "Urbanist", sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  border: none;
  padding: 5px 25px;
  border-radius: 50px;
}
.forum-main-sec .forum {
  background: #dfdcd2 !important;
  padding: 24px 24px 44px 24px;
  border-radius: 0.8rem;
  border: 1px solid rgba(93, 99, 113, 0.168627451);
  box-shadow: rgba(100, 100, 111, 0.1411764706) 1px 2px 7px 0px;
  height: 100%;
}
.forum-main-sec .forum .forum-content .card-heading h3 {
  font-size: 1.8rem;
  line-height: 35px;
}
.forum-main-sec .forum .modal-dialog {
  max-width: 700px !important;
  margin-top: 80px;
}
/* .forum-main-sec .forum .modal-dialog .modal-content {
  height: 500px; */
/* } */
.forum-main-sec .forum .modal-dialog .modal-content form textarea {
  border: none !important;
  width: 100% !important;
  height: 250px !important;
  /* color: #262626; */
}
.forum-main-sec .forum .modal-dialog .modal-content form textarea:focus-visible {
  outline: none !important;
}
.forum-main-sec .forum .modal-dialog .modal-content form textarea::-moz-placeholder {
  /* color: #262626; */
}
.forum-main-sec .forum .modal-dialog .modal-content form textarea::placeholder {
  /* color: #262626; */
}
.forum-main-sec .forum .modal-dialog .modal-content .modal-footer .modal-small-sec button {
  background: none;
  border: none;
}
.forum-main-sec .forum .modal-dialog .modal-content .modal-footer .modal-small-sec .img-upload {
  position: relative;
}
.forum-main-sec .forum .modal-dialog .modal-content .modal-footer .modal-small-sec .img-upload input[type=file] {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.forum-main-sec .forum .modal-dialog .modal-content .modal-footer .post-sec button {
  background-color: #1552EF !important;
  color: #fff;
  font-family: "Urbanist", sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  border: none;
  padding: 5px 25px;
  border-radius: 50px;
}
.forum-main-sec .forum .forum-heading .createpost {
  background-color: #1552EF !important;
  color: #fff;
  font-family: "Urbanist", sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  border: none;
  padding: 5px 25px;
  border-radius: 6px;
}
.forum-main-sec .forum .card-heading {
  border: 1px solid #ebebeb;
  padding: 20px 10px;
  border-radius: 12px;
  margin-top: 12px;
  background: #eeeae0;
}
.forum-main-sec .forum .forum-card .card {
  border-radius: 12px;
  border: 1px solid #ebebeb;
  background: #eeeae0;
}
.forum-main-sec .forum .forum-card .card .card-body {
  padding: 30px;
}
.forum-main-sec .forum .forum-card .card .card-body .card-content {
  margin-bottom: 8px;
  align-items: center;
}
.forum-main-sec .forum .forum-card .card .card-body .card-content img {
  width: 100%;
  height: 24px;
  max-width: 24px;
  border-radius: 50px;
}
.forum-main-sec .forum .forum-card .card .card-body .card-content .card-title {
  margin-bottom: 0px;
}
.forum-main-sec .forum .forum-card .card .card-body span {
  font-size: 0.9rem;
  font-weight: 500;
  font-family: "Urbanist", sans-serif;
}
.forum-main-sec .forum .forum-card .card .card-body p {
  font-size: 1rem;
  font-weight: 500;
  font-family: "Urbanist", sans-serif;
  line-height: 1.3rem;
  margin-bottom: 0px;
}
.forum-main-sec .forum .forum-card .card .card-body .main-post-img {
  width: 100%;
  width: 710px;
  height: 500px;
  margin: 24px 0px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec {
  background-color: transparent !important;
  border: none;
  padding: 0px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .placeholder-img {
  width: 100%;
  max-width: 24px;
  height: 24px;
  border-radius: 100px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .cmnt {
  padding: 3px 9px !important;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .like-up {
  padding: 0px 20px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt {
  background: #EEEEEE;
  padding: 3px 16px;
  gap: 11px !important;
  border-radius: 50px;
  border: 1px solid #dbdbdb;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .up-like::after, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .up-like::after {
  content: "";
  background: #dbdbdb;
  position: absolute;
  bottom: 0;
  left: auto;
  height: 100%;
  width: 1px;
  right: -5px;
  top: -3px;
  min-height: 30px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .up-like, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .cmnt-here, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .dislike, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .up-like, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .cmnt-here, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .dislike {
  border: none !important;
  align-items: center;
  position: relative;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .up-like img, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .cmnt-here img, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .dislike img, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .up-like img, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .cmnt-here img, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .dislike img {
  width: 100%;
  max-width: 14px;
  height: auto;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .up-like .up-number, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .cmnt-here .up-number, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .dislike .up-number, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .up-like .up-number, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .cmnt-here .up-number, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .dislike .up-number {
  font-size: 0.9rem;
  font-weight: 400;
  font-family: "Urbanist", sans-serif;
  color: #1552EF;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .up-like span, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .cmnt-here span, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .like .dislike span, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .up-like span, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .cmnt-here span, .forum-main-sec .forum .forum-card .card .card-end-sec .like-up .cmnt .dislike span {
  font-size: 0.9rem;
  font-weight: 400;
  font-family: "Urbanist", sans-serif;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .like-up .card-content {
  align-items: center;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .like-up .card-content img {
  width: 100%;
  height: 24px;
  max-width: 24px;
  border-radius: 50px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .like-up .card-content .card-name .card-title {
  margin-bottom: 0px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .like-up .card-content .card-name span {
  font-size: 0.9rem;
  font-weight: 500;
  font-family: "Urbanist", sans-serif;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 12px 20px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box .cmnt-img img, .forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box .rply-img img {
  width: 100%;
  max-width: 40px;
  height: 40px;
  border-radius: 50px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box .add-cmnt form {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box .add-cmnt form textarea.cmnt-here {
  background: #fff;
  border-radius: 50px;
  width: 100%;
  border: none;
  vertical-align: middle;
  font-family: "Urbanist", sans-serif !important;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 10px 31px;
  height: 46px;
  width: calc(100% - 200px);
  /* resize: none; */
}
.forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box .add-cmnt form .add-cmnt-btn {
  background-color: #1552EF !important;
  color: #fff;
  font-family: "Urbanist", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  border: none;
  padding: 11px 5px;
  border-radius: 50px;
  width: 150px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box .add-cmnt form .add-cmnt-btn-mobile {
  background-color: #fff !important;
  color: #fff;
  font-family: "Urbanist", sans-serif !important;
  font-size: 1.375rem !important;
  font-weight: 500 !important;
  border: 1px solid #1552EF;
  padding: 14px 13px;
  border-radius: 50px;
  display: none;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .reply-box .main-like-section {
  margin-top: 20px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .reply-box .main-like-section .like-up {
  padding: 0px 20px 0px 0px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .reply-box .rply-box-section .rply-img img {
  width: 100%;
  max-width: 60px;
  height: auto;
  border-radius: 50px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .reply-box .add-rply form {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .reply-box .add-rply form textarea.rply-here {
  background: #fff;
  border-radius: 50px;
  width: 100%;
  border: none;
  vertical-align: middle;
  font-family: "Urbanist", sans-serif !important;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 10px 31px;
  height: 46px;
  width: calc(100% - 200px);
  /* resize: none; */
}
.forum-main-sec .forum .forum-card .card .card-end-sec .reply-box .add-rply form .add-rply-btn {
  background-color: #1552EF !important;
  color: #fff;
  font-family: "Urbanist", sans-serif !important;
  font-size: 1.0rem !important;
  font-weight: 500 !important;
  border: none;
  padding: 10px 5px;
  border-radius: 50px;
  width: 120px;
}
.forum-main-sec .forum .forum-card .card .card-end-sec .reply-box .add-rply form .add-rply-btn-mobile {
  background-color: #fff !important;
  color: #fff;
  font-family: "Urbanist", sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  border: 1px solid #1552EF;
  padding: 14px 13px;
  border-radius: 50px;
  display: none;
}
.forum-main-sec .forum .view-more-cmnt {
  padding: 14px 14px 30px 14px;
  width: 100%;
  max-width: 40%;
  margin: 0 auto;
}
.forum-main-sec .forum .view-more-cmnt a {
  border: 1px solid #1552EF !important;
  color: #040C20 !important;
  font-family: "Urbanist", sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  padding: 10px 13px;
  border-radius: 50px;
  text-decoration: none;
  width: 100% !important;
  display: block;
  text-align: center;
}
.forum-main-sec .forum .view-more-cmnt img {
  margin-left: 6px;
}
.forum-main-sec .forum-side-img img {
  width: 100%;
  max-width: 700px;
  height: 700px;
}
.reply-box {
  margin: 40px 0 0 40px;
}
@media screen and (max-width: 991px) {
  .forum-main-sec .forum {
    margin-bottom: 20px;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .forum-main-sec .forum {
    padding: 20px;
  }
  .forum-main-sec .forum .forum-card .card .card-body h5 {
    font-size: 1rem;
  }
  .forum-main-sec .forum .forum-card .card .card-body p {
    font-size: 0.9rem;
  }
  .forum-main-sec .forum .forum-card .card-footer {
    padding: 0px 0px 20px 0px;
  }
}
@media screen and (max-width: 768px) {
  .forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box .cmnt-img {
    margin-bottom: 20px;
  }
  .forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box .add-cmnt form textarea.cmnt-here {
    width: calc(100% - 56px) !important;
    font-size: 1rem;
  }
  .forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box .add-cmnt form .add-cmnt-btn {
    display: none;
  }
  .forum-main-sec .forum .forum-card .card .card-end-sec .cmnt-box .add-cmnt form .add-cmnt-btn-mobile {
    display: block !important;
    padding: 5px 36px !important;
  }
  .forum-main-sec .forum .forum-card .card .card-end-sec .reply-box .rply-img {
    margin-bottom: 20px;
  }
  .forum-main-sec .forum .forum-card .card .card-end-sec .reply-box .add-rply form textarea.rply-here {
    width: calc(100% - 103px) !important;
  }
  .forum-main-sec .forum .forum-card .card .card-end-sec .reply-box .add-rply form .add-rply-btn {
    display: none;
  }
  .forum-main-sec .forum .forum-card .card .card-end-sec .reply-box .add-rply form .add-rply-btn-mobile {
    display: block !important;
    padding: 5px 36px !important;
  }
  .forum-main-sec .forum .forum-card .card .main-like-section {
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
  }
  .forum-main-sec .forum .forum-card .card .rply-box-section {
    margin-top: 20px;
  }
  .forum-main-sec .forum .view-more-cmnt {
    max-width: 100%;
  }
}/*# sourceMappingURL=forum-post.css.map */