ul {
  list-style: none;
  padding: 0;
}

a {
  text-decoration: none;
  color: unset;
}

.mx20px {
  margin: 20px;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.orangeBtn {
  padding: 6px 40px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(127deg, #ff7042 36.5%, #ffa73f 78.55%);
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.8px;
}

header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 4;
  padding: 10px;
  width: 100%;
}

header.sticky-navbar {
  position: fixed;
  background-image: linear-gradient(167deg, #fff7ed 9.35%, #ffe8cb 90.7%);
  -webkit-box-shadow: 5px 3px 14px 2px #ebe2d8b8;
          box-shadow: 5px 3px 14px 2px #ebe2d8b8;
}

header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1280px;
  margin: auto;
}

header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
}

header nav ul li {
  margin: 5px;
}

header nav ul li a {
  color: #5c5041;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 0px;
  margin: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

header nav .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header nav .buttons .lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header nav .buttons .lang img {
  width: 30px;
  margin-left: 14px;
}

.mission2 h3 {
  border: none;
}

body {
  margin: 0;
  scroll-behavior: smooth;
}

body * {
  font-family: Arial, Helvetica, sans-serif;
}

body section {
  overflow: hidden;
}

body .container {
  max-width: 1240px;
  margin: auto;
}

body .container h2 {
  text-align: center;
  color: #ff8a00;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
}

body .container h2 span {
  color: #1b1b1b;
}

body .mission2 {
  padding: 120px 50px;
}

body .news-details {
  padding: 100px 50px;
}

body .news-details .img-container {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

body .news-details .img-container img {
  margin: 10px;
}

body #chairperson {
  padding: 90px 0;
}

body #chairperson .container h2 {
  text-align: left;
}

body #chairperson .container .chairperson-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body #chairperson .container .chairperson-container img {
  width: 30%;
  margin-right: 5%;
}

body #chairperson .container .chairperson-container p {
  width: 62%;
  color: #545351bf;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.32px;
}

body #projectFilms {
  padding: 120px 0;
}

body #projectFilms .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  max-width: 860px;
  /* Width of one film item */
  width: 100%;
  padding: 10px 80px;
}

body #projectFilms .container .filmItem {
  margin: 0 20px;
  padding-bottom: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /* Three items at a time */
  display: none;
  width: 100%;
}

body #projectFilms .container .filmItem iframe {
  border-radius: 20px;
}

body #projectFilms #prevFilmBtn,
body #projectFilms #nextFilmBtn {
  position: absolute;
  cursor: pointer;
  top: 50%;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #ffe6c7;
  border: 1px solid #ff7042;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body #projectFilms #prevFilmBtn::after,
body #projectFilms #nextFilmBtn::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #ff7042;
  border-right: 2px solid #ff7042;
}

body #projectFilms #prevFilmBtn {
  left: 0;
}

body #projectFilms #prevFilmBtn::after {
  -webkit-transform: rotateZ(-135deg);
          transform: rotateZ(-135deg);
}

body #projectFilms #nextFilmBtn {
  right: 0;
}

body #projectFilms #nextFilmBtn::after {
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

body #banner {
  padding: 80px 0;
  background-image: url(../images/bannerBg.png);
  background-size: cover;
}

body #banner .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body #banner .container h2 {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 64px;
  font-weight: 600;
  background: linear-gradient(164deg, #ff8a00 9.49%, rgba(255, 61, 0, 0.69) 97.63%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  display: inline-block;
  margin: 40px 0 24px;
}

body #banner .container h2::after {
  content: "";
  position: absolute;
  top: -17px;
  right: -30px;
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/titleIndex.svg);
}

body #banner .container p {
  color: rgba(84, 83, 81, 0.75);
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.32px;
  max-width: 1020px;
}

body #banner .container .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body #banner .container .buttons a {
  width: 200px;
  border: none;
  padding: 12px 40px;
  border-radius: 12px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.8px;
}

body #banner .container .buttons a.explore-btn {
  margin-right: 12px;
  color: #fff;
  background: linear-gradient(127deg, #ff7042 36.5%, #ffa73f 78.55%);
}

