body {
  position: relative;
  direction: ltr;
  overflow-x: hidden;
  background-color: white;
}
body::-webkit-scrollbar {
  width: 0;
}
html{
  overflow-x: hidden;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  /* width: 100%;
  height: 100%; */
  object-fit: cover;
}
.mainDiv,
.bannerMainDiv{
  height: 100vh;
}
.subMainDiv{
  height: 60vh;
}
ul{
  padding-left: 0;
  list-style: none;
  padding-right: 0;
  margin-bottom: 0;
}
a,
a:hover {
    text-decoration: none !important;
}
.reports-card{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 7px;
}
.date-wrapper{
    color: #F4F1E3;
    font-size: 14px;
    font-family: SourceSans3-Regular,sans-serif ;
    font-weight: 400;
    background-color: #a94848;
    padding: 7px 16px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.subTitle{
    color: #a94848;
    font-size: 14px;
    font-family: SourceSans3-SemiBoldItalic,sans-serif;
    font-weight: 600;
    padding: 0 15px;
}
.reports-card h3{
    color: #072100;
    font-size: 28px;
    font-family: Playfair-Bold,sans-serif;
    font-weight: 700;
    text-align: left;
    margin-bottom: 0;
    padding: 3.8% 4%;
    height: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.reportSwipper .swiper-slide-active .col-5 .reports-card,
#reportContent .col-lg-5 .reports-card{
    border: unset;
}
.reportSwipper .swiper-slide-active .col-7 h3,
#reportContent .col-lg-7 h3 {
    font-size: 32px;
    padding: 0 15px;
}
#reportContent .col-lg-7 .reports-card{
  border: 0.5px solid #F4F1E3
}
.reportSwipper .swiper-slide-active .reports-card{
  border: 0.5px solid #a9484840;
}
.readMore,
.readMore:hover,
.readMore:active,
.readMore:focus{
  color: #a94848;
  font-size: 14px;
  font-family: SourceSans3-SemiBoldItalic,sans-serif;
  font-weight: 600;
  background-color: transparent;
  border: unset;
  padding: 0 15px;
}
.wrapperPaddding{
  padding: 6% 9.5%;
}
.mainTitle{
  color: #072100;
  font-size: 36px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
}
.reportSwipper{
  min-height: 549px;
}
/* .reportSwipper .swiper-slide {
  display: flex;
  align-items: start;
} */
.reportSwipper .swiper-button-next,
.mediaSwipper .swiper-button-next{
  top: 4.8%;
  color: #b1b0ab;
  content: url('../../images/icons/arrow2.svg');
  height: 5%;
}
.articleSwipper .swiper-button-next,
.popularSwipper .swiper-button-next{
  top: 7.8%;
  height: 7%;
  color: #b1b0ab;
  content: url('../../images/icons/arrow2.svg');
}
.reportSwipper .swiper-button-prev,
.mediaSwipper .swiper-button-prev
{
  top: 4.8%;
  left: 90%;
  color: #b1b0ab;
  content: url('../../images/icons/arrow1.svg');
  height: 5%;
}
.articleSwipper .swiper-button-prev,
.popularSwipper .swiper-button-prev{
  top: 7.8%;
  height: 7%;
  left: 90%;
  color: #b1b0ab;
  content: url('../../images/icons/arrow1.svg');
}
.popular{
  background-color: white;
  padding: 20px;
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 31px;
  flex-direction: column;
  height: 200px;
}
.popularType{
  color: #072100;
  font-size: 13px;
  font-family: SourceSans3-Bold,sans-serif;
  font-weight: 700;
}
.subPopularTitle{
  color: #072100;
  font-size: 20px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
  width: 100%;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.popularDate{
  color: #96948f;
  font-size: 13px;
  font-family: SourceSans3-SemiBoldItalic,sans-serif;
  font-weight: 600;
}
#popular{
  background-color: #F4F1E3;
}
.podcastDataInner{
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  background-color: #a94848;
  padding: 40px 63px;
  width: 70%;
  left: 17%;
  position: absolute;
  top: 60%;
}
.podcastDataInner span{
  color: #ff9e9ee0 ;
  font-size: 13px;
  font-family: SourceSans3-Bold,sans-serif;
  font-weight: 700;
}
.podcastDataInner h2{
  color: #F4F1E3;
  font-size: 34px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
  text-align: start;
  width: 100%;
  word-break: break-all;
}
.podcastDiv{
  height: 651px;
  align-items: start;
  justify-content: center;
  display: flex;
}
.w-93{
  width: 93%;
  height: 77%;
}
.mainDiv .main-Img,
.subMainDiv .main-Img,
.bannerMainDiv .main-Img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.podcastSwipper .swiper-button-prev{
  top: 60%;
  left: 77%;
  background: #F4F1E3;
  width: 66px;
  height: 50px;
  opacity: 1!important;
  content: url('../../images/icons/arrow1.svg');
  padding: 1.2%;
}
.podcastSwipper .swiper-button-next{
  top: 60%;
  right: 13%;
  background: #F4F1E3;
  width: 64px;
  height: 50px;
  opacity: 1!important;
  color: #a94848;
  content: url('../../images/icons/arrow2.svg');
  padding: 1.2%;
}
.multimedia span,
.articles span{
  color: #a94848;
  font-size: 14px;
  font-family:SourceSans3-SemiBold,sans-serif ;
  font-weight: 600;
}
.multimedia h3{
  color: #072100;
  font-size: 25px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.multimedia img{
  width: 100%;
}
.multimedia .tag{
  color: #F4F1E3;
  font-size: 14px;
  font-family: SourceSans3-Regular,sans-serif;
  font-weight: 400;
  background-color: #a94848;
  padding: 6px 27px;
  position: absolute;
  left: 30%;
  bottom: -5%;
}
.pageMedia .col-lg-6 .tag{
  left: 32%;
  bottom: -3.5%;
}
.multimedia{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-direction: column;
}
.articles{
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 10px;
  flex-direction: column;
  border: 0.5px solid #a9484840;
  height: 100%;
}
.articles h3{
  color: #072100;
  font-size: 20px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
  text-align: start;
  padding: 0 28px;
}
.articles span{
  padding: 0 28px;
}
.articles .tag{
  color: #F4F1E3;
  font-size: 14px;
  font-family: SourceSans3-Regular,sans-serif;
  font-weight: 400;
  background-color: #a94848;
  padding: 6px 12px;
  position: absolute;
  left: 0;
  bottom: 0;
}
#media{
  background-color: #F4F1E3;
}
.h-203{
  height: 203px;
}
.contact{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 20px 40px;
  background-color: #ff9e9ee0 ;
  flex-direction: column;
}
.contact h2{
  color: #072100;
  font-size: 28px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
  margin-bottom: 0;
  width: 100%;
  text-align: center;
}
.contact span{
  color: #a94848;
  font-size: 15px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
  width: 100%;
  text-align: center;
}
.contact input{
  color: #a94848!important;
  font-size: 17px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
  background: transparent;
  border: unset;
  width: 100%;
  padding: 10px 29px;
  border-bottom: 1px solid #a94848 ;
  border-radius: unset;
}
.contact input:focus{
  box-shadow: unset;
  background-color:#ff9e9ee0 ;
  border-bottom: 1px solid #a94848 !important;
}
.contact input::placeholder{
  color: #a94848!important;
  font-size: 17px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
}
.contact button,
.contact button:active,
.contact button:focus,
.contact button:hover{
  color: white;
  font-size: 15px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
  background-color: #a94848;
  padding: 10px 22px;
  border: unset;
}
#contact{
  background-color: #F4F1E3;
}
#contact .imageCover{
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* height: 88.5%!important; */
}
.mailDiv{
   height: 490px;
   width: 100%;
}
.emailIcon{
  position: absolute;
  top: 34%;
  right: 3%;
}
.h-lg-100{
  height: 100%;
}
.wrapper-content {
  padding: 3% 5%;
  background-color: #F4F1E3;
  position: absolute;
  bottom: 0;
  left: 17%;
  width: 66%;
}
.wrapper-content h2{
  color: #072100;
  font-size: 50px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
}
.wrapper-content .title,
.wrapper-content .line{
  color: #a94848;
  font-size: 20px;
  font-family:SourceSans3-SemiBold,sans-serif ;
  font-weight: 600;
}
.wrapper-content .line{
  width: 10%;
  height: 1px;
}
.reports-card  img,
.articles img{
  object-fit:  cover;
}
.pagination ul{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.page,
.page:active,
.page:focus,
.page:hover{
  border: 0.5px solid #a94848;
  background-color: transparent;
  color: #a94848;
  font-size: 20px;
  font-family: SourceSans3-Light,sans-serif;
  font-weight: 300;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-show{
  display: none;
}
.Wrapper-paper{
  padding: 4% 7%;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.page-info{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.center-div{
  display: flex;
  justify-content: center;
  align-items: center;
}
.startLayout{
  align-items: start;
}
.Wrapper-paper .type{
  font-size: 16px;
  color: #a94848;
  padding-bottom: 10px;
  border-bottom: 1px solid #a94848;
  font-family: Playfair-Regular,sans-serif;
  font-weight: 400;
}
.Wrapper-paper h2{
  font-size: 45px;
  color: #072100;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
  text-align: center;
  width: 100%;
}
.startLayout h2{
  text-align: start;
}
#paper-section{
  /* top: -393px; */
  position: relative;
}
.data-paper{
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  color: #acaba7;
  font-size: 16px;
  font-family: Playfair-Regular,sans-serif;
  font-weight: 400;
  width: 100%;
  white-space: nowrap;
  padding: 0 12%;
}
.data-paper .social-paper img,
.tags-paper .social-paper img{
  filter: invert(34%) sepia(0%) saturate(5625%) hue-rotate(157deg) brightness(90%) contrast(94%);
}
.tags-paper .tags{
  color: #acaba7;
  gap: 20px;
  font-size: 16px;
  font-family: Playfair-Regular,sans-serif;
  font-weight: 400;
  white-space: nowrap;
}
.tags-paper span{
  color: #464544;
  font-size: 16px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
}
.line-paper{
  width: 100%;
  height: 1px;
  background-color: #072100;
}
.grayBg{
  background-color: #acaba7;
}
.dots{
  height: 9px;
  width: 6px;
  color: #acaba7;
  background-color: #acaba7;
}
.embedded-content p{
  color: #282725;
  font-size: 16px;
  font-family: SourceSans3-Regular,sans-serif ;
  font-weight: 400;
  margin: 20px 0;
}
.embedded-content h3{
  color: #282725;
  font-size: 20px;
  font-family: Roboto-Medium,sans-serif ;
  font-weight: 500;
}
.embedded-content img{
   width: 100%;
   margin: 20px 0;
}
.embedded-content ul li{
  color: #282725;
  font-size: 20px;
  font-family: Roboto-MediumItalic,sans-serif ;
  font-weight: 500;
}
.embedded-content ul{
  list-style: auto;
  margin-left: 21px;
}
.embedded-content h2{
  color: #282725;
  font-size: 26px;
  font-family: Roboto-Bold,sans-serif;
  font-weight: 700;
  text-align: start;
}
.tag-div{
  display: flex;
  align-items: center;
  border: 0.5px solid #e0dfd9;
  flex-direction: row;
  height: 100%;
  gap: 15px;
}
.next-tag{padding: 41px 0 41px 41px; justify-content: end;}
.prev-tag{padding: 41px 41px 41px 0; justify-content: start;}
.tag-content{
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.button-prev{
  content: url('../../images/icons/arrow1.svg');
  width: 11px;
}
.button-next{
  content: url('../../images/icons/arrow2.svg');
  width: 11px;
}
.tag-div span{
  color: #acaba7;
  font-size: 16px;
  font-family: Playfair-Regular,sans-serif;
  font-weight: 400;
  width: 100%;
}
.tag-div h2{
  color: #464544;
  font-size: 16px!important;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
  text-align: start;
  width: 100%;
}
.tagSwipper .swiper-button-prev{
  content: url('../../images/icons/arrow1.svg');
  padding: 0.9%;
  left: -6px;
}
.tagSwipper .swiper-button-next{
  right: -6px;
  content: url('../../images/icons/arrow2.svg');
  padding: 0.9%;
}
.article-data{
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16% 16% 12% 16%;
  text-align: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 26px;
}
.article-data span{
  color: #afb13b;
  font-size: 22px;
  font-family: Playfair-Regular,sans-serif;
  font-weight: 400;
}
.article-data h2{
  color: white;
  font-size: 60px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
}
.readMoreAricle,
.readMoreAricle:hover,
.readMoreAricle:active,
.readMoreAricle:focus{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #072100;
  font-size: 16px;
  font-family: Playfair-Regular,sans-serif;
  font-weight: 400;
  background-color: #afb13b;
  padding: 11px 20px;
}
.article-list{
  position: relative;
}
.list{
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 10px;
  flex-direction: column;
  padding: 24px;
  background-color: #F4F1E3;
  width: 434px;
  min-height: 455px;
  position: absolute;
  bottom: 0;
  left: 52%;
}
.article-wrapper{
   height: 563px;
   width: 100%;
}
.article-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list h2{
  color: #a94848;
  font-size: 20px;
  font-family: Roboto-Bold,sans-serif;
  font-weight: 700;
}
.list-item span{
  color: #a94848;
  font-size: 15px;
  font-family: SourceSans3-Regular,sans-serif;
  font-weight: 400;
}
.list-item h3{
  color: black;
  font-size: 20px;
  font-family:  SourceSans3-Regular,sans-serif;
  font-weight: 400;
}
.line-separater{
  width: 100%;
  height: 1px;
  background-color: #96948f;
}
#bannerBG{
  background-color: #F4F1E3;
}
.podcastWraper{
  height: 270px;
}
.podcastWraper img{
  height: 100%;
  object-fit: cover;
}
.lineInner{
  margin: 10px 0;
  height: 1px;
  width: 10%;
  background-color: #a94848;
}
.innerPodcast .tag{
  left: 41.5%;
  padding: 6px 22px;
}
.innerPodcast{
  border: 0.5px solid #e0dfd9;
  padding-bottom: 11px;
}
.podcastBanner{
  height: 470px;
}
.podcastBanner .podcastDataInner{
  width: 55%;
  left: 22%;
}
/* .aboutUsDiv{
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 20px;
  flex-direction: column;
} */
.aboutUsDiv h2,
.mainAuthor{
  color: black;
  font-size: 40px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
}
.aboutUsDiv p.aboutUsDiv,
.subAuthor{
  color: #54514C;
  font-size: 16px;
  font-family:  SourceSans3-Regular,sans-serif;
  font-weight: 400;
}
.mainAuthor,
.subAuthor{
  width: 100%;
  text-align: center;
  display: block;
}
.authorsDiv{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
  flex-direction: column;
  padding: 20px;
  background-color: #FFFBF5;
  height: 100%;
}
/* .Author .swiper-slide{
  display: flex;
  justify-content: center;
}  */
.authorsDiv h3{
  color: black;
  font-size: 20px;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
}
.authorsDiv p{
  color: #54514C;
  font-size: 16px;
  font-family:  SourceSans3-Regular,sans-serif;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.authorsImg{
  max-width: 168px;
  max-height: 168px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.authorsImg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.authorsLine{
  width: 82%;
  height: 1px;
  background-color: #a94848;
}
#AuthorSec{
  background-color: #F4F1E3;
  padding: 7%;
}
.aboutUsimg{
  width: 440px;
  /* height: 731px; */
  float: right;
  margin-left: 33px;
}
.aboutUsimg img{
  object-fit: cover;
}
.Author{
  height: 433px;
}
.Author .swiper-slide{
  justify-content: end;
  display: flex;
  align-items: end;
}
.Author .swiper-button-next{
  top: 4%;
}
.Author .swiper-button-prev{
  top: 4%;
  right: 3%;
  left: unset;
}
.contactUsDiv{
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 20px;
  padding: 30px;
  background-color: #F4F1E3;
  flex-direction: column;
  float: right;
  width: 480px;
  margin-left: 44px;
}
.contactUsEl{
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 10px;
  flex-direction: column;
  width: 100%;
}
.contactUsEl label {
  color: black;
  font-size: 16px;
  font-family:  SourceSans3-Regular,sans-serif;
  font-weight: 400;
}
.contactUsEl input,
.contactUsEl textarea {
  color: black;
  font-size: 16px;
  font-family:  SourceSans3-Regular,sans-serif;
  font-weight: 400;
  border-radius: unset;
}
.contactUsEl input:focus,
.contactUsEl textarea:focus{
  box-shadow: unset;
  border-color: #a94848;
}
.contactUsEl input::placeholder {
  color: #96948f;
  font-size: 16px;
  font-family:  SourceSans3-Regular,sans-serif;
  font-weight: 400;
}
.contactUsEl textarea{
  width: 100%;
}
.send-button{
  padding: 8px 30px;
  border: unset;
  color: white;
  font-size: 16px;
  font-family:  SourceSans3-Regular,sans-serif;
  font-weight: 400;
  background-color: #a94848;
  display: flex;
  align-items: center;
  justify-content: center;
}
.SearchResult{
  color: black;
  font-size: 40px!important;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0;
}
.SearchResult h2{
  font-size: 40px!important;
  margin-bottom: 0;
}
.close,
.close:active,
.close:focus,
.close:hover{
  position: absolute;
  right: 12px;
  top: 2%;
  font-size: 23px;
  box-shadow: unset;
}
#newsLetter .imageCover{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
input:focus{
  box-shadow: unset;
}


@media only screen and (min-width: 1200px) and (max-width: 1400px){
}
@media only screen and (min-width: 1400px) and (max-width: 1500px){
  .wrapper-content {
    padding: 3% 5%;
    background-color: #F4F1E3;
    position: absolute;
    bottom: 0;
    left: 15.5%;
    width: 69%;
  }
  .wrapper-content h2{
    font-size: 58px;
  }
  .list{
    left: 58%;
  }
}
@media only screen and (min-width: 1500px){
  .wrapper-content {
    padding: 3% 5%;
    background-color: #F4F1E3;
    position: absolute;
    bottom: 0;
    left: 15.5%;
    width: 69%;
  }
  .wrapper-content h2{
    font-size: 58px;
  }
  .list{
    left: 58%;
  }
}
.gray{color: #acaba7;}
.gray:hover{color: #96948f;}
.green{color: green !important;}
.clipboard:hover{
  color: green;
  cursor: pointer;
}
.alert-success{
  border-radius: 0;
  background-color: #ff9e9ee0 ;
  border-color: #ff9e9ee0 ;
  color: #a94848;
  font-family: Playfair-Bold,sans-serif;
  font-weight: 700;
}
 .comment-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.comment-header h2 {
    color: #151515;
    font-size: 22px;
    font-family: "FIT_Heavy", sans-serif;
}
.comment-num {
    color: #151515;
    font-size: 16px;
    font-family: "FIT_Medium", sans-serif;
}
.add-comment-div {
    background-color: #e5eddd;
    border-radius: 8px;
    padding: 20px;
    gap: 10px;
    display: flex;
    flex-direction: column;
}
.add-comment-div span {
    color: #1c1c1c;
    font-size: 18px;
    font-family: "FIT_Heavy", sans-serif;
}
.add-comment-div input::placeholder,
.add-comment-div textarea::placeholder {
    color: #4d4e4eb2;
    font-size: 14px;
    font-family: "FIT_Medium", sans-serif;
}
.add-comment-div input,
.add-comment-div textarea {
    background: #ffffff;
    border: 0.8px solid #4f4f4f59;
    color: #4d4e4eb2;
    font-size: 14px;
    font-family: "FIT_Medium", sans-serif;
    border-radius: 8px;
}
.add-comment-div input:focus,
.add-comment-div textarea:focus {
    box-shadow: unset;
}
.comment-class,
.likes {
    color: #616161;
    font-size: 16px;
    font-family: "FIT_Medium", sans-serif;
    background-color: unset;
    border: unset;
}
.comment-data span {
    color: #1c1c1c;
    font-size: 16px;
    font-family: "FIT_Medium", sans-serif;
    text-align: end;
}
.comment-data h3 {
    color: #1c1c1c;
    font-size: 18px;
    font-family: "FIT_Heavy", sans-serif;
}
.comment-reply-data span {
    color: #1c1c1c;
    font-size: 14px;
    font-family: "FIT_Medium", sans-serif;
}
.comment-reply-data h4 {
    color: #1c1c1c;
    font-size: 16px;
    font-family: "FIT_Heavy", sans-serif;
}
.comment p {
    color: #3b3b3f;
    font-size: 18px;
    font-family: "FIT_Medium", sans-serif;
    flex-wrap: wrap;
    overflow-wrap: anywhere;
}
.reply-text {
    color: #3b3b3f;
    font-size: 16px;
    font-family: "FIT_Medium", sans-serif;
}
.comment {
    background-color: #fcfcfc;
    border: 0.5px solid #00000080;
    padding: 5px;
    border-radius: 8px;
    transition: 0.5s;
}
.special-comment {
    background-color: #e5eddd !important;
}
.like-class img {
    filter: invert(23%) sepia(96%) saturate(7419%) hue-rotate(358deg)
        brightness(108%) contrast(113%);
}
.load{
    color: #fda51c;
    font-size: 18px;
    font-family: "FIT_Heavy", sans-serif;
}
.newsModalText{
    color: black;
    font-size: 18px;
    font-family: "FIT_Medium", sans-serif;
}
.modaldataText{
    color: rgb(148 148 148);
    font-size: 13px;
    font-family: "FIT_Medium", sans-serif;
}
.modal {
    height: auto !important;
}