@font-face {
  font-family: "Tajawal";
  src: url("/static/rosnami/fonts/Tajawal-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Tajawal";
  src: url("/static/rosnami/fonts/Tajawal-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Tajawal";
  src: url("/static/rosnami/fonts/Tajawal-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Tajawal";
  src: url("/static/rosnami/fonts/Tajawal-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Tajawal";
  src: url("/static/rosnami/fonts/Tajawal-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Changa-Regular";
  src: url("/static/rosnami/fonts/Changa-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Changa-Bold";
  src: url("/static/rosnami/fonts/Changa-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

:root {
  --grey: #dedede;
  --white: #fff;
  --black: #061914;
  --textgrey: #6d6d6d;
  --cards-details-text: #c4c4c4;
  --news-latest: #b63d43;
  --latest-articles: #e09a81;
  --voting: #61aaaa;
  --interviews: #8badbe;
  --reviews: #dec6b6;
  --green-darker: #219478;
  --green-dark: #219478;
  --green-light: #fbfffd;
  --mainfont: "Tajawal";
  --roznami: #38A6A7;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /* Check for overflowing element */
  /* outline: 1px solid red; */
  /* background-color: rgba(182,61,67,0.1); */
}

*>a {
  color: #061914;
  cursor: pointer;
}


input:focus {outline:0;}

html,
body {
  height: 100vh;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  font-family: "Tajawal";
  transition: all 500ms;

}

.scrollLock{
  overflow: hidden;
}

main {
  min-height: calc(100vh - (455.97px / 10));
}

main > .undermaintpage {
  min-height: calc(100vh - (455.97px / 4));
  
}

input,
button,
submit {
  border: none;
  background: none;
  font-family: Tajawal;
}

/* Start Search Navbar*/

.navleft{
  display: flex;
  align-items: center;
}
.search-nav{
  position: relative;
  width: 30px;
  height: 1.77rem;
  background-color: #fff;
  /* box-shadow: 0 4px 24px hsla(222, 68%, 12%, .1); */
  border-radius: 4rem;
  padding:10px;
  overflow: hidden;
  transition: width 0.5s cubic-bezier(.9, 0, .3, .9);
  display: flex;
  align-items: center;
  /* margin-left: 8px; */
}

.search-nav .searchnav__input{
  border: none;
  outline: none;
  width: calc(100% - 30px);
  height: 40px;
  border-radius: 4rem;
  padding-right: 14px;
  font-family: var(--mainfont);
  font-size: 14px;
  font-weight: 500;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1.5s;
}

.search-nav .searchnav__input:-webkit-autofill{
  box-shadow: 0 0 0 100px #fff inset;
}
.search-nav .searchnav__button{
  width: 40px;
  height: 40px;
  /* background-color: var(--black); */
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -4px;
  margin: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform .6s cubic-bezier(.9, 0, .3, .9);
}

.search-nav .searchnav__button .search__icon,
.search-nav .searchnav__button .search__close{
  width: 56%;
  position: absolute;
  transition: opacity .6s cubic-bezier(.9, 0, .3, .9);
}
.search-nav .searchnav__button .search__close{
  opacity: 0;
}

.shownav-search{
  width: 220px;
  border: 1px solid#fff;
}
.shownav-search .searchnav__button{
  /* background-color: #38a6a7; */
}
.dark-mode .shownav-search{
  border: 1px solid#38a6a7;
}
.shownav-search .searchnav__input{
  opacity: 1;
  pointer-events: initial;
}
.shownav-search .searchnav__button{
  transform: rotate(90deg);
}
.shownav-search .search__icon{
  opacity: 0;
}

.shownav-search .searchnav__button .search__close{
  opacity: 1;
}
/* End Search Navbar*/
.msgcaptcha{
  /* opacity: 0; */
  /* visibility: hidden; */
  transition: 0.4s ease-in-out;
  width: 100%;
  padding: 6px 0;
  color:rgb(182, 61, 67)
}
.show-captcha{
  opacity: 1;
  visibility: visible;
}
/** Search mega menu */
.search-mega{
  height: 40px;
  border-radius: 4rem;
}
.search-mega .searchmega_input{
  border: 1px solid#61aaaa;
  outline: none;
  width: calc(70% - 30px);
  height: 40px !important;
  border-radius: 4rem;
  padding-right: 34px;
  font-family: var(--mainfont);
  font-size: 14px;
  font-weight: 500;
  opacity: 1 !important;
  color: #fff;
}
.search-mega .searchmega_input::placeholder{
  color: #fff;
}
.searchmega__button{
  width: 40px;
  height: 40px;
  display: flex;
  padding: 4px;
  align-items: center;
}
/* Search Mega Menu */


.head {
  width: 100vw;
  background-color: #219478;
  /* height: 3rem; */
  padding: 0 8.3vw;
}
.head.rznmi {
  background-color: var(--roznami);
}

.head-wrapper {
  /* max-width: 90rem; */
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  margin: 0 auto;


}


header {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fcfcfc;
  position: sticky;
  top: 0;
  right: 0;
  transition: ease-in-out 500ms;
  z-index: 100;
}
.head-links {
  display: flex;
  align-items: center;
}

.head-link {
  padding-top: 0.3rem;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  white-space: nowrap;
}

.login {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.login-link {
  display: flex;
}

.login-svg {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.50012C8.25832 1.50012 7.5333 1.72006 6.91661 2.13211C6.29993 2.54417 5.81928 3.12984 5.53545 3.81506C5.25162 4.50028 5.17736 5.25428 5.32206 5.98171C5.46675 6.70914 5.8239 7.37733 6.34835 7.90177C6.8728 8.42622 7.54098 8.78337 8.26841 8.92807C8.99584 9.07276 9.74984 8.9985 10.4351 8.71467C11.1203 8.43084 11.706 7.95019 12.118 7.33351C12.5301 6.71683 12.75 5.9918 12.75 5.25012C12.75 4.25556 12.3549 3.30173 11.6517 2.59847C10.9484 1.89521 9.99456 1.50012 9 1.50012ZM9 7.50012C8.55499 7.50012 8.11998 7.36816 7.74997 7.12093C7.37996 6.8737 7.09157 6.52229 6.92127 6.11116C6.75097 5.70003 6.70642 5.24763 6.79323 4.81117C6.88005 4.37471 7.09434 3.9738 7.40901 3.65913C7.72368 3.34446 8.12459 3.13017 8.56105 3.04336C8.9975 2.95654 9.4499 3.0011 9.86104 3.17139C10.2722 3.34169 10.6236 3.63008 10.8708 4.00009C11.118 4.3701 11.25 4.80511 11.25 5.25012C11.25 5.84686 11.0129 6.41916 10.591 6.84111C10.169 7.26307 9.59674 7.50012 9 7.50012ZM15.75 15.7501V15.0001C15.75 13.6077 15.1969 12.2724 14.2123 11.2878C13.2277 10.3032 11.8924 9.75012 10.5 9.75012H7.5C6.10761 9.75012 4.77226 10.3032 3.78769 11.2878C2.80312 12.2724 2.25 13.6077 2.25 15.0001V15.7501H3.75V15.0001C3.75 14.0056 4.14509 13.0517 4.84835 12.3485C5.55161 11.6452 6.50544 11.2501 7.5 11.2501H10.5C11.4946 11.2501 12.4484 11.6452 13.1517 12.3485C13.8549 13.0517 14.25 14.0056 14.25 15.0001V15.7501H15.75Z' fill='white'/%3E%3C/svg%3E%0A");
  content: '';
  display: block;
  color: var(--green-dark);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  margin-left: 2px;
  padding-bottom: 5px;

}

.login-text {
  padding-top: 5px;
}

.head-devider {
  padding-top: 1.2rem;
  height: 1.125rem;
  width: 0.5px;
  opacity: 0.8;
  background-color: #FFFFFF;
  margin: 0 1rem;
}

.head-link a,
.nav-links a {
  text-decoration: none;
  color: #FFFFFF;
}

.head-social {
  display: flex;
  align-items: center;
  justify-content: center;
}

.head-social a {
  display: flex;
}

.head-social img {
  cursor: pointer;
  margin: 0 0.4375rem;
}


.theme-toggle {
  width: 1.0938rem;
  height: 1.0938rem;
  content: url(/static/rosnami/svg/theme-toggle.svg);
  cursor: pointer;
  margin-top: 0.1rem;
}

.dark-mode .theme-toggle {
  content: url(/static/rosnami/svg/theme-toggle-dark.svg);
}


nav {
  width: 100%;
  background-color: #061914;
  height: 3.25rem;
  padding: 0 8.3vw;
}

.rznmi-nav{
  background-color: var(--white);
}
.ar-nav {
  background-color: var(--black);
}

.dark-mode nav {
  background-color: var(--white);
}

#menuToggle {
  display: none;
}

.nav-links {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.nav-links a {
  font-size: 15px;
  font-weight: bold;
  color: var(--white);
}

.dark-mode .nav-links a {
  color: var(--black);
}

.write-as-guest {
  display: flex;
  width: 6.925rem;
  height: 1.77rem;
  justify-content: space-evenly;
  align-items: center;
  border-radius: 33px;
  background-color: #ffffffe6;
  gap: 1.2px;
  padding: 0 5px;
}

.dark-mode .write-as-guest {
  background-color: var(--grey);
}

.write-as-guest2 {
  width: 97px;
  height: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  border-radius: 44px;
  background-color: #ffffffe6;

}

.write-as-guest2 a {
  color: var(--green-dark);
}

.write-as-guest span {
  padding-top: 0.2rem;
  font-size: 14px;
  font-weight: 800;
  color: var(--green-dark);

}

.write-as-guest img {
  width: 20px;
  height: 20px;
}

.roznamie {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 91px;
  height: 29px;
  background-color: #fff;
  clip-path: polygon(90% 0%, 100% 30%, 100% 100%, 10% 100%, 0 70%, 0 0%);
  margin: 0 10px 0px 0px;
  transition: 400ms;
}
.dark-mode .roznamie{
  background-color: #219478;
  color: #fff;
}
.roznamie.animetherapy {
  font-size: 15px;
  font-weight: 700;
  text-shadow: var(--white);
  text-decoration: none;
  color: var(--white);
  position: relative;
  display: flex;
  padding: 2px 19px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  height: fit-content;
  width: fit-content;
  background-color: var(--green-darker);
  clip-path: polygon(90% 0, 100% 20%, 100% 100%, 15% 100%, 0 65%, 0 0);  
  transition: 400ms;  
  

}

.dark-mode .roznamie{
  background-color: #219478;
  color: #fff;
}

/* remove when ready */
#navbar>div>div.nav-links>a:nth-child(7),
.roznamie {
  /* display: none; */
}

.roznamie.votes {
  background-color: var(--voting);
  border: 1px solid #4E9292;
}

.roznamie.competitions {
  background-color: var(--green-dark);
  border: 1px solid #4E9292;

}


.roznamie.votes button,
.roznamie.competitions button {
  color: var(--white);
}

.roznamie:hover {
  /* clip-path: polygon(0% 0, 100% 0, 100% 100%, 82% 100%, 0 100%, 0 0%); */
  /* border-bottom-right-radius: 12px; */
  /* border-top-left-radius: 10px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0; */
  background-color: #219478;
  color: #fff;
}
.roznamie.animetherapy:hover {
  /* clip-path: polygon(0% 0, 100% 0, 100% 100%, 82% 100%, 0 100%, 0 0%); */
  /* border-bottom-right-radius: 12px; */
  /* border-top-left-radius: 10px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0; */
  background-color: var(--roznami);
  color: #fff;
}

.roznamie a {
  font-size: 15px;
  font-weight: bold;
  color: #4e7b8d;
  text-decoration: none;
  padding: 2px 20px;
  transition: all 0.4s ease-in-out;
}

.roznamie.animetherapy a {
  color: var(--green-dark);
  padding-top: 5px;
  font-size: 12px;
}
.roznamie:hover a{color: #fff;}
.vote-banner-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575.98px) { 
  .roznamie{display: none;}
 }
 @media (min-width: 576px) and (max-width: 991.98px) { 
  .nav-links a{
    font-size: 11px;
  }
  .write-as-guest span,
  .roznamie a{
    font-size: 11px;
  }
  .roznamie{width: 70px;}
}
.vote-banner {
  width: 31.6875rem;
  height: 2.1875rem;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 98% 100%, 2% 100%, 0 75%);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--news-latest);
  margin: 0 auto;
  gap: 0.625rem;
  margin-bottom: -2.1rem;
  z-index: -10;
  transition: transform 0.5s ease-out;
}

.bottom-voteBanner {
  position: absolute;
  width: 66px;
  height: 66px;
  background: #B63D43;
  border-radius: 51px;
  align-items: center;
  justify-content: center;
  right: 2.4vw;
  bottom: 30px;
  transition: opacity 0.5s ease-out;
  opacity: 0;
  z-index: 99;
}
.bottom-voteBanner .icondiv {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 800;
  font-size: 14px;
  color: #FFFFFF;
  padding: 2px 5px 2px 5px;
  flex-direction: column;
  justify-content: center;
}
.bottom-voteBanner:hover{
  background-color: #219478
}
.bottom-voteBanner .icondiv img{
  width: 20px;
height: 20px;
}
.bottom-voteBanner .icondiv span{
  text-align: center;
  line-height: 16px;
}

.vote-banner--animate {
  margin-bottom: 2.4rem;

}

.bottom-voteBanner--animate {
  opacity: 1;

}

.vote-banner span {
  padding-top: 0.3rem;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--white);
}

.vote-banner button {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--news-latest);
  width: 71px;
  height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 4px;
  border-radius: 56px;
  background-color: var(--white);
  padding-top: 0.3rem;
  transition: 100ms;
}

.vote-banner button:hover {
  background-color: var(--voting);
  color: var(--white);
}

.home-page,
.page,
.news-page,
.interviews-page,
.articles-page,
.japanese-culture-page,
.anime-industry-page,
.reviews-page,
.games-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* max-width: 90rem; */
  /* padding: 0 var(--grid-margin); */
  overflow: hidden;
  margin: 0 auto;


}


.hero-section,
.hero-section-article {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(7, 1fr);
  gap: 0px 0px;
  padding: 10px 8.3vw;
}

.nav-left {
  width: 1.5625rem;
  height: 1.5625rem;
  object-fit: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1768 14.4059L6.30078 10.4996L10.1768 6.59338M6.83936 10.4996H8.80432H10.7693H14.6992' stroke='%23219478' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.875 10.4996C19.875 5.32385 15.6758 1.12463 10.5 1.12463C5.32422 1.12463 1.125 5.32385 1.125 10.4996C1.125 15.6754 5.32422 19.8746 10.5 19.8746C15.6758 19.8746 19.875 15.6754 19.875 10.4996Z' stroke='%23219478' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

.nav-left.end {

  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1768 14.4059L6.30078 10.4996L10.1768 6.59338M6.83936 10.4996H8.80432H10.7693H14.6992' stroke='%23DEDEDE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.875 10.4996C19.875 5.32385 15.6758 1.12463 10.5 1.12463C5.32422 1.12463 1.125 5.32385 1.125 10.4996C1.125 15.6754 5.32422 19.8746 10.5 19.8746C15.6758 19.8746 19.875 15.6754 19.875 10.4996Z' stroke='%23DEDEDE' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") !important;
}


.nav-right {
  width: 1.5625rem;
  height: 1.5625rem;
  object-fit: contain;
  margin-right: -1REM;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8232 6.59412L14.6992 10.5004L10.8232 14.4066M14.1606 10.5004L12.1957 10.5004L10.2307 10.5004L6.30078 10.5004' stroke='%23219478' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.125 10.5004C1.125 15.6761 5.32422 19.8754 10.5 19.8754C15.6758 19.8754 19.875 15.6761 19.875 10.5004C19.875 5.32459 15.6758 1.12537 10.5 1.12537C5.32422 1.12537 1.125 5.32458 1.125 10.5004Z' stroke='%23219478' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

.reviews-page .nav-right,
.reviews-page .nav-left {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1768 16.4059L8.30078 12.4996L12.1768 8.59338M8.83936 12.4996H10.8043H12.7693H16.6992' stroke='%23E09A81' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.875 12.4996C21.875 7.32385 17.6758 3.12463 12.5 3.12463C7.32422 3.12463 3.125 7.32385 3.125 12.4996C3.125 17.6754 7.32422 21.8746 12.5 21.8746C17.6758 21.8746 21.875 17.6754 21.875 12.4996Z' stroke='%23E09A81' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

.reviews-page .nav-right {
  transform: rotate(180deg);
}

.articles-page .nav-right,
.articles-page .nav-left {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1768 16.4059L8.30078 12.4996L12.1768 8.59338M8.83936 12.4996H10.8043H12.7693H16.6992' stroke='%23E09A81' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.875 12.4996C21.875 7.32385 17.6758 3.12463 12.5 3.12463C7.32422 3.12463 3.125 7.32385 3.125 12.4996C3.125 17.6754 7.32422 21.8746 12.5 21.8746C17.6758 21.8746 21.875 17.6754 21.875 12.4996Z' stroke='%23E09A81' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E ");
}

.articles-page .nav-right {
  transform: rotate(180deg);
}

body>div.reviews-page>section.hero-section2>div.hero-aricles-navs>span.nav-right {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8232 6.59405L14.6992 10.5003L10.8232 14.4066M14.1606 10.5003L12.1957 10.5003L10.2307 10.5003L6.30078 10.5003' stroke='%23D7BAA7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.125 10.5003C1.125 15.6761 5.32422 19.8753 10.5 19.8753C15.6758 19.8753 19.875 15.6761 19.875 10.5003C19.875 5.32453 15.6758 1.12531 10.5 1.12531C5.32422 1.12531 1.125 5.32452 1.125 10.5003Z' stroke='%23D7BAA7' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

body>div.articles-page>section.hero-section2>div.hero-aricles-navs>span.nav-left {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1768 14.4059L6.30078 10.4996L10.1768 6.59338M6.83936 10.4996H8.80432H10.7693H14.6992' stroke='%23E09A81' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.875 10.4996C19.875 5.32385 15.6758 1.12463 10.5 1.12463C5.32422 1.12463 1.125 5.32385 1.125 10.4996C1.125 15.6754 5.32422 19.8746 10.5 19.8746C15.6758 19.8746 19.875 15.6754 19.875 10.4996Z' stroke='%23E09A81' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

body>div.articles-page>section.hero-section2>div.hero-aricles-navs>span.nav-right {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8232 6.59405L14.6992 10.5003L10.8232 14.4066M14.1606 10.5003L12.1957 10.5003L10.2307 10.5003L6.30078 10.5003' stroke='%23E09A81' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.125 10.5003C1.125 15.6761 5.32422 19.8753 10.5 19.8753C15.6758 19.8753 19.875 15.6761 19.875 10.5003C19.875 5.32453 15.6758 1.12531 10.5 1.12531C5.32422 1.12531 1.125 5.32452 1.125 10.5003Z' stroke='%23E09A81' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

body .nav-right.end {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8232 6.59412L14.6992 10.5004L10.8232 14.4066M14.1606 10.5004L12.1957 10.5004L10.2307 10.5004L6.30078 10.5004' stroke='%23DEDEDE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.125 10.5004C1.125 15.6761 5.32422 19.8754 10.5 19.8754C15.6758 19.8754 19.875 15.6761 19.875 10.5004C19.875 5.32459 15.6758 1.12537 10.5 1.12537C5.32422 1.12537 1.125 5.32458 1.125 10.5004Z' stroke='%23DEDEDE' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") !important;
}

body>div.reviews-page>section.hero-section2>div.hero-aricles-navs>span.nav-left {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1768 14.4059L6.30078 10.4996L10.1768 6.59338M6.83936 10.4996H8.80432H10.7693H14.6992' stroke='%23D7BAA7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.875 10.4996C19.875 5.32385 15.6758 1.12463 10.5 1.12463C5.32422 1.12463 1.125 5.32385 1.125 10.4996C1.125 15.6754 5.32422 19.8746 10.5 19.8746C15.6758 19.8746 19.875 15.6754 19.875 10.4996Z' stroke='%23D7BAA7' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");

}

.banner-art-write.write {
  width: 100%;
  max-height: 16.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contact.articles-banner.write>div>h1 {
  margin: 0 auto;
}

.h1-wrapper {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 5.625rem;
  padding: 10px 8.3vw;
}

.article-section,
.read-more-section {
  min-width: 100%;
  background-color: rgba(224, 154, 129, 0.100);
}

.read-more-section {
  grid-area: read-more;
  background-color: inherit;
  margin-top: 5.625rem;
}

.read-more-section-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
}

.weekly-letter-section {
  grid-area: weekly-letter;
  background-color: rgb(182, 61, 67, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 0 3.6875rem 0;
  width: -webkit-fill-available;
  height: fit-content;
  margin: 4.875rem -8.3vw 0 -8.3vw;
}

.news-page .weekly-letter-section {
  background-color: rgba(182, 61, 67, 0.2);
}

.read-more-header.articles {
  width: 100vw;
  background-color: rgba(224, 154, 129, 0.1);
}

.interviews-page>section.read-more-section>div.section-header.read-more-header.articles {
  background-color: revert;
  background-color: rgba(139, 173, 190, 0.1);
}


.reviews-page .read-more-header.articles {
  background-color: rgba(222, 198, 182, 0.1);
}

.read-more-header.articles.votes {
  background-color: rgba(97, 170, 170, 0.2);
}

.read-more-header.articles.competitions {
  background-color: rgba(33, 148, 120, 0.1)
}

.read-more-header.podcasts {
  width: 100vw;
  background-color: rgba(33, 148, 120, 0.1);
}

.weekly-letter-section h1 {
  font-family: Changa-Regular;
  font-size: 25px;
  font-weight: bold;
  color: var(--news-latest);
}

.weekly-letter-section.articles h1 {
  color: var(--latest-articles);
}

.news-page .weekly-letter-section.articles h1 {
  color: var(--news-latest);
}

.dark-mode .news-page .weekly-letter-section.articles h1 {
  color: var(--white);
}

.dark-mode .card-title h1 {
  color: var(--white);
}




.news-page .weekly-letter-section.articles {
  background-color: rgba(182, 61, 67, 0.2);
}

.dark-mode .podcast-section .article-card .card-title h1 {
  color: var(--black);
}


.reviews-page .weekly-letter-section.articles h1 {
  color: var(--reviews);
}

.interviews-page .weekly-letter-section.articles h1 {
  color: var(--interviews);
}


.reviews-page .weekly-letter-section.articles {
  background-color: rgba(222, 198, 182, 0.1);
}

.interviews-page .weekly-letter-section.articles {
  background-color: rgba(139, 173, 190, 0.1);
}



.weekly-letter-section span {
  font-family: Changa-regular;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.46;
  text-align: right;
  color: var(--textgrey);
  margin-bottom: 0.875rem;
}

.dark-mode .weekly-letter-section span {
  color: var(--grey);
}

.weekly-letter-input input {
  width: 508px;
  height: 44px;
  border-radius: 3px;
  background-color: rgb(182, 61, 67, 0.2);
  padding: 1px 14px 1px 1px;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.reviews-page .weekly-letter-input input {
  background-color: rgba(222, 198, 182, 0.2);
}

.interviews-page .weekly-letter-input input {
  background-color: rgba(139, 173, 190, 0.2);
}

.weekly-letter-input.podcasts input {
  width: 508px;
  height: 44px;
  border-radius: 3px;
  background-color: rgba(33, 148, 120, 0.2);
  padding: 1px 14px 1px 1px;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.weekly-letter-input::placeholder {
  color: var(--white);
}






.follow-us-section-header {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: var(--news-latest);
  border-bottom: 1px solid var(--news-latest);
  margin-bottom: 0.625rem;

}





.podcast-section {
  background-color: RGBA(33, 148, 120, 0.1);
  margin: 5.625rem 0;
}

.review-section {
  background-color: RGBA(222, 198, 182, 0.1);
  margin-bottom: 5.625rem;
}

.interview-section {
  background-color: RGBA(139, 173, 190, 0.1);
  margin-bottom: 5.625rem;
}

.section-header {
  display: flex;
  align-items: center;
}

.article-header .header-title h1 {
  color: var(--latest-articles);
}

.podcast-section .article-header .header-title h1 {
  color: var(--green-dark);
}

.review-section .article-header .header-title h1 {
  color: var(--reviews);
}

.interview-section .article-header .header-title h1 {
  color: var(--interviews);
}

.read-more-section .article-header .header-title h1 {
  color: var(--news-latest);
  margin-right: 7.5rem;
  white-space: nowrap;
}

.article-header .header-devider {
  background-color: var(--latest-articles);
}

.review-section .article-header .header-devider {
  background-color: var(--reviews);
}

.interview-section .article-header .header-devider {
  background-color: var(--interviews);
}

.read-more-section .article-header .header-devider {
  background-color: var(--news-latest);

  margin-left: auto;
  width: 70%;
}

.dark-mode .header-devider,
.dark-mode .podcast-section .header-devider,
.dark-mode .review-section .article-header .header-devider,
.dark-mode .interview-section .article-header .header-devider {
  background-color: var(--white);
}

.article-header .view-all span {
  color: var(--latest-articles);

}

.podcast-section .view-all span {
  color: var(--green-dark);

}

.review-section .view-all span {
  color: var(--reviews);

}

.interview-section .view-all span {
  color: var(--interviews);
}

.read-more-header {
  background-color: rgb(182, 61, 67, 0.2);
  height: 51px;
  padding: 0 8.3vw;

}

.article-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  /* flex-direction: column; */
}

.read-more-section.podcast {
  width: 100vw;

}
.read-more-section.podcast .read-more-header{
  margin-top: 5.625rem;
  background-color: rgba(33, 148, 120, 0.2);

}

.read-more-section.podcast .read-more-header .header-devider {
  background-color: #219478;
}

.read-more-section.podcast .read-more-header h1 {
  color: rgba(33, 148, 120);
}

.article-page.podcast .read-more-section .article-card .article-link  {
  background-color: var(--green-darker);
}

.read-more-section.podcast  .article-card {
  outline: solid 1.5px var(--green-dark);
}
.read-more-section.podcast  .article-card .article-link {
  background-color:  var(--green-dark);
}

.weekly-letter-section.podcast {
  background-color: rgba(33, 148, 120, 0.2);
}
.weekly-letter-section.podcast h1 {
  color: var(--green-dark);
}

.weekly-letter-section.podcast .weekly-letter-input button:nth-child(1) {
  background-color: var(--green-dark);
}


.section-header.read-more-header.podcasts {
  margin: initial;
  margin-bottom: 2rem;
}



.card-thumbnail {
  overflow: hidden;
  margin-bottom: 0;
}

.card-thumbnail a {
  width: 14.9375rem;
  height: auto;
}

.card-thumbnail img {
  width: 100%;
  height: auto;
}

.card-thumbnail a img {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  width: 100%;
  height: auto;
  object-fit: cover;
}




.podcast-thumbnail {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.podcast-thumbnail img:nth-child(1) {

  width: 100%;
  z-index: 1;

}

.podcast-thumbnail img:nth-child(2) {
  position: absolute;
  z-index: 2;

}


.header-title h1 {
  font-size: 30px;
  font-weight: bold;
  color: var(--news-latest);
  margin: 0 0.625rem;
  white-space: nowrap;
}

.header-title.votes h1 {
  color: var(--voting);

}

.header-title.articles h1 {
  color: var(--latest-articles);
}

.header-title.podcasts h1 {
  color: var(--green-dark);
}

.dark-mode .header-title.podcasts h1 {
  color: var(--white);
}

.list-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.search {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 16L12.4584 12.4521L16 16ZM14.4211 7.71053C14.4211 9.49027 13.7141 11.1971 12.4556 12.4556C11.1971 13.7141 9.49027 14.4211 7.71053 14.4211C5.93078 14.4211 4.22394 13.7141 2.96547 12.4556C1.707 11.1971 1 9.49027 1 7.71053C1 5.93078 1.707 4.22394 2.96547 2.96547C4.22394 1.707 5.93078 1 7.71053 1C9.49027 1 11.1971 1.707 12.4556 2.96547C13.7141 4.22394 14.4211 5.93078 14.4211 7.71053V7.71053Z' stroke='%23219478' stroke-width='1.08' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  width: 1.875rem;
  height: 1.875rem;
  transition: all 200ms ease-in-out;
  border: rgba(0, 0, 0, 0) 1px solid;
  margin-bottom: 4px;
  padding: 1rem;
}

.search::placeholder {
  opacity: 0; 
  font-size: 12px;
}
.search.active::placeholder {
  opacity: 1;
}

.list-actions.search {
  height: 100%;
  transition: all 200ms ease-in-out;

}
.list-actions .search.active {
  width: 12rem;
  border: var(--green-dark) 1px solid;
  transition: all 200ms ease-in-out;
  background-image: unset;
  background-color: rgba(255, 255, 255, 0.715);
  border-radius: 5px;
  margin-right: 2rem;


}


/* Dont forget to remove */
/* .list-actions > input:focus {
  width: 7rem;
  border: var(--green-dark) 1px solid;
  transition: all 200ms ease-in-out;

} */

.dark-mode .search {
  filter: brightness(5);
}



.news-page .header-title.articles h1 {
  color: rgba(182, 61, 67);
}

.dark-mode .news-page .header-title.articles h1 {
  color: var(--white);
}

.reviews-page .header-title.articles h1 {
  color: var(--reviews);
}

.interviews-page .header-title.articles h1 {
  color: var(--interviews);
}

.header-devider {
  width: 100%;
  height: 2px;
  flex-grow: 0;
  border-radius: 13.8px;
  background-color: var(--news-latest);

}

.header-devider.articles {
  background-color: var(--latest-articles);
}

.news-page .header-devider.articles {
  background-color: var(--news-latest);
}

.dark-mode .news-page .header-devider.articles {
  background-color: var(--white);
}

.reviews-page .header-devider.articles {
  background-color: var(--reviews);
}

.interviews-page .header-devider.articles {
  background-color: var(--interviews);
}


.header-devider.podcasts {
  background-color: var(--green-dark);
}

.dark-mode .header-devider.podcasts {
  background-color: var(--white);
}

.header-devider.vote {
  background-color: var(--voting);
}

.podcast-section .header-devider {
  background-color: var(--green-dark);
}

.view-all {
  display: flex;
  align-items: center;
  margin-top: -8px;
}

.view-all span {
  font-size: 16px;
  font-weight: bold;
  color: var(--news-latest);
  margin: 0 0.625rem 0 0.425rem;

}

.hero-image2 {
  border-radius: 6px;

}

.articles-page>section.hero-section2>div.hero-carousel>div>div.hero-image2>img {
  border-color: var(--latest-articles);
}


.news-page .hero-image2 img {
  border: solid 2px var(--news-latest) !important;
}

.articles-page .hero-image2 img {
  border: solid 2px var(--latest-articles) !important;
}


.news-page .nav-right {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8232 6.59406L14.6992 10.5003L10.8232 14.4066M14.1606 10.5003H12.1957H10.2307H6.30078' stroke='%23B63D43' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.125 10.5003C1.125 15.6761 5.32422 19.8753 10.5 19.8753C15.6758 19.8753 19.875 15.6761 19.875 10.5003C19.875 5.32453 15.6758 1.12531 10.5 1.12531C5.32422 1.12531 1.125 5.32453 1.125 10.5003Z' stroke='%23B63D43' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

.news-page .nav-left {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1768 14.4059L6.30078 10.4996L10.1768 6.59338M6.83936 10.4996H8.80432H10.7693H14.6992' stroke='%23B63D43' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.875 10.4996C19.875 5.32385 15.6758 1.12463 10.5 1.12463C5.32422 1.12463 1.125 5.32385 1.125 10.4996C1.125 15.6754 5.32422 19.8746 10.5 19.8746C15.6758 19.8746 19.875 15.6754 19.875 10.4996Z' stroke='%23B63D43' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}


.hero-image2 img {
  width: 100%;
  height: 100%;
  max-width: 38.25rem;
  transform: translate(0px, 0px);
  transition: all 800ms;
  border: solid 2px var(--green-darker);
  border-radius: 6px;
}

div.hero-carousel>div:nth-child(2)>div.hero-image2,
div.hero-carousel>div:nth-child(3)>div.hero-image2 {
  width: 54.125rem;
  height: auto;
  transform: translate(0px, 0px);
  transition: all 800ms;
}


.hero-image {
  grid-area: 1 / 1 / 7 / 6;
}

.articles-hero {
  grid-area: 1 / 1 / 7 /6;
}

.articles-hero.votes {
  grid-area: 1 / 1 / 2 /2;
}


.hero-image-wrapper.podcast {
  max-width: 55vw;
  height: auto;
}

.articles-hero img {
  width: 100%;
  border: 2px solid var(--latest-articles);
  border-radius: 6px;
}

.news-page .articles-hero img {
  border: 2px solid var(--news-latest);

}

.reviews-page .articles-hero img {
  border: 2px solid var(--reviews);

}

.interviews-page .articles-hero img {
  border: 2px solid var(--interviews);

}

.articles-hero.votes img {
  width: 100%;
  object-fit: cover;
  border: none;
  border-radius: 0;
}

.articles-hero.podcast {
  grid-area: 1 / 1 / 2 / 2;
}

.articles-hero.podcast img {
  width: 100%;
  height: auto;
  border: 2px solid var(--green-dark);
  border-radius: 6px;
}

.hero-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.hero-paragraph2 {
  height: 8.75rem;
  align-items: flex-start;
  max-height: 9.375rem;
  overflow: hidden;
  margin-right: -89%;
  z-index: -1;
  transition: all 800ms;
}

.hero-paragraph {
  display: flex;
  flex-direction: column;
  grid-area: 1 / 6 / 4 / 9;
  padding: 1.875rem 1.875rem 0 0;
  align-items: flex-start;
}

.hero-paragraph.votes,
.hero-paragraph.competitions {
  display: flex;
  flex-direction: column;
  grid-area: 1 / 2 / 2 / 3;
  padding: 0 4.375rem;
  align-items: flex-start;
  justify-content: center;
}

.hero-paragraph.competitions {
  padding: revert;
  margin-right: 1.875rem;
  margin-left: 3.125rem;
  width: 100%;
  margin: 4.125rem 1.8rem 4.12rem 3.1rem;

}

.hero-paragraph-line {
  display: none;
  width: 2.125rem;
  height: 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--green-dark);
}

.line-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.line-wrapper.competitions {
  white-space: nowrap;
  justify-content: space-between;

}

.article-line {
  background-color: var(--latest-articles);
}

.reviews-page .hero-paragraph-line {
  background-color: var(--reviews);
}

.news-page .hero-paragraph-line {
  background-color: var(--news-latest);
}

.interviews-page .hero-paragraph-line {
  background-color: var(--interviews);
}

.articles-page .hero-paragraph-line {
  background-color: #E09A81;
}

.article-line.votes {
  background-color: var(--black);
  width: 1.9925rem;
  height: 0.325rem;
  margin-top: -0.3rem;
  margin-left: 0.375rem;
}

.cast-vote {
  width: 491px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: var(--voting);
  color: var(--white);
}

.podcast-line {
  background-color: var(--latest-articles);
}

.mic-icon {
  width: auto !important;
  height: auto !important;

}

.read-more a {
  display: inline-flex;
}

.news-page .read-more a {
  color: var(--news-latest);
}

.reviews-page .read-more a {
  color: var(--reviews);
}

.interviews-page .read-more a {
  color: var(--interviews);
}


.read-more a span {
  margin-top: -3px;
  content: '';
  display: block;
  color: var(--green-dark);
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.39283 10.3387L1 6.91933L4.39283 3.5M1.47144 6.91933H3.19147H4.9115H8.35156' stroke='%23E09A81' stroke-width='1.36773' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.home-page .read-more a span {
  filter: invert(50%) sepia(17%) saturate(1660%) hue-rotate(115deg) brightness(91%) contrast(85%);
}

body>div.home-page>section.hero-section2>div.hero-carousel>div:nth-child(1)>div.hero-paragraph2>div.read-more>a>span {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.39283 8.33866L1 4.91933L4.39283 1.5M1.47144 4.91933H3.19147H4.9115H8.35156' stroke='%23219478' stroke-width='1.36773' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.news-page .read-more a span {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.39283 8.33866L1 4.91933L4.39283 1.5M1.47144 4.91933H3.19147H4.9115H8.35156' stroke='%23B63D43' stroke-width='1.36773' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.reviews-page .read-more a span {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.39283 8.33866L1 4.91933L4.39283 1.5M1.47144 4.91933H3.19147H4.9115H8.35156' stroke='%23D7BAA7' stroke-width='1.36773' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.interviews-page .read-more a span {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.39283 8.33866L1 4.91933L4.39283 1.5M1.47144 4.91933H3.19147H4.9115H8.35156' stroke='%238BADBE' stroke-width='1.36773' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.weekly-letter-section.articles {
  background-color: rgba(224, 154, 129, 0.2);
  margin-top: 5.7544rem;
}

.news-page,
.articles-page,
.reviews-page,
.interviews-page {
  margin-bottom: 0;
}


.weekly-letter-input.articles button:nth-child(1) {
  background-color: #E09A81;
}

.news-page .weekly-letter-input.articles button:nth-child(1) {
  background-color: var(--news-latest);
}

.reviews-page .weekly-letter-input.articles button:nth-child(1) {
  background-color: #D7BAA7;
}

.interviews-page .weekly-letter-input.articles button:nth-child(1) {
  background-color: var(--interviews);
}

.hero-paragraph-title {
  display: none;
  margin-top: 0.875rem;
}

.hero-paragraph-title h1 {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--black);
}

.hero-paragraph-title.votes h1 {

  color: var(--voting);
}

.hero-paragraph-text {
  margin: 0.625rem 0 1.25rem 0;
}


.hero-paragraph-text p {
  width: 80%;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--textgrey);
}

.hero-paragraph.competitions>div.hero-paragraph-text.competitions>p {
  width: revert;
}

.page.competitions-page>section {
  height: revert;
}

.hero-paragraph-text .competitions p {
  width: fit-content;
}

.hero-paragraph-text.votes p {
  line-height: 186.5%;

  color: #6D6D6D;
}

.hero-aricles-navs {
  display: flex;
  margin-bottom: 4px;
  position: absolute;
  left: 25px;
  top: 20vw;
  z-index: 20;
}



.hero-aricles-navs img {
  cursor: pointer;
}




body>div.articles-page>section.hero-section2>div.hero-aricles-navs>img.nav-right {
  display: none;
}

.news-page .hero-aricles-navs img {
  filter: brightness(0) saturate(100%) invert(31%) sepia(37%) saturate(2193%) hue-rotate(323deg) brightness(90%) contrast(90%);
}

.articles-page .hero-aricles-navs img {
  filter: brightness(0) saturate(100%) invert(73%) sepia(7%) saturate(2328%) hue-rotate(326deg) brightness(92%) contrast(90%);
}

.read-more {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;

}

.read-more a {
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: var(--green-dark);
  cursor: pointer;
}

.articles-page .read-more a {
  color: #E09A81;
}

div.articles-page>section.hero-section2>div.hero-carousel>div>div.hero-paragraph2>div.read-more>a>img {
  background-color: var(--latest-articles);
}

.hero-articles {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  grid-area: 4 / 4 / 7 / 9;

}


.hero-articles-items {
  height: 90%;
  display: flex;
}

.hero-article-item {
  display: flex;
  margin-right: 1.25rem;
  width: max-content;
  height: 254px;

}

.hero-section {

  display: block;
}


.hero-container {
  display: block;
  height: min-content;
  /* position: relative;
  display: block;
  width: 50%;
  margin: 0 auto; */

}

.hero-section2 {
  position: relative;
  margin: 4.375rem 8.3vw 5.1875rem 8.3vw;
  width: 100%;
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 1400px)and (max-width: 1499.98px) {
  .hero-section2 {
    /* position: relative; */
    margin: 4.375rem 8.3vw 5.1875rem 8.3vw;
    width: 80%;
    /* width: -moz-available; */
    /* WebKit-based browsers will ignore this. */
    /* width: -webkit-fill-available; */
    /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    /* display: flex;
    flex-direction: column-reverse; */
  }
  .hero-item:nth-child(2), .hero-item:nth-child(3) {
    margin-top: 30%;
}
  .hero-container {
    /* display: block;
    height: min-content; */
    position: relative;
    display: block;
    min-width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 1500px)and (max-width: 1599.98px){
  .hero-section2 {
    width: 70%;
  }
}
@media (min-width: 1600px)and (max-width: 1699.98px){
  .hero-section2 {
    width: 68%;
  }
}
@media (min-width: 1600px)and (max-width: 1899.98px){
  .hero-section2 {
    width: 64%;
  }
}
@media (min-width: 1800px) and (max-width: 1999.98px){
  .hero-section2 {
    /* position: relative; */
    /* margin: 4.375rem 8.3vw 5.1875rem 8.3vw; */
    width: 60%;
    /* width: -moz-available; */
    /* WebKit-based browsers will ignore this. */
    /* width: -webkit-fill-available; */
    /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    /* display: flex;
    flex-direction: column-reverse; */
  }
  .hero-item:nth-child(2), .hero-item:nth-child(3) {
    margin-top: 30%;
}
  .hero-container {
    /* display: block;
    height: min-content; */
    position: relative;
    display: block;
    min-width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 2000px) and (max-width: 2199.98px){
  .hero-section2 {
    width: 54%;
  }
}
@media (min-width: 2200px) and (max-width: 2399.98px){
  .hero-section2 {
    width: 48%;
  }
}
@media (min-width: 2400px) and (max-width: 2599.98px){
  .hero-section2 {
    width: 44%;
  }
}
@media (min-width: 2600px) and (max-width: 2799.98px){
  .hero-section2 {
    width: 40%;
  }
}
@media (min-width: 2800px){
  .hero-section2 {
    max-width: 40%;
  }
}
.hero-carousel {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: flex-start;
  transition: all 800ms;
}




.hero-item {
  display: flex;
  max-width: 16.4375rem;
  z-index: 10;
  transition: all 800ms;
}

.hero-item:nth-child(2),
.hero-item:nth-child(3) {
  margin-top: 28%;
}






.hero-carousel>div:nth-child(1) {
  max-width: 100%;
  z-index: 5;
  position: absolute;
  transform: translate(0px, -58px);
  transition: all 800ms;
}

body>div.articles-page>section.hero-section2 {
  margin-bottom: 0;
}

div.articles-page>section.hero-section2>div.hero-carousel>div {
  margin-top: 3.125rem;
}

.hero-carousel>div:nth-child(1)>div.hero-image2>img {
  max-width: 44.46rem;
  width: 49.42vw;
  transition: all 800ms;
  border: solid 2px var(--green-darker);
  border-radius: 6px;
}

.reviews-page .hero-section2 img {
  border: solid 2px var(--reviews) !important;

}




.hero-carousel>div:nth-child(1)>div.hero-paragraph2 {
  overflow: visible;
  margin-right: 20px;
  margin: 20px 20px auto 0;
  transition: all 800ms;
}

.hero-carousel>div:nth-child(1)>div.hero-paragraph2>div.hero-paragraph-line,
.hero-carousel>div:nth-child(1)>div.hero-paragraph2>div.hero-paragraph-title {
  display: block;
  transition: all 800ms;
}

.hero-carousel>div:nth-child(1)>div.hero-paragraph2>div.hero-paragraph-text>p {
  width: 100%;
  transition: all 800ms;

}

.articles-hero-item {
  border: 2px solid #E09A81;
  border-radius: 6px;
  overflow: hidden;
  transition: all 800ms;

}

.news-page .articles-hero-item {
  border: 2px solid var(--news-latest);

}

.reviews-page .articles-hero-item {
  border: 2px solid var(--reviews);

}

.interviews-page .articles-hero-item {
  border: 2px solid var(--interviews);

}

.hero-article-item img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.nav-wrapper {
  display: flex;
  /* max-width: 90rem; */
  height: 100%;
  justify-content: space-between;
  align-items: center;
}

.section-content {
  display: flex;
  column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.5rem;
}
.section-content::-webkit-scrollbar {
  display: none;
}

.section-content.podcasts {
  display: flex;
  flex-direction: column;
  gap: 1.5938rem;
  align-items: flex-start;
  justify-content: center;
  margin-right: 0;
  margin: 0 auto 2.1875rem auto; 
}


.read-more-section-content {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding: 0 8.3vw;
  justify-items: center;
  justify-content: center;
  padding-top: 5px;
}

body>div.home-page>section.voting-section>div.voting-images>div {
  outline: solid 1.5px var(--voting);
  height: revert;
  background-color: var(--white);
  min-width: 12.8vw;
  max-width: 13.25rem;

}




body>div.reviews-page>section.read-more-section>div.section-content.read-more-section-content>div {
  outline: solid 1.5px var(--reviews);
}

body>div.reviews-page>section.read-more-section>div.section-content.read-more-section-content>div>a>div {
  background-color: var(--reviews);
}

.section-card {
  width: 15.125rem;
  min-width: 15.125rem;
  height: 18.6875rem;
  border-radius: 0.375rem;
  outline: solid 1.5px var(--news-latest);
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}

.section-card.votes {
  width: 15.125rem;
  border-radius: 0.375rem;
  border: solid 1.5px var(--news-latest);
}



.article-card {
  width: 242px;
  height: 299px;
  outline: solid 1.5px var(--latest-articles);
  display: flex;
  flex-direction: column;
  margin: 0 0.525rem 0.525rem 0.525rem;
}


.podcast-section .article-card {
  outline: solid 1.5px var(--green-dark);
  width: 242px;
  height: revert;
  background-color: var(--white);
}

.review-section .article-card {
  outline: solid 1.5px var(--reviews);

}

.interview-section .article-card,
.interviews-page>section.read-more-section>div.section-content.read-more-section-content>div {
  outline: solid 1.5px var(--interviews);

}

.card-category,
.article-category {
  display: flex;
}

.article-category>span {
  color: #219478;
}

.section-card-info {
  display: flex;
  align-items: center;
  padding: 0.625rem 0.625rem 0 0.625rem;
  white-space: nowrap;
}

body>div.home-page>section.voting-section>div.voting-images>div>div.section-card-info {
  padding: 0.625rem 0.625rem 0 0.625rem;
  width: 100%;
}

body>div.home-page>section.voting-section>div.voting-images>div>div.section-card-info>div>span {
  font-size: 7px;
}

.card-category span,
.article-category span {
  font-size: 9px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--cards-details-text);
}

.article-category {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}

.article-category.side {
  display: flex;
  align-items: flex-end;
  gap: 3px;

}

.article-category span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--textgrey);
}

.article-category.side span {
  font-size: 8px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--textgrey);
  white-space: nowrap;
}


.card-category img {
  margin-top: -2.5px;
}

.card-category>* {
  margin-left: 4px;
}

.info-devider {
  width: 0.5px;
  height: 7px;
  background-color: var(--cards-details-text);
  margin-left: 4px;
}

.card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;

}

.card-title h1 {
  margin: 5.5px 9px 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: var(--black);
  
}

.card-text {
  margin: 5px 9px 12.5px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  text-align: right;
  color: var(--textgrey);
}


.social-feed .author_info{
  margin-bottom: 1.875rem;
}
.social-feed .author_info .author-header{
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: var(--news-latest);
  border-bottom: 1px solid var(--news-latest);
  margin-bottom: 1rem;
}
.social-feed .author_info .author-box{
  display: flex;
}
.social-feed .author_info .author-box .author-img{
  margin-left: 14px;
}
.social-feed .author_info .author-box .author-content h3{
  color: #061914;
  font-size: 16px;
}
.social-feed .author_info .author-box .author-content span{
  font-size: 12px;
  color: #6D6D6D
}
.social-feed .author_info .author-box .author-content .author-social{
  list-style: none;
}
.social-feed .author_info .author-box .author-content .author-social li{
  padding: 0px 6px;
}
.article-link {
  width: 100%;
  height: 25px;
  display: flex;
  background-color: var(--news-latest);
  align-items: center;
  padding: 0 11px;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;

}
.comment-area #id_captcha_1{
  border-radius: 4px;
    margin: 0 4px 0px 0px;
    border: 1px solid#c4c4c4;
    padding-right: 6px;
    /* color: #000; */
}
.article-container .captcha{
  margin: 0px 4px 0px 0px;
  border-radius: 4px;
}
.article-card .article-link {
  background-color: var(--latest-articles);
}

.review-section .article-card .article-link {
  background-color: var(--reviews);
}

.interview-section .article-card .article-link {
  background-color: var(--interviews);
}

.read-more-section .article-card .article-link {
  background-color: var(--news-latest);
}



.read-more-section .article-card .article-link.articles {
  background-color: var(--latest-articles);
}

.interviews-page>section.read-more-section>div.section-content.read-more-section-content>div>a>div {
  background-color: var(--interviews);
}

.article-link h3 {
  font-size: 12px;
  font-weight: bold;
  color: var(--white);
  margin-bottom: -2.5px;
}

.voting-section {
  display: flex;
  padding: 3.125rem 1.875rem;
  border-radius: 6px;
  background-color: rgba(97, 170, 170, 0.1);
  justify-content: space-between;
  align-items: center;
  margin: 0 8.3vw;
  background-position: 0 8.3vw;
}

.voting-info {
  width: 100%;
  margin-left: 4.8125rem;
}

.voting-images {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.voting-images .section-card {
  margin-left: 1.5938rem;
  height: auto;
}

.voting-header {
  display: flex;
  align-items: center;

}

.voting-header-line {
  width: 17px;
  height: 2px;
  border-radius: 6px;
  background-color: var(--black);

}

.voting-header span {
  color: #061914;
  margin-left: .5rem;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.46;
  color: var(--black);
}

.voting-title h1 {
  font-size: 30px;
  color: var(--voting);
}


.dark-mode .voting-section .card-title h1 {
  color: var(--black);
}

.dark-mode .voting-section .card-text {
  color: var(--grey);
}



.voting-paragraph p {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.46;
  color: var(--textgrey);
}

.vote-now {
  color: var(--white);
  width: 7.6875rem;
  height: 1.5625rem;
  flex-grow: 0;

  border: solid 0.1875rem rgb(78, 146, 146);
  background-color: var(--voting);
  margin-top: 1.0625rem;
}

.shop-section-wrapper {
  display: none;
  width: 100%;
  padding: 0 8.3vw;
}

.shop-section {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  background-image: url(/static/images/shop-now.png);
  width: 100%;
  min-height: 20vh;
  margin: 5.625rem auto;
  padding: 1.25rem 1.25rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.featured-shop-section {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 5.625rem;

}

.featured-shop-section .shop-section:nth-child(1) {
  width: 31.75rem;
  height: 13.75rem;
  background-image: url(/static/images/shop1.png);
  background-repeat: no-repeat;
  margin: 0;
}

.featured-shop-section .shop-section:nth-child(2) {
  width: 31.75rem;
  height: 13.75rem;
  background-image: url(/static/images/shop2.png);
  background-repeat: no-repeat;
  margin: 0;
}

.botton-wrapper {
  width: 100%;
  height: 100%;
}

.shop-section button {
  width: 151px;
  height: 37px;
  border-radius: 4px;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  color: var(--black);
  margin-top: auto;

}

footer {
  min-height: 20.928rem;
  width: 100vw;
  background-color: var(--black);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  color: var(--white);
}


.uzd-logo {
  margin-top: auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  padding-top: 3rem;
}

.uzd-logo img {
  width: auto;
  height: 2.5rem;
}

.uzd-logo span {
  font-family: 'Inter';
  font-weight: 400;
  font-size: 23px;
  line-height: 12px;
}
.dark-mode footer {
  background-color: var(--grey);
}

.dark-mode footer a,
.dark-mode footer p {
  color: var(--black);
}

.footer-wrapper {
  display: flex;
  width: 100%;
  margin: 3.75rem 7.5rem;
  justify-content: space-evenly;
}

.footer-group {
  margin: 0 2rem;
  width: 16.625rem;

}

.footer-group h3 {
  color: var(--green-dark);
  margin-bottom: 0.625rem;
}

.footer-group:nth-child(1) {
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.46;
  flex-flow: wrap;
}

.footer-group:nth-child(1) p {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.86;
}

.footer-group:nth-child(2) {
  display: flex;
  flex-direction: column;
}

.footer-group:nth-child(3) {
  display: flex;
  flex-direction: column;
  gap: 1.1875rem;
}

.footer-group:nth-child(3) input {
  width: 100%;
  height: 2.3125rem;
  flex-grow: 0;
  padding: 1px 14px 1px 1px;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: solid 1px var(--green-dark);
  background-color: #fff3;
}

.contact-us-button {
  width: auto;
  height: 37px;
  border-radius: 4px;
  background-color: #fff;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dark-mode .contact-us-button {
  background-color: var(--black);
  color: var(--white);
}

.contribute,
.adviertise {
  height: 2.3125rem;
  border-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--white);
  color: var(--green-dark);
  font-size: 1rem;
  font-weight: bold;

}

.footer-logo {
  width: 16.625rem;
  margin-bottom: 0.625rem;
}

.footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer-social {
  display: flex;
  gap: 0.8812rem;
  width: 16.625rem;
  margin-top: 0.625rem;
}

.dark-mode .footer-social {
  filter: invert(50%) sepia(17%) saturate(1660%) hue-rotate(115deg) brightness(91%) contrast(85%);


}

.footer-links {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 23px;
}

.footer-links a {
  text-decoration: none;
  color: var(--white);
}

.email-input,
.weekly-letter-input {
  display: flex;
  flex-direction: row-reverse;
  width: auto;
}

.email-input button:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.0625rem;
  background-color: var(--green-dark);
  color: var(--white);
  font-size: 12px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;

}

.weekly-letter-input button:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.5625rem;
  height: 2.75rem;
  background-color: var(--news-latest);
  color: var(--white);
  font-size: 12px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.weekly-letter-input.podcasts button:nth-child(1) {
  background-color: var(--green-darker);

}

.email-input input:focus::placeholder {
  color: transparent;
}

.input:focus::placeholder {
  color: transparent;
}

.article-page {
  max-width: 90rem;
  margin: 2.1875rem auto 0 auto;
  display: grid;
  grid-template-columns: 70% 30%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "Article-content social-feed"
    "Article-content social-feed"
    "read-more read-more"
    "weekly-letter weekly-letter"
  ;
}

.article-page .image-wrapper {
  border: solid 2px var(--news-latest);

  
}

.social-feed {
  margin-right: 2.625rem;
  grid-area: social-feed;
  width: 100%;
}

.social-media-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.social-media-wrapper>a {
  width: 100%;
  padding: 0 1rem;
}

.facebook {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 39px;
  border-radius: 4px;
  background-color: #5b7cff;
  padding: 10px 14px;
  align-items: flex-start;
  margin-left: 0.6875rem;
}

.twitter {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 39px;
  border-radius: 4px;
  background-color: #5fbff5;
  ;
  padding: 10px 14px;
  align-items: flex-start;
}

.social-logo-facebook {
  content: '';
  margin-left: 0.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 9.05437C18 4.05425 13.9701 0 9 0C4.02991 0 0 4.05425 0 9.05437C0 13.5735 3.29063 17.3193 7.59375 17.9992V11.6725H5.30799V9.05437H7.59375V7.05958C7.59375 4.79073 8.93772 3.53646 10.9933 3.53646C11.978 3.53646 13.0082 3.7135 13.0082 3.7135V5.94193H11.8728C10.7554 5.94193 10.4058 6.6396 10.4058 7.35667V9.05437H12.9017L12.5032 11.6725H10.4062V18C14.7094 17.3205 18 13.5747 18 9.05437Z' fill='white'/%3E%3C/svg%3E ");
  width: 1.125rem;
  height: 1.125rem;
}

.social-logo-twitter {
  content: '';
  margin-left: 0.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 1.89583C20.2123 2.22181 19.3788 2.43658 18.5259 2.53333C19.4222 2.03349 20.0963 1.23941 20.4216 0.300006C19.5742 0.771918 18.6487 1.10303 17.6846 1.27917C17.2787 0.873975 16.7904 0.551632 16.2496 0.331733C15.7088 0.111834 15.1266 -0.00102805 14.5386 7.05599e-06C12.1577 7.05599e-06 10.2309 1.80833 10.2309 4.03749C10.2292 4.34756 10.2666 4.65671 10.3421 4.95832C8.6348 4.8821 6.96304 4.46732 5.43374 3.74052C3.90444 3.01372 2.55127 1.9909 1.46081 0.737505C1.07825 1.35172 0.875933 2.05252 0.875 2.76666C0.875 4.16666 1.64194 5.40416 2.8 6.12915C2.11388 6.11365 1.44182 5.9407 0.840875 5.62499V5.67499C0.840875 7.63332 2.32838 9.26248 4.29712 9.63331C3.92691 9.7273 3.5454 9.77493 3.16225 9.77498C2.89038 9.77543 2.61912 9.75031 2.35244 9.69998C2.89975 11.3041 4.49269 12.4708 6.37963 12.5041C4.84635 13.6295 2.9639 14.2378 1.02812 14.2333C0.68452 14.2328 0.341235 14.2133 0 14.175C1.96927 15.3726 4.25838 16.006 6.59488 16C14.5294 16 18.8641 9.84581 18.8641 4.50833C18.8641 4.33333 18.8593 4.15833 18.8506 3.98749C19.6919 3.41752 20.4198 2.70921 21 1.89583Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 1.525rem;
  height: 1.525rem;
  background-repeat: no-repeat;
}

.followers {
  display: flex;
  flex-direction: column;
}

.followers span:nth-child(1) {
  font-size: 14px;
  line-height: .9;
  font-weight: bold;
  color: var(--white);
}

.followers span:nth-child(2) {
  font-size: 8px;
  font-weight: 500;
  color: var(--white);
}

.follow-us-section {
  margin-bottom: 1.875rem;
}

.side-card {
  display: flex;
  flex-direction: column;
}

.side-card-image {
  min-width: 90px;
  margin: 0 auto;
  width: 80%;
}

.side-card-image img {
  width: 100%;
  height: 130px;
  object-fit: cover;
  border-radius: 6px;
  margin: 0 auto;
}

.side-card-title h1 {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  text-align: right;
  color: var(--black);
  width: 80%;
  margin: 0 auto;
}

.side-card-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin: 0.3125rem 0.25rem 0 0;
}

.side-card-info{
  width: 80%;
  margin: 4px auto;
}

.Article-content {
  min-height: fit-content;
  display: flex;
  flex-direction: column;
  grid-area: Article-content;
}


@media screen and (min-width: 1450px) {
  .article-head-wrapper{
    display: flex;
    flex-direction: row;
  }
  .article-container.podcast {

    padding: 0 1.25rem;
  }

  .podcast-wrapper {
    padding-top: 1.25rem;
  }
}



.image-wrapper {
  font-size: 0;
  width: 100%;
  border-radius: 6px;
}

.image-wrapper img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 4px;
}


.author-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 50%;
}

.details-wrapper {
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
  justify-content: space-between;
}

.details-wrapper.podcast {
  margin-top: 6px;
}

.image-info {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
}

.image-info.side {
  justify-content: center;
  align-items: center;
  margin: 5px 0 0 0;
}

.image-info .card-category {
  margin-left: 1.25rem;
  white-space: nowrap;
}

.image-title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.1875rem;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: var(--news-latest);
  white-space: nowrap;
  padding: 0 .5rem;
}

.image-title span {
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  color: var(--white);
}

.image-title.podcast {
  background-color: var(--grey);
  border-radius: 4px;
}

.image-title.podcast span {
  color: var(--green-dark);
  margin-top: 0.2rem;
}

.text-size-function {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.decrease-size {
  content: url(/static/svg/decrease-size.svg);
  background-repeat: no-repeat;
  padding-bottom: .1rem;
  margin-left: 5px;
  cursor: pointer;
}

.size-visual {
  padding-top: 0.1rem;
  color: var(--textgrey);
  cursor: pointer;
}

.dark-mode .size-visual,
.dark-mode .article-category span {
  color: var(--grey);
}

.size-visual span:nth-child(1) {
  font-size: 18px;
  margin-left: 4px;
}

.size-visual span:nth-child(2) {
  font-size: 15px;
  margin-left: 4px;
}

.size-visual span:nth-child(3) {
  font-size: 10px;
  margin-left: 4px;
  margin-right: 4px;
}

.size-visual span.active {
  text-decoration: underline;
  cursor: default;
}

.increase-size {
  content: url(/static/svg/increase-size.svg);
  background-repeat: no-repeat;
  padding-bottom: .1rem;
  margin-right: 5px;
  cursor: pointer;
}

.category-icon {
  content: '';
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6H15M13.75 13.5H2.25C1.91848 13.5 1.60054 13.3683 1.36612 13.1339C1.1317 12.8995 1 12.5815 1 12.25V3.75C1 3.41848 1.1317 3.10054 1.36612 2.86612C1.60054 2.6317 1.91848 2.5 2.25 2.5H4.62156C4.86837 2.50001 5.10966 2.57308 5.315 2.71L6.185 3.29C6.39034 3.42692 6.63163 3.49999 6.87844 3.5H13.75C14.0815 3.5 14.3995 3.6317 14.6339 3.86612C14.8683 4.10054 15 4.41848 15 4.75V12.25C15 12.5815 14.8683 12.8995 14.6339 13.1339C14.3995 13.3683 14.0815 13.5 13.75 13.5Z' stroke='%236D6D6D' stroke-width='0.5625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  font-size: 16px;
}

.date-icon {
  content: '';
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2C4.6875 2 2 4.6875 2 8C2 11.3125 4.6875 14 8 14C11.3125 14 14 11.3125 14 8C14 4.6875 11.3125 2 8 2Z' stroke='%236D6D6D' stroke-width='0.5625' stroke-miterlimit='10'/%3E%3Cpath d='M8 4V8.5H11' stroke='%236D6D6D' stroke-width='0.5625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.views-icon {
  content: '';
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.48874 3.71875C5.90089 3.71875 3.2463 5.21654 1.1565 8.21213C1.09685 8.29857 1.06416 8.40076 1.06256 8.50578C1.06097 8.6108 1.09053 8.71393 1.14753 8.80215C2.75323 11.3156 5.3723 13.2812 8.48874 13.2812C11.5713 13.2812 14.2442 11.3096 15.8529 8.79053C15.9085 8.70404 15.9381 8.60335 15.9381 8.5005C15.9381 8.39764 15.9085 8.29696 15.8529 8.21047C14.2405 5.72023 11.5481 3.71875 8.48874 3.71875Z' stroke='%236D6D6D' stroke-width='0.5625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 11.1562C9.96701 11.1562 11.1562 9.96701 11.1562 8.5C11.1562 7.03299 9.96701 5.84375 8.5 5.84375C7.03299 5.84375 5.84375 7.03299 5.84375 8.5C5.84375 9.96701 7.03299 11.1562 8.5 11.1562Z' stroke='%236D6D6D' stroke-width='0.5625' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

.dark-mode .views-icon,
.dark-mode .category-icon,
.dark-mode .date-icon {
  filter: grayscale(100%) brightness(200%) contrast(1000%);
  -webkit-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -moz-filter: grayscale(100%) brightness(200%) contrast(1000%);
}

.image-info {
  margin: 0 0.625rem;
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-top: 0.625rem;
}

.image-info.side {
  margin: 5px 0 0 0;
}

.section-header {
  margin-bottom: 1.3rem;
}

.article-header {
  margin: 2.1875rem 0 1.3rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.article-header.article {
  margin-right: 0;
  margin-left: 0;
}

.article-header.podcast {
  margin-right: 0;
}

.article-title h1 {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.3;
  color: var(--black);
}

.article-title h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  color: var(--textgrey);
}

.time-to-read {
  width: 100px;
  height: 29px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 10px 5px;
  border-radius: 4px;
  background-color: var(--grey);
}

.time-to-read span {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  color: var(--news-latest);
  white-space: nowrap;
}

video {
  max-width: 100%;
}

.article-paragraph {
  width: 621px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: var(--black);
}



.article-container img {
  max-width: 100%;
}

.author-image {
  width: 5.375rem;
  height: 5.375rem;
  margin: 1rem 1rem 1rem 0.875rem;
}

.image-wrapper.podcast {
  border-radius: 6px;
  border: solid 2px var(--green-dark);
}

.author-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.author-info,
.leave-replay {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 6px;
  border: solid 1px var(--news-latest);
  margin-top: 1.875rem;
}

.leave-replay {
  justify-content: center;
  flex-direction: column;
  padding: 1.25rem;
}

.replay-header h1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  color: var(--black);
}

.replay-header span {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  color: var(--textgrey);
}


.author-name {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  color: var(--black);
}

.author-title {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  text-align: right;
  color: var(--textgrey);
  margin-top: 0.5rem;
}

.social-svg {
  display: block;
  content: '';
  font-size: 14px;
  width: 0.875rem;
  height: 0.875rem;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.8063rem;
}

.author-social {
  display: flex;
  width: 166px;
  margin-top: 0.6rem;
}




.social-svg.insta {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_371_5832)'%3E%3Cpath d='M10.5496 1.89618C11.2259 1.8982 11.8738 2.16773 12.352 2.64592C12.8302 3.1241 13.0997 3.77207 13.1018 4.44832V9.55206C13.0997 10.2283 12.8302 10.8763 12.352 11.3545C11.8738 11.8326 11.2259 12.1022 10.5496 12.1042H5.44588C4.76963 12.1022 4.12166 11.8326 3.64348 11.3545C3.16529 10.8763 2.89576 10.2283 2.89374 9.55206V4.44832C2.89576 3.77207 3.16529 3.1241 3.64348 2.64592C4.12166 2.16773 4.76963 1.8982 5.44588 1.89618H10.5496ZM10.5496 0.875488H5.44588C3.48078 0.875488 1.87305 2.48322 1.87305 4.44832V9.55206C1.87305 11.5172 3.48078 13.1249 5.44588 13.1249H10.5496C12.5147 13.1249 14.1225 11.5172 14.1225 9.55206V4.44832C14.1225 2.48322 12.5147 0.875488 10.5496 0.875488Z' fill='%23B63D43'/%3E%3Cpath d='M11.3154 4.44817C11.1639 4.44817 11.0159 4.40327 10.89 4.31914C10.7641 4.23502 10.666 4.11545 10.608 3.97556C10.5501 3.83567 10.5349 3.68173 10.5645 3.53322C10.594 3.38471 10.6669 3.2483 10.774 3.14123C10.8811 3.03416 11.0175 2.96124 11.166 2.9317C11.3145 2.90216 11.4684 2.91732 11.6083 2.97527C11.7482 3.03321 11.8678 3.13134 11.9519 3.25724C12.036 3.38314 12.0809 3.53116 12.0809 3.68258C12.0812 3.78318 12.0615 3.88283 12.0231 3.97581C11.9847 4.0688 11.9283 4.15328 11.8572 4.22442C11.7861 4.29555 11.7016 4.35193 11.6086 4.39033C11.5156 4.42873 11.416 4.44838 11.3154 4.44817ZM7.9979 4.95838C8.4017 4.95838 8.79644 5.07812 9.13218 5.30246C9.46793 5.5268 9.72962 5.84566 9.88415 6.21873C10.0387 6.59179 10.0791 7.0023 10.0003 7.39834C9.92155 7.79439 9.7271 8.15818 9.44157 8.44371C9.15604 8.72924 8.79225 8.92369 8.39621 9.00247C8.00016 9.08124 7.58966 9.04081 7.21659 8.88628C6.84353 8.73176 6.52466 8.47007 6.30032 8.13432C6.07598 7.79857 5.95624 7.40384 5.95624 7.00004C5.95682 6.45873 6.17211 5.93977 6.55487 5.55701C6.93763 5.17425 7.4566 4.95896 7.9979 4.95838ZM7.9979 3.93769C7.39222 3.93769 6.80015 4.11729 6.29655 4.45378C5.79295 4.79028 5.40044 5.26855 5.16866 5.82813C4.93687 6.3877 4.87623 7.00343 4.99439 7.59747C5.11255 8.19151 5.40421 8.73717 5.83249 9.16545C6.26077 9.59372 6.80643 9.88539 7.40046 10.0035C7.9945 10.1217 8.61024 10.0611 9.16981 9.82928C9.72938 9.5975 10.2077 9.20499 10.5442 8.70139C10.8806 8.19779 11.0603 7.60571 11.0603 7.00004C11.0603 6.18785 10.7376 5.40893 10.1633 4.83463C9.58901 4.26033 8.81009 3.93769 7.9979 3.93769Z' fill='%23B63D43'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_371_5832'%3E%3Crect width='13.9993' height='13.9993' fill='white' transform='translate(0.998047 0.000488281)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.author-social.yt {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9062 3.06885C14.9062 1.83844 14.0011 0.848647 12.8828 0.848647C11.368 0.777831 9.8232 0.750488 8.24444 0.750488H7.75228C6.17736 0.750488 4.62978 0.777831 3.11501 0.848921C1.99943 0.848921 1.0944 1.84419 1.0944 3.07459C1.02604 4.04771 0.997061 5.0211 0.998701 5.99449C0.995967 6.96788 1.02696 7.94218 1.09167 8.9174C1.09167 10.1478 1.9967 11.1458 3.11227 11.1458C4.7036 11.2196 6.33594 11.2524 7.99563 11.2497C9.65805 11.2552 11.2858 11.2205 12.879 11.1458C13.9973 11.1458 14.9023 10.1478 14.9023 8.9174C14.9679 7.94127 14.998 6.96788 14.9953 5.99176C15.0015 5.01837 14.9718 4.04407 14.9062 3.06885ZM6.65858 8.67678V3.304L10.6232 5.98902L6.65858 8.67678Z' fill='%23B63D43'/%3E%3C/svg%3E%0A");
}

.author-social.fb {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1239 7.0373C13.1239 3.65504 10.3815 0.912598 6.99921 0.912598C3.61696 0.912598 0.874512 3.65504 0.874512 7.0373C0.874512 10.0942 3.11386 12.628 6.04223 13.0879V8.80827H4.48672V7.0373H6.04223V5.68795C6.04223 4.15322 6.95683 3.30479 8.35567 3.30479C9.02584 3.30479 9.7269 3.42455 9.7269 3.42455V4.93193H8.9542C8.19381 4.93193 7.95593 5.40386 7.95593 5.88892V7.0373H9.65444L9.3832 8.80827H7.9562V13.0885C10.8846 12.6288 13.1239 10.095 13.1239 7.0373Z' fill='%23B63D43'/%3E%3C/svg%3E%0A");
}

.author-social.tw {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5619 1.99457C13.0696 2.20849 12.5487 2.34942 12.0157 2.41291C12.5758 2.08491 12.9971 1.56381 13.2004 0.947358C12.6708 1.25704 12.0924 1.47432 11.4899 1.58991C11.2361 1.32401 10.931 1.11248 10.593 0.968178C10.255 0.823876 9.89118 0.749814 9.52366 0.750493C8.03569 0.750493 6.83153 1.93715 6.83153 3.39997C6.83047 3.60345 6.85379 3.80631 6.90098 4.00424C5.83399 3.95422 4.78919 3.68203 3.83342 3.20509C2.87766 2.72815 2.03197 2.05696 1.35046 1.23445C1.11137 1.63751 0.984932 2.09739 0.984349 2.56603C0.984349 3.48474 1.46366 4.29681 2.18742 4.77256C1.75861 4.76239 1.33859 4.64889 0.963022 4.44172V4.47453C0.963022 5.75962 1.89266 6.82871 3.12307 7.07206C2.8917 7.13374 2.65327 7.16499 2.41381 7.16503C2.2439 7.16532 2.07437 7.14884 1.9077 7.11581C2.24976 8.16849 3.24529 8.93408 4.42457 8.95596C3.46632 9.69445 2.28985 10.0936 1.08005 10.0907C0.865305 10.0903 0.650762 10.0776 0.4375 10.0524C1.66823 10.8383 3.09886 11.254 4.5591 11.25C9.51792 11.25 12.227 7.21151 12.227 3.70894C12.227 3.59411 12.224 3.47927 12.2185 3.36716C12.7444 2.99313 13.1993 2.52833 13.5619 1.99457Z' fill='%23B63D43'/%3E%3C/svg%3E%0A");
}

.author-social.tt {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_371_5824)'%3E%3Cpath d='M10.4658 3.51285C10.3836 3.47034 10.3035 3.42373 10.2259 3.3732C10.0002 3.22402 9.79333 3.04824 9.60965 2.84965C9.15008 2.32381 8.97844 1.79035 8.91522 1.41686H8.91776C8.86495 1.10684 8.88678 0.90625 8.89008 0.90625H6.79688V9.00027C6.79688 9.10894 6.79688 9.21635 6.79231 9.32248C6.79231 9.33568 6.79104 9.34787 6.79028 9.36209C6.79028 9.36793 6.79028 9.37402 6.78901 9.38012V9.38469C6.76695 9.6751 6.67385 9.95564 6.51792 10.2016C6.36198 10.4476 6.14799 10.6515 5.89475 10.7954C5.63083 10.9455 5.33232 11.0243 5.02868 11.0239C4.05343 11.0239 3.26302 10.2287 3.26302 9.24656C3.26302 8.26445 4.05343 7.46922 5.02868 7.46922C5.21329 7.46905 5.39676 7.4981 5.57229 7.55529L5.57483 5.424C5.04197 5.35517 4.50064 5.39752 3.98496 5.54838C3.46929 5.69923 2.99048 5.95532 2.57874 6.30049C2.21795 6.61396 1.91464 6.98799 1.68245 7.40574C1.59409 7.55809 1.26071 8.17025 1.22034 9.16379C1.19495 9.72771 1.36431 10.312 1.44505 10.5534V10.5585C1.49583 10.7007 1.69261 11.1859 2.01329 11.5949C2.27188 11.9231 2.57739 12.2113 2.91999 12.4504V12.4453L2.92507 12.4504C3.93841 13.1389 5.06194 13.0938 5.06194 13.0938C5.25643 13.0859 5.90796 13.0938 6.64784 12.7431C7.46846 12.3544 7.93565 11.7752 7.93565 11.7752C8.23411 11.4292 8.47144 11.0348 8.63745 10.609C8.82686 10.1111 8.89008 9.51393 8.89008 9.27525V4.98119C8.91547 4.99643 9.25368 5.22012 9.25368 5.22012C9.25368 5.22012 9.74092 5.53242 10.5011 5.7358C11.0465 5.88053 11.7813 5.911 11.7813 5.911V3.83303C11.5239 3.86096 11.0011 3.77971 10.4658 3.51285Z' fill='%23B63D43'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_371_5824'%3E%3Crect width='13' height='13' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.author-social.snap {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.4375 9.49402C0.740028 9.47185 1.04004 9.42327 1.3341 9.34883C2.08004 9.16754 2.83363 8.68547 3.19676 7.9152C3.38543 7.51516 3.26894 7.40688 2.87246 7.25895C2.48473 7.11484 2.05762 7.04785 1.86457 6.63004C1.70352 6.28113 1.83367 5.87098 2.14922 5.65961C2.57879 5.37168 2.9791 5.65387 3.42398 5.71621C3.32199 4.44035 3.18719 3.29437 4.04387 2.22359C4.75398 1.33602 5.86961 0.875 6.99207 0.875C8.11453 0.875 9.23043 1.33602 9.94 2.22387C10.798 3.29738 10.6619 4.44363 10.5599 5.72168C11.0061 5.66016 11.4023 5.37195 11.8349 5.66207C12.2374 5.93141 12.2998 6.47582 11.9837 6.83785C11.6676 7.19988 11.1185 7.09762 10.7956 7.40113C10.6181 7.56766 10.7002 7.74594 10.8052 7.95184C11.2011 8.7284 11.8787 9.20254 12.7148 9.36168C12.8242 9.38246 13.3249 9.44016 13.5625 9.46148C13.5625 9.71523 13.5483 9.92031 13.5179 10.0557C13.4375 10.4128 13.1811 10.7004 12.8702 10.8787C12.5645 11.0537 11.9 11.0545 11.7305 11.3028C11.6484 11.4253 11.6823 11.6386 11.5847 11.778C11.4855 11.9191 11.3343 12.015 11.1645 12.0446C10.6556 12.1434 10.144 11.8478 9.62172 11.9872C9.21566 12.0952 8.89656 12.4212 8.5482 12.6435C8.1241 12.9128 7.66391 13.0925 7.15832 13.1217C6.11652 13.1821 5.51961 12.6046 4.68152 12.1259C4.14832 11.8212 3.63836 12.0203 3.07152 12.0526C2.52191 12.084 2.42812 11.7996 2.2616 11.3723C2.24348 11.3295 2.22938 11.2851 2.21949 11.2396C2.19706 11.229 2.17611 11.2155 2.15715 11.1995C2.10246 11.1565 1.86867 11.1355 1.80824 11.1213C1.52715 11.0545 1.25207 10.9804 1.01062 10.815C0.701367 10.6028 0.528008 10.3091 0.475235 9.9225C0.450672 9.78098 0.43805 9.63765 0.4375 9.49402Z' fill='%23B63D43'/%3E%3C/svg%3E%0A");
}

.author-social.tele {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4715 2.81914L8.96241 10.4567C8.84847 10.9957 8.55165 11.1298 8.12982 10.8761L5.83029 9.05763L4.72089 10.203C4.59802 10.3348 4.49551 10.4449 4.2587 10.4449L4.42407 7.93183L8.6856 3.79928C8.87097 3.62219 8.64524 3.52367 8.39771 3.70115L3.12929 7.2614L0.861195 6.49937C0.367928 6.33416 0.358998 5.97001 0.964063 5.71587L9.83536 2.0479C10.2461 1.88269 10.6054 2.14603 10.4715 2.81952V2.81914Z' fill='%23B63D43'/%3E%3C/svg%3E%0A");
}


.reactions {
  display: flex;
  margin-top: 0.5rem;

}

.emojy:hover {
  width: 51px;
  height: 51px;

}

.reaction {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0.9375rem;
}

.reaction.last {
  margin-left: -0.9375rem;
  ;
}

.reaction span {
  margin-top: 0.25rem;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  color: var(--textgrey);
}

.dark-mode .reactions span {
  color: var(--grey);
}

.emojy {
  width: 41px;
  height: 41px;
  transition: all 0.4s ease-in-out;
  cursor: pointer;

}

.emojy.grey {
  filter: grayscale();
}

.emojy img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.comments-section {
  width: 100%;
}

.comments-header {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #C4C4C4;
  align-items: center;
}

.news-header {
  color: var(--news-latest);
  border-bottom: 1px solid rgb(182, 61, 67, 0.2);
  margin-bottom: 0.5625rem;
  justify-content: space-between;
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;

}



.comments-header span {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: var(--news-latest);

}

.comments-header span {
  margin-left: 1.25rem;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--black);
}

.tab.active {
  border-bottom: 1px solid #6D6D6D;
  margin-bottom: -0.08rem;
}

.news-tab {
  cursor: pointer;
}

.news-tab.active {
  border-bottom: 1px solid rgb(182, 61, 67);
  margin-bottom: -0.08rem;
  cursor: default;
}

.comments-header span:nth-child(3) {
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.comments-header.news-header span:nth-child(3) {
  margin-right: 0;
}

.dropdown-vector {
  margin-right: 0.3125rem;
  content: '';
  width: 0.5625rem;
  height: 0.3125rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='4' height='2' viewBox='0 0 4 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.20711 0.5H2.79289L2 1.29289L1.20711 0.5Z' fill='%236D6D6D' stroke='%236D6D6D'/%3E%3C/svg%3E ");
  padding-bottom: 8px;
}

.comment-area {
  /* display: flex; */
  margin-top: 0.875rem;
  position: relative;
}

.personal-image {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.25rem;
  margin-left: 10px;
}

.personal-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.comment-input {
  width: 100%;
  height: 2.25rem;
  border-radius: 0.25rem;
  border: solid 0.0625rem var(--cards-details-text);
  padding-right: 0.875rem;
}

.comments {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 11.75rem;
  flex-direction: column;
  width: 100%;
}

.comments span {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  color: var(--textgrey);
  margin-top: 4px;
}


.side-news-content {
  display: none;
}

.side-news-content.active {
  display: flex;
  flex-direction: column;
}

.side-card {
  margin-bottom: 10px;
}

.about-us-page {
  width: 100vw;
}


.about-us-banner img {
  width: 100%;

}


.about-us-intro {
  width: 100%;
  background-color: #21947731;
  padding: 2.5rem 8.4375rem;
  margin-top: -0.5rem;
}

.intro-wrapper {
  display: flex;

}

.intro-img {
  width: 17.875rem;
  height: 9.5rem;
}

.staff {
  padding: 5.625rem 8.3vw;
}

.staff-wrapper {
  display: flex;
}

.intro-paragraph {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 130%;
  text-align: right;
  margin-right: 1.0625rem;
}

.staff-nav {
  white-space: nowrap;
  margin-left: 90px;
}

.nav-buttons {
  display: flex;
}

.staff-nav-button {
  display: block;
  width: 1.5625rem;
  height: 1.5625rem;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1768 16.406L8.30078 12.4998L12.1768 8.59351M8.83936 12.4998H10.8043H12.7693H16.6992' stroke='%23219478' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.875 12.4998C21.875 7.32397 17.6758 3.12476 12.5 3.12476C7.32422 3.12476 3.125 7.32397 3.125 12.4998C3.125 17.6755 7.32422 21.8748 12.5 21.8748C17.6758 21.8748 21.875 17.6755 21.875 12.4998Z' stroke='%23219478' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}


.staff-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

}

.staff-nav-button.end {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1768 16.4062L8.30078 12.5L12.1768 8.59375M8.83936 12.5H10.8043H12.7693H16.6992' stroke='%23DEDEDE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.875 12.5C21.875 7.32422 17.6758 3.125 12.5 3.125C7.32422 3.125 3.125 7.32422 3.125 12.5C3.125 17.6758 7.32422 21.875 12.5 21.875C17.6758 21.875 21.875 17.6758 21.875 12.5Z' stroke='%23DEDEDE' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}



.nav-buttons span:nth-child(1) {
  transform: rotate(180deg);
}


.staff-card {
  margin: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #219478;
  border-radius: 8px;
}

.staff-image {
  width: 238px;
  height: 182px;
}

.staff-card h1 {
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #219478;
  margin-top: 1.0625rem;
}

.staff-card span {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #219478;
}

.staff-twitter {
  display: block;
  width: 30px;
  height: 30px;
  margin-top: 0.5rem;
  margin-bottom: 1.1875rem;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.25' y='0.25' width='29.5' height='29.5' rx='14.75' fill='%23FBFFFD'/%3E%3Cpath d='M21.5619 10.9943C21.0696 11.2082 20.5487 11.3492 20.0157 11.4127C20.5758 11.0847 20.9971 10.5636 21.2004 9.94711C20.6708 10.2568 20.0924 10.4741 19.4899 10.5897C19.2361 10.3238 18.931 10.1122 18.593 9.96793C18.255 9.82363 17.8912 9.74957 17.5237 9.75025C16.0357 9.75025 14.8315 10.9369 14.8315 12.3997C14.8305 12.6032 14.8538 12.8061 14.901 13.004C13.834 12.954 12.7892 12.6818 11.8334 12.2048C10.8777 11.7279 10.032 11.0567 9.35046 10.2342C9.11137 10.6373 8.98493 11.0971 8.98435 11.5658C8.98435 12.4845 9.46366 13.2966 10.1874 13.7723C9.75861 13.7621 9.33859 13.6487 8.96302 13.4415V13.4743C8.96302 14.7594 9.89266 15.8285 11.1231 16.0718C10.8917 16.1335 10.6533 16.1647 10.4138 16.1648C10.2439 16.1651 10.0744 16.1486 9.9077 16.1156C10.2498 17.1682 11.2453 17.9338 12.4246 17.9557C11.4663 18.6942 10.2898 19.0934 9.08005 19.0904C8.8653 19.0901 8.65076 19.0773 8.4375 19.0521C9.66823 19.838 11.0989 20.2537 12.5591 20.2497C17.5179 20.2497 20.227 16.2113 20.227 12.7087C20.227 12.5939 20.224 12.479 20.2185 12.3669C20.7444 11.9929 21.1993 11.5281 21.5619 10.9943Z' fill='%23219478'/%3E%3Crect x='0.25' y='0.25' width='29.5' height='29.5' rx='14.75' stroke='%23219478' stroke-width='0.5'/%3E%3C/svg%3E%0A");
}

.mission,
.vision {
  display: flex;
  background-color: #8badbe5e;
  align-items: center;
  justify-content: center;
  margin-bottom: 5.5rem;
  padding: 0 8.3vw;
}

.vision {
  width: 100%;
  background-color: #b63d434d;
  position: relative;

}

.mission-wrapper,
.vision-wrapper {
  display: flex;
  align-items: flex-start;
}

.vision-wrapper {
  margin-right: 100px;
}



.mission h1,
.vision h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  color: #8BADBE;
  margin-left: 1.875rem;
}

.vision h1 {
  color: #B63D43;
}

.mission p,
.vision p {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 130%;
  color: #061914;
}

.dark-mode .mission p,
.dark-mode .vision p {
  color: var(--white);
}


.vision-image {
  right: 0;
}

.mission-image img,
.vision-image img {
  width: 17rem;
}

.our-work {
  margin-bottom: 6.25rem;
}

.our-work-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 7.5rem 0.9375rem 7.5rem;
}

.work-nav {
  display: flex;
}

.work-nav span:nth-child(1),
.work-nav span:nth-child(2) {
  display: block;
  height: 1.5625rem;
  width: 1.5625rem;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1768 16.4058L8.30078 12.4995L12.1768 8.59326M8.83936 12.4995H10.8043H12.7693H16.6992' stroke='%23061914' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.875 12.4995C21.875 7.32373 17.6758 3.12451 12.5 3.12451C7.32422 3.12451 3.125 7.32373 3.125 12.4995C3.125 17.6753 7.32422 21.8745 12.5 21.8745C17.6758 21.8745 21.875 17.6753 21.875 12.4995Z' stroke='%23061914' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

.work-nav span.end:nth-child(1),
.work-nav span.end:nth-child(2) {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1768 16.4062L8.30078 12.5L12.1768 8.59375M8.83936 12.5H10.8043H12.7693H16.6992' stroke='%23DEDEDE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.875 12.5C21.875 7.32422 17.6758 3.125 12.5 3.125C7.32422 3.125 3.125 7.32422 3.125 12.5C3.125 17.6758 7.32422 21.875 12.5 21.875C17.6758 21.875 21.875 17.6758 21.875 12.5Z' stroke='%23DEDEDE' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E ");
}

.work-cards {
  display: flex;
  align-items: center;
  overflow-x: scroll;
  width: 100%;
}


.work-card {
  background-color: rgba(182, 61, 67, 0.08);
  min-width: 16.9375rem;
  height: 17.25rem;
  border-radius: 8px;
  display: flex;
  margin: 0 0.9375rem;
}

.work-cards .work-card:nth-child(2) {
  background-color: rgba(224, 154, 129, 0.08);
}

.work-cards .work-card:nth-child(2) .work-p {
  color: rgba(224, 154, 129);
}

.work-cards .work-card:nth-child(3) {
  background-color: rgba(33, 148, 120, 0.08);
}

.work-cards .work-card:nth-child(3) .work-p {
  color: rgba(33, 148, 120);
}

.work-cards .work-card:nth-child(4) {
  background-color: rgba(215, 186, 167, 0.08);
}

.work-cards .work-card:nth-child(4) .work-p {
  color: rgba(215, 186, 167);
}

.work-cards .work-card:nth-child(5) {
  background-color: rgba(139, 173, 190, 0.08);
}

.work-cards .work-card:nth-child(5) .work-p {
  color: rgba(139, 173, 190);
}

.work-cards .work-card:nth-child(2) .work-image {
  background-image: url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.2327 18.5353V26.358H32.1146V18.5353C32.1187 16.6795 31.7572 14.841 31.0507 13.1249C30.3443 11.4088 29.3068 9.84865 27.9974 8.53352C26.688 7.21838 25.1324 6.17403 23.4193 5.46009C21.7063 4.74616 19.8695 4.37661 18.0137 4.37256H72.1163C73.974 4.37255 75.8134 4.73921 77.5291 5.45152C79.2448 6.16383 80.8031 7.20779 82.1145 8.52353C83.4259 9.83927 84.4648 11.4009 85.1715 13.119C85.8781 14.837 86.2388 16.6776 86.2327 18.5353Z' fill='white' stroke='%23E09A81' stroke-width='6.33499' stroke-linejoin='round'/%3E%3Cpath d='M72.1141 26.3581V79.3101C72.1141 80.1588 71.9466 80.9992 71.6211 81.7831C71.2956 82.5669 70.8185 83.2788 70.2173 83.8779C69.6161 84.4769 68.9025 84.9514 68.1175 85.2741C67.3325 85.5968 66.4915 85.7613 65.6428 85.7583H10.3355C9.4868 85.7613 8.64581 85.5968 7.86081 85.2741C7.07581 84.9514 6.36223 84.4769 5.76101 83.8779C5.15979 83.2788 4.68276 82.5669 4.35726 81.7831C4.03177 80.9992 3.86421 80.1588 3.86421 79.3101V18.5354C3.82021 16.6544 4.1527 14.7835 4.84215 13.0328C5.53159 11.282 6.56409 9.68683 7.87891 8.34088C9.19374 6.99494 10.7644 5.92543 12.4985 5.19523C14.2326 4.46502 16.0952 4.08887 17.9768 4.08887C19.8583 4.08887 21.7209 4.46502 23.4551 5.19523C25.1892 5.92543 26.7598 6.99494 28.0746 8.34088C29.3895 9.68683 30.4219 11.282 31.1114 13.0328C31.8008 14.7835 32.1333 16.6544 32.0893 18.5354V26.3581H72.1141Z' stroke='%23E09A81' stroke-width='6.33499' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.0049 68.9702H60.5163' stroke='%23E09A81' stroke-width='6.33499' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.0049 54.938H60.5163' stroke='%23E09A81' stroke-width='6.33499' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M61.2113 41.1772H18.0049' stroke='%23E09A81' stroke-width='6.33499' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.work-cards .work-card:nth-child(3) .work-image {
  background-image: url("data:image/svg+xml,%3Csvg width='89' height='89' viewBox='0 0 89 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.2075 58.168C47.7002 58.168 51.0499 59.5555 53.5196 62.0252C55.9894 64.4949 57.3769 67.8446 57.3769 71.3374V84.5068H31.0381V71.3374C31.0381 67.8446 32.4256 64.4949 34.8953 62.0252C37.3651 59.5555 40.7148 58.168 44.2075 58.168Z' fill='white' stroke='%23219478' stroke-width='7.13183' stroke-linejoin='round'/%3E%3Cpath d='M58.1501 44.225C58.1501 36.5249 51.908 30.2827 44.2079 30.2827C36.5078 30.2827 30.2656 36.5249 30.2656 44.225C30.2656 51.9251 36.5078 58.1672 44.2079 58.1672C51.908 58.1672 58.1501 51.9251 58.1501 44.225Z' stroke='%23219478' stroke-width='7.13183' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M63.9263 61.97C67.3552 58.1542 69.6058 53.427 70.4059 48.3596C71.206 43.2922 70.5216 38.1016 68.4352 33.4149C66.3488 28.7281 62.9497 24.7459 58.6488 21.9494C54.3479 19.1529 49.3291 17.6618 44.199 17.6563C39.0553 17.649 34.0204 19.1363 29.7063 21.9373C25.3922 24.7383 21.9848 28.7323 19.8983 33.4337C17.8118 38.1352 17.1362 43.3415 17.9535 48.4198C18.7709 53.4981 21.046 58.2295 24.5023 62.0389' stroke='%23219478' stroke-width='7.13183' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M66.0393 78.1772C71.7162 74.5136 76.3859 69.4877 79.6231 63.5573C82.8602 57.627 84.5619 50.9808 84.5729 44.2245C84.5772 37.5833 82.943 31.0435 79.8153 25.1849C76.6876 19.3263 72.163 14.3297 66.6423 10.638C61.1217 6.94631 54.7757 4.6735 48.1666 4.02102C41.5575 3.36853 34.8894 4.35653 28.7535 6.89744C22.6176 9.43835 17.2032 13.4537 12.9903 18.5876C8.77734 23.7215 5.89595 29.8155 4.60149 36.3293C3.30702 42.8432 3.63945 49.5758 5.56931 55.9304C7.49917 62.2851 10.9669 68.0655 15.6651 72.7595C17.6978 74.8078 19.9511 76.6247 22.3837 78.1772' stroke='%23219478' stroke-width='7.13183' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.work-cards .work-card:nth-child(4) .work-image {
  background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_513_6804)'%3E%3Cpath d='M80.3309 10.9834V63.6271C80.3309 65.6372 79.5324 67.565 78.1111 68.9864C76.6897 70.4077 74.7619 71.2062 72.7518 71.2062H51.2081L41.8203 80.5868L32.4397 71.2062H10.9839C8.97506 71.2043 7.04917 70.4049 5.62939 68.9838C4.20961 67.5626 3.41211 65.636 3.41211 63.6271V10.9834C3.41405 8.97584 4.21241 7.05105 5.63198 5.63149C7.05154 4.21192 8.97633 3.41356 10.9839 3.41162H72.7518C74.7607 3.41162 76.6873 4.20913 78.1085 5.6289C79.5296 7.04868 80.329 8.97457 80.3309 10.9834V10.9834Z' stroke='%23D7BAA7' stroke-width='6.82486' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M43.4973 18.4959L48.7039 29.0407L60.3398 30.7543C60.6755 30.8024 60.9909 30.9435 61.2505 31.1617C61.5101 31.3798 61.7035 31.6663 61.8086 31.9887C61.9138 32.3111 61.9266 32.6564 61.8456 32.9857C61.7646 33.315 61.5931 33.615 61.3503 33.8518L52.9218 42.0387L54.9209 53.6307C54.9796 53.9643 54.9434 54.3077 54.8165 54.6217C54.6896 54.9358 54.4771 55.2079 54.2031 55.4071C53.9292 55.6062 53.6048 55.7245 53.2669 55.7483C52.929 55.7722 52.5913 55.7007 52.292 55.542L41.8717 50.0718L31.4879 55.542C31.1887 55.7007 30.8509 55.7722 30.513 55.7483C30.1752 55.7245 29.8508 55.6062 29.5768 55.4071C29.3028 55.2079 29.0903 54.9358 28.9634 54.6217C28.8365 54.3077 28.8003 53.9643 28.859 53.6307L30.8435 42.0387L22.393 33.8298C22.1561 33.5903 21.9905 33.2896 21.9147 32.9614C21.8389 32.6331 21.8559 32.2903 21.9638 31.9712C22.0717 31.652 22.2663 31.3692 22.5257 31.1543C22.7851 30.9394 23.0992 30.8009 23.4328 30.7543L35.0761 29.0627L40.2753 18.4959C40.4287 18.2011 40.66 17.9541 40.944 17.7816C41.2281 17.6092 41.554 17.5181 41.8863 17.5181C42.2186 17.5181 42.5445 17.6092 42.8286 17.7816C43.1126 17.9541 43.344 18.2011 43.4973 18.4959Z' fill='white' stroke='%23D7BAA7' stroke-width='6.82486' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_513_6804'%3E%3Crect width='83.7437' height='84' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.work-cards .work-card:nth-child(5) .work-image {
  background-image: url("data:image/svg+xml,%3Csvg width='81' height='82' viewBox='0 0 81 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M64.4028 12.4715V42.5672C64.4028 44.9532 63.4555 47.2415 61.769 48.9293C60.0825 50.617 57.795 51.5661 55.409 51.568H16.2427V51.7845L3.49219 64.5559V12.4715C3.49127 11.292 3.72293 10.1239 4.17389 9.03401C4.62484 7.94411 5.28623 6.95382 6.12027 6.11978C6.95431 5.28575 7.9446 4.62433 9.0345 4.17338C10.1244 3.72243 11.2925 3.49078 12.472 3.4917H55.409C56.5892 3.49078 57.758 3.72233 58.8487 4.17311C59.9393 4.62389 60.9306 5.28509 61.7657 6.11894C62.6009 6.95279 63.2636 7.94298 63.7161 9.03296C64.1685 10.1229 64.4019 11.2914 64.4028 12.4715V12.4715Z' stroke='%238BADBE' stroke-width='6.17706' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M77.1538 26.0882V78.1726L64.1658 65.1847H25.2439C22.8574 65.1828 20.569 64.234 18.8815 62.5464C17.1939 60.8588 16.245 58.5705 16.2432 56.1839V51.7848L16.4596 51.5683H55.4095C57.7954 51.5665 60.083 50.6174 61.7694 48.9296C63.4559 47.2418 64.4033 44.9535 64.4033 42.5675V17.1084H68.1809C70.5613 17.1102 72.8436 18.0572 74.5261 19.741C76.2086 21.4248 77.1538 23.7078 77.1538 26.0882Z' fill='%23DEDEDE' stroke='%238BADBE' stroke-width='6.17706' stroke-linejoin='round'/%3E%3Cpath d='M16.4596 51.5679L16.2432 51.7843V51.5679H16.4596Z' stroke='%238BADBE' stroke-width='6.17706' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.1484 21.6543H49.2092' stroke='%238BADBE' stroke-width='6.17706' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.1484 33.7065H49.2092' stroke='%238BADBE' stroke-width='6.17706' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.work-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 3.1875rem 1.5625rem 2.5625rem 1.5625rem;
}

.work-image {
  display: block;
  width: 5.625rem;
  height: 5.4169rem;
  margin-bottom: 1.5625rem;
  background-image: url("data:image/svg+xml,%3Csvg width='90' height='88' viewBox='0 0 90 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.7113 8.56494C38.7113 8.61215 38.7113 8.66724 38.6641 8.71445' stroke='%23B63D43' stroke-width='6.19048' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M81.2581 56.0527C80.569 56.5884 79.8021 57.0156 78.984 57.3196C78.9795 57.3246 78.9741 57.3287 78.968 57.3314C78.9619 57.3342 78.9553 57.3356 78.9486 57.3356C78.9419 57.3356 78.9352 57.3342 78.9291 57.3314C78.923 57.3287 78.9176 57.3246 78.9132 57.3196C77.6856 57.5399 76.4659 57.7367 75.3171 57.9806C70.8476 58.0278 65.3709 55.8088 59.9021 51.7957C63.1283 45.957 62.4673 38.0174 57.628 31.8876C52.9854 25.9702 45.8247 23.405 39.5297 24.8056C37.6726 19.5964 37.0825 14.765 37.9559 10.9958C37.9509 10.9847 37.9483 10.9726 37.9483 10.9604C37.9483 10.9482 37.9509 10.9361 37.9559 10.925C38.2234 10.1381 38.4438 9.43778 38.6641 8.75319C39.2164 7.36616 40.1291 6.15185 41.308 5.23583C48.3427 -0.272353 63.0024 6.57353 74.0502 20.6273C85.098 34.681 88.3164 50.4973 81.2581 56.0527Z' fill='white' stroke='%23B63D43' stroke-width='6.19048' stroke-miterlimit='10'/%3E%3Cpath d='M37.957 10.8857C38.1145 10.1384 38.3519 9.41028 38.6652 8.71387C38.4449 9.39846 38.2246 10.1303 37.957 10.8857Z' stroke='%23B63D43' stroke-width='6.19048' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M78.9134 57.312C77.7651 57.7499 76.5464 57.9739 75.3174 57.973C76.4662 57.7291 77.6859 57.5323 78.9134 57.312Z' stroke='%23B63D43' stroke-width='6.19048' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M59.9016 51.788C55.6047 48.6235 51.7721 44.873 48.5154 40.6457C44.688 35.8713 41.6587 30.5089 39.5449 24.7664C45.84 23.3972 52.9849 25.9625 57.6432 31.8484C62.4668 38.0097 63.1278 45.9493 59.9016 51.788Z' stroke='%23B63D43' stroke-width='6.19048' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M75.3171 57.9733C67.1622 59.4812 59.1742 61.7819 51.4666 64.8428C50.4673 65.2283 49.468 65.6297 48.4371 66.086C43.7158 68.1162 38.8372 70.4611 34.6588 72.5621C28.112 75.8827 23.2726 78.6211 23.2726 78.6211C14.6169 77.9129 9.65955 71.8775 6.82677 66.031C5.09271 62.3762 3.91509 58.4827 3.33301 54.4795C12.7594 48.6112 20.9168 40.9167 27.3251 31.8488C31.8345 25.4237 35.4061 18.3891 37.9323 10.957C37.0982 14.7262 37.6883 19.5577 39.506 24.7668C41.6198 30.5093 44.6491 35.8717 48.4765 40.6461C51.7453 44.8762 55.5913 48.6268 59.902 51.7884C65.3709 55.8015 70.8476 58.0205 75.3171 57.9733Z' stroke='%23B63D43' stroke-width='6.19048' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.4365 66.0859L56.1086 83.9246H45.8713L34.6582 72.562' stroke='%23B63D43' stroke-width='6.19048' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.work-p {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 130%;
  color: #B63D43;
}

.our-clients {
  border-top: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
  margin-bottom: 6.25rem;
}

.our-clients-mobile-wrapper>h1 {
  display: none;
}

.our-clients h1 {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  color: #C4C4C4;
  margin-left: 56px;
  padding-top: 10px;
}

.client-wrapper {
  display: flex;
  align-items: center;

  margin: 1.375rem 7.5rem;
}

.images-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.images-wrapper .client-image:nth-child(1) {
  width: 83px;
}

.images-wrapper .client-image:nth-child(2) {
  width: 118px;
}

.images-wrapper .client-image:nth-child(3) {
  width: 99px;
}

.images-wrapper .client-image:nth-child(4) {
  width: 95px;
}

.images-wrapper .client-image:nth-child(5) {
  width: 90px;
}

.images-wrapper .client-image:nth-child(6) {
  width: 157px;
}

.client-image img {
  width: 100%;
  height: auto;

}

.articles-banner,
.reviews-banner,
.reviews-banner,
.news-banner,
.interviews-banner {
  /*  margin-top: -2.191rem; */
  width: 100%;
  min-height: 26.67vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.news-banner {
  background-color: rgba(182, 61, 67, 0.1);
}

.reviews-banner {
  background-color: rgba(215, 186, 167, 0.1);
}

.interviews-banner {
  background-color: rgba(139, 173, 190, 0.1);
}



.articles-banner-image {
  width: 100%;
  position: absolute;
}

.articles-banner-image1 {
  height: -webkit-fill-available;
  object-fit: contain;
  position: absolute;
  left: 0;
}

.articles-banner-image2 {
  height: -webkit-fill-available;
  position: absolute;
  object-fit: contain;
  right: -2rem;
}

.interviews-banner>div>img.articles-banner-image2 {
  right: 0;

}

.articles-banner.contact {
  height: fit-content;
  background-color: rgba(33, 148, 120, 0.1);
}

.articles-banner.contact h1 {
  position: absolute;
  color: rgba(33, 148, 120);
}

.articles-banner.contact img {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-right: auto;
}


.dark-mode .articles-banner.contact img {

  filter: grayscale(100%) brightness(200%) contrast(1000%);
  -webkit-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -moz-filter: grayscale(100%) brightness(200%) contrast(1000%);
}

.articles-banner.write img {
  width: revert;
  height: -webkit-fill-available;
  bottom: 0;
  margin-left: revert;
  margin-right: revert;
  position: revert;
}

.dark-mode .banner-art-write.write img {
  filter: contrast(0);

}

.write-svg {
  background-image: url("data:image/svg+xml,%3Csvg width='163' height='163' viewBox='0 0 163 163' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cpath d='M115.924 39.8722L27.6973 128.296L20.375 142.623L34.698 135.3L123.125 47.0734L115.924 39.8722ZM133.931 21.8657L126.729 29.067L133.931 36.2715L141.132 29.067C142.086 28.1119 142.623 26.8168 142.623 25.4664C142.623 24.116 142.086 22.8209 141.132 21.8657V21.8657C140.177 20.9112 138.882 20.375 137.531 20.375C136.181 20.375 134.886 20.9112 133.931 21.8657V21.8657Z' stroke='%23219478' stroke-width='10.1875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  display: block;
  content: '';
  width: 163px;
  height: 163px;

}

.writeArticle-form>select {
  width: 491px;
  height: 40px;
  border: 0.5px solid #DEDEDE;
  box-sizing: border-box;
  border-radius: 4px;
}

.write-article-container .cke_bottom {
  margin-bottom: -1.29rem;
}

#cke_id_text {
  width: 100% !important;
}

.write-article-container {
  width: 100%;
}

.write-article-container>* {
  max-width: 100%;
}

.banner-art {
  position: relative;
  width: 100%;
  height: 26.67vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner-art h1 {
  margin: 0 auto;
  font-weight: 700;
  font-size: 69px;
  color: var(--news-latest);
}

.articles-banner h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 69px;
  line-height: 83px;
  text-align: right;
  color: #E09A81;
  z-index: 2;
}

.reviews-banner h1 {
  color: var(--reviews);
}

.page-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;

}

.page-nav span {
  margin-left: 0.5rem;
  color: var(--grey);
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.page-nav .active {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background-color: var(--latest-articles);
  color: var(--white);
  font-weight: bold;
  line-height: 1.25;
  padding-top: 4px;
}

.page-nav .podcasts {
  background-color: var(--green-dark);
  color: var(--white);
}

.podcast-episode h1 {
  text-decoration: none;
  color: var(--black);
}
.dark-mode .article-paragraph{
  color: #fff;
}
.dark-mode .podcast-episode h1,
.dark-mode .comments-header span {
  color: var(--white);
}

.page-nav .votes {
  background-color: var(--voting);
  color: var(--white);
}


.page-nav .last {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  margin-bottom: 3px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 0.507874L1 3.99997L4.5 7.49207' stroke='%23E09A81' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  transform: rotate(180deg);
}

.page-nav .next {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  margin-bottom: 3px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 0.507874L1 3.99997L4.5 7.49207' stroke='%23E09A81' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.news-page .page-nav .next {
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 0.507874L1 3.99997L4.5 7.49207' stroke='%23B63D43' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.news-page .page-nav .last {
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 0.507874L1 3.99997L4.5 7.49207' stroke='%23B63D43' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.reviews-page .page-nav .next {
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 0.507874L1 3.99997L4.5 7.49207' stroke='%23D7BAA7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.reviews-page .page-nav .last {
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 0.507874L1 3.99997L4.5 7.49207' stroke='%23D7BAA7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.interviews-page .page-nav .next {
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 0.507874L1 3.99997L4.5 7.49207' stroke='%238BADBE' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.interviews-page .page-nav .last {
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 0.507874L1 3.99997L4.5 7.49207' stroke='%238BADBE' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}




.page-nav.podcasts .next,
.page-nav.podcasts .last {
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 0.507812L1 3.99991L4.5 7.492' stroke='%23219478' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 15px;
  height: 10px;
}

.page-nav.votes .next,
.page-nav.votes .last {
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 0.507812L1 3.99991L4.5 7.492' stroke='%2361AAAA' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 15px;
  height: 10px;
}

.news-page .page-nav .active {
  background-color: var(--news-latest);
}

.reviews-page .page-nav .active {
  background-color: var(--reviews);
}

.interviews-page .page-nav .active {
  background-color: var(--interviews);
}


.weekly-letter-section.podcasts {
  background-color: rgba(33, 148, 120, 0.2);

}

.weekly-letter-section.podcasts h1 {
  color: var(--green-dark);
}

.contact-us-page,
.login-page {
  display: flex;
  justify-content: center;
  align-items: center;

}

.contact-us-page span {
  font-size: 16px;
  font-weight: bold;
  color: #061914;
  margin-bottom: 30px;
}

.dark-mode .contact-us-page span {
  color: var(--black);
}

.dark-mode .contact-us-form textarea {
  background-color: var(--black);

}

.login-page img {
  position: fixed;
  object-fit: cover;
  z-index: -2;
  width: 100%;
  height: 100%;
}

.login-page h1 {
  margin-top: 9.375rem;
  margin-bottom: 1.875rem;
  font-size: 24px;
  line-height: 100%;
  color: #219478;
  font-weight: 700;

}

.contact-us-form,
.login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 3.25rem 0 5.125rem 0;
  min-width: 34%;
}


.login-form span {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: var(--textgrey);
}

.contact-us-form.signup-form input {
  margin-bottom: 15px;
}

.signup-form input:last-of-type {
  margin-bottom: 25px;
}

.submit-message.signup-button {
  margin-top: 0;
}

.contact-us-form.login-form input:nth-child(2) {
  margin-bottom: 5px;
}

.no-account {
  text-align: center;
  margin-bottom: 11.25rem;
}

.contact-us-form.login-form button {
  margin: 25px 0 15px 0;
  cursor: pointer;
}

.login-form a {
  font-weight: 400;
  font-size: 14px;
  color: var(--textgrey);
  text-decoration: none;
}

.no-account a {
  color: var(--green-dark);
  font-weight: 700;
  text-decoration: none;
}

.interviews-banner h1 {
  color: var(--interviews);
}

.contact-us-form textarea {
  width: 100%;
  min-height: 138px;
  border-radius: 4px;
  border: solid 0.5px #dedede;
  background-color: #fff;
  padding: 0.875rem 1rem;
}

.contact-us-form input:focus::placeholder {
  color: transparent;
}

.contact-us-form textarea:focus::placeholder {
  color: transparent;
}

.contact-us-form input {
  width: 100%;
  height: 40px;
  margin: 0 0 30px;
  padding-right: 1rem;
  border-radius: 4px;
  border: solid 0.5px #dedede;
  background-color: transparent;
}

.contact-us-form button {
  width: 100%;
  height: 40px;
  margin: 30px 0;
  border-radius: 4px;
  background-color: #219478;
  color: var(--white);
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}


.head-social.contact {
  display: flex;
  justify-content: center;
  align-items: center;
}

.head-social.contact a {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 0.5rem;
}

.head-social.contact a:nth-child(1) {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7811 2.43738C13.6506 2.43998 14.4838 2.78654 15.0986 3.40138C15.7135 4.01621 16.06 4.84936 16.0626 5.71887V12.2811C16.06 13.1506 15.7135 13.9838 15.0986 14.5986C14.4838 15.2135 13.6506 15.56 12.7811 15.5626H6.21887C5.34936 15.56 4.51621 15.2135 3.90138 14.5986C3.28654 13.9838 2.93998 13.1506 2.93738 12.2811V5.71887C2.93998 4.84936 3.28654 4.01621 3.90138 3.40138C4.51621 2.78654 5.34936 2.43998 6.21887 2.43738H12.7811ZM12.7811 1.125H6.21887C3.69219 1.125 1.625 3.19219 1.625 5.71887V12.2811C1.625 14.8078 3.69219 16.875 6.21887 16.875H12.7811C15.3078 16.875 17.375 14.8078 17.375 12.2811V5.71887C17.375 3.19219 15.3078 1.125 12.7811 1.125Z' fill='%23219478'/%3E%3Cpath d='M13.766 5.71899C13.5713 5.71899 13.381 5.66126 13.2191 5.5531C13.0572 5.44493 12.9311 5.29119 12.8566 5.11132C12.782 4.93145 12.7626 4.73353 12.8005 4.54258C12.8385 4.35163 12.9323 4.17623 13.0699 4.03856C13.2076 3.90089 13.383 3.80714 13.574 3.76916C13.7649 3.73118 13.9628 3.75067 14.1427 3.82518C14.3226 3.89968 14.4763 4.02585 14.5845 4.18773C14.6926 4.34961 14.7504 4.53993 14.7504 4.73462C14.7507 4.86397 14.7254 4.9921 14.676 5.11165C14.6266 5.23121 14.5541 5.33983 14.4627 5.4313C14.3712 5.52276 14.2626 5.59526 14.143 5.64463C14.0235 5.694 13.8953 5.71927 13.766 5.71899ZM9.50049 6.37501C10.0197 6.37501 10.5272 6.52897 10.9589 6.81742C11.3906 7.10587 11.7271 7.51586 11.9258 7.99554C12.1245 8.47522 12.1765 9.00304 12.0752 9.51226C11.9739 10.0215 11.7239 10.4892 11.3567 10.8564C10.9896 11.2235 10.5218 11.4735 10.0126 11.5748C9.5034 11.6761 8.97558 11.6241 8.4959 11.4254C8.01622 11.2267 7.60624 10.8903 7.31779 10.4586C7.02933 10.0269 6.87537 9.51933 6.87537 9.00013C6.87612 8.30413 7.15293 7.63686 7.64507 7.14471C8.13722 6.65257 8.80449 6.37575 9.50049 6.37501ZM9.50049 5.06263C8.72173 5.06263 7.96045 5.29356 7.31293 5.72622C6.66541 6.15887 6.16073 6.77383 5.86271 7.49331C5.56469 8.2128 5.48672 9.0045 5.63865 9.7683C5.79058 10.5321 6.16559 11.2337 6.71626 11.7844C7.26693 12.335 7.96852 12.71 8.73232 12.862C9.49612 13.0139 10.2878 12.9359 11.0073 12.6379C11.7268 12.3399 12.3417 11.8352 12.7744 11.1877C13.2071 10.5402 13.438 9.77889 13.438 9.00013C13.438 7.95584 13.0231 6.95432 12.2847 6.21589C11.5463 5.47747 10.5448 5.06263 9.50049 5.06263Z' fill='%23219478'/%3E%3C/svg%3E%0A");
}

.head-social.contact a:nth-child(2) {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_543_6836)'%3E%3Cpath d='M18.3821 5.23114C18.3821 3.64911 17.2184 2.37645 15.7805 2.37645C13.8329 2.2854 11.8465 2.25024 9.81662 2.25024H9.18381C7.15881 2.25024 5.16896 2.2854 3.22131 2.37681C1.78693 2.37681 0.623261 3.65649 0.623261 5.23853C0.53537 6.48974 0.498104 7.7413 0.500214 8.99286C0.496698 10.2444 0.536542 11.4972 0.619745 12.7511C0.619745 14.3331 1.78342 15.6163 3.21779 15.6163C5.26389 15.7112 7.36271 15.7534 9.4967 15.7499C11.6342 15.7569 13.7272 15.7124 15.7756 15.6163C17.2135 15.6163 18.3772 14.3331 18.3772 12.7511C18.4615 11.496 18.5002 10.2444 18.4967 8.98935C18.5047 7.73778 18.4665 6.48505 18.3821 5.23114ZM7.77756 12.4417V5.53349L12.8752 8.98583L7.77756 12.4417Z' fill='%23219478'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_543_6836'%3E%3Crect width='18' height='18' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.head-social.contact a:nth-child(3) {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.375 9.04736C17.375 4.69853 13.8488 1.17236 9.5 1.17236C5.15117 1.17236 1.625 4.69853 1.625 9.04736C1.625 12.9778 4.5043 16.2358 8.26953 16.8271V11.3244H6.26949V9.04736H8.26953V7.3124C8.26953 5.33908 9.44551 4.24818 11.2441 4.24818C12.1058 4.24818 13.0072 4.40217 13.0072 4.40217V6.34033H12.0137C11.036 6.34033 10.7301 6.94713 10.7301 7.5708V9.04736H12.914L12.5653 11.3244H10.7305V16.8278C14.4957 16.2368 17.375 12.9789 17.375 9.04736Z' fill='%23219478'/%3E%3C/svg%3E%0A");
}

.head-social.contact a:nth-child(4) {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9375 3.84986C17.3045 4.12491 16.6347 4.30611 15.9494 4.38775C16.6697 3.96601 17.2113 3.296 17.4727 2.50337C16.7918 2.90155 16.048 3.18093 15.2734 3.32955C14.9471 2.98766 14.5548 2.71569 14.1202 2.53014C13.6856 2.3446 13.2178 2.24938 12.7453 2.25025C10.8321 2.25025 9.28379 3.77603 9.28379 5.65689C9.28243 5.91851 9.31241 6.17935 9.37309 6.43384C8.00118 6.36953 6.6578 6.01956 5.4289 5.40632C4.2 4.79308 3.11263 3.93007 2.23637 2.87252C1.92895 3.39076 1.76637 3.98206 1.76563 4.58462C1.76563 5.76587 2.38191 6.81002 3.3125 7.42173C2.76115 7.40865 2.22111 7.26272 1.7382 6.99634V7.03853C1.7382 8.69088 2.93352 10.0655 4.51555 10.3784C4.21805 10.4577 3.91148 10.4979 3.60359 10.4979C3.38513 10.4983 3.16715 10.4771 2.95285 10.4346C3.39266 11.7881 4.6727 12.7725 6.18899 12.8006C4.95689 13.7502 3.4442 14.2634 1.88867 14.2596C1.61256 14.2592 1.33671 14.2428 1.0625 14.2104C2.64495 15.2209 4.48441 15.7554 6.36195 15.7503C12.7379 15.7503 16.2212 10.5577 16.2212 6.05416C16.2212 5.9065 16.2173 5.75884 16.2103 5.6147C16.8864 5.13379 17.4713 4.53615 17.9375 3.84986Z' fill='%23219478'/%3E%3C/svg%3E%0A");
}

.head-social.contact a:nth-child(5) {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3808 3.70837C13.2795 3.65604 13.1809 3.59868 13.0854 3.53649C12.8077 3.35289 12.5531 3.13654 12.327 2.89212C11.7614 2.24493 11.5501 1.58837 11.4723 1.12868H11.4754C11.4104 0.747119 11.4373 0.500244 11.4414 0.500244H8.86513V10.4621C8.86513 10.5959 8.86513 10.7281 8.8595 10.8587C8.8595 10.8749 8.85794 10.8899 8.857 10.9074C8.857 10.9146 8.857 10.9221 8.85544 10.9296V10.9352C8.82829 11.2927 8.71371 11.638 8.52179 11.9407C8.32987 12.2435 8.06649 12.4944 7.75482 12.6715C7.42999 12.8563 7.0626 12.9532 6.68888 12.9527C5.48857 12.9527 4.51576 11.974 4.51576 10.7652C4.51576 9.5565 5.48857 8.57775 6.68888 8.57775C6.91609 8.57753 7.14191 8.61329 7.35794 8.68368L7.36107 6.06056C6.70524 5.97584 6.03898 6.02796 5.40431 6.21363C4.76964 6.3993 4.18033 6.71449 3.67357 7.13931C3.22953 7.52512 2.85622 7.98546 2.57044 8.49962C2.46169 8.68712 2.05138 9.44056 2.0017 10.6634C1.97045 11.3574 2.17888 12.0765 2.27826 12.3737V12.3799C2.34076 12.5549 2.58294 13.1521 2.97763 13.6556C3.29589 14.0594 3.67191 14.4141 4.09357 14.7084V14.7021L4.09982 14.7084C5.34701 15.5559 6.72982 15.5002 6.72982 15.5002C6.96919 15.4906 7.77107 15.5002 8.68169 15.0687C9.69169 14.5902 10.2667 13.8774 10.2667 13.8774C10.634 13.4515 10.9261 12.9661 11.1304 12.4421C11.3636 11.8293 11.4414 11.0943 11.4414 10.8006V5.51556C11.4726 5.53431 11.8889 5.80962 11.8889 5.80962C11.8889 5.80962 12.4886 6.19399 13.4242 6.44431C14.0954 6.62243 14.9998 6.65993 14.9998 6.65993V4.10243C14.6829 4.13681 14.0395 4.03681 13.3808 3.70837Z' fill='%23219478'/%3E%3C/svg%3E%0A");
}

.head-social.contact a:nth-child(6) {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0625 12.2066C1.45147 12.1781 1.83719 12.1156 2.21528 12.0199C3.17434 11.7868 4.14324 11.167 4.61012 10.1767C4.8527 9.66234 4.70293 9.52313 4.19316 9.33293C3.69465 9.14766 3.14551 9.06152 2.89731 8.52434C2.69024 8.07574 2.85758 7.5484 3.26328 7.27664C3.81559 6.90645 4.33027 7.26926 4.90227 7.34941C4.77113 5.70902 4.59781 4.23563 5.69926 2.85891C6.61227 1.71773 8.04664 1.125 9.48981 1.125C10.933 1.125 12.3677 1.71773 13.28 2.85926C14.3832 4.23949 14.2081 5.71324 14.077 7.35645C14.6507 7.27734 15.1602 6.9068 15.7163 7.27981C16.2338 7.62609 16.314 8.32606 15.9076 8.79152C15.5012 9.25699 14.7952 9.12551 14.38 9.51574C14.1519 9.72985 14.2573 9.95906 14.3923 10.2238C14.9014 11.2222 15.7726 11.8318 16.8477 12.0364C16.9883 12.0632 17.632 12.1373 17.9375 12.1648C17.9375 12.491 17.9192 12.7547 17.8802 12.9287C17.7768 13.3879 17.4471 13.7577 17.0473 13.9869C16.6543 14.2119 15.8 14.213 15.582 14.5322C15.4766 14.6897 15.5202 14.9639 15.3946 15.1432C15.2671 15.3245 15.0727 15.4478 14.8543 15.486C14.2 15.6129 13.5423 15.2329 12.8708 15.4122C12.3487 15.551 11.9384 15.9701 11.4905 16.2559C10.9453 16.6022 10.3536 16.8332 9.70356 16.8708C8.3641 16.9485 7.59664 16.206 6.5191 15.5904C5.83356 15.1988 5.17789 15.4547 4.4491 15.4962C3.74246 15.5366 3.62188 15.171 3.40777 14.6215C3.38447 14.5665 3.36635 14.5094 3.35363 14.451C3.3248 14.4373 3.29786 14.4199 3.27348 14.3993C3.20317 14.3441 2.90258 14.317 2.82488 14.2988C2.46348 14.213 2.10981 14.1177 1.79938 13.905C1.40176 13.6322 1.17887 13.2546 1.11102 12.7575C1.07944 12.5756 1.06321 12.3913 1.0625 12.2066Z' fill='%23219478'/%3E%3C/svg%3E%0A");
}

.head-social.contact a:nth-child(7) {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8272 4.02392L11.9066 13.5709C11.7616 14.2446 11.3838 14.4123 10.8469 14.0951L7.92024 11.822L6.50827 13.2537C6.35189 13.4186 6.22142 13.5561 5.92003 13.5561L6.13051 10.4148L11.5543 5.2491C11.7902 5.02773 11.5029 4.90459 11.1879 5.12644L4.4826 9.57675L1.59593 8.62421C0.968139 8.4177 0.956774 7.96251 1.72686 7.64483L13.0176 3.05988C13.5404 2.85336 13.9977 3.18254 13.8272 4.0244V4.02392Z' fill='%23219478'/%3E%3C/svg%3E%0A");
}



.writeArticle-page {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 4.25rem 3rem 0 3rem;
}



.writeArticle-form {
  width: 100%;
  margin-left: 6.5625rem;
  margin-top: 1rem;
}

.writeArticle-page label {
  font-weight: 400;
  font-size: 12px;
  color: var(--textgrey);
  line-height: 100%;
}

.writeArticle-form div {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 20px;
}

.writeArticle-page div input {
  margin-bottom: 0;
}

.writeArticle-page div label {
  margin-bottom: 5px;
}

.writeArticle-page div textarea {
  margin: 0;
}

.writeArticle-banner {
  min-width: 443px;
  height: 610px;
}

.writeArticle-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}


.banner-wrapper button {
  position: absolute;
  width: 151px;
  height: 37px;
  background: #FFFFFF;
  border-radius: 4px;
  z-index: 3;
  margin: auto auto 35px 25px;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.banner-wrapper {
  position: relative;
}


.podcasts-page {
  max-width: 100vw;
}

.dark-mode .podcasts-banner img,
.dark-mode .articles-banner-image2,
.dark-mode .articles-banner-image1 {
  filter: grayscale(100%) brightness(200%) contrast(1000%);
  -webkit-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -moz-filter: grayscale(100%) brightness(200%) contrast(1000%);
}

.dark-mode .articles-banner-image1 {
  filter: grayscale(100%) brightness(200%) contrast(1000%);
  -webkit-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -moz-filter: grayscale(100%) brightness(200%) contrast(1000%);
}

.podcasts-banner img:nth-child(1) {
  width: 20rem;
  height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}



.podcasts-banner img:nth-child(2) {
  width: 22.75rem;
  height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}

.podcasts-banner img:nth-child(3) {
  display: none;

}

.hero-section-article.podcasts {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "hero-content hero-image"
    "hero-content hero-image";
  margin-bottom: 2.5rem;
}

.hero-image-wrapper.podcast {
  grid-area: hero-image;
}

.hero-wrapper.podcasts {
  grid-area: hero-content;
}


.hero-section-article.votes {
  grid-template-columns: 50% 50%;
  gap: 0 10px;
  grid-template-rows: 1fr;
  background-color: rgba(97, 170, 170, 0.08);

}

.articles-banner.podcasts {
  position: relative;
  background-color: rgba(33, 148, 120, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 16.25rem;
  overflow: hidden;
}

.articles-banner.podcasts h1 {
  color: rgba(33, 148, 120);
}





.podcast-episode {
  display: flex;
  align-items: center;
  justify-content: center;
}

.podcast-thumb,
.episode-info {
  display: flex;
}

.podcast-thumb img {
  width: 316px;
  height: 171px;
  margin: 0 0 0 30px;
  border-radius: 6px;
  border: solid 2px var(--green-dark);
}

.episode-info {
  flex-direction: column;
}

.episode-info h1 {
  margin-bottom: 7px;
}

.episode-length {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--green-darker);
  margin-bottom: 5px;
}

.episode-summary {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 10px;
  color: var(--textgrey);
}

.episode-link {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: var(--green-dark);
}

.episode-link span {
  margin-top: -3px;
  content: '';
  display: block;
  color: var(--green-dark);
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.39283 10.3387L1 6.91933L4.39283 3.5M1.47144 6.91933H3.19147H4.9115H8.35156' stroke='%23219478' stroke-width='1.36773' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


.podcast-player {
  position: relative;
  margin-right: 30px;
  margin-bottom: 10px;
  direction: ltr;
  width: -webkit-fill-available;
  padding: 0 !important;
}

.podcast-player>div:nth-child(1) {
  width: -webkit-fill-available;
}

.podcast-player.podcast {
  margin-right: 0;
}

.podcast-player.podcast iframe {
  position: inherit;
}

.hero-wrapper {
  display: flex;
  flex-direction: column;
}

.hero-wrapper.podcasts {
  grid-area: 1 / 2 / 2 / 4;
}

.hero-wrapper.podcasts .hero-paragraph-title {
  display: block;
}

.comment {
  display: flex;
  margin-top: 14px;
  width: 100%;


}
.comment-content{
  width: 100%;

}
.comment-user-pic {
  width: 36px;
  height: 36px;
  margin-left: 10px;
}
.comment-content{width: 100%;}
.comment-user-pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.comment-content span {
  display: flex;
  flex-direction: column;
  text-align: right;
}

.comment-content span:nth-child(1) {
  font-weight: 700;
  font-size: 16px;
}

.comment-content span:nth-child(2) {
  border: 1px solid #C4C4C4;
  padding: 9px 14px;
  border-radius: 4px;
}

.podcast-text-wrapper [strong] {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  color: var(--black);

}

.podcast-text-wrapper > ul > li {
  list-style-position: inside;
}

.read-more-arrow {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.39283 10.3387L1 6.91933L4.39283 3.5M1.47144 6.91933H3.19147H4.9115H8.35156' stroke='%2361AAAA' stroke-width='1.36773' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  display: block;
  content: '';
  margin-top: -4px;
}

.read-more-section.vote {
  width: 100vw;
}   

.vote-card-grid {
  margin: 3.4375rem 7.5rem;
  display: flex;
  flex-wrap: wrap ;
  gap: 1.4375rem;
  justify-items: center;
  justify-content: center;
}

.vote-card {
  display: flex;
  background-color: rgba(97, 170, 170, 0.08);
  max-width: 31.75rem;
  border-radius: 6px;
  flex-direction: column;
}



.vote-card-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.vote-card-content {
  display: flex;
  flex-direction: column;
  margin-right: 1.25rem;
}

.vote-card-title h1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: var(--black);
  margin-bottom: 5px;
}

.vote-card-summary p {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.46;
  color: var(--textgrey);
  margin-bottom: 13px;
}



.vote-icon {
  width: 7.9px;
  height: 6.2px;
  background-position: center;
  background-size: cover;
}

.vote-card-read-more {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.vote-card-read-more h3 {
  font-size: 12px;
  font-weight: bold;
  color: var(--voting);
  margin-left: 9px;
}

.image-info.side.vote {
  display: flex;
  margin-bottom: 6px;
  justify-content: flex-start;
  margin-top: 16px;
}

.article-category.side.vote {
  align-items: center;
}

.article-category.side.vote span {
  color: var(--cards-details-text);
}


.podcast-timestamp {
  cursor: pointer;
  color: #0000EE;
}



a {
  text-decoration: none;
}

.dark-mode a {
  color: var(--white);
}

.dark-mode {
  background-color: var(--black);
  color: var(--white);
  transition: all ease-in-out 200ms;
}

body.dark-mode .side-card-title>h1 {
  color: var(--white) ;
}

body.dark-mode .card-text {
  color: var(--white) ;
}

body.dark-mode .comment-input {
  color: var(--white);
}

body>div.article-page.podcast>section.read-more-section>div.section-header.read-more-header,
body>div.article-page.podcast>section.weekly-letter-section {
  background-color: rgba(33, 148, 120, 0.1);
}

body>div.article-page.podcast>section.weekly-letter-section>h1 {
  color: var(--green-dark);
}

.article-page.podcast .author-info,
.article-page.podcast .leave-replay {
  border-color: var(--green-dark);
}





.article-page.podcast>section.weekly-letter-section>div>button {
  background-color: var(--green-darker);

}

.article-page.podcast>section.weekly-letter-section>div>input {
  background-color: rgba(33, 148, 120, 0.2);


}

.article-page.podcast>section.weekly-letter-section {

  background-color: rgba(33, 148, 120, 0.2);

}

.news-page>section.read-more-section>div.section-content.read-more-section-content>div {
  outline: solid 1.5px var(--news-latest);
}

.news-page>section.read-more-section>div.section-content.read-more-section-content>div>a>div {
  background-color: var(--news-latest);
}

.interviews-page>section.hero-section2>div.hero-carousel>div>div.hero-image2>img {
  border-color: var(--interviews);
}

.interviews-page>section.hero-section2>div.hero-aricles-navs>span.nav-left {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1768 16.4059L8.30078 12.4996L12.1768 8.59338M8.83936 12.4996H10.8043H12.7693H16.6992' stroke='%238BADBE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.875 12.4996C21.875 7.32385 17.6758 3.12463 12.5 3.12463C7.32422 3.12463 3.125 7.32385 3.125 12.4996C3.125 17.6754 7.32422 21.8746 12.5 21.8746C17.6758 21.8746 21.875 17.6754 21.875 12.4996Z' stroke='%238BADBE' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

.interviews-page>section.hero-section2>div.hero-aricles-navs>span.nav-right {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8232 8.59406L16.6992 12.5003L12.8232 16.4066M16.1606 12.5003H14.1957H12.2307H8.30078' stroke='%238BADBE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.125 12.5003C3.125 17.6761 7.32422 21.8753 12.5 21.8753C17.6758 21.8753 21.875 17.6761 21.875 12.5003C21.875 7.32453 17.6758 3.12531 12.5 3.12531C7.32422 3.12531 3.125 7.32453 3.125 12.5003Z' stroke='%238BADBE' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}



.article-©page.podcast>section.read-more-section>div.section-content.read-more-section-content>div>a>div {
  background-color: var(--green-dark);
}

.hero-section-article.votes {
  background-color: rgba(33, 148, 120, 0.2);
  margin: 2.875rem 8.3vw;
}

.hero-section-article.competitions {
  display: flex;
  background-color: rgba(33, 148, 120, 0.2);
  padding: initial;
  margin: 46px 8.3vw;
  margin-top: 7.1875rem;
  height: 22.01vw;
}

.articles-hero.competitions {
  width: 100%;


}

.articles-hero.competitions img {
  height: 100%;
  object-fit: cover;
  border: revert;

}

.hero-paragraph-line.article-line.competitions {
  display: block;
  width: 17px;
  height: 2px;
  margin-top: -3px;
  background-color: var(--black);
  margin-left: 5px;
}

.hero-paragraph-title.competitions {
  display: block;
}

.hero-paragraph-title.competitions h1 {
  color: var(--green-darker);
  font-size: clamp(10px, -4px + 2.333vw, 24px);
}

.hero-section-article.competitions>div.hero-paragraph.votes>div.line-wrapper>span {
  font-size: 10px;
}

body>div.page.vote>section {
  margin: 2.875rem 8.3vw 3.125rem 8.3vw;
  max-height: 19.8125rem;
  overflow: hidden;
  padding: initial;
}

body>div.page.vote>section>div.hero-paragraph.votes {
  margin: 5.9375rem 3.25rem 5.9375rem 3.25rem;
  padding: 0;
}

body>div.page.vote>section>div.hero-paragraph.votes>div.hero-paragraph-text.votes {
  max-height: 4.5rem;
  overflow: hidden;
}

.poll-content {
  width: 100%;
  padding: 0 8.3vw;
}

.poll-text {
  width: 100%;
  overflow: hidden;
}

#id_choice {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}

#id_choice>li {
  display: flex;
  min-height: 45px;
  border-radius: 6px;
  background-color: rgba(222, 222, 222, 0.2);
  margin: 0 0.75rem;
  margin-bottom: 8px;
}

#id_choice>li>label {
  display: flex;
  gap: 21px;
  align-items: center;
  justify-content: center;
}

#id_choice>li>label>input {
  width: 36px;
  height: 36px;
  flex-grow: 0;
  border-radius: 4px;
  border: solid 1px var(--cards-details-text);
}

body>div.page.vote>div>form>div {
  display: flex;
  width: 30.6875rem;
  margin: 0 auto 7.5rem auto;
  border-radius: 4px;
}

.award-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 8.3vw;
}


.award-group-details ul {
  list-style: none;
}

.award-group-details h1 {
  color: var(--voting);
  list-style: none;
}

.award-group-image img {
  min-height: 22.625rem;
  border: solid 1.5px var(--voting);
  border-radius: 7px;
}

.award-group-image img {
  min-height: 22.625rem;
  border: solid 1.5px var(--voting);
  border-radius: 7px;
}


.cke_screen_reader_only {
  position: revert !important;
}


@media (max-width: 95rem) {
  .article-page {
    padding: 0 8.3vw 0 8.3vw;
  }
}

@media (min-width: 1500px) and (max-width: 1799.99px) {
  .hero-aricles-navs {
    /* transform: translate(0px, -260px); */
    top: 16vw;
  }
}

@media (min-width: 1800px) and (max-width: 1999.99px){
  .hero-aricles-navs {
    /* transform: translate(0px, -260px); */
    top: 14vw;
  }
}
@media (min-width: 2000px) and (max-width: 2399.99px){
  .hero-aricles-navs {
    /* transform: translate(0px, -260px); */
    top: 12vw;
  }
}
@media (min-width: 2400px) and (max-width: 2799.99px){
  .hero-aricles-navs {
    /* transform: translate(0px, -260px); */
    top: 10vw;
  }
}

@media (max-width: 981px) {
  .head-wrapper {
    width: 100%;
    flex-direction: column;
  }


  .head>div>div:nth-child(1) {
    margin-left: auto;
  }

  .head>div>div:nth-child(2) {
    margin-right: auto;
  }

  .staff-wrapper {
    flex-direction: column;
  }

  .staff-cards {
    grid-template-columns: repeat(4, 1fr);
    overflow: scroll;
  }

  .mission-wrapper,
  .vision-wrapper {
    flex-direction: column;
  }

  .client-wrapper {
    flex-direction: column;
  }

}

@media (max-width: 1079px) {
  .hero-section-article.podcasts {
    display: flex;
  }

}

@media (max-width: 768px) {

  body {
    min-width: 100%;
  }

  .head {
    padding: 0 1.25rem;
  }

  .head-devider,
  .head-link,
  .head-social {
    display: none;
  }

  .head-wrapper {
    flex-direction: revert;
  }

  .head-link.login {
    display: block;
  }

  .head-links .head-link:nth-child(2) {
    display: block;
  }

  .head-devider.mobile {
    display: block;
  }

  body>nav>div>a {
    width: 110px;
    height: 28px;
  }
  .nav-devider {
    display: none;
  }
  .roznamie.animetherapy {
    margin-right: auto;
    margin-left: 1rem;
    font-size: 12px;
  }
  .vote-banner {
    width: 85%;
  }

  nav {
    padding: 0 1.25rem;
  }

  .roznamie {
    display: none;
  }

  .write-as-guest {
    display: none;
  }


  .hero-container {
    display: flex;
    height: min-content;
    flex-direction: column-reverse;
  }

  .nav-links {
    position: fixed;
    flex-direction: column;
    width: 100%;
    background-color: #061914;
    margin-top: 49.4rem;
    z-index: 2;
    height: 100vh;
    display: none;
  }

  #menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--white);
    padding: 7.2px 5px;
    border-radius: 4px;
    z-index: 100;

  }

  #menuToggle input {
    display: flex;
    height: 2rem;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
  }

  .search-mega .searchmega_input {
    width: 80%;
  }



  #menuToggle span:first-child {
    transform-origin: 0% 0%;
  }

  #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }

  #menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(3px, -1px);
  }

  #menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }

  #menuToggle input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, 5px);
    list-style: none;
  }

  #menu {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: fixed;
    width: 100vw;
    background-color: #061914;
    height: calc(100vh - 3.1rem);
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
  }

  .rznmi-nav #menu {
    position: absolute;
    flex-direction: column;
    display: block;
    left: -108vw;
    top: 10vh;
    background-color: var(--white);
    align-items: flex-start;
    transition: transform 400ms ease-in;
    transform: translate(-100%, 2.5%);
    width: 100%;
    gap: 22px;
    justify-content: flex-end;
  }

  .ar-nav #menu {
    background-color: var(--black);
  }



  #menu ul {
    list-style: none;
    direction: none;
  }

  #menu li {
    list-style: none;

    transition-delay: 2s;
  }

  #menu li a {
    color: var(--white);
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;

  }




  .color {
    background: var(--green-dark);
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
  }



  #menuToggle input:checked~ul {
    display: flex;
    padding-left: 0;
    width: 104vw;
    transform: translate(95%, -5.5%);
  
    transition: transform 400ms ease-in;


  }
  .rznmi-nav .burger-roznami {
    background-color: var(--black);
    border-radius: 0;
    width: 100%;

    
  }
  .rznmi-nav #menu li a {
    display: block;
    font-size: 24px;
    color: var(--green-darker);
    padding: 11px 23px;
    
  }
  .rznmi-nav #menu .burger-contact-us span {
    color: var(--white);
    
  }
  .ar-nav #menu li a {
    display: block;
    font-size: 24px;
    color: var(--white);
    padding: revert;
    
  }

  #menu li .write-as-guest2 a {
    color: var(--green-dark);
    font-size: 14px;
    font-weight: 800;
  }

  .ar-nav #menu .burger-contact-us span {
    color: var(--white);
    
  }
  
  .mobile-nav-grp1,
  .mobile-nav-grp2,
  .mobile-nav-grp3  {
    width: 100%;
  }
  .mobile-nav-grp1 span,
  .mobile-nav-grp2 span,
  .mobile-nav-grp3 span {
    color: var(--black);
    font-size: 15px;
    font-weight: bold;
  }

  .mobile-nav-grp1 ,
  .mobile-nav-grp2 {
    margin: 1.25rem;
    gap: 28px;
  }

  .ar-nav .mobile-nav-grp2 {
    margin: revert;
    margin-top: auto;
    padding-bottom: 1.8rem;
    
  }

  .ar-nav .mobile-nav-grp2 .search-mega {
    display: flex;
    border-radius: 2rem;
    justify-content: center;
    justify-content: flex-start;
    margin-bottom: 1rem;
    margin-right: 12px;
  }

  .mobile-nav-grp2 ul a {
    text-decoration: none;
  }


  .mobile-nav-grp1 ul ,
  .mobile-nav-grp2 ul {
    display: flex;
    flex-direction: column;
    gap: 28px;
  }
  .mobile-nav-grp3 {
    margin-top: auto;
    padding-bottom: 1.6rem;

  }

  .nav-devider.mobile {
    display: block;
    width: 100%;
    height: 1px;
    transform: rotate(-180deg);
    opacity: 0.1;
    margin: revert;
    background-color: var(--black);
  }

  ol, ul {
    padding-left: revert !important;
  }

  .ar-nav .mobile-nav-grp1 {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .ar-nav #menu .mobile-nav-grp1 li a {
    font-size: 15px;

  }
  .burger-footer {
    width: 100%;
    white-space: nowrap;
    position: absolute;
    bottom: 1rem;
  }

  .ar-nav .burger-roznami {
    display: block;
    padding: 12px 20px;
    background-color: #38a6a7;
    align-items: center;
    color: var(--white);
    font-weight: bold;
    width: 100%;

  }

  .burger-contact-us {
    height: 44px;
    background-color: var(--green-dark);
    display: flex;
    align-items: center;
    padding: 1.25rem;
    color: var(--white);
    font-weight: bold;
   

  }

  .footer-wrapper {
    flex-direction: column;
    width: 100%;
    padding: 2rem;
  }

  .vote-banner {
    z-index: -10;
  }

  .footer-group {
    margin-bottom: 0.5rem;
    width: revert;
  }

  .footer-social {
    margin-top: 1.1875rem;
    margin-bottom: 50px;
  }

  .uzd-logo {
    padding: revert;
    justify-content: flex-end;
    gap: 0.75rem;
  }


  .home-page,
  .news-page,
  .reviews-page,
  .interviews-page,
  .podcasts-page,
  .articles-page {
    padding: 1.25rem;
    margin-top: 0;
    padding-bottom: 0;

 
  }

  .interviews-page>section.read-more-section>div.section-header.read-more-header.articles {
    padding: 0;
    background-color: revert;
  }


  .hero-section {
    display: flex;
    flex-direction: column;
  }

  .hero-section2 {
    margin: 0;
    height: revert;
  }

  .hero-carousel {
    align-items: flex-start;
    position: initial;
    width: revert;


  }

  .hero-image2 {
    height: auto;
    border: revert;

  }

  .hero-image2 img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .hero-item {
    align-items: center;
  }

  .hero-item:nth-child(1) {
    flex-direction: column;

  }

  .hero-item:nth-child(2),
  .hero-item:nth-child(3) {
    display: none;
  }


  .hero-carousel>div:nth-child(1)>div.hero-image2>img {
    max-width: 100%;
    width: auto;
    border-radius: 6px;
    border: solid 1.5px var(--green-dark);
  }

  .interviews-page>section.hero-section2>div.hero-carousel>div>div.hero-image2>img {
    border-color: var(--interviews);
  }

  .interviews-page>section.hero-section2>div.hero-aricles-navs>span.nav-left {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1768 16.4059L8.30078 12.4996L12.1768 8.59338M8.83936 12.4996H10.8043H12.7693H16.6992' stroke='%238BADBE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.875 12.4996C21.875 7.32385 17.6758 3.12463 12.5 3.12463C7.32422 3.12463 3.125 7.32385 3.125 12.4996C3.125 17.6754 7.32422 21.8746 12.5 21.8746C17.6758 21.8746 21.875 17.6754 21.875 12.4996Z' stroke='%238BADBE' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  }

  .interviews-page>section.hero-section2>div.hero-aricles-navs>span.nav-right {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8232 8.59406L16.6992 12.5003L12.8232 16.4066M16.1606 12.5003H14.1957H12.2307H8.30078' stroke='%238BADBE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.125 12.5003C3.125 17.6761 7.32422 21.8753 12.5 21.8753C17.6758 21.8753 21.875 17.6761 21.875 12.5003C21.875 7.32453 17.6758 3.12531 12.5 3.12531C7.32422 3.12531 3.125 7.32453 3.125 12.5003Z' stroke='%238BADBE' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  }

  .reviews-page>section.hero-section2>div.hero-carousel>div>div.hero-image2>img {
    border: solid 1.5px var(--reviews);

  }

  body>div.articles-page>section.hero-section2>div.hero-carousel>div>div.hero-image2>img {
    border: solid 1.5px var(--latest-articles);
  }

  body>div.articles-page {
    padding: 0 1.25rem;
  }

  .hero-carousel>div:nth-child(1) {
    max-width: 100%;
    position: initial;
    transform: none;
  }

  .hero-carousel>div:nth-child(1)>div.hero-paragraph2 {
    margin: 0;
  }

  .hero-paragraph {
    margin-top: 1.4375rem;
    padding: 0;
  }

  .hero-paragraph-line {
    width: 3rem;
    margin: 1.4375rem 0 0.8125rem 0;
  }

  .hero-paragraph-title h1 {
    font-size: 20px;
  }

  .hero-aricles-navs {
    position: revert;
    margin: 1.8188rem 2vw 2.7062rem 0;
  }

  .hero-aricles-navs img:nth-child(2) {
    margin-right: 0.9375rem;
  }

  body>div.articles-page>section.hero-section2>div.hero-aricles-navs>img.nav-left {
    margin-right: revert;
  }

  .article-page {
    grid-template-columns: 100% 0%;
  }



  .hero-articles-items {
    display: none;
  }

  .hero-section {
    margin-bottom: 5.3125rem;
    padding: 0;
  }

  .footer-links {
    margin-bottom: 40px;
    max-width: 90vw;
  }

  .footer-links a {
    font-size: 12px;
  }

  .footer-group h3 {
    margin-bottom: 0;
  }

  .adviertise {
    width: 90vw;
    border-radius: 0.25rem;
  }

  .articles-banner.contact img {
    width: 35vw;
    margin-top: 10vh;
  }

  .articles-banner.contact h1 {
    font-size: 40px;
  }

  .contact-us-page.page {
    padding: 0 1.25rem;

  }

  .contact-us-form,
  .login-form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
  }

  .writeArticle-page.page>div {
    display: none;
  }

  .contact-us-form textarea {
    width: 100%;
  }

  .writeArticle-page div {
    width: 100%;
  }

  .section-header {
    display: flex;
    align-items: center;
  }

  .article-page>section.read-more-section>div.section-header.read-more-header {
    margin-right: revert;
  }


  .header-icon img {
    width: 1.625rem;
    height: 1.5625rem;
  }

  .header-title h1 {
    font-size: 20px;
  }

  .view-all {
    margin-top: 0;
  }

  .view-all span {
    font-size: 12px;
  }



  .section-content {
    justify-content: flex-start;
    overflow: scroll;
    width: 100vw;
    gap: 0;
    padding: 10px;
  }

  .Articles.section-content {
    justify-content: flex-start;
    overflow: scroll;
    margin-right: 1.25rem;
    gap: 0;
    padding: 10px;
  }

  .hero-carousel>div:nth-child(1)>div.hero-paragraph2 {
    height: initial;
    max-height: fit-content;
  }

  body>div.articles-page>section.hero-section2>div.hero-carousel>div>div.hero-image2 {
    border: revert;
  }

  .news-section {
    padding: initial;
  }

  .news-section.article-section {
    width: 100vw;
    padding: 30px 0;
  }

  .section-card {
    margin-left: 0.625rem;
    min-width: 242px;
  }

  .section-card:nth-child(1) {
    margin-right: 0.5rem;
  }

  .section-card:last-child {
    margin-left: 0.5rem;
  }


  .article-header {
    margin: 0 8.3vw;
    margin-bottom: 0.625rem;
  }

  .review-section {
    margin: 5rem -8.3vw;
  }

  .voting-section {
    flex-direction: column;
    margin: 5rem 0 0 0;
  }

  .voting-images {
    flex-direction: column;
  }

  .voting-info {
    width: auto;
  }

  .voting-images {
    width: 65vw;
    align-items: center;
  }

  .voting-images>.section-card {
    margin: 45px 0 22px 0;
  }

  .roznamie.vote-now {
    display: flex;
  }

  .featured-shop-section {
    flex-direction: column;
    width: 100%;
  }

  .featured-shop-section .shop-section:nth-child(1),
  .featured-shop-section .shop-section:nth-child(2) {
    width: 100%;
    min-height: 20vh;
  }

  .shop-section-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0;
  }

  .shop-section {
    width: 100vw;
    margin: 5.625rem -8.3vw;
  }

  .articles-banner.podcasts {
    min-height: 9.75rem;
  }

  .interviews-banner>div>img.articles-banner-image2,
  .interviews-banner>div>img.articles-banner-image1 {
    opacity: 0.5;
    height: 75%;
  }

  .interviews-banner>div>img.articles-banner-image1 {
    left: -1rem;
  }


  .articles-banner h1 {
    font-size: 40px;
  }

  .podcasts-banner img:nth-child(1),
  .podcasts-banner img:nth-child(2) {
    display: none;

  }

  .podcasts-banner img:nth-child(3) {
    display: block;
    width: 100vw;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .hero-section-article.podcasts {
    display: flex;
    flex-direction: column;
    padding: 0;
  }



  .hero-image-wrapper.podcast {
    max-width: initial;
  }

  .hero-section,
  .hero-section-article {
    display: flex;
    flex-direction: column;

  }

  .read-more-header.articles {
    position: relative;
    margin: 0;
    justify-content: center;
    margin-bottom: 1.2813rem;
    padding-bottom: 0;
    background-color: var(--white);
  }

  .header-devider.articles {
    width: 100vw;
  }

  .header-title.articles {
    position: absolute;
    padding: 0 1.4vw;
    background-color: var(--white);
  }


  .section-content.read-more-section-content {
    padding: 0;
    margin: 0;
    justify-content: center;
    padding-top: 5px;
  }

  .section-card.article-card {
    margin: 0 0.525rem 0.525rem 0.525rem;
    margin-bottom: 0.5938rem;
  }

  .articles-banner-image1 {
    height: -webkit-fill-available;
  }

  body>div.news-banner>div>img.articles-banner-image1 {
    left: 0;
    opacity: 0.6;
  }

  body>div.news-banner>div>img.articles-banner-image2 {
    opacity: 0.6;
  }

  body>div.home-page>section.news-section.article-section.podcast-section>div.Articles.section-content>div {
    height: auto;
  }


  .articles-banner-image2 {
    height: 22vh;
    bottom: 0;
    right: -4rem;
    margin-left: -20%;

  }

  .hero-articles {
    display: none;
  }

  .weekly-letter-input.articles.page {
    max-width: 85vw;
  }

  .podcast-player {
    margin: 0;
  }

  .podcast-episode h1 {
    text-decoration: none;
    color: var(--black);
  }

  .podcast-episode {
    flex-direction: column;
    margin-bottom: 2rem;

  }

  .podcast-thumb img {
    width: 100%;
    height: auto;
    margin: revert;
  }

  .podcast-thumb,
  .episode-info {
    width: -webkit-fill-available;
  }

  .podcast-thumb>a {
    width: -webkit-fill-available;
    height: auto;
  }

  .weekly-letter-input.podcasts {
    width: 80%;
    justify-content: center;
  }

  .social-feed {
    display: none;
  }


  .article-page.podcast {
    display: flex;
    flex-direction: column;
  }

  .podcast-text-wrapper {
    margin-bottom: 1.4375rem;
  }

  .details-wrapper {
    margin-bottom: 1.875rem;
    padding: 0;
  }


  .article-page.podcast .section-header.read-more-header {
    background-color: transparent;
    margin: 45px 0 24px 0;
  }

  .weekly-letter-input input {
    width: 85%;
  }




  .emojy {
    width: 31px;
    height: 31px;
  }

  .reaction.last {
    margin-left: 0;
  }

  body>div.news-page>section.read-more-section>div.section-header.read-more-header.articles {
    background-color: transparent;
    padding: 0;
  }

  body>div.news-page>section.read-more-section>div.section-content.read-more-section-content>div {
    outline: solid 1.5px var(--news-latest);
  }

  body>div.news-page>section.read-more-section>div.section-content.read-more-section-content>div>a>div {
    background-color: var(--news-latest);

  }

  body>div.reviews-banner>div>img.articles-banner-image1 {
    left: 0;
    opacity: 0.2;
  }

  body>div.reviews-banner>div>img.articles-banner-image2 {
    right: 0;
    opacity: 0.2;

  }

  body>div.reviews-page>section.read-more-section>div.section-header.read-more-header.articles {
    background-color: transparent;
  }

  body>div.reviews-page>section.read-more-section>div.section-content.read-more-section-content>div {
    outline: solid 1.5px var(--reviews);

  }

  body>div.reviews-page>section.read-more-section>div.section-content.read-more-section-content>div>a>div {
    background-color: var(--reviews);
  }

  body>div.reviews-page>section.weekly-letter-section.articles {
    margin-top: 0;
  }

  .intro-wrapper,
  .staff-wrapper {
    flex-direction: column;
  }

  .about-us-intro {
    padding: 0;
  }

  .intro-img {
    width: auto;
    height: auto;
    margin: 1.0625rem auto 0 auto;
  }

  .staff {
    padding: 0;
  }

  .intro-paragraph,
  .staff {
    margin: 1.375rem 1.25rem 2.3125rem 1.25rem;
  }

  .staff-cards {
    display: flex;
    overflow: scroll;
  }

  .staff-nav {
    margin: 4.6875rem auto 0 auto;
  }

  .mission,
  .vision {
    flex-direction: column-reverse;
    height: fit-content;
  }

  .mission-wrapper,
  .vision-wrapper {
    flex-direction: column;
    width: 100vw;
  }

  .mission p,
  .vision p {
    width: auto;
    height: auto;
    margin: 0.8125rem 1.25rem 2.1875rem 3.25rem;
  }

  .mission h1,
  .vision h1 {
    margin-right: 1.25rem;
  }

  .vision {
    flex-direction: column;
  }

  .vision-image {
    position: initial;
  }

  .mission-image img,
  .vision-image img {
    margin-top: -2.8rem;
  }

  .our-work-header {
    margin: 0 1.25rem 1.125rem 1.25rem;
  }

  .work-cards {
    width: 100%;
    overflow: scroll;
  }

  .work-card {
    min-width: 16.9375rem;
  }

  .client-wrapper {
    flex-direction: column;
    margin: 1.25rem 1.25rem 1.125rem 1.25rem;
  }

  .our-clients {
    width: 100%;
  }

  .our-clients h1 {
    font-size: 20px;
  }

  .client-wrapper>h1 {
    display: none;
  }

  .our-clients-mobile-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
  }

  .our-clients-mobile-wrapper>h1 {
    display: block;
    font-weight: 700;
    font-size: 32px;
    color: #C4C4C4;
  }

  .images-wrapper {
    max-width: 100vw;
  }

  .hero-paragraph.votes {
    padding: 0 0;
  }

  .poll-content {
    width: 100vw;
    padding: 2.5rem 1.25rem 1.125rem 1.25rem;
  }

  .poll-content ul {
    list-style: none;
  }

  body>div.page.vote>section {
    margin: 0 1.25rem 0 1.25rem;
  }

  body>div.page.vote>section>div.articles-hero.votes>img {
    min-height: auto;
  }

  body>div.page.vote>div>div>h2 {
    font-size: 16px;
    font-weight: bold;
    color: var(--black);
    margin-bottom: 1.125rem;

  }




  #id_choice {

    display: flex;
    flex-direction: column;
  }

  #id_choice>li {
    display: flex;
    width: 100%;
    min-height: 45px;
    border-radius: 6px;
    background-color: rgba(222, 222, 222, 0.2);
    margin-bottom: 8px;
  }

  #id_choice>li>label {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #id_choice input {
    width: 28px;
    height: 28px;
    flex-grow: 0;
    margin: 0 8px 0 8px;
    border-radius: 4px;
    border: solid 1px var(--cards-details-text);
  }

  body>div.page.vote>div>form>div {
    display: flex;
    width: 80vw;
    margin: 0 auto;
    border-radius: 4px;
  }

  .hero-paragraph-title h1 {
    font-size: 20px;
  }

  .articles-banner.write img {
    width: revert;
    height: -webkit-fill-available;
    bottom: 0;
    margin-left: revert;
    margin-right: revert;
    margin-top: revert;
    position: revert;
  }

  .contact.articles-banner.write {
    overflow: hidden;

    max-height: 12.875rem;
  }


  .writeArticle-banner img {
    display: none;
  }

  body>div.page.competitions-page>section.hero-section-article.competitions {
    height: revert;
  }
}