body #banner .container .buttons a.contact-btn {
  background-color: #fff;
  color: #ff3d00;
  border: 1px solid #ff7042;
}

body #banner .container .buttons a:hover {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(127deg, #ff5016 36.5%, #ff9514 78.55%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

body #banner .container .more-details {
  margin-top: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1060px;
  padding: 11px;
  border-radius: 24px;
  border: 1px solid #ff910f;
  background: #fffdfa;
}

body #banner .container .more-details .detail-item {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 13px;
  font-size: 60px;
  width: 320px;
  border-radius: 12px;
  border: 1px solid #f4e0c6;
  background: linear-gradient(149deg, #ffe6c6 5.58%, #fff3e2 79.53%);
}

body #banner .container .more-details .detail-item .icon {
  width: 124px;
  height: 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
  border: 1px solid #fff5e7;
  background: linear-gradient(141deg, #ffedd4 15.8%, #ffd8a3 84.41%);
  font-size: 66px;
  line-height: 88px;
  margin: 12px 0;
}

body #banner .container .more-details .detail-item span {
  color: #341d00;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  position: relative;
}

body #banner .container .more-details .detail-item span::after {
  content: "";
  height: 7px;
  width: 7px;
  border-top: 2px solid #341d00;
  border-right: 2px solid #341d00;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -15px;
  top: 13px;
}

body #banner .container .more-details .detail-item p {
  width: 80%;
  margin: 12px auto;
}

body #banner .container .more-details .detail-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body #mission .missions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body #mission .missions .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body #mission .missions .row .col.center .mission-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body #mission .missions .mission-item {
  max-width: 854px;
  color: #545351bf;
  font-size: 16px;
  line-height: 24px;
  margin: 40px 0;
}

body #mission .missions .mission-item.center {
  text-align: center;
}

body #mission .missions .mission-item span {
  color: #ff8a00;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
}

body #mission .missions .mission-item img {
  width: 120%;
}

body #publications {
  margin-bottom: 70px;
}

body #publications .container {
  max-width: 100%;
}

body #publications .container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 0;
  margin: 0;
}

body #publications .container ul .otherBooks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

body #publications .container li {
  display: inline-block;
  margin: 0 22px;
  width: 190px;
  overflow: hidden;
}

body #publications .container li img {
  width: 100%;
  height: 263px;
}

body #publications .container li.activeBook {
  width: 320px !important;
  position: relative;
  overflow: unset;
}

body #publications .container li.activeBook::after {
  content: url(../images/bookHandler.png);
  position: absolute;
  z-index: -2;
  bottom: -200px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1186.016px;
}

body #publications .container li.activeBook img {
  height: auto;
}

body #publications .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body #publications .owl-stage div.owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

body #publications .owl-stage div.owl-item img {
  width: 130px;
  height: 170px;
}

body #publications .owl-stage div.owl-item.activeBook img {
  width: 350px !important;
  height: auto;
}

body #publications h6 {
  font-size: 14px;
  margin-top: -2px;
  text-align: center;
}

body #latest-news {
  padding: 100px 0;
}

body #latest-news .container .news-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body #latest-news .container .news-block > div {
  margin: 20px;
}

body #latest-news .container .news-block .news-item {
  display: inline-block;
}

body #latest-news .container .news-block .news-item .img-box {
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
}

body #latest-news .container .news-block .news-item .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body #latest-news .container .news-block .news-item h3, body #latest-news .container .news-block .news-item p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

body #latest-news .container .news-block .news-item h3 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

body #latest-news .container .news-block .news-item p {
  -webkit-line-clamp: 4;
  line-clamp: 4;
}

body #latest-news .container .news-block .side-block {
  width: 344px;
}

body #latest-news .container .news-block .side-block .img-box {
  height: 336px;
}

body #latest-news .container .news-block .center-block {
  width: 512px;
}

body #latest-news .container .news-block .center-block .img-box {
  height: 568px;
}

body #latest-news .container .news-block .divider {
  margin: 16px 0;
  border: none;
  border-bottom: 1px solid #ffc582;
}

body #projects {
  padding: 80px 0;
  background-image: url(../images/ProjectsBg2.png);
  background-size: cover;
}

body #projects h2 {
  color: #ff8a00;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  text-align: center;
}

body #projects .bgImg {
  background-image: url(../images/projectBg.png);
  background-size: 100%;
  background-repeat: repeat-y;
}

body #projects .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body #projects .container .card {
  width: 40%;
  margin: 20px;
  padding: 23px;
  border-radius: 8px;
  border: 1px solid #ffba6d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: linear-gradient(161deg, rgba(255, 217, 171, 0.14) 15.55%, rgba(255, 209, 154, 0.25) 96.59%);
  -webkit-backdrop-filter: blur(12.5px);
          backdrop-filter: blur(12.5px);
}

body #projects .container .card h3 {
  color: rgba(2, 7, 13, 0.9);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -1.2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

body #projects .container .card p {
  overflow: hidden;
  color: rgba(4, 24, 47, 0.45);
  text-overflow: ellipsis;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

body #projects .container .card .project-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body #projects .container .card .project-info .box {
  width: 45%;
}

body #projects .container .card .project-info .box p {
  margin: 0;
}

body #projects .container .card .project-info .box span {
  font-size: 14px;
  color: rgba(4, 24, 47, 0.45);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

body #projects .container .card .show-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 20px;
}

body #projects .container .card .show-more a {
  color: #ff8a00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.32px;
}

body #projects .container .card .show-more a::after {
  content: "";
  height: 8px;
  width: 8px;
  display: inline-block;
  margin-left: 10px;
  border-right: 2px solid #ff8a00;
  border-top: 2px solid #ff8a00;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

body #contact {
  background-image: url(../images/contactBg.png), url(../images/contactBg2.png);
  background-size: cover;
  background-repeat: no-repeat;
}

body #contact .phoneBg {
  padding: 120px 0;
  background-image: url(../images/contact.png);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right;
}

body #contact p {
  text-align: center;
}

body #contact .info-container {
  width: 80%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 26px;
  background-color: #fffdfa;
  border: 1px solid #ff5016;
  padding: 12px;
}

body #contact .info-container .info-box {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, right top, color-stop(100%, #fee8c8), color-stop(20%, #fdefdc));
  background: linear-gradient(90deg, #fee8c8 100%, #fdefdc 20%);
  margin: 12px;
  border-radius: 12px;
  padding: 24px;
  position: relative;
}

body #contact .info-container .info-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 60%;
  height: 30px;
  border-radius: 12px 12px 0 0;
  background-color: #ffdeaf;
}

body #contact .info-container .info-box .text {
  margin: 8px 0;
}

body #contact .info-container .info-box .text p {
  margin: 8px;
  font-size: 18px;
}

body #contact .info-container .info-box .img-box {
  height: 94px;
  width: 94px;
  padding: 30px;
  border-radius: 50%;
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(290deg, #fcd8aa 5.58%, #fff3e2 79.53%);
}

body #contact .info-container .info-box .img-box img {
  width: 100%;
}

body main#organization {
  background-image: url(../images/teshkilat/organizationBg2.png);
}

body main#organization #organization_banner {
  background-image: url(../images/teshkilat/organizationBg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 150px;
}

body main#organization #organization_banner h2 {
  font-size: 56px;
  font-weight: 600;
  line-height: 64px;
  margin: 0;
  text-align: left;
}

body main#organization #organization_banner h2.firstLine {
  color: #ff8a00;
}

body main#organization #organization_banner h2.secondLine {
  color: #ffbb6a;
}

body main#organization #organization_banner .banner-images {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body main#organization #organization_banner .banner-images img {
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}

body main#organization #organization_banner .banner-images img.firstImg {
  width: 67%;
}

body main#organization #organization_banner .banner-images img.secondImg {
  width: 30%;
}

body main#organization #organization_banner hr {
  height: 2px;
  background-color: #ff8a00;
  border: none;
  width: 85%;
  margin: auto;
  margin-top: 120px;
}

body main#organization #organization_aboutUs .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 48px;
}