@media (max-width: 425px) {
  .image-info {
    display: none;
  }



  body>div.news-banner>div>img.articles-banner-image2 {
    height: 70%;

  }

  body>div.news-banner>div>img.articles-banner-image1 {
    left: 0;
    height: 70%;
    bottom: 0;
  }


}

@media (max-width: 320px) {
  .header-devider {

    min-width: 40%;
  }



  .footer-group:nth-child(3) {
    align-items: center;
  }

  .player-artwork img {
    display: none;
  }

}

.dark-mode h1,
.dark-mode .author-name,
.dark-mode .comments span,
.dark-mode input.comment-input::placeholder ,
.dark-mode .episode-summary,
.dark-mode .votbaner .cont-vote p,
.dark-mode .author-title ,.dark-mode .hero-paragraph-text p,.dark-mode p{
  color: #FFFFFF;
}


.dark-mode .votbaner .cont-vote span::before{background-color: #fff;}


.votbaner .cont-vote{
  padding: 95px 52px 95px 57px;
}
/* Start Page competition Detail  */


/* Start Page competition Detail  */
.Article-content .article-inner p{
  margin: 20px 0;
}
.hero-section-article.competitions{
  margin-top: 46px;
  height: revert;
}

.informtitle{
  margin-top: 33px;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color: #219478;
  display: flex;
  align-items: center;
}
.informtitle::before{
  content: '';
  height: 3px;
  width: 10px;
  display: inline-block;
  background-color: #219478;
  border-radius: 4px;
  margin: 2px 6px 0 6px;
}
.lisrinform{
  margin-right: 34px;
  margin-top: 14px;
}
.awardbox{
  display: flex;
}
.awardbox .awardtime,
.awardbox .shareterms{
  align-items: center;
  gap: 10px;
  margin: 20px 0px 29px 0px;
  padding: 10px;
  border-radius: 6px;
  background-color: rgba(33, 148, 120, 0.2);
}
.awardbox .awardtime{
  display: flex;
}
.awardbox .awardtime .awardtext{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-right: 13px;
  height: 100%;
}
.awardbox .awardtime .awardtext h5,
.awardbox .awardtime .awardtext h6{
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color: #219478;
}
.awardbox .shareterms{
  margin-right: 15px !important;
  padding: 13px 14px 13px 18px;
}
.awardbox .shareterms p{
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color: #061914;
}

.Article-content .socialshare{
  display: flex;
  flex-grow: 0;
  margin: 47px 0 80px 0;
  padding: 30px 30px 30px 0;
  border-radius: 6px;
  border: solid 1px #c4c4c4;
  background-color: #fff;
}
.Article-content .socialshare img{
  margin-left: 14px;
}
.Article-content .socialshare .socialtext{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Article-content .socialshare .socialtext h2{
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color: #061914;
  font-family: var(--mainfont);
}
.Article-content .socialshare .socialtext span{
  font-family: var(--mainfont);
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color:#6d6d6d;
}
.Article-content .socialshare .iconsocial{
  list-style: none;
  display: flex;
  margin: 0;
}
.Article-content .socialshare .iconsocial li{
  margin: 0;
  padding: 0;
}
.Article-content .socialshare .iconsocial li a{
  margin-top: 10px;
  padding-left: 6px;
  display: block;
}

.informtitle.blck{
  color: #061914;
}
.informtitle.blck::before{
  background-color: #061914;
}
.clrd{
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color: #219478;
}

.competitions-details p{
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

.competition-video-wrapper {
  margin: 0 auto;
}
.competition-video-wrapper iframe{
  width: 90%;
}


/** Old Grid */
.competition-container {
  width: 100%;
  display: grid;
  justify-items: center;
  /* grid-template-columns: auto auto auto auto; */
  grid-template-columns: repeat(auto-fill, minmax(242px, 1fr));
  margin-bottom: 5.4375rem;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0 8.3vw;
  /* column-gap: 10px; */
  row-gap: 1em;
}
.competition-item {
  width: 242px;
  height: 348px;
  /* margin: 55px 24px 34px; */
  padding: 0 0 11px;
  border-radius: 6px;
  margin: 0;
  background-color: #dedede;
}
/** Old Grid */



.wrapper-competition{
  display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 5.4375rem;
    padding: 0 8.3vw;
    justify-items: center;
    justify-content: center;
    padding-top: 5px;
    column-gap: 1rem;
    align-items: center;
    overflow-y: hidden;
}
.wrapper-competition .comp-card{
  width: 242px;
  height: 348px;
  /* outline: solid 1.5px var(--latest-articles); */
  display: flex;
  flex-direction: column;
  margin: 0 0.525rem 0.525rem 0.525rem;
  background-color: #dedede;
  border-radius: 6px;
  margin-bottom: 34px;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.wrapper-competition .comp-card:hover{
  background-color: #b63d43;
}

.wrapper-competition .comp-card img{
  width: 242px;
  height: 296px;
}
.wrapper-competition .comp-card .text-oldcomp{
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
  height: 3rem;
  align-items: center;
}
.wrapper-competition .comp-card .text-oldcomp span{
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: center;
  color: #061914;
}
.wrapper-competition .comp-card:hover .text-oldcomp span{
  color: #fff;
}
.wrapper-competition .comp-card.clrdcard{
  background-color: #b63d43;
  /* height: 52px;
  border-radius: 0px 0px 6px 6px; */
}
.wrapper-competition .comp-card.clrdcard span{
  color: #fff;

}
.checkdiv{
  position: relative;
}
.check-hover{
  width: 0px;
  height: 0px;
  transition: 0.4s ease-in-out;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 9909;
}
.check-hover img{
  width: 0px;
  height: 0px;
  object-fit: cover;
  border-radius: 6px;
  transition: 0.4s ease-in-out;
  position: absolute;
  top: 0px;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.checkdiv:hover .check-hover {
  /* height: 140px; */
}

.checkdiv:hover .check-hover img{
  height: 260px;
  width: 220px;
  border: 1px solid#b63d43;
  opacity: 1;
  visibility: visible;
}







/* Anime Detail Page */
.animedetail-page{
  width: 100%;
  margin: 0;
  padding: 0 8.3vw 0 8.3vw;
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
      "Article-content social-feed"
      "Article-content social-feed"
      "read-more read-more"
      "weekly-letter weekly-letter";
}
.animedetail-page .animeimg {
  margin-top: -50px;
  width: 239px;
  height: 297px;
  border-radius: 5px;
}
.animedetail-page .animeimg img{
  border-radius: 5px;
}
.animedetail-page .animedetail h1{
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color: var(--black);
}
.animedetail-page .animedetail{
  margin-top: 26px;
}
.animedetail-page .animedetail p{
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color: var(--textgrey);

  /* -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; */
}
.animedetail-page .viewsbtn{
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.animedetail-page .viewsbtn .btn-plus{
  /* width: 29px;
  height: 29px; */
  /* margin: 10px 20px 30px 13px; */
  /* padding: 7px 6.5px 6px; */
  /* background-color: #38a6a7;
  display: inline-block;
  border-radius: 50%; */
  text-align: center;
  line-height: 35px;
  margin-left: 13px;
}
.animedetail-page .viewsbtn .btn-plus .custom-dropdown{
  border: 1px solid#38a6a7 !important;
  transition: 0.4s ease-in-out;
  background-color: #38a6a7;
}
.animedetail-page .viewsbtn .btn-plus .custom-dropdown > a{
  color: #fff;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.animedetail-page .viewsbtn .btn-plus .custom-dropdown:hover{
  background-color: #fff ;
}
.animedetail-page .viewsbtn .btn-plus .custom-dropdown:hover > a{
  color: #38a6a7 ;
}
.animedetail-page .viewsbtn .btn-plus .custom-dropdown .dropdown-menu.active{
  top: 40px !important;
}
.animedetail-page .viewsbtn .btn-viewvid{
  padding: 7px 29px 4px;
  border-radius: 6px;
  border: solid 1px #38a6a7;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color: #38a6a7;
  text-decoration: none;
  transition: 0.4s ease-in-out;
}
.animedetail-page .viewsbtn .btn-viewvid:hover{
  background-color: #38a6a7;
  color:#fff; ;
}
.filtersec{
  margin-top: 40px;
}
.filtersec .filterlist{
  list-style: none;
  display: flex;
  justify-content: space-around;
  font-family: var(--mainfont);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color: var(--textgrey);
  transition: 0.4s ease-in-out;
  padding-bottom: 11px;

}
.filtersec .filterlist li{
  transition: 0.4s ease-in-out;
}
.filtersec .filterlist li:hover{
  cursor: pointer;
  transition: 0.4s ease-in-out;
}
.filtersec .filterlist li.active{
  color: #38a6a7;
  font-weight: bold;
  transition: 0.4s ease-in-out;
}
.filterdata{
  margin-top: 30px;
}


.filtersec .filtercontent .itembox.show{
  transform-origin: center;
  animation: show .8s ease 0s 1 forwards;
}

.filtersec .filtercontent .itembox.hide{
  animation: hide .8s ease 0s 1 forwards;
  transform-origin: center;
}

@keyframes hide{
  0%{
    transform: scale(1);
  }
  100%{
    transform: scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }
}


@keyframes show{
  0%{
    transform: scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }
  100%{
    transform: scale(1);
  }
}
.Cast,
.characters,
.statistics,
.Relations{
  display: flex;
  flex-wrap: wrap;
  gap: 1.4375rem;
  justify-items: center;
  margin-bottom: 40px;
}
.statistics h1,
.Cast h1,
.characters h1,
.Relations h1{
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color: var(--black);
  margin: 30px 0 5px 0;
  width: 100%;
}
.Relations .relationdiv{
  display: flex;
  border-radius: 6px;
  border: solid 1px rgba(222, 222, 222, 0.2);
  background-color: var(--White);
  width: 249px;
  height: 102px;
  padding: 15px 0;
  align-items: center;
  max-width: 249px;
}

.Relations .relationdiv img{
  width: 89px;
  height: 102px;
  border-radius: 6px;
}



.Relations .relationdiv .relationtext{
  margin-right: 15px;
}
.Relations .relationdiv .relationtext a{
  text-decoration: none;
}
.Relations .relationdiv .relationtext h4{
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color: #38a6a7;
}

.Relations .relationdiv .relationtext h2{
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: right;
  color: var(--black);

  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}


.characters{
  gap: .8rem;
}
.characters .peraona{
  width: 384px;
  height: 102px;
  /* margin: 5px 20px 10px 13px; */
  border-radius: 6px;
  border: solid 1px rgba(222, 222, 222, 0.2);
  background-color: var(--White);
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.characters .peraona .chars{
  display: flex;
}
.characters .peraona .charpersn img,
.characters .peraona .chars img{
  width: 89px;
  height: 102px;
  border-radius: 6px;
}
.characters .peraona .charpersn{
  display: flex;
}

.characters .peraona .chars .chartext{
  margin-right: 10px;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 0 12px 0;
}

.characters .peraona .charpersn .prsontext{
  margin-left: 10px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 0 12px 0;
}
.characters .peraona .chars .chartext h4,
.characters .peraona .charpersn .prsontext h4{
  width: 74px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: var(--black);

  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.characters .peraona .chars .chartext h6,
.characters .peraona .charpersn .prsontext h6{
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: var(--textgrey);

  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}


.statistics .statistdiv{
  width: 410px;
  height: 102px;
  border-radius: 6px;
  border: solid 1px rgba(222, 222, 222, 0.2);
  background-color: var(--White);
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  margin-bottom: 40px;
}
.statistics .statistdiv .statcontainer{
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  padding: 15px 15px 0px 15px;
}
.statistics .statistdiv .Planning,
.statistics .statistdiv .current,
.statistics .statistdiv .paused,
.statistics .statistdiv .completed,
.statistics .statistdiv .dropped {
  height: 20px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  padding: 0;
  margin-bottom: 19px;
}
.statistics .statistdiv .Planning .Planclor,
.statistics .statistdiv .current .currentclor,
.statistics .statistdiv .paused .pausedclor,
.statistics .statistdiv .completed .completedclor,
.statistics .statistdiv .dropped .droppedclor{
  height: 20px;
  padding: 3px 7px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  text-align: right;
  color: #fff;
  margin-left: 6px;
}
.statistics .statistdiv .Planning .Planclor{
  background-color: #2ec086;
}
.statistics .statistdiv .current .currentclor{
  background-color: #31a9ff;
}
.statistics .statistdiv .paused .pausedclor{
  background-color: #9256f3;
}
.statistics .statistdiv .completed .completedclor{
  background-color: #f779a4;
}
.statistics .statistdiv .dropped .droppedclor{
  background-color: #e85d75;
}

.statistics .statistdiv .current .statext h6,
.statistics .statistdiv .current .statext h5,
.statistics .statistdiv .paused .statext h6,
.statistics .statistdiv .paused .statext h5,
.statistics .statistdiv .completed .statext h6,
.statistics .statistdiv .completed .statext h5,
.statistics .statistdiv .dropped .statext h6,
.statistics .statistdiv .dropped .statext h5,
.statistics .statistdiv .Planning .statext h6,
.statistics .statistdiv .Planning .statext h5{
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.88;
  letter-spacing: normal;
  text-align: right;
  color: var(--textgrey);
}
.statistics .statistdiv .statlable{
  display: flex;
  width: 100%;
  align-items: flex-end;
}
.statistics .statistdiv .statlable .dropped-lable{
  background-color: #2ec086;
  width: 88%;
  height: 10px;
  border-radius: 0px 0px 6px 0px;
}
.statistics .statistdiv .statlable .completed-lable{
  width: 6%;
  height: 10px;
  background-color: #31a9ff;
}
.statistics .statistdiv .statlable .paused-lable{
  width: 4%;
  height: 10px;
  background-color: #9256f3;
}
.statistics .statistdiv .statlable .current-lable{
  width: 3%;
  height: 10px;
  background-color: #f779a4;
}
.statistics .statistdiv .statlable .Planning-lable{
  width: 2%;
  height: 10px;
  background-color: #e85d75;
  border-radius: 0px 0 0 6px;
}



.statistics .staticgraph{
  width: 355px;
  height: 102px;
  padding: 6px 26px 8px 27px;
  border-radius: 6px;
  border: solid 1px rgba(222, 222, 222, 0.2);
  background-color: var(--White);
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  justify-content: space-between;
}

.statistics .staticgraph .graph-par{
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.statistics .staticgraph .graph-par span{
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.88;
  letter-spacing: normal;
  text-align: right;
  color: var(--textgrey);
}
.statistics .staticgraph .graph-par .colrpar{
  border-radius: 47px;
  width: 10px;
  margin: 2px 0;
}

.statistics .staticgraph .graph-par .bottomnumb{
  opacity: 0.5;
}

.statistics .staticgraph .graph-par .bggreen{
  background-color: #64d22d;
  height: 90%;
}

.statistics .staticgraph .graph-par .bgtogreen{
  background-color: #80d22c;
  height: 80%;
}

.statistics .staticgraph .graph-par .bgphosphori{
  background-color: #9bd22e;
  height: 70%;
}

.statistics .staticgraph .graph-par .bgtophosphori{
  background-color: #b7d22d;
  height: 560%;
}

.statistics .staticgraph .graph-par .bgyellow{
  background-color: #d2d22d;
  height: 50%;
}

.statistics .staticgraph .graph-par .bgytoellow{
  background-color: #d2b72d;
  height: 40%;
}

.statistics .staticgraph .graph-par .bgtobrown{
  background-color: #d29b2d;
  height: 30%;
}

.statistics .staticgraph .graph-par .bgbrown{
  background-color: #d2802c;
  height: 20%;
}

.statistics .staticgraph .graph-par .bgred{
  background-color: #d2482d;
  height: 10%;
}

.btn-sendcoment{
  position: absolute;
  left: 4px;
  top: 2px;
  background: #B63D43;
  height: 100%;
  border-radius: 4px;
  display: flex;
  margin: 2px 0 2px 0px;
  height: 1.7rem;
  padding: 5px 10px;
  align-items: center;
  color: #fff;
  font-weight: 500;
}
.input-area{
  position: relative;
  display: flex;
  align-items: center;
}
input.btn-sendcoment {
  position: absolute;
  left: 5px;
  background: #B63D43;
  border-radius: 2px;
  color: #fff;
  padding: 5px 10px;
  font-weight: 700;
  font-size: 12px;
}

.btnvotgroup .captchadiv.vote {
  background-color: #dedede52;
  padding: 1rem;
  width: revert;
  border-radius: 4px;
}
.captchadiv {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.captchadiv input{
  border: 1px solid var(--voting);
  border-radius: 4px;
  margin-left: 6px;
  padding-right: 10px;
  height: 48px;
}
.captchadiv > img{
  margin: 0 6px;
  border: 1px solid var(--voting);
  height: 48px;

}
.captchadiv a{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

/* Global btn */
.btn-clip{
  padding: 3.5px 26.6px 3.5px 25.2px;
  border: solid 1px #4e9292;
  background-color: var(--themcolor);
  clip-path: polygon(90% 0%, 100% 30%, 100% 100%, 10% 100%, 0 70%, 0 0%);
  margin-top: 10px;
  border: solid 1px #4e9292;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  font-family: var(--mainfont);
  background-color: #219478;
  cursor: pointer;
}


.postcategory{
  display: flex;
  align-items: flex-start;
}
.postcategory select{
  width: 491px;
    height: 40px;
    border: 0.5px solid #DEDEDE;
    box-sizing: border-box;
    border-radius: 4px;
}
.writeArticle-form .form-groupcaptcha{
  margin-top: 20px;
  width: 100%;
    display: flex;
    position: relative;
    margin-bottom: 20px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.writeArticle-form .form-groupcaptcha img{
  height: 40px;
  margin-right: 6px;
}
.form-groupcaptcha input{
  width: 70%;
}

.captcha-contactus{
  display: flex;
    flex-direction: row-reverse;
    margin: 10px 0;
    width: 100%;
}
.captcha-contactus img{
  height: 40px;
  margin: 0 6px 0 0;
}


/** Hover Navbar */

.nav-wrapper .nav-links a{
  padding: .5em;
  margin-left: -.5em;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.nav-wrapper .nav-links a::after,
.nav-wrapper .nav-links a::before{
  position: absolute;
  content: '';
  border-bottom: 3px solid #219478;
  border-radius: 1em;
  bottom: .3em;
  transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.nav-wrapper .nav-links a::before{
  width: 0em;
  transform-origin: right;
}
.nav-wrapper .nav-links a::after{
  width: 0%;
  right: 2em;
  transform: translateX(110%);
}


.nav-wrapper .nav-links a:hover::before{
  transform: scaleX(0.3);
  width: 3em;
}

.nav-wrapper .nav-links a:hover::after{
  transform: translateX(0);
  width: 60%;
}


.error{
  border-color:#F00;
}


.showtype::-webkit-scrollbar {
  width: 0;
}




/* Start Under maintenance Page */
.undermaintpage,
.verify_email{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0 auto;
}
.verify_email .verifyemail_bg,
.undermaintpage .maintenance_bg{
  position: fixed;
  object-fit: cover;
  z-index: -2;
  width: 100%;
  height: 100%;

}
.verify_email .verify_content,
.undermaintpage .maintenance{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 5rem 0 5.125rem 0;
  min-width: 34%;
}
.undermaintpage .maintenance img{
  width: 181px;
  min-height: 147px;
}
.undermaintpage .maintenance p{
  margin-top: 20px;
}
.undermaintpage .maintenance .tohome{
  color: #FFFFFF;
  background: #219478;
  border-radius: 4px;
  padding: 12px 30px;
  margin-top: 40px;
}
/* End Under maintenance Page */


/* Start verify email Page */
.verify_email{
  margin: 10rem 0 5.125rem 0;
}
.verify_email .verify_content h1{
  color: #219478;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 30px;
}
.verify_email .verify_content p{
  width: 40%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
  color: #6D6D6D;
  font-size: 16px;
  font-weight: 400;
}
.verify_email .verify_content .resend{
  font-weight: 700;
  font-size: 14px;
  color: #000000;
}
/* End verify email Page */

.article-page.podcast .social-feed .follow-us-section .follow-us-section-header{
  color: #219478;
  border-bottom: 1px solid #219478;
}

.article-page.podcast .social-feed .side-news-section .news-header{
  color: #219478;
  border-bottom: 1px solid #2194787a;
}

.article-page.podcast .social-feed .side-news-section .news-header .news-tab.active{
  border-bottom: 1px solid #219478;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 574.98px){
  .animedetail-page{
    grid-template-columns: 0% 100%;
  }
  .animedetail-page .animedetail p{width: 100%;}
  .animedetail-page .animeimg{
    display: none;
  }
  .characters .peraona{
    height: 70px;
  }
  .characters .peraona .charpersn .prsontext{padding: 0;}
  .characters .peraona .chars .chartext h4,
  .characters .peraona .charpersn .prsontext h4{font-size: 12px;}
  .characters .peraona .chars .chartext {
    padding: 2px 0 2px 0;
}
.characters .peraona .charpersn img,
.characters .peraona .chars img{
    width: 50px;
    height: 60px;
}
.animedetail-page .animedetail h1{
  margin-right: 3%;
  font-size: 24px;
}
.statistics h1, .Cast h1, .characters h1, .Relations h1{
  font-size: 20px;
}
.animedetail-page .animedetail p{
  width: 94%;
  text-align: right;
  margin: 0 auto;
}
.statistics .statistdiv{
  min-height: 102px;
  height: 100%;
  margin-bottom: 0;
}
.statistics .staticgraph{
  padding: 6px 16px 8px 16px;
}
.undermaintpage .maintenance img{
  width: 150px;
  min-height: 140px;
}
.undermaintpage .maintenance p{text-align: center;}
}
@media (max-width: 575.98px) {
  .hero-paragraph.competitions>div.hero-paragraph-text.competitions>p{
    width: 80%;
  }
  .awardbox{
    flex-direction: column;
  }
  .awardbox .awardtime .awardtext h5{
    margin-bottom: 10px;
  }
  .Article-content .socialshare{
    padding: 30px 15px 20px 0;
  }
  .lganime{
    width: 50px;
    height: 50px;
  }
  .competition-video-wrapper iframe{
    width: 100%;
  }

  .animedetail-page{
    padding: 0 2.3vw 0 8.3vw;
  }


  .animedetail{
    display: block;
    margin-right: 0;
  }
  .animedetail-page .animeimg{
    width: 150px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .hero-paragraph.competitions>div.hero-paragraph-text.competitions>p{
    width: 80%;
  }
  .animedetail-page{
    padding: 0 3.1vw 0 8.3vw;
    grid-template-columns: 22% 78%;
  }
  .animedetail{
    display: block;
  }
  .animedetail-page .animeimg{
    width: 150px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .comments-header span{
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
  }

  .animedetail-page .animeimg{
    width: 180px;
  }




  }

@media (max-width: 768px) and (min-width: 425px) {

    #menuToggle input:checked~ul {
    transform: translate(97.4%, -4.5%);



  }

}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .competitions-details p{
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
  }
  .animedetail-page .animeimg{
    width: 190px;
  }
}

@media (min-width: 48rem) and (max-width: 90rem) {
  .section-header {
    padding: 0 1.25rem;
  }
  .hero-section-article.podcasts {
    padding: 0 1.25rem;
  }
  .footer-wrapper {
    padding: 0 1.25rem;
  }

}

@media (min-width: 1445px) {


  .head-wrapper {
    max-width: 90rem;

}

.news-section {

  padding: 10px 0;
  max-width: 90rem;
  
}



.read-more-header {

  padding: revert;


}



.nav-wrapper {

  max-width: 90rem;
  margin: 0 auto;

}



.section-content {
  max-width: 90rem;
  margin: 0 auto;
}


.section-content.podcasts {
  padding: revert;

}


.article-category span {
  max-height: 1rem;
}

.voting-section {

  max-width: 90rem;
  margin: revert;
}

.footer-wrapper {
  max-width: 90rem;
  justify-content: space-between;
  margin: revert;
}

.footer-group {
  margin: revert;

}

.article-header { 

  max-width: 90rem;
  width: 100%;
  margin: 0 auto;
}

.hero-section-article.podcasts {
  padding-inline: 0;
  width: 100%;
  max-width: 90rem;

}

.read-more-section-wrapper {
  display: flex;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}


}



/* start votes page */
.votes-page .vote-hero{
  width: 100%;
  min-height: 261px;
  border-radius: 0 0 6px 6px;
  border: 2px solid  rgba(97, 170, 170, 0.07999999821186066);
  /* opacity: 0.07999999821186066; */
  background: rgba(97, 170, 170, 0.07999999821186066);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

.votes-page .vote-hero .hero-title{
  color:  #61AAAA;
  text-align: center;
  font-family: Tajawal;
  font-size: 69px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.votes-page .vote-wrapper{
  padding: 50px;
  max-width: 90rem;
  margin: 0 auto;
  display: grid;
  justify-content: space-between;
  gap: 24px;
  grid-template-columns: auto auto;
  padding: 50px 8.3vw;
}
.votes-page .vote-box{
  display: flex;
  min-width: 100%;
  min-height: 156px;
  flex-shrink: 0;
  border-radius: 6px;
  background:  rgba(97, 170, 170, 0.07999999821186066);
  height: 156px;
}

.votes-page .vote-box .vote-date{
  border-radius: 0px 6px 6px 0px;
  background: #61AAAA;
  width: 50%;
  min-height: 156px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.votes-page .vote-box .vote-date .datebg{
  color:rgba(255, 255, 255, .6);
  opacity: 0.1;
  font-size: 9rem;
}

.votes-page .vote-box .vote-date .date{
  position: absolute;
  top: 20%;
  left: 25%;
  color:  #FFF;
  text-align: center;
  font-size: 69px;
  font-weight: 700;

}

.votes-page .vote-box .vote-info{
  display: flex;
  flex-direction: column;
  padding: 24px 20px;
  justify-content: center;
}

.votes-page .vote-box .vote-info .vote-title{
  color: #061914;
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px;
}

.votes-page .vote-box .vote-info p{
  color: #6D6D6D;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  padding-bottom: 12px;
}

.votes-page .vote-box .vote-info .votes-now{
  color:#61AAAA;
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.votes-page .vote-box .vote-info .votes-now img{
  width: 14px;
  height: 14px;
}

@media (min-width: 576px) and (max-width: 991.98px) { 
  .votes-page .vote-box {
    flex-direction: column;
    height: 100%;
  }
  .votes-page .vote-box .vote-date .date{left:34%}
  .votes-page .vote-box .vote-date{width: 100%;}
}

@media (max-width: 576px){
  .votes-page .vote-wrapper{
    grid-template-columns: auto;
    justify-content: center;
  }
  .votes-page .vote-hero .hero-title{font-size: 50px;}
  .votes-page .vote-box .vote-date .date{left:18%}
  .votes-page .vote-box .vote-date .datebg{
    font-size: 6rem;
  }
}
@media (max-width: 402px){
  .votes-page .vote-box .vote-info .vote-title{font-size: 11px;}
  .votes-page .vote-box .vote-info p,
  .votes-page .vote-box .vote-info .votes-now{font-size: 10px;}
  .votes-page .vote-box .vote-date .datebg{font-size: 4.3rem;}
  .votes-page .vote-box .vote-date .date{font-size: 40px; top:30%}
}