body main#organization #organization_aboutUs .header h2 {
  margin: 12px 0 24px;
}

body main#organization #organization_aboutUs p {
  color: #545351bf;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

body main#organization #reports {
  background: unset;
}

body #media {
  padding: 80px 0;
}

body #media .media-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

body #media .media-container .media-item {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px;
  border: 1px solid #ffdcb4;
  border-radius: 6px;
  background: linear-gradient(160.87deg, rgba(255, 217, 171, 0.1375) 15.55%, rgba(255, 209, 154, 0.25) 96.59%);
}

body #media .media-container .media-item .text-content {
  width: 50%;
}

body #media .media-container .media-item .text-content .header {
  color: #02070de5;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 20px;
}

body #media .media-container .media-item .text-content .text {
  margin: 0;
  color: #04182f73;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

body #media .media-container .media-item .text-content a {
  display: inline-block;
  background: linear-gradient(126.61deg, #ff7042 36.5%, #ffa73f 78.55%);
  color: #fff;
  padding: 8px 40px;
  border-radius: 12px;
  border: none;
}

body #media .media-container .media-item .img-box {
  width: 45%;
  height: 257px;
  overflow: hidden;
  border-radius: 6px;
}

body #media .media-container .media-item .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body #media .media-container .more-btn {
  display: inline-block;
  text-align: center;
  width: 280px;
  padding: 12px;
  border-radius: 12px;
  background: linear-gradient(127deg, #ff7042 36.5%, #ffa73f 78.55%);
  color: #fff;
}

body #membership {
  padding: 80px 0;
  background-image: url(../images/bannerBg.png);
  background-size: cover;
}

body #membership .infoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 60%;
  margin: auto;
  padding: 120px 80px;
  border-radius: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 226, 193, 0.25)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 226, 193, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 112, 67, 0.25), 0px 1px 2.5px 0px rgba(179, 127, 111, 0.25);
          box-shadow: 0px 0px 0px 1px rgba(255, 112, 67, 0.25), 0px 1px 2.5px 0px rgba(179, 127, 111, 0.25);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

body #membership .infoBox h3 {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  /* 120% */
  letter-spacing: -2px;
}

body #reports {
  padding: 80px 0;
  background-image: url(../images/bannerBg.png);
}

body #reports .container {
  overflow: hidden;
}

body #reports .container #reportContainer {
  width: 90%;
  margin: auto;
  position: relative;
}

body #reports .container #reportContainer #prevBtn,
body #reports .container #reportContainer #nextBtn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  border: none;
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  height: 30px;
  width: 30px;
}

body #reports .container #reportContainer #prevBtn {
  left: -50px;
  -webkit-transform: rotateZ(-135deg);
          transform: rotateZ(-135deg);
}

body #reports .container #reportContainer #nextBtn {
  right: -50px;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

body #reports .container .reportList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

body #reports .container .reportList li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 6);
          flex: 0 0 calc(100% / 6);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ededf0;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

body #reports .container .reportList li span {
  font-size: 56px;
}

body #reports .container .reportList li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  background: #ffe6c7;
  color: #ff7042;
  font-size: 14px;
}

body #reports .container .reportList li a img {
  margin-left: 3px;
}

body footer {
  padding-top: 500px;
  padding-bottom: 50px;
  width: 100%;
  background-image: url(../images/footerBg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

body footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body footer .container > div {
  width: 23%;
  margin: 0 20px;
}

body footer .container > div a {
  color: rgba(52, 29, 0, 0.65);
  font-size: 16px;
  margin: 8px 0;
  display: inline-block;
}

body footer .container > div:first-child {
  width: 31%;
  margin-right: 30px;
}

body footer .container > div:first-child p {
  color: rgba(84, 83, 81, 0.75);
  font-size: 16px;
}

body footer .divider {
  border: 0.5px solid rgba(255, 138, 0, 0.25);
}

body footer p.copyright {
  margin: 0;
  margin-top: 32px;
  color: rgba(52, 29, 0, 0.65);
  font-size: 14px;
  text-align: center;
}
/*# sourceMappingURL=style-v2.css.map */