@charset "UTF-8";
:root {
  --mainContent: #1A1A1A;
  --darkMain: #1A1A1A;
  --lightBlue:#FF8C00;
  --lightBlueDark:#CC7000;
  --success:#42ba96;
  --error:#df4759;
}

@font-face {
  font-family: "Adjusted Arial Fallback";
  src: local(Arial);
  size-adjust: 112%;
  ascent-override: normal;
  descent-override: normal;
  line-gap-override: normal;
}
body {
  background-color: var(--mainContent);
  font-family: Montserrat, "Adjusted Arial Fallback";
}
body.freeze {
  overflow: hidden;
}

img {
  width: 100%;
}

.withPadding {
  padding: 0 6rem;
}
@media (max-width: 1199px) {
  .withPadding {
    padding: 0 1rem;
  }
}

a.social {
  background: #949cb0;
  transition: 0.3s ease all;
  border-radius: 50%;
  display: flex;
}
a.social.facebook {
  padding: 8px 12px;
}
a.social.facebook svg {
  width: 10px;
}
a.social.twitter {
  padding: 8px 10px;
}
a.social.twitter svg {
  width: 16px;
}
a.social.instagram {
  padding: 8px 10px;
}
a.social.instagram svg {
  width: 14px;
}
a.social.pinterest {
  padding: 8px 10px;
}
a.social.pinterest svg {
  width: 12px;
}
a.social.youtube {
  padding: 8px;
}
a.social.youtube svg {
  width: 16px;
}
a.social.linkedin {
  padding: 8px;
}
a.social.linkedin svg {
  width: 16px;
}
a.social:hover {
  background: #d1d1d1;
}

.bgWhite {
  background: #fff;
}
.bgWhite h2, .bgWhite label, .bgWhite p, .bgWhite h1, .bgWhite a {
  color: #212529;
}

.minHeight {
  min-height: 50vh;
}
@media (max-width: 1199px) {
  .minHeight {
    min-height: 90vh;
  }
}

#notFound {
  min-height: 50vh;
}
@media (max-width: 1199px) {
  #notFound {
    min-height: 90vh;
  }
}
#notFound h2, #notFound p, #notFound span {
  color: white;
  text-align: center;
}
#notFound .forOfor span {
  font-size: 120px;
  color: white;
  font-weight: bold;
  display: block;
  width: max-content;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  #notFound .forOfor span {
    font-size: 80px;
  }
}
#notFound .buttonMain {
  margin: 2rem auto !important;
}

.buttonMain {
  display: block !important;
  padding: 0.5rem 1rem !important;
  background: var(--lightBlue) !important;
  color: white !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  width: max-content !important;
  transition: 0.3s ease all !important;
  margin: 1rem 0 !important;
  outline: none !important;
  border: none !important;
  cursor: pointer !important;
}
.buttonMain:hover {
  background: var(--lightBlueDark) !important;
}

textarea {
  font-family: Montserrat, "Open Sans", sans-serif;
}

.messagesContainer .alert {
  padding: 1rem;
  color: white;
  margin: 0.5rem 0;
}
.messagesContainer .alert-danger {
  background: var(--error);
}
.messagesContainer .alert-success {
  background: var(--lightBlue);
}

h1.success {
  color: white;
  background: var(--lightBlue);
  padding: 0.5rem;
  font-size: 18px;
}
h1.error {
  color: white;
  background: var(--error);
  padding: 0.5rem;
  font-size: 18px;
}

.lineHeading {
  border-bottom: 1px solid #2f2f33;
  width: 100%;
  margin: 2rem 0;
}
.lineHeading h2 {
  color: var(--lightBlue) !important;
  font-weight: normal !important;
  width: max-content;
  text-align: center;
  border-bottom: 2px solid var(--lightBlue);
  margin: 0 auto !important;
}

.gfLoader {
  position: absolute;
  top: 175px;
  bottom: 0;
  left: -325px;
  right: 0;
  margin: auto;
  border-radius: 50%;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  z-index: 999;
  opacity: 1;
}
@media (max-width: 550px) {
  .gfLoader {
    left: -125px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#mc_embed_signup .response {
  color: white;
  padding: 0.5rem;
  margin: 0.5rem 0;
}
#mc_embed_signup #mce-EMAIL {
  width: 230px !important;
  margin: 0 auto;
}
#mc_embed_signup input.mce_inline_error {
  border: 1px solid white !important;
}
#mc_embed_signup .mce_inline_error {
  background: var(--error) !important;
  color: white !important;
  margin: 0.5rem 0 !important;
}
#mc_embed_signup .mce_inline_error::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}
#mc_embed_signup .mce_inline_error:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}
#mc_embed_signup .mce_inline_error::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}
#mc_embed_signup #mce-error-response {
  background: var(--error);
}
#mc_embed_signup #mce-success-response {
  background: var(--success);
}

body, html, li {
  margin: 0;
  padding: 0;
}

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

a {
  text-decoration: none;
  color: inherit;
}
a:active, a:visited {
  color: inherit;
  text-decoration: none;
}

#topHeader {
  display: flex;
  align-items: center;
  background: var(--darkMain);
  z-index: 100;
}
@media (min-width: 1200px) {
  #topHeader {
    position: sticky;
    top: 0;
  }
}
@media (max-width: 1199px) {
  #topHeader {
    position: relative;
  }
}
#topHeader #mobileHamburger {
  cursor: pointer;
  margin-right: 1rem;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 1200px) {
  #topHeader #mobileHamburger {
    display: none;
  }
}
#topHeader #mobileHamburger svg {
  width: 26px;
  pointer-events: none;
  color: #97979f;
}
#topHeader #mobileHamburger #mobileNavOverlay {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
#topHeader #mobileHamburger #mobileNavOverlay.show {
  display: block;
}
#topHeader #mobileHamburger #mobileNav {
  position: fixed;
  top: 0;
  left: -1000px;
  transition: 0.4s ease all;
  background: black;
  min-height: 100vh;
  width: 50vw;
  padding: 1rem 0;
  overflow-y: auto;
}
@media (max-width: 400px) {
  #topHeader #mobileHamburger #mobileNav {
    width: 70vw;
  }
}
#topHeader #mobileHamburger #mobileNav a {
  padding: 0.7rem 1rem;
  display: block;
  -webkit-tap-highlight-color: transparent;
}
#topHeader #mobileHamburger #mobileNav.show {
  left: 0;
}
#topHeader #mobileHamburger #mobileNav ul li {
  color: white;
}
#topHeader #mobileHamburger #mobileNav .hasSub {
  padding: 0;
  overflow: hidden;
}
#topHeader #mobileHamburger #mobileNav .hasSub.active {
  overflow: unset;
}
#topHeader #mobileHamburger #mobileNav .hasSub.active > a {
  background: #eee;
  color: #121a21;
}
#topHeader #mobileHamburger #mobileNav .hasSub.active .expand svg {
  fill: #121a21;
}
#topHeader #mobileHamburger #mobileNav .hasSub .subNav a {
  color: #121a21;
  background: white;
}
#topHeader #mobileHamburger #mobileNav .hasSub .subNav li ul li a {
  padding-left: 2rem;
}
#topHeader #mobileHamburger #mobileNav .hasSub .subNav li ul li ul li a {
  padding-left: 4rem;
}
#topHeader #mobileHamburger #mobileNav .hasSub > ul {
  height: 0;
  max-height: 70vh;
  overflow-y: scroll;
}
#topHeader #mobileHamburger #mobileNav .hasSub > ul.show {
  height: auto;
}
#topHeader #mobileHamburger #mobileNav .hasSub > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#topHeader #mobileHamburger #mobileNav .hasSub .expand {
  cursor: pointer;
  display: flex;
}
#topHeader #mobileHamburger #mobileNav .hasSub .expand svg {
  pointer-events: none;
  fill: white;
  width: 14px;
}
#topHeader #headerLogo {
  margin-right: 3rem;
  padding: 1rem 0;
}
@media (max-width: 1199px) {
  #topHeader #headerLogo {
    margin-right: 0;
  }
}
#topHeader #headerLogo img {
  width: 60px;
  height: 60px;
}
@media (max-width: 450px) {
  #topHeader #headerLogo img {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1199px) {
  #topHeader #desktopNav {
    display: none;
  }
}
#topHeader #desktopNav > ul {
  flex-wrap: nowrap !important;
}
@media (max-width: 1500px) {
  #topHeader #desktopNav > ul > li > a {
    font-size: 12px !important;
  }
}
@media (max-width: 1320px) {
  #topHeader #desktopNav > ul > li > a {
    font-size: 10px !important;
  }
}
#topHeader #desktopNav > ul > li ul li a {
  color: #121a21;
  transition: 0.3s ease all;
  font-size: 14px;
}
#topHeader #desktopNav > ul > li ul li a:hover {
  color: var(--lightBlue);
}
#topHeader #desktopNav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#topHeader #desktopNav ul .hasSub.blogPosts .subNav {
  width: 100vw;
  position: fixed;
  left: 0;
  top: 78px !important;
}
#topHeader #desktopNav ul .hasSub.blogPosts .subNav.show {
  animation: bottomToTopFixed 0.4s;
  animation-fill-mode: forwards;
  box-sizing: border-box;
}
#topHeader #desktopNav ul .hasSub.blogPosts ul li.sliderListItem {
  border-left: 1px solid #dedede;
  padding-left: 1rem;
}
#topHeader #desktopNav ul .hasSub.blogPosts ul li.stretch {
  flex: 1;
}
#topHeader #desktopNav ul .hasSub.blogPosts ul li a {
  color: #121a21;
  font-weight: bold;
  display: block;
}
#topHeader #desktopNav ul .hasSub .catSubNav {
  display: grid;
  grid-template-rows: repeat(8, 1fr);
  grid-auto-flow: column;
  grid-gap: 1.5rem 4rem;
}
#topHeader #desktopNav ul .hasSub .catSubNav.freshwaterCatSubNav {
  grid-template-rows: repeat(5, 1fr);
}
#topHeader #desktopNav ul li {
  cursor: pointer;
  padding: 2rem 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}
#topHeader #desktopNav ul li a {
  color: white;
  font-size: 15px;
}
#topHeader #desktopNav ul li svg {
  pointer-events: none;
  width: 12px;
  fill: gray;
}
#topHeader #desktopNav ul li > .subNav {
  position: absolute;
  top: 110%;
  width: max-content;
  background: white;
  padding: 2rem 3rem;
  gap: 2rem;
  transform: scale(0);
  justify-content: space-between;
  transition: 0.3s ease bottom;
  z-index: 10;
}
#topHeader #desktopNav ul li > .subNav.show {
  transform: scale(1);
  animation: bottomToTop 0.4s;
  animation-fill-mode: forwards;
}
#topHeader #desktopNav ul li > .subNav li {
  align-items: flex-start;
  padding: 0;
}
#topHeader #desktopNav ul li > .subNav li ul {
  display: flex;
  flex-direction: column;
}
#topHeader #desktopNav ul li > .subNav li ul li {
  padding: 0;
}
#topHeader #desktopNav ul li > .subNav li ul li a {
  color: #121a21;
  transition: 0.3s ease all;
  font-size: 14px;
}
#topHeader #desktopNav ul li > .subNav li ul li a:hover {
  color: var(--lightBlue);
}
#topHeader #headerRight {
  margin-left: auto;
  display: flex;
  align-items: center;
}
#topHeader #headerRight form input {
  width: 250px;
}
@media (max-width: 1550px) {
  #topHeader #headerRight form input {
    width: 200px;
  }
}
@media (max-width: 1550px) {
  #topHeader #headerRight form input {
    width: 150px;
  }
}
@media (max-width: 1199px) {
  #topHeader #headerRight form input {
    width: 100%;
  }
}
#topHeader #headerRight #headerSearch {
  margin-right: 1rem;
}
@media (max-width: 1199px) {
  #topHeader #headerRight #headerSearch {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    box-sizing: border-box;
  }
  #topHeader #headerRight #headerSearch.show {
    display: block;
    background: #eee;
    width: 100%;
    padding: 0.5rem 1rem;
  }
  #topHeader #headerRight #headerSearch.show input {
    background: #eee;
    color: #121a21;
    border: 2px solid #eee;
  }
  #topHeader #headerRight #headerSearch.show input:focus {
    color: #121a21;
  }
}
#topHeader #headerRight #headerSearch form {
  position: relative;
}
#topHeader #headerRight #headerSearch form input {
  padding: 10px 51px 10px 25px;
  border-radius: 20px;
  border: 2px solid white;
  outline: none;
  transition: 0.3s ease all;
}
@media (max-width: 1500px) and (min-width: 1200px) {
  #topHeader #headerRight #headerSearch form input {
    padding: 5px 23px 5px 12px;
  }
}
#topHeader #headerRight #headerSearch form input:focus {
  border: 2px solid var(--lightBlue);
  outline: none;
  background: transparent;
  color: white;
}
#topHeader #headerRight #headerSearch form svg {
  pointer-events: none;
  position: absolute;
  width: 24px;
  color: #97979f;
  top: 0.45rem;
  right: 1rem;
}
@media (max-width: 1500px) and (min-width: 1200px) {
  #topHeader #headerRight #headerSearch form svg {
    width: 18px;
    top: 0.3rem;
  }
}
#topHeader #headerRight #searchTriggerMobile {
  display: none;
}
@media (max-width: 1199px) {
  #topHeader #headerRight #searchTriggerMobile {
    display: block;
    margin-right: 0.5rem;
  }
  #topHeader #headerRight #searchTriggerMobile svg {
    width: 24px;
    color: white;
  }
}
#topHeader #headerRight #headerUser {
  display: flex;
  gap: 1rem;
  align-items: center;
}
#topHeader #headerRight #headerUser a {
  color: white;
  transition: 0.3s ease all;
  padding: 0.3rem 1.1rem;
  border-radius: 5px;
}
@media (max-width: 1500px) {
  #topHeader #headerRight #headerUser a {
    font-size: 12px !important;
  }
}
@media (max-width: 1320px) {
  #topHeader #headerRight #headerUser a {
    padding: 0.2rem 0.7rem;
  }
}
#topHeader #headerRight #headerUser a[title=Login] {
  background: transparent;
  border: 1px solid var(--lightBlue);
}
#topHeader #headerRight #headerUser a[title=Login]:hover {
  background: var(--lightBlue);
  color: white;
  border: 1px solid var(--lightBlue);
}
#topHeader #headerRight #headerUser a[title=Register] {
  background: #228B22;
  border: 1px solid #228B22;
}
#topHeader #headerRight #headerUser a[title=Register]:hover {
  background: var(--lightBlue);
  color: white;
  border: 1px solid var(--lightBlue);
}
#topHeader #headerRight #headerUser #notificationBell {
  cursor: pointer;
  border: 1px solid white;
  border-radius: 50%;
  padding: 0.4rem 0.4rem 0.2rem 0.4rem;
  position: relative;
}
#topHeader #headerRight #headerUser #notificationBell svg {
  fill: white;
  width: 18px;
  pointer-events: none;
}
#topHeader #headerRight #headerUser #notificationBell #notificationCount {
  position: absolute;
  top: -35%;
  right: -44%;
  color: white;
  background: #228B22;
  border-radius: 50%;
  font-size: 14px;
  box-sizing: border-box;
  width: 25px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#topHeader #headerRight #headerUser #notificationBell #notificationList {
  position: absolute;
  width: 350px;
  background: white;
  right: 0;
  top: 150%;
  border: 1px solid var(--lightBlue);
  display: none;
  height: 260px;
  overflow-y: auto;
  /* Track */
  /* Handle */
}
#topHeader #headerRight #headerUser #notificationBell #notificationList::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
#topHeader #headerRight #headerUser #notificationBell #notificationList::-webkit-scrollbar-track {
  background: lightgray;
  border-radius: 1px;
}
#topHeader #headerRight #headerUser #notificationBell #notificationList::-webkit-scrollbar-thumb {
  background: var(--lightBlue);
  border-radius: 10px;
}
@media (max-width: 550px) {
  #topHeader #headerRight #headerUser #notificationBell #notificationList {
    right: -67px;
    width: 280px;
  }
}
#topHeader #headerRight #headerUser #notificationBell #notificationList.show {
  display: block;
}
#topHeader #headerRight #headerUser #notificationBell #notificationList.loading li {
  opacity: 0.5;
  pointer-events: none;
}
#topHeader #headerRight #headerUser #notificationBell #notificationList.loading li button {
  pointer-events: none;
}
#topHeader #headerRight #headerUser #notificationBell #notificationList li {
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  box-sizing: border-box;
  gap: 1rem;
  border-top: 1px solid var(--lightBlue);
  transition: 0.3s ease background;
  font-size: 14px;
}
@media (hover: hover) {
  #topHeader #headerRight #headerUser #notificationBell #notificationList li:hover {
    background: var(--lightBlue);
  }
  #topHeader #headerRight #headerUser #notificationBell #notificationList li:hover p {
    color: white;
  }
}
#topHeader #headerRight #headerUser #notificationBell #notificationList li:first-of-type {
  border-top: none;
}
#topHeader #headerRight #headerUser #notificationBell #notificationList li p {
  transition: 0.3s ease color;
  margin: 0;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 300;
  word-break: break-word;
}
#topHeader #headerRight #headerUser #notificationBell #notificationList li button {
  background: #E4A11B;
  color: white;
  padding: 4px 8px;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 12px;
}
#topHeader #headerRight #headerUser .userWrapper {
  position: relative;
}
#topHeader #headerRight #headerUser .userWrapper .imageWrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
#topHeader #headerRight #headerUser .userWrapper .imageWrapper img {
  border-radius: 50%;
  max-width: 32px;
  width: 32px;
  height: 32px;
  object-fit: cover;
}
#topHeader #headerRight #headerUser .userWrapper .imageWrapper svg {
  width: 12px;
  fill: gray;
  pointer-events: none;
}
#topHeader #headerRight #headerUser .userWrapper .imageWrapper svg.avatar {
  width: 18px;
  height: 18px;
  padding: 2px;
  border: 1px solid white;
  border-radius: 50%;
  fill: white;
}
#topHeader #headerRight #headerUser .userWrapper nav {
  display: none;
  position: absolute;
  background: white;
  width: max-content;
  top: 173%;
  right: 0;
}
#topHeader #headerRight #headerUser .userWrapper nav :after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#topHeader #headerRight #headerUser .userWrapper nav :after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  right: 10%;
  margin-left: -20px;
}
#topHeader #headerRight #headerUser .userWrapper nav.show {
  display: block;
}
#topHeader #headerRight #headerUser .userWrapper nav ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
#topHeader #headerRight #headerUser .userWrapper nav ul li a {
  color: #212529;
}
#topHeader #headerRight #headerUser .userWrapper nav ul li a:hover {
  color: var(--lightBlue);
}
#topHeader .headerSliderWrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
#topHeader .headerSliderWrapper h2 {
  color: #212529;
  font-size: 18px;
  text-align: center;
}
#topHeader .headerSliderWrapper .swiper-scrollbar > div {
  background: var(--lightBlue);
}
#topHeader .headerSliderWrapper .headerSlider {
  max-width: 1200px;
  width: 100%;
  padding-bottom: 1rem;
}
#topHeader .headerSliderWrapper .headerSlider img {
  width: 200px;
  height: 100px;
  object-fit: cover;
}
#topHeader .headerSliderWrapper .headerSlider .tag {
  position: absolute;
  left: 5px;
  top: 5px;
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  background: var(--lightBlue);
  border-radius: 3px;
  color: white;
  font-size: 12px;
  padding: 5px 10px;
}
#topHeader .headerSliderWrapper .headerSlider h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 200px;
  margin-top: 0;
  font-size: 14px;
}
#topHeader .headerSliderWrapper .headerSlider .entityInfo > a {
  font-size: 10px !important;
  color: #949cb0;
}
#topHeader .headerSliderWrapper .headerSlider .entityInfo a {
  transition: 0.3s ease all;
}
#topHeader .headerSliderWrapper .headerSlider .entityInfo a:hover {
  color: var(--lightBlue) !important;
}

@keyframes bottomToTop {
  from {
    top: 115%;
  }
  to {
    top: 100%;
  }
}
@-moz-keyframes bottomToTop {
  from {
    top: 115%;
  }
  to {
    top: 100%;
  }
}
@-webkit-keyframes bottomToTop {
  from {
    top: 115%;
  }
  to {
    top: 100%;
  }
}
@keyframes bottomToTopFixed {
  from {
    top: 90px;
  }
  to {
    top: 80px;
  }
}
@media (max-width: 1450px) {
  @keyframes bottomToTopFixed {
    from {
      top: 185px;
    }
    to {
      top: 175px;
    }
  }
}
#footer {
  background: var(--darkMain);
}
#footer #footerTop {
  display: flex;
  justify-content: space-between;
  padding-top: 1rem;
}
@media (max-width: 1199px) {
  #footer #footerTop {
    flex-direction: column;
  }
}
#footer #footerTop #footerLogo {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#footer #footerTop #footerLogo a img {
  width: 60px;
}
#footer #footerTop #footerMenu {
  flex: 1;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  #footer #footerTop #footerMenu {
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  #footer #footerTop #footerMenu {
    flex-direction: column;
  }
}
#footer #footerTop #footerMenu li {
  display: flex;
  align-items: center;
}
#footer #footerTop #footerMenu li a {
  display: block;
  padding: 0.5rem;
  color: #949cb0;
  transition: 0.3s ease all;
}
#footer #footerTop #footerMenu li a:hover {
  color: var(--lightBlue);
}
#footer #footerTop #footerSocial {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
#footer #footerCopyright {
  background: var(--darkMain);
  display: flex;
  justify-content: space-between;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-top: 1rem;
  color: #949cb0;
  font-size: 13px;
}
@media (max-width: 1199px) {
  #footer #footerCopyright {
    justify-content: center;
  }
}
#footer #footerCopyright p {
  margin: 0;
}
@media (max-width: 1199px) {
  #footer #footerCopyright a {
    display: none;
  }
}

#footerToTop {
  background: var(--lightBlue);
  transition: 0.3s ease all;
  padding: 0.5rem;
  border-radius: 3px;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 650px) {
  #footerToTop {
    right: 1rem;
  }
}
#footerToTop.hidden {
  opacity: 0;
}
@media (min-width: 1200px) {
  #footerToTop {
    opacity: 0.6;
  }
  #footerToTop:hover {
    opacity: 1;
  }
}
#footerToTop svg {
  pointer-events: none;
  color: white;
  width: 28px;
  height: 28px;
}
@media (max-width: 650px) {
  #footerToTop svg {
    width: 20px;
    height: 20px;
  }
}

.entityList {
  margin: 2rem 0;
  color: white;
}
.entityList * {
  box-sizing: border-box;
}
.entityList .heading {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.entityList .heading h3 {
  font-size: 24px;
  margin: 0;
}
.entityList .heading .line {
  height: 1px;
  flex: 1;
  background: #394253;
}
.entityList .heading nav {
  overflow: hidden;
}
.entityList .heading nav ul {
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 100%;
  overflow-x: scroll;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.entityList .heading nav ul::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.entityList .heading nav ul .entitySectionButton {
  color: #949cb0;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.entityList .heading nav ul .entitySectionButton.active {
  color: var(--lightBlue);
}
.entityList .entityContent {
  display: none;
  padding: 2rem 0;
}
.entityList .entityContent .entityContainer {
  position: relative;
}
.entityList .entityContent .entityContainer .tag {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  top: -10px;
  background: var(--lightBlue);
  border-radius: 3px;
  color: white;
  font-size: 12px;
  padding: 5px 10px;
}
.entityList .entityContent .entityContainer .entityOverlay {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.9388130252) 0%, rgba(255, 255, 255, 0) 52%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.entityList .entityContent .entityContainer .entityInfo {
  position: absolute;
  bottom: 0;
  z-index: 10;
  margin: 0 1rem 0.5rem 1rem;
}
.entityList .entityContent .entityContainer .entityInfo h4 {
  margin: 0 0 0.5rem 0;
  font-size: 15px;
  font-weight: bold;
  word-wrap: break-word;
}
.entityList .entityContent .entityContainer .entityInfo h4 a {
  transition: 0.3s ease all;
}
.entityList .entityContent .entityContainer .entityInfo h4 a:hover {
  color: var(--lightBlue);
}
.entityList .entityContent .entityContainer .entityInfo span {
  color: #949cb0;
  font-size: 12px;
}
.entityList.grid .entityContent {
  gap: 1rem;
}
.entityList.grid .entityContent.active {
  display: flex;
}
@media (max-width: 980px) {
  .entityList.grid .entityContent {
    flex-direction: column;
  }
}
.entityList.grid .entityContent .entityContentMain img {
  max-width: 540px;
  min-width: 540px;
}
@media (max-width: 1670px) {
  .entityList.grid .entityContent .entityContentMain img {
    max-width: 440px;
    min-width: 440px;
  }
}
@media (max-width: 1440px) {
  .entityList.grid .entityContent .entityContentMain img {
    max-width: 380px;
    min-width: 380px;
  }
}
@media (max-width: 980px) {
  .entityList.grid .entityContent .entityContentMain img {
    max-width: unset;
    min-width: unset;
  }
}
.entityList.grid .entityContent .entityContentMain .entityContainer {
  height: 100%;
}
.entityList.grid .entityContent .entityContentSecondary {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 980px) {
  .entityList.grid .entityContent .entityContentSecondary {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .entityList.grid .entityContent .entityContentSecondary {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 550px) {
  .entityList.grid .entityContent .entityContentSecondary {
    grid-template-columns: 1fr;
  }
}
.entityList.grid .entityContent .entityContentSecondary .entityContainer img {
  object-fit: cover;
}
.entityList.grid .entityContent .entityContainer img {
  vertical-align: middle;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.entityList.slider .entityContent {
  border-bottom: none;
}
.entityList.slider .entityContent.active {
  display: flex;
}
.entityList.slider .entityContent img {
  width: 100%;
  vertical-align: middle;
  height: auto;
  object-fit: contain;
}

.recommend {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 1497px) {
  .recommend {
    width: 525px;
  }
}
@media (max-width: 550px) {
  .recommend {
    width: 100%;
    justify-content: center;
  }
}
.recommend .recommendedEntity {
  position: relative;
  width: 250px;
}
.recommend .recommendedEntity .tag {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  top: -10px;
  background: var(--lightBlue);
  border-radius: 3px;
  color: white !important;
  font-size: 12px;
  padding: 5px 10px;
}
.recommend .recommendedEntity .entityOverlay {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.9388130252) 0%, rgba(255, 255, 255, 0) 52%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.recommend .recommendedEntity .entityInfo {
  position: absolute;
  bottom: 0;
  z-index: 10;
  margin: 0 1rem 0.5rem 1rem;
}
.recommend .recommendedEntity .entityInfo h4 {
  margin: 0 0 0.5rem 0;
  font-size: 15px;
  font-weight: bold;
  word-wrap: break-word;
  color: white !important;
}
.recommend .recommendedEntity .entityInfo h4 a {
  color: white !important;
  transition: 0.3s ease all;
}
.recommend .recommendedEntity .entityInfo h4 a:hover {
  color: var(--lightBlue);
}
.recommend .recommendedEntity .entityInfo span {
  color: #949cb0;
  font-size: 12px;
}
.recommend .recommendedEntity .entityInfo .secondaryButton {
  margin: 1rem 0 0.5rem 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  color: white !important;
}
.recommend .recommendedEntity .entityInfo .secondaryButton:hover {
  background: white;
  color: #121a21 !important;
}

.recommendTitle {
  font-size: 26px;
  margin-bottom: 2rem;
}
@media (max-width: 550px) {
  .recommendTitle {
    text-align: center;
  }
}

.secondaryButton {
  border: 1px solid white;
  border-radius: 5px;
  color: white;
  padding: 0.7rem;
}

#singleContent .heading h3 {
  color: #19272e !important;
}

#singleContent .entityList.withPadding,
#singleVideoContent .entityList.withPadding {
  padding: 0 !important;
}
#singleContent .entityList.grid .entityContent,
#singleVideoContent .entityList.grid .entityContent {
  flex-wrap: wrap !important;
}
#singleContent .entityContentMain .entityContainer img,
#singleVideoContent .entityContentMain .entityContainer img {
  max-width: unset;
  min-width: unset;
  width: 300px;
  height: auto;
}
@media (max-width: 550px) {
  #singleContent .entityContentMain .entityContainer img,
  #singleVideoContent .entityContentMain .entityContainer img {
    width: 100%;
  }
}
#singleContent .entityContainer,
#singleVideoContent .entityContainer {
  max-width: 300px !important;
}
@media (max-width: 550px) {
  #singleContent .entityContainer,
  #singleVideoContent .entityContainer {
    max-width: 100% !important;
  }
}
#singleContent .entityContainer .tag,
#singleVideoContent .entityContainer .tag {
  color: white !important;
}
@media (max-width: 550px) {
  #singleContent .entityContainer img,
  #singleVideoContent .entityContainer img {
    width: 100%;
    min-width: unset !important;
    max-width: unset !important;
  }
}
#singleContent .entityContainer .entityInfo h4 a,
#singleVideoContent .entityContainer .entityInfo h4 a {
  color: white !important;
}
#singleContent .entityContainer .entityInfo h4 a:hover,
#singleVideoContent .entityContainer .entityInfo h4 a:hover {
  color: var(--lightBlue) !important;
}

#singleContent .entityList.grid img, #singleVideoContent .entityList.grid img {
  margin: 0 !important;
}
@media (max-width: 980px) {
  #singleContent .entityList.grid .entityContent, #singleVideoContent .entityList.grid .entityContent {
    flex-wrap: unset !important;
  }
}
#singleContent .entityList.grid .entityContainer, #singleVideoContent .entityList.grid .entityContainer {
  max-width: unset !important;
  height: auto !important;
}
#singleContent .entityList.grid img, #singleVideoContent .entityList.grid img {
  width: 100% !important;
}
#singleContent .entityList.grid .entityContentMain, #singleVideoContent .entityList.grid .entityContentMain {
  margin-bottom: 2rem;
}

.banner {
  position: relative;
  margin: 2rem 0;
}
.banner img {
  width: 100%;
  height: auto;
  object-fit: contain;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block;
}
@media (max-width: 1199px) {
  .banner img {
    object-position: center;
  }
}
.banner .bannerContainer {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .banner .bannerContainer {
    justify-content: center;
    gap: 2rem;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .banner .bannerContainer {
    gap: 5rem;
  }
}
.banner .bannerContainer .bannerLeft {
  width: 30%;
}
@media (max-width: 1199px) {
  .banner .bannerContainer .bannerLeft {
    width: 100%;
  }
}
.banner .bannerContainer .bannerLeft .bannerTitle {
  word-wrap: break-word;
  color: white !important;
  font-size: 50px;
}
@media (max-width: 1600px) {
  .banner .bannerContainer .bannerLeft .bannerTitle {
    font-size: 36px;
  }
}
@media (max-width: 1199px) {
  .banner .bannerContainer .bannerLeft .bannerTitle {
    font-size: 28px;
    text-align: center;
  }
}
.banner .bannerContainer .bannerLeft .bannerButtons {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 1rem;
}
@media (max-width: 1199px) {
  .banner .bannerContainer .bannerLeft .bannerButtons {
    justify-content: center;
  }
}
.banner .bannerContainer .bannerLeft .bannerButtons .bannerButton {
  display: block;
  padding: 1rem 2rem;
  background: var(--lightBlue);
  color: white !important;
  border-radius: 7px;
  font-size: 22px;
  width: max-content;
  transition: 0.3s ease all;
}
@media (max-width: 1600px) {
  .banner .bannerContainer .bannerLeft .bannerButtons .bannerButton {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .banner .bannerContainer .bannerLeft .bannerButtons .bannerButton {
    padding: 0.5rem 1rem;
    font-size: 14px;
  }
}
.banner .bannerContainer .bannerLeft .bannerButtons .bannerButton:hover {
  background: var(--lightBlueDark);
}
.banner .bannerContainer .bannerEmbedContainer {
  flex: 1;
  display: flex;
  justify-content: center;
}
@media (max-width: 1199px) {
  .banner .bannerContainer .bannerEmbedContainer {
    flex-grow: 0;
  }
}
@media (max-width: 768px) {
  .banner .bannerContainer .bannerEmbedContainer {
    margin-top: auto;
    margin-bottom: 4rem;
  }
}
.banner .bannerContainer .bannerEmbedContainer .embedPlay {
  border: 2px solid white;
  border-radius: 50%;
  padding: 2rem 2rem 2rem 2.5rem;
  cursor: pointer;
  display: flex;
  opacity: 0.6;
  transition: 0.3s ease all;
}
@media (max-width: 1199px) {
  .banner .bannerContainer .bannerEmbedContainer .embedPlay {
    padding: 1rem 1rem 1rem 1.5rem;
    opacity: 1;
  }
}
.banner .bannerContainer .bannerEmbedContainer .embedPlay:hover {
  opacity: 1;
}
.banner .bannerContainer .bannerEmbedContainer .embedPlay svg {
  pointer-events: none;
  height: 120px;
  width: 120px;
  fill: var(--lightBlue);
}
@media (max-width: 1199px) {
  .banner .bannerContainer .bannerEmbedContainer .embedPlay svg {
    width: 30px;
    height: 30px;
  }
}
.banner .bannerContainer .bannerEmbedContainer .embedOverlay {
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
  display: none;
}
.banner .bannerContainer .bannerEmbedContainer .embedOverlay.show {
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner .bannerContainer .bannerEmbedContainer .embedOverlay .embed {
  width: 100%;
  height: 100%;
}
.banner .bannerContainer .bannerEmbedContainer .embedOverlay .embed > iframe {
  position: absolute !important;
  width: 60% !important;
  height: 60% !important;
  right: 0 !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
}
@media (max-width: 768px) {
  .banner .bannerContainer .bannerEmbedContainer .embedOverlay .embed > iframe {
    width: 100% !important;
    height: 50% !important;
    background: black;
  }
}
@media (max-width: 1199px) {
  .banner.noPortrait img {
    min-height: unset !important;
  }
}
@media (max-width: 1199px) {
  .banner.noPortrait .bannerContainer {
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
  }
}
@media (max-width: 1199px) {
  .banner.noPortrait .bannerContainer .bannerLeft {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
  }
}
@media (max-width: 1199px) {
  .banner.noPortrait .bannerContainer .bannerLeft .bannerButtons {
    width: max-content;
  }
}
@media (max-width: 768px) {
  .banner.noPortrait .bannerContainer .bannerLeft .bannerButtons .bannerButton {
    font-size: 10px !important;
    padding: 0.3rem 0.6rem !important;
  }
}
@media (max-width: 1199px) {
  .banner.noPortrait .bannerContainer .bannerEmbedContainer {
    flex: 1;
    margin: unset !important;
  }
}
@media (max-width: 768px) {
  .banner.noPortrait .bannerContainer .bannerTitle {
    font-size: 12px;
    margin: 10px 0;
    text-align: left;
  }
}

#singleContent .embedPlay svg, #singleVideoContent .embedPlay svg {
  width: 60px !important;
  height: 60px !important;
}
@media (max-width: 768px) {
  #singleContent .noPortrait .embedPlay svg, #singleVideoContent .noPortrait .embedPlay svg {
    width: 30px !important;
    height: 30px !important;
  }
}

#singleVideoContent .banner img {
  width: 100% !important;
}

.personListGrid {
  margin: 2rem 0;
}
.personListGrid .personGridWrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media (max-width: 700px) {
  .personListGrid .personGridWrapper {
    justify-content: center;
  }
}
.personListGrid .personGridWrapper .gridPerson img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 320px;
  display: block;
  margin: 0 auto;
}
.personListGrid .personGridWrapper .gridPerson .personInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.personListGrid .personGridWrapper .gridPerson .personInfo .name {
  margin: 1rem 0 0.5rem 0;
  display: block;
  color: #19272e;
  font-weight: bold;
  word-wrap: break-word;
  font-size: 18px;
}
.personListGrid .personGridWrapper .gridPerson .personInfo .description {
  color: #19272e;
  word-wrap: break-word;
  margin-bottom: 0.5rem;
}
.personListGrid .personGridWrapper .gridPerson .personInfo .social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.personListGrid .personGridWrapper .gridPerson .personInfo .social a {
  border: 1px solid #19272e;
  background: #19272e;
}
.personListGrid .personGridWrapper .gridPerson .personInfo .social a svg {
  fill: white;
}
.personListGrid .personGridWrapper .gridPerson .personInfo .social a:hover {
  background: white;
}
.personListGrid .personGridWrapper .gridPerson .personInfo .social a:hover svg {
  fill: #19272e;
}

.personList {
  background: white;
  color: #19272e;
  padding: 4rem 1rem;
}
.personList h2 {
  font-size: 50px;
  word-wrap: break-word;
  text-align: center;
  margin-top: 0;
}
@media (max-width: 768px) {
  .personList h2 {
    font-size: 32px;
  }
}
.personList .personListDescription {
  font-size: 18px;
  word-wrap: break-word;
  text-align: center;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .personList .personListDescription {
    font-size: 14px;
  }
}
.personList .personSlider {
  margin: 0 auto;
}
@media (min-width: 981px) {
  .personList .personSlider .personSliderWrapper.centerPersons {
    justify-content: center;
    gap: 1rem;
  }
}
.personList .personSlider .personSliderWrapper .person img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 50%;
  max-width: 320px;
  display: block;
  margin: 0 auto;
}
.personList .personSlider .personSliderWrapper .person .personInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.personList .personSlider .personSliderWrapper .person .personInfo .name {
  margin: 1rem 0;
  color: #19272e;
  font-weight: bold;
  word-wrap: break-word;
}
.personList .personSlider .personSliderWrapper .person .personInfo .description {
  color: #19272e;
  word-wrap: break-word;
}
.personList .personSlider .personSliderWrapper .person .personInfo .social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.personList .personSlider .personSliderWrapper .person .personInfo .social a {
  border: 1px solid #19272e;
  background: #19272e;
}
.personList .personSlider .personSliderWrapper .person .personInfo .social a svg {
  fill: white;
}
.personList .personSlider .personSliderWrapper .person .personInfo .social a:hover {
  background: white;
}
.personList .personSlider .personSliderWrapper .person .personInfo .social a:hover svg {
  fill: #19272e;
}

.newsletterBox {
  display: flex;
}
@media (max-width: 990px) {
  .newsletterBox {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.newsletterBox .learn {
  width: 50%;
  padding: 0.3rem 0;
  background: #e2dedd;
  display: flex;
  flex-direction: column;
}
@media (max-width: 990px) {
  .newsletterBox .learn {
    width: 100%;
  }
}
.newsletterBox .learn h2 {
  font-size: 40px;
  font-weight: normal;
  text-align: center;
  margin: 1rem 0;
}
@media (max-width: 1199px) {
  .newsletterBox .learn h2 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .newsletterBox .learn h2 {
    font-size: 18px;
  }
}
.newsletterBox .learn p {
  color: #19272e;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
}
.newsletterBox .learn span {
  color: #19272e;
  font-size: 14px;
  text-align: center;
  display: block;
}
.newsletterBox .learn h3 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .newsletterBox .learn h3 {
    font-size: 18px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .newsletterBox .learn h3 {
    font-size: 16px;
  }
}
.newsletterBox .learn .button {
  background: #fe6000;
  color: white;
  font-weight: 900;
  border-radius: 5px;
  padding: 0.8rem 1.2rem;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s ease all;
  font-size: 14px;
  margin: 1rem auto;
  display: block;
  width: max-content;
}
.newsletterBox .learn .button:hover {
  background: var(--lightBlueDark);
}
.newsletterBox .newsletter {
  width: 50%;
  background: #cccccc;
  padding: 0.3rem 0;
  color: #19272e;
  display: flex;
  flex-direction: column;
}
@media (max-width: 990px) {
  .newsletterBox .newsletter {
    width: 100%;
  }
}
.newsletterBox .newsletter .subTitle {
  font-weight: 600;
  font-size: 2rem !important;
  text-align: center;
}
@media (max-width: 990px) {
  .newsletterBox .newsletter .subTitle {
    font-size: 1.5rem !important;
  }
}
.newsletterBox .newsletter .button {
  background: var(--lightBlue);
  color: white;
  font-weight: 900;
  border-radius: 5px;
  padding: 0.8rem 1.2rem;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s ease all;
  font-size: 14px;
  margin: auto auto 0 auto;
}
.newsletterBox .newsletter .button:hover {
  background: var(--lightBlueDark);
}
.newsletterBox .newsletter h2 {
  font-size: 40px;
  font-weight: normal;
  text-align: center;
  margin: 1rem 0;
}
@media (max-width: 1199px) {
  .newsletterBox .newsletter h2 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .newsletterBox .newsletter h2 {
    font-size: 18px;
  }
}
.newsletterBox .newsletter h2 b {
  font-size: 32px;
}
@media (max-width: 1199px) {
  .newsletterBox .newsletter h2 b {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .newsletterBox .newsletter h2 b {
    font-size: 18px;
  }
}
.newsletterBox .newsletter p {
  color: #19272e;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
}
.newsletterBox .newsletter span {
  color: #19272e;
  font-size: 14px;
  text-align: center;
  display: block;
}
.newsletterBox .newsletter h3 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .newsletterBox .newsletter h3 {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .newsletterBox .newsletter h3 {
    font-size: 16px;
  }
}
.newsletterBox .newsletter form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-top: 0;
}
.newsletterBox .newsletter form label {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}
.newsletterBox .newsletter form input {
  background: white;
  border: 1px solid white;
  outline: none;
  border-radius: 5px;
  font-size: 16px;
  padding: 0.5rem 1rem;
  transition: 0.3s ease all;
}
.newsletterBox .newsletter form input:focus {
  border: 1px solid var(--lightBlue);
  outline: none;
}
.newsletterBox .newsletter form .button {
  background: var(--lightBlue);
  color: white;
  font-weight: 900;
  border-radius: 5px;
  padding: 0.8rem 1.2rem;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s ease all;
  font-size: 14px;
  margin: auto auto 0 auto;
}
.newsletterBox .newsletter form .button:hover {
  background: var(--lightBlueDark);
}
.newsletterBox .newsletter form .mc-field-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.newsletterBox .newsletter form #mc-embedded-subscribe {
  margin: 1rem auto;
  display: block;
}

.mainSlider .mainSliderSlide {
  position: relative;
  box-sizing: border-box;
}
.mainSlider .mainSliderSlide img {
  max-width: 100%;
  width: 100%;
  vertical-align: middle;
}
.mainSlider .mainSliderSlide .mainSliderButtons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
@media (max-width: 980px) {
  .mainSlider .mainSliderSlide .mainSliderButtons {
    bottom: 2rem;
    left: 2rem;
  }
}
@media (max-width: 690px) {
  .mainSlider .mainSliderSlide .mainSliderButtons {
    justify-content: center;
  }
}
.mainSlider .mainSliderSlide .mainSliderButtons .mainSliderButton {
  display: block;
  padding: 1rem 2rem;
  background: var(--lightBlue);
  color: white;
  border-radius: 7px;
  font-size: 22px;
  width: max-content;
  transition: 0.3s ease all;
}
@media (max-width: 1080px) {
  .mainSlider .mainSliderSlide .mainSliderButtons .mainSliderButton {
    font-size: 14px;
    padding: 0.5rem 1rem;
  }
}
@media (max-width: 1199px) {
  .mainSlider .mainSliderSlide .mainSliderButtons .mainSliderButton {
    font-size: 16px;
  }
}
@media (max-width: 800px) {
  .mainSlider .mainSliderSlide .mainSliderButtons .mainSliderButton {
    font-size: 14px;
    padding: 0.3rem 0.8rem;
  }
}
@media (max-width: 400px) {
  .mainSlider .mainSliderSlide .mainSliderButtons .mainSliderButton {
    font-size: 12px;
  }
}
.mainSlider .mainSliderSlide .mainSliderButtons .mainSliderButton:hover {
  background: var(--lightBlueDark);
}
.mainSlider .mainSliderSlide .paginationData {
  display: none;
}
.mainSlider .slideContent {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  width: 40%;
}
@media (max-width: 800px) {
  .mainSlider .slideContent {
    bottom: 1rem;
  }
}
@media (max-width: 690px) {
  .mainSlider .slideContent {
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 2rem;
  }
}
.mainSlider .sliderOverlayText span {
  color: white;
  font-size: 52px;
  display: block;
  margin-bottom: 1rem;
  word-break: break-word;
}
@media (max-width: 1420px) {
  .mainSlider .sliderOverlayText span {
    font-size: 32px;
  }
}
@media (max-width: 1080px) {
  .mainSlider .sliderOverlayText span {
    font-size: 22px;
  }
}
@media (max-width: 690px) {
  .mainSlider .sliderOverlayText span {
    text-align: center;
  }
}
@media (max-width: 500px) {
  .mainSlider .sliderOverlayText span {
    font-size: 16px;
  }
}
@media (max-width: 400px) {
  .mainSlider .sliderOverlayText span {
    font-size: 12px;
  }
}
.mainSlider .mainSliderBullet {
  background: white;
  border: 2px solid white;
  width: 16px;
  height: 16px;
  opacity: 1;
}
@media (max-width: 768px) {
  .mainSlider .mainSliderBullet {
    width: 12px;
    height: 12px;
  }
}
.mainSlider .mainSliderBullet.swiper-pagination-bullet-active {
  width: 16px;
  height: 16px;
  opacity: 1;
  border: 2px solid var(--darkMain);
}
@media (max-width: 768px) {
  .mainSlider .mainSliderBullet.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
  }
}
.mainSlider .swiper-button-prev,
.mainSlider .swiper-button-next {
  width: 70px;
  padding: 1rem;
  opacity: 1;
  z-index: 99;
}
.mainSlider .swiper-button-prev::after,
.mainSlider .swiper-button-next::after {
  content: unset;
}
@media (max-width: 1600px) {
  .mainSlider .swiper-button-prev,
  .mainSlider .swiper-button-next {
    width: 50px;
  }
}
@media (max-width: 1200px) {
  .mainSlider .swiper-button-prev,
  .mainSlider .swiper-button-next {
    width: 35px;
  }
}
@media (max-width: 768px) {
  .mainSlider .swiper-button-prev,
  .mainSlider .swiper-button-next {
    width: 25px;
  }
}
.mainSlider .swiper-button-next svg {
  transform: rotate(180deg);
}
.mainSlider .swiper-button-next.swiper-button-disabled, .mainSlider .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}

.galleryContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 2rem 0;
}
.galleryContainer .extraImages {
  display: none;
}
.galleryContainer .galleryImage {
  position: relative;
  cursor: pointer;
}
.galleryContainer .galleryImage:not(.lastVisibleImage):hover .galleryImageCaption {
  display: block;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  padding: 0.3rem;
}
.galleryContainer .galleryImage img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.galleryContainer .galleryImage .extras {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.galleryContainer .galleryImage .extras span {
  color: white;
  font-weight: bold;
  font-size: 2rem;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: max-content;
  height: max-content;
}
.galleryContainer .galleryImage .galleryImageCaption {
  display: none;
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #d4d4d4;
  font-weight: 900;
  font-size: 0.8rem;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.3;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.3;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInBackground {
  0% {
    background: rgba(0, 0, 0, 0.1);
  }
  20% {
    background: rgba(0, 0, 0, 0.2);
  }
  40% {
    background: rgba(0, 0, 0, 0.4);
  }
  60% {
    background: rgba(0, 0, 0, 0.6);
  }
  80% {
    background: rgba(0, 0, 0, 0.8);
  }
  90% {
    background: rgba(0, 0, 0, 0.9);
  }
  100% {
    background: rgba(0, 0, 0, 0.98);
  }
}
@keyframes fadeInBackground {
  0% {
    background: rgba(0, 0, 0, 0.1);
  }
  20% {
    background: rgba(0, 0, 0, 0.2);
  }
  40% {
    background: rgba(0, 0, 0, 0.4);
  }
  60% {
    background: rgba(0, 0, 0, 0.6);
  }
  80% {
    background: rgba(0, 0, 0, 0.8);
  }
  90% {
    background: rgba(0, 0, 0, 0.9);
  }
  100% {
    background: rgba(0, 0, 0, 0.98);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0.9;
  }
  40% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.3;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0.9;
  }
  40% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.3;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.overflowHidden {
  overflow: hidden;
}

#lightboxContainer {
  transform: scale(0);
  box-sizing: border-box;
  z-index: 9999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#lightboxContainer.show {
  transition: 0.3s ease all;
  transform: scale(1);
  -webkit-animation-name: fadeInBackground;
  -webkit-animation-duration: 0.3s;
  animation-name: fadeInBackground;
  animation-duration: 0.3s;
  background: rgba(0, 0, 0, 0.98);
}
#lightboxContainer #lightboxTopBar {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
#lightboxContainer #lightboxTopBar #lightboxCount {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #d4d4d4;
}
#lightboxContainer #lightboxTopBar #lightboxActions {
  display: flex;
  gap: 1rem;
  align-items: center;
}
#lightboxContainer #lightboxTopBar #lightboxActions #lightboxZoom {
  cursor: pointer;
}
#lightboxContainer #lightboxTopBar #lightboxActions #lightboxFullscreen {
  cursor: pointer;
}
#lightboxContainer #lightboxTopBar #lightboxActions #lightboxSharer {
  cursor: pointer;
  position: relative;
  z-index: 999;
}
#lightboxContainer #lightboxTopBar #lightboxActions #lightboxSharer #lightboxShareOptions {
  position: absolute;
  transition: 0.3s ease all;
  top: -200px;
  background: white;
  flex-direction: column;
  display: flex;
}
#lightboxContainer #lightboxTopBar #lightboxActions #lightboxSharer #lightboxShareOptions.show {
  right: -58px;
  top: 58px;
}
#lightboxContainer #lightboxTopBar #lightboxActions #lightboxSharer #lightboxShareOptions a {
  padding: 0.5rem;
  color: black;
  text-decoration: none;
  font-weight: bold;
  transition: 0.2s ease all;
  border-bottom: 1px solid #d4d4d4;
  text-align: center;
  font-size: 14px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}
#lightboxContainer #lightboxTopBar #lightboxActions #lightboxSharer #lightboxShareOptions a:hover {
  color: white;
}
#lightboxContainer #lightboxTopBar #lightboxActions #lightboxSharer #lightboxShareOptions a:hover#lightboxFbShare {
  background: #1877f2;
}
#lightboxContainer #lightboxTopBar #lightboxActions #lightboxSharer #lightboxShareOptions a:hover#lightboxTwitterShare {
  background: #1da1f2;
}
#lightboxContainer #lightboxTopBar #lightboxActions #lightboxSharer #lightboxShareOptions a:hover#lightboxWhatsappShare {
  background: #25d366;
}
#lightboxContainer #lightboxTopBar #lightboxActions #lightboxClose {
  cursor: pointer;
}
#lightboxContainer #lightboxImages {
  height: 80%;
  max-width: 100%;
  display: flex;
  align-items: center;
  width: max-content;
  margin: auto;
  position: relative;
}
#lightboxContainer #lightboxImages #lightboxLoader {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: transparent;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 42px;
  min-height: 42px;
}
#lightboxContainer #lightboxImages #lightboxLoader #lightboxLoaderSpinner {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  z-index: 999;
  opacity: 1;
  border-top: 5px solid red;
}
#lightboxContainer #lightboxImages .lightboxImageContainer {
  display: none;
  max-width: 100%;
  max-height: 100%;
}
#lightboxContainer #lightboxImages .lightboxImageContainer.show {
  display: block;
}
#lightboxContainer #lightboxImages .lightboxImageContainer.show img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 80vh;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
     supported by Chrome, Edge, Opera and Firefox */
}
#lightboxContainer #lightboxFooter {
  color: #d3d3d3;
  text-align: center;
  font-weight: bold;
  padding: 1rem;
  font-size: 12px;
}
#lightboxContainer #lightboxPrevious {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  #lightboxContainer #lightboxPrevious {
    left: 0.3rem;
  }
}
#lightboxContainer #lightboxPrevious svg {
  background: rgba(0, 0, 0, 0.5);
  width: 22px;
  padding: 0.2rem;
}
#lightboxContainer #lightboxNext {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  #lightboxContainer #lightboxNext {
    right: 0.3rem;
  }
}
#lightboxContainer #lightboxNext svg {
  background: rgba(0, 0, 0, 0.5);
  width: 22px;
  padding: 0.2rem;
}
#lightboxContainer svg {
  pointer-events: none;
  width: 26px;
  color: #d4d4d4;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#singleVideoContent .singleActionMessages,
#singleContent .singleActionMessages {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 101;
  margin: 0 auto;
}
#singleVideoContent .singleActionMessages p,
#singleContent .singleActionMessages p {
  margin: 0;
  text-align: center;
}
#singleVideoContent .singleActionMessages p.error,
#singleContent .singleActionMessages p.error {
  background: var(--error);
  color: white;
  padding: 0.5rem;
}
#singleVideoContent .singleActionMessages p.success,
#singleContent .singleActionMessages p.success {
  background: var(--lightBlue);
  color: white;
  padding: 0.5rem;
}
#singleVideoContent .belowFeatured,
#singleContent .belowFeatured {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
#singleVideoContent .belowFeatured .belowFeaturedContainer,
#singleContent .belowFeatured .belowFeaturedContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  margin-bottom: 0.5rem;
}
#singleVideoContent .belowFeatured .favorite,
#singleContent .belowFeatured .favorite {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 208px;
}
#singleVideoContent .belowFeatured .favorite span,
#singleContent .belowFeatured .favorite span {
  transition: 0.3s ease all;
}
#singleVideoContent .belowFeatured .favorite.active svg,
#singleContent .belowFeatured .favorite.active svg {
  fill: var(--lightBlue);
}
@media (hover: hover) {
  #singleVideoContent .belowFeatured .favorite:hover svg,
  #singleContent .belowFeatured .favorite:hover svg {
    fill: var(--lightBlue);
  }
  #singleVideoContent .belowFeatured .favorite:hover span,
  #singleContent .belowFeatured .favorite:hover span {
    color: var(--lightBlue) !important;
  }
}
#singleVideoContent .belowFeatured .favorite svg,
#singleContent .belowFeatured .favorite svg {
  pointer-events: none;
  transition: 0.3s ease fill;
  fill: #949cb0;
  width: 36px;
  height: 36px;
}
#singleVideoContent .belowFeatured .rating,
#singleContent .belowFeatured .rating {
  position: relative;
  width: max-content;
  align-self: center;
  margin: 1rem 0;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
#singleVideoContent .belowFeatured .rating svg,
#singleContent .belowFeatured .rating svg {
  width: 52px;
  fill: var(--lightBlue);
}
@media (max-width: 400px) {
  #singleVideoContent .belowFeatured .rating svg,
  #singleContent .belowFeatured .rating svg {
    width: 42px;
  }
}
#singleVideoContent .belowFeatured .rating .score,
#singleContent .belowFeatured .rating .score {
  color: var(--lightBlue);
  width: max-content;
  height: max-content;
  font-size: 28px !important;
}
#singleVideoContent .belowFeatured .rating .ratingCount,
#singleContent .belowFeatured .rating .ratingCount {
  font-size: 14px !important;
}
#singleVideoContent a,
#singleContent a {
  color: #949cb0;
  transition: 0.3s ease all;
  font-size: 14px;
}
#singleVideoContent a:hover,
#singleContent a:hover {
  color: var(--lightBlue);
}
#singleVideoContent .singleTop,
#singleContent .singleTop {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#singleVideoContent .singleTop .breadCrumbs,
#singleContent .singleTop .breadCrumbs {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}
#singleVideoContent .singleTop .breadCrumbs .breadCrumb,
#singleContent .singleTop .breadCrumbs .breadCrumb {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#singleVideoContent .singleTop .breadCrumbs .breadCrumb span,
#singleContent .singleTop .breadCrumbs .breadCrumb span {
  color: white;
}
#singleVideoContent .singleTop .breadCrumbs .breadCrumb svg,
#singleContent .singleTop .breadCrumbs .breadCrumb svg {
  fill: #949cb0;
}

#singleContent {
  background: white;
}

#singleVideoContent .videoContent {
  display: flex;
  max-width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  gap: 2rem;
}
@media (max-width: 1199px) {
  #singleVideoContent .videoContent {
    flex-direction: column;
  }
}
#singleVideoContent .videoContent .videoContentMain {
  flex: 1;
}
#singleVideoContent .videoContent .videoContentMain .featuredVideo iframe {
  max-width: 100%;
}
#singleVideoContent .videoContent .videoContentMain > .content {
  line-height: 28px;
}
#singleVideoContent .videoContent .videoContentMain .views svg, #singleVideoContent .videoContent .videoContentMain .likes svg {
  fill: white !important;
}
#singleVideoContent .videoContent .videoContentMain .views .count, #singleVideoContent .videoContent .videoContentMain .likes .count {
  color: white !important;
}
#singleVideoContent .videoContent .videoContentMain .likes .action.clickable:hover svg {
  fill: var(--lightBlue) !important;
}
#singleVideoContent .videoContent .videoContentMain .likes .action.liked svg {
  fill: var(--lightBlue) !important;
}
#singleVideoContent .videoContent .videoContentMain > .content p {
  color: white !important;
}
#singleVideoContent .videoContent .videoContentSidebar {
  box-sizing: border-box;
  min-width: 400px;
}
@media (max-width: 1550px) {
  #singleVideoContent .videoContent .videoContentSidebar {
    min-width: 300px;
    width: 300px;
  }
}
@media (max-width: 1199px) {
  #singleVideoContent .videoContent .videoContentSidebar {
    width: 100%;
    max-width: 100%;
    min-width: unset;
  }
}
#singleVideoContent .videoContent .videoContentSidebar .topFive {
  padding: 2rem 1rem;
  background: #1A1A1A;
}
@media (max-width: 1199px) {
  #singleVideoContent .videoContent .videoContentSidebar .topFive {
    margin-bottom: 2rem;
  }
}
#singleVideoContent .videoContent .videoContentSidebar .topFive h2 {
  font-weight: normal;
  margin-top: 0;
}
#singleVideoContent .videoContent .videoContentSidebar .topFive .items {
  display: flex;
  flex-direction: column;
}
#singleVideoContent .videoContent .videoContentSidebar .topFive .items .item {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border-top: 1px solid #2f2f33;
  gap: 1rem;
}
#singleVideoContent .videoContent .videoContentSidebar .topFive .items .item .position span {
  font-size: 38px;
  color: white;
  font-weight: bold;
}
#singleVideoContent .videoContent .videoContentSidebar .topFive .items .item .info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#singleVideoContent .videoContent .videoContentSidebar .topFive .items .item .info .date {
  font-size: 12px;
}
#singleVideoContent .videoContent .videoContentSidebar .topFive .items .item .info h3 {
  font-size: 14px;
  margin: 0;
}
#singleVideoContent .videoContent .videoContentSidebar .topFive .items .item .info h3 a {
  color: white;
}
#singleVideoContent .videoContent .videoContentSidebar .topFive .items .item .info h3 a:hover {
  color: var(--lightBlue);
}

#singleContent .listTitle,
#singleVideoContent .listTitle {
  color: white;
  font-size: 16px;
  margin-right: 5px;
}
#singleContent .featured img,
#singleVideoContent .featured img {
  width: 100%;
  vertical-align: middle;
  object-fit: cover;
  max-height: 600px;
}
#singleContent h1, #singleContent h2, #singleContent h3, #singleContent h4, #singleContent h5, #singleContent h6,
#singleVideoContent h1,
#singleVideoContent h2,
#singleVideoContent h3,
#singleVideoContent h4,
#singleVideoContent h5,
#singleVideoContent h6 {
  color: white;
  word-wrap: break-word;
  word-break: break-word;
}
#singleContent p, #singleContent span, #singleContent div,
#singleVideoContent p,
#singleVideoContent span,
#singleVideoContent div {
  color: #949cb0;
  font-size: 15px;
  word-wrap: break-word;
}
#singleContent .singleMainContent,
#singleContent .videoContentMain,
#singleVideoContent .singleMainContent,
#singleVideoContent .videoContentMain {
  margin-bottom: 2rem;
}
#singleContent .singleMainContent.portrait,
#singleContent .videoContentMain.portrait,
#singleVideoContent .singleMainContent.portrait,
#singleVideoContent .videoContentMain.portrait {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  #singleContent .singleMainContent.portrait,
  #singleContent .videoContentMain.portrait,
  #singleVideoContent .singleMainContent.portrait,
  #singleVideoContent .videoContentMain.portrait {
    flex-direction: column;
  }
}
#singleContent .singleMainContent.portrait .featured img,
#singleContent .videoContentMain.portrait .featured img,
#singleVideoContent .singleMainContent.portrait .featured img,
#singleVideoContent .videoContentMain.portrait .featured img {
  width: 200px;
  object-fit: contain;
}
@media (max-width: 1199px) {
  #singleContent .singleMainContent.portrait .featured img,
  #singleContent .videoContentMain.portrait .featured img,
  #singleVideoContent .singleMainContent.portrait .featured img,
  #singleVideoContent .videoContentMain.portrait .featured img {
    display: block;
    margin: 0 auto;
  }
}
#singleContent .singleMainContent.portrait h1,
#singleContent .videoContentMain.portrait h1,
#singleVideoContent .singleMainContent.portrait h1,
#singleVideoContent .videoContentMain.portrait h1 {
  margin-top: 0;
}
#singleContent .singleMainContent.portrait .innerContentContainer,
#singleContent .videoContentMain.portrait .innerContentContainer,
#singleVideoContent .singleMainContent.portrait .innerContentContainer,
#singleVideoContent .videoContentMain.portrait .innerContentContainer {
  flex: 1;
}
#singleContent .singleMainContent .innerContentContainer > .content,
#singleContent .videoContentMain .innerContentContainer > .content,
#singleVideoContent .singleMainContent .innerContentContainer > .content,
#singleVideoContent .videoContentMain .innerContentContainer > .content {
  line-height: 28px;
}
#singleContent .singleMainContent .blockContent,
#singleContent .videoContentMain .blockContent,
#singleVideoContent .singleMainContent .blockContent,
#singleVideoContent .videoContentMain .blockContent {
  margin-bottom: 2rem;
}
#singleContent .singleMainContent .blockContent .mainSliderButton,
#singleContent .videoContentMain .blockContent .mainSliderButton,
#singleVideoContent .singleMainContent .blockContent .mainSliderButton,
#singleVideoContent .videoContentMain .blockContent .mainSliderButton {
  color: white !important;
}
#singleContent .singleMainContent .blockContent .banner .bannerButton,
#singleContent .videoContentMain .blockContent .banner .bannerButton,
#singleVideoContent .singleMainContent .blockContent .banner .bannerButton,
#singleVideoContent .videoContentMain .blockContent .banner .bannerButton {
  color: white !important;
}
#singleContent .singleMainContent .blockContent .banner img,
#singleContent .videoContentMain .blockContent .banner img,
#singleVideoContent .singleMainContent .blockContent .banner img,
#singleVideoContent .videoContentMain .blockContent .banner img {
  max-height: unset;
  max-width: 100%;
  width: auto;
  height: auto;
}
#singleContent .singleMainContent .blockContent img,
#singleContent .videoContentMain .blockContent img,
#singleVideoContent .singleMainContent .blockContent img,
#singleVideoContent .videoContentMain .blockContent img {
  width: auto;
  margin: 2rem 0;
  display: block;
}
#singleContent .singleMainContent .blockContent a,
#singleContent .videoContentMain .blockContent a,
#singleVideoContent .singleMainContent .blockContent a,
#singleVideoContent .videoContentMain .blockContent a {
  color: var(--lightBlue) !important;
}
#singleContent .singleMainContent .blockContent .buttonMain,
#singleContent .videoContentMain .blockContent .buttonMain,
#singleVideoContent .singleMainContent .blockContent .buttonMain,
#singleVideoContent .videoContentMain .blockContent .buttonMain {
  color: white !important;
}
#singleContent .singleMainContent .belowTitle,
#singleContent .videoContentMain .belowTitle,
#singleVideoContent .singleMainContent .belowTitle,
#singleVideoContent .videoContentMain .belowTitle {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
#singleContent .singleMainContent .belowTitle .categories span,
#singleContent .videoContentMain .belowTitle .categories span,
#singleVideoContent .singleMainContent .belowTitle .categories span,
#singleVideoContent .videoContentMain .belowTitle .categories span {
  margin-left: -4px;
}
#singleContent .singleMainContent .belowTitle .categories .categoryLinkSingle:not(:first-child),
#singleContent .videoContentMain .belowTitle .categories .categoryLinkSingle:not(:first-child),
#singleVideoContent .singleMainContent .belowTitle .categories .categoryLinkSingle:not(:first-child),
#singleVideoContent .videoContentMain .belowTitle .categories .categoryLinkSingle:not(:first-child) {
  margin-left: -0.3em;
}
#singleContent .singleMainContent .belowTitle .categories .categoryLinkSingle:first-child:empty ~ .categoryLinkSingle:not(:empty),
#singleContent .videoContentMain .belowTitle .categories .categoryLinkSingle:first-child:empty ~ .categoryLinkSingle:not(:empty),
#singleVideoContent .singleMainContent .belowTitle .categories .categoryLinkSingle:first-child:empty ~ .categoryLinkSingle:not(:empty),
#singleVideoContent .videoContentMain .belowTitle .categories .categoryLinkSingle:first-child:empty ~ .categoryLinkSingle:not(:empty) {
  margin-left: 0;
}
#singleContent .singleMainContent .belowTitle .categories .categoryLinkSingle:first-child:empty ~ .categoryLinkSingle:not(:empty) ~ .categoryLinkSingle:not(:empty),
#singleContent .videoContentMain .belowTitle .categories .categoryLinkSingle:first-child:empty ~ .categoryLinkSingle:not(:empty) ~ .categoryLinkSingle:not(:empty),
#singleVideoContent .singleMainContent .belowTitle .categories .categoryLinkSingle:first-child:empty ~ .categoryLinkSingle:not(:empty) ~ .categoryLinkSingle:not(:empty),
#singleVideoContent .videoContentMain .belowTitle .categories .categoryLinkSingle:first-child:empty ~ .categoryLinkSingle:not(:empty) ~ .categoryLinkSingle:not(:empty) {
  margin-left: -0.3em;
}
#singleContent .singleMainContent .belowTitle .categories .categoryLinkSingle:empty,
#singleContent .videoContentMain .belowTitle .categories .categoryLinkSingle:empty,
#singleVideoContent .singleMainContent .belowTitle .categories .categoryLinkSingle:empty,
#singleVideoContent .videoContentMain .belowTitle .categories .categoryLinkSingle:empty {
  display: none;
}
#singleContent .singleMainContent .belowTitle .categories .categoryLinkSingle:not(:first-of-type):before,
#singleContent .videoContentMain .belowTitle .categories .categoryLinkSingle:not(:first-of-type):before,
#singleVideoContent .singleMainContent .belowTitle .categories .categoryLinkSingle:not(:first-of-type):before,
#singleVideoContent .videoContentMain .belowTitle .categories .categoryLinkSingle:not(:first-of-type):before {
  content: ", ";
}
#singleContent .singleMainContent .belowTitle .categories .categoryLinkSingle:empty + .categoryLinkSingle:not(:empty):before,
#singleContent .videoContentMain .belowTitle .categories .categoryLinkSingle:empty + .categoryLinkSingle:not(:empty):before,
#singleVideoContent .singleMainContent .belowTitle .categories .categoryLinkSingle:empty + .categoryLinkSingle:not(:empty):before,
#singleVideoContent .videoContentMain .belowTitle .categories .categoryLinkSingle:empty + .categoryLinkSingle:not(:empty):before {
  content: "";
}
#singleContent .singleMainContent .belowTitle .categories .categoryLinkSingle:not(:empty) ~ .categoryLinkSingle:empty + .categoryLinkSingle:not(:empty):before,
#singleContent .videoContentMain .belowTitle .categories .categoryLinkSingle:not(:empty) ~ .categoryLinkSingle:empty + .categoryLinkSingle:not(:empty):before,
#singleVideoContent .singleMainContent .belowTitle .categories .categoryLinkSingle:not(:empty) ~ .categoryLinkSingle:empty + .categoryLinkSingle:not(:empty):before,
#singleVideoContent .videoContentMain .belowTitle .categories .categoryLinkSingle:not(:empty) ~ .categoryLinkSingle:empty + .categoryLinkSingle:not(:empty):before {
  content: ", ";
}
#singleContent .singleMainContent .actionsAndData,
#singleContent .videoContentMain .actionsAndData,
#singleVideoContent .singleMainContent .actionsAndData,
#singleVideoContent .videoContentMain .actionsAndData {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
#singleContent .singleMainContent .actionsAndData .likes,
#singleContent .singleMainContent .actionsAndData .views,
#singleContent .videoContentMain .actionsAndData .likes,
#singleContent .videoContentMain .actionsAndData .views,
#singleVideoContent .singleMainContent .actionsAndData .likes,
#singleVideoContent .singleMainContent .actionsAndData .views,
#singleVideoContent .videoContentMain .actionsAndData .likes,
#singleVideoContent .videoContentMain .actionsAndData .views {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
#singleContent .singleMainContent .actionsAndData .likes > div,
#singleContent .singleMainContent .actionsAndData .views > div,
#singleContent .videoContentMain .actionsAndData .likes > div,
#singleContent .videoContentMain .actionsAndData .views > div,
#singleVideoContent .singleMainContent .actionsAndData .likes > div,
#singleVideoContent .singleMainContent .actionsAndData .views > div,
#singleVideoContent .videoContentMain .actionsAndData .likes > div,
#singleVideoContent .videoContentMain .actionsAndData .views > div {
  display: flex;
}
#singleContent .singleMainContent .actionsAndData .likes .count,
#singleContent .singleMainContent .actionsAndData .views .count,
#singleContent .videoContentMain .actionsAndData .likes .count,
#singleContent .videoContentMain .actionsAndData .views .count,
#singleVideoContent .singleMainContent .actionsAndData .likes .count,
#singleVideoContent .singleMainContent .actionsAndData .views .count,
#singleVideoContent .videoContentMain .actionsAndData .likes .count,
#singleVideoContent .videoContentMain .actionsAndData .views .count {
  font-size: 22px;
  font-weight: bold;
}
#singleContent .singleMainContent .actionsAndData .likes svg,
#singleContent .singleMainContent .actionsAndData .views svg,
#singleContent .videoContentMain .actionsAndData .likes svg,
#singleContent .videoContentMain .actionsAndData .views svg,
#singleVideoContent .singleMainContent .actionsAndData .likes svg,
#singleVideoContent .singleMainContent .actionsAndData .views svg,
#singleVideoContent .videoContentMain .actionsAndData .likes svg,
#singleVideoContent .videoContentMain .actionsAndData .views svg {
  transition: 0.3s ease all;
  pointer-events: none;
  fill: #949cb0;
  width: 18px;
}
#singleContent .singleMainContent .actionsAndData .likes .action.clickable,
#singleContent .singleMainContent .actionsAndData .views .action.clickable,
#singleContent .videoContentMain .actionsAndData .likes .action.clickable,
#singleContent .videoContentMain .actionsAndData .views .action.clickable,
#singleVideoContent .singleMainContent .actionsAndData .likes .action.clickable,
#singleVideoContent .singleMainContent .actionsAndData .views .action.clickable,
#singleVideoContent .videoContentMain .actionsAndData .likes .action.clickable,
#singleVideoContent .videoContentMain .actionsAndData .views .action.clickable {
  cursor: pointer;
}
#singleContent .singleMainContent .actionsAndData .likes .action.clickable:hover svg,
#singleContent .singleMainContent .actionsAndData .views .action.clickable:hover svg,
#singleContent .videoContentMain .actionsAndData .likes .action.clickable:hover svg,
#singleContent .videoContentMain .actionsAndData .views .action.clickable:hover svg,
#singleVideoContent .singleMainContent .actionsAndData .likes .action.clickable:hover svg,
#singleVideoContent .singleMainContent .actionsAndData .views .action.clickable:hover svg,
#singleVideoContent .videoContentMain .actionsAndData .likes .action.clickable:hover svg,
#singleVideoContent .videoContentMain .actionsAndData .views .action.clickable:hover svg {
  fill: var(--lightBlue);
}
#singleContent .singleMainContent .actionsAndData .likes .action.clickable.liked svg,
#singleContent .singleMainContent .actionsAndData .views .action.clickable.liked svg,
#singleContent .videoContentMain .actionsAndData .likes .action.clickable.liked svg,
#singleContent .videoContentMain .actionsAndData .views .action.clickable.liked svg,
#singleVideoContent .singleMainContent .actionsAndData .likes .action.clickable.liked svg,
#singleVideoContent .singleMainContent .actionsAndData .views .action.clickable.liked svg,
#singleVideoContent .videoContentMain .actionsAndData .likes .action.clickable.liked svg,
#singleVideoContent .videoContentMain .actionsAndData .views .action.clickable.liked svg {
  fill: var(--lightBlue);
}
#singleContent .singleMainContent .actionsAndData .likes .action.clickable .count,
#singleContent .singleMainContent .actionsAndData .views .action.clickable .count,
#singleContent .videoContentMain .actionsAndData .likes .action.clickable .count,
#singleContent .videoContentMain .actionsAndData .views .action.clickable .count,
#singleVideoContent .singleMainContent .actionsAndData .likes .action.clickable .count,
#singleVideoContent .singleMainContent .actionsAndData .views .action.clickable .count,
#singleVideoContent .videoContentMain .actionsAndData .likes .action.clickable .count,
#singleVideoContent .videoContentMain .actionsAndData .views .action.clickable .count {
  font-weight: bold;
  font-size: 12px;
}
#singleContent .singleMainContent .tags ul,
#singleContent .videoContentMain .tags ul,
#singleVideoContent .singleMainContent .tags ul,
#singleVideoContent .videoContentMain .tags ul {
  display: flex;
  gap: 0.3rem;
  flex-wrap: wrap;
}
#singleContent .singleMainContent .tags ul li span,
#singleContent .videoContentMain .tags ul li span,
#singleVideoContent .singleMainContent .tags ul li span,
#singleVideoContent .videoContentMain .tags ul li span {
  margin-left: -5px;
}
#singleContent .singleMainContent .tags ul li a,
#singleContent .videoContentMain .tags ul li a,
#singleVideoContent .singleMainContent .tags ul li a,
#singleVideoContent .videoContentMain .tags ul li a {
  color: var(--lightBlue);
  font-size: 16px;
}
#singleContent .singleMainContent .tags ul li a:hover,
#singleContent .videoContentMain .tags ul li a:hover,
#singleVideoContent .singleMainContent .tags ul li a:hover,
#singleVideoContent .videoContentMain .tags ul li a:hover {
  color: var(--lightBlueDark);
}
#singleContent .singleMainContent img,
#singleContent .videoContentMain img,
#singleVideoContent .singleMainContent img,
#singleVideoContent .videoContentMain img {
  max-width: 100%;
  object-fit: contain;
  height: auto;
}
#singleContent .singleMainContent .reviews,
#singleContent .videoContentMain .reviews,
#singleVideoContent .singleMainContent .reviews,
#singleVideoContent .videoContentMain .reviews {
  margin-top: 1rem;
}
#singleContent .singleMainContent .reviews h2,
#singleContent .videoContentMain .reviews h2,
#singleVideoContent .singleMainContent .reviews h2,
#singleVideoContent .videoContentMain .reviews h2 {
  text-align: center;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--lightBlue);
  width: max-content;
  color: var(--lightBlue);
  margin: 0;
}
#singleContent .singleMainContent .reviews .leaveReview,
#singleContent .videoContentMain .reviews .leaveReview,
#singleVideoContent .singleMainContent .reviews .leaveReview,
#singleVideoContent .videoContentMain .reviews .leaveReview {
  margin-bottom: 2rem;
}
#singleContent .singleMainContent .reviews .leaveReview .leaveReviewTop,
#singleContent .videoContentMain .reviews .leaveReview .leaveReviewTop,
#singleVideoContent .singleMainContent .reviews .leaveReview .leaveReviewTop,
#singleVideoContent .videoContentMain .reviews .leaveReview .leaveReviewTop {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#singleContent .singleMainContent .reviews .leaveReview .leaveReviewTop h3,
#singleContent .videoContentMain .reviews .leaveReview .leaveReviewTop h3,
#singleVideoContent .singleMainContent .reviews .leaveReview .leaveReviewTop h3,
#singleVideoContent .videoContentMain .reviews .leaveReview .leaveReviewTop h3 {
  color: white;
}
#singleContent .singleMainContent .reviews .leaveReview .leaveReviewTop .line,
#singleContent .videoContentMain .reviews .leaveReview .leaveReviewTop .line,
#singleVideoContent .singleMainContent .reviews .leaveReview .leaveReviewTop .line,
#singleVideoContent .videoContentMain .reviews .leaveReview .leaveReviewTop .line {
  flex: 1;
  height: 1px;
  background: #283643;
}
#singleContent .singleMainContent .reviews .leaveReview .reviewBox textarea,
#singleContent .videoContentMain .reviews .leaveReview .reviewBox textarea,
#singleVideoContent .singleMainContent .reviews .leaveReview .reviewBox textarea,
#singleVideoContent .videoContentMain .reviews .leaveReview .reviewBox textarea {
  background: transparent;
  color: white;
  border: 1px solid #283643;
  outline: none;
  transition: 0.3s ease all;
  padding: 0.5rem 1rem;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  #singleContent .singleMainContent .reviews .leaveReview .reviewBox textarea,
  #singleContent .videoContentMain .reviews .leaveReview .reviewBox textarea,
  #singleVideoContent .singleMainContent .reviews .leaveReview .reviewBox textarea,
  #singleVideoContent .videoContentMain .reviews .leaveReview .reviewBox textarea {
    max-width: 100%;
  }
}
#singleContent .singleMainContent .reviews .leaveReview .reviewBox textarea:focus,
#singleContent .videoContentMain .reviews .leaveReview .reviewBox textarea:focus,
#singleVideoContent .singleMainContent .reviews .leaveReview .reviewBox textarea:focus,
#singleVideoContent .videoContentMain .reviews .leaveReview .reviewBox textarea:focus {
  outline: none;
  border: 1px solid var(--lightBlue);
}
#singleContent .singleMainContent .reviews .leaveReview .reviewBox .notification,
#singleContent .videoContentMain .reviews .leaveReview .reviewBox .notification,
#singleVideoContent .singleMainContent .reviews .leaveReview .reviewBox .notification,
#singleVideoContent .videoContentMain .reviews .leaveReview .reviewBox .notification {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.5rem;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  margin-top: -4px;
}
#singleContent .singleMainContent .reviews .leaveReview .reviewBox .notification .displayName,
#singleContent .videoContentMain .reviews .leaveReview .reviewBox .notification .displayName,
#singleVideoContent .singleMainContent .reviews .leaveReview .reviewBox .notification .displayName,
#singleVideoContent .videoContentMain .reviews .leaveReview .reviewBox .notification .displayName {
  font-weight: bold;
}
#singleContent .singleMainContent .reviews .leaveReview .reviewBox .notification svg,
#singleContent .videoContentMain .reviews .leaveReview .reviewBox .notification svg,
#singleVideoContent .singleMainContent .reviews .leaveReview .reviewBox .notification svg,
#singleVideoContent .videoContentMain .reviews .leaveReview .reviewBox .notification svg {
  width: 18px;
  height: 18px;
  padding: 2px;
  border: 1px solid white;
  border-radius: 50%;
  fill: white;
}
@media (max-width: 768px) {
  #singleContent .singleMainContent .reviews .leaveReview .reviewBox .notification,
  #singleContent .videoContentMain .reviews .leaveReview .reviewBox .notification,
  #singleVideoContent .singleMainContent .reviews .leaveReview .reviewBox .notification,
  #singleVideoContent .videoContentMain .reviews .leaveReview .reviewBox .notification {
    max-width: 100%;
  }
}
#singleContent .singleMainContent .reviews .leaveReview .reviewBox .notification img,
#singleContent .videoContentMain .reviews .leaveReview .reviewBox .notification img,
#singleVideoContent .singleMainContent .reviews .leaveReview .reviewBox .notification img,
#singleVideoContent .videoContentMain .reviews .leaveReview .reviewBox .notification img {
  max-width: 28px;
  border: 2px solid white;
}
#singleContent .singleMainContent .reviews .leaveReview .reviewBox .notification span,
#singleContent .videoContentMain .reviews .leaveReview .reviewBox .notification span,
#singleVideoContent .singleMainContent .reviews .leaveReview .reviewBox .notification span,
#singleVideoContent .videoContentMain .reviews .leaveReview .reviewBox .notification span {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}
#singleContent .singleMainContent .reviews .leaveReview .reviewBox #reviewMessage,
#singleContent .videoContentMain .reviews .leaveReview .reviewBox #reviewMessage,
#singleVideoContent .singleMainContent .reviews .leaveReview .reviewBox #reviewMessage,
#singleVideoContent .videoContentMain .reviews .leaveReview .reviewBox #reviewMessage {
  font-size: 18px;
}
#singleContent .singleMainContent .reviews .leaveReview .reviewBox #reviewMessage .success,
#singleContent .videoContentMain .reviews .leaveReview .reviewBox #reviewMessage .success,
#singleVideoContent .singleMainContent .reviews .leaveReview .reviewBox #reviewMessage .success,
#singleVideoContent .videoContentMain .reviews .leaveReview .reviewBox #reviewMessage .success {
  background: var(--lightBlue);
  padding: 1rem;
  color: white;
}
#singleContent .singleMainContent .reviews .leaveReview .reviewBox #reviewMessage .error,
#singleContent .videoContentMain .reviews .leaveReview .reviewBox #reviewMessage .error,
#singleVideoContent .singleMainContent .reviews .leaveReview .reviewBox #reviewMessage .error,
#singleVideoContent .videoContentMain .reviews .leaveReview .reviewBox #reviewMessage .error {
  background: var(--error);
  padding: 1rem;
  color: white;
}
#singleContent .singleMainContent .reviews .stars,
#singleContent .videoContentMain .reviews .stars,
#singleVideoContent .singleMainContent .reviews .stars,
#singleVideoContent .videoContentMain .reviews .stars {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
#singleContent .singleMainContent .reviews .stars .star,
#singleContent .videoContentMain .reviews .stars .star,
#singleVideoContent .singleMainContent .reviews .stars .star,
#singleVideoContent .videoContentMain .reviews .stars .star {
  cursor: pointer;
}
#singleContent .singleMainContent .reviews .stars .star.active svg,
#singleContent .videoContentMain .reviews .stars .star.active svg,
#singleVideoContent .singleMainContent .reviews .stars .star.active svg,
#singleVideoContent .videoContentMain .reviews .stars .star.active svg {
  fill: var(--lightBlue);
}
#singleContent .singleMainContent .reviews .stars .star svg,
#singleContent .videoContentMain .reviews .stars .star svg,
#singleVideoContent .singleMainContent .reviews .stars .star svg,
#singleVideoContent .videoContentMain .reviews .stars .star svg {
  pointer-events: none;
  fill: #949cb0;
  width: 18px;
}
#singleContent .singleMainContent .reviews .userReviews,
#singleContent .videoContentMain .reviews .userReviews,
#singleVideoContent .singleMainContent .reviews .userReviews,
#singleVideoContent .videoContentMain .reviews .userReviews {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
#singleContent .singleMainContent .reviews .userReviews h2,
#singleContent .videoContentMain .reviews .userReviews h2,
#singleVideoContent .singleMainContent .reviews .userReviews h2,
#singleVideoContent .videoContentMain .reviews .userReviews h2 {
  border: none;
  color: white;
}
#singleContent .singleMainContent .reviews .userReviews .review .info, #singleContent .singleMainContent .reviews .userReviews .reply .info,
#singleContent .videoContentMain .reviews .userReviews .review .info,
#singleContent .videoContentMain .reviews .userReviews .reply .info,
#singleVideoContent .singleMainContent .reviews .userReviews .review .info,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .info,
#singleVideoContent .videoContentMain .reviews .userReviews .review .info,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .info {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#singleContent .singleMainContent .reviews .userReviews .review .info .left, #singleContent .singleMainContent .reviews .userReviews .reply .info .left,
#singleContent .videoContentMain .reviews .userReviews .review .info .left,
#singleContent .videoContentMain .reviews .userReviews .reply .info .left,
#singleVideoContent .singleMainContent .reviews .userReviews .review .info .left,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .info .left,
#singleVideoContent .videoContentMain .reviews .userReviews .review .info .left,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .info .left {
  display: flex;
  align-items: center;
}
#singleContent .singleMainContent .reviews .userReviews .review .info .left img, #singleContent .singleMainContent .reviews .userReviews .reply .info .left img,
#singleContent .videoContentMain .reviews .userReviews .review .info .left img,
#singleContent .videoContentMain .reviews .userReviews .reply .info .left img,
#singleVideoContent .singleMainContent .reviews .userReviews .review .info .left img,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .info .left img,
#singleVideoContent .videoContentMain .reviews .userReviews .review .info .left img,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .info .left img {
  border-radius: 50%;
  max-width: 64px;
  width: 64px;
  height: 64px;
  object-fit: cover;
}
#singleContent .singleMainContent .reviews .userReviews .review .info .left svg, #singleContent .singleMainContent .reviews .userReviews .reply .info .left svg,
#singleContent .videoContentMain .reviews .userReviews .review .info .left svg,
#singleContent .videoContentMain .reviews .userReviews .reply .info .left svg,
#singleVideoContent .singleMainContent .reviews .userReviews .review .info .left svg,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .info .left svg,
#singleVideoContent .videoContentMain .reviews .userReviews .review .info .left svg,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .info .left svg {
  width: 32px;
  height: 32px;
  padding: 14px;
  border: 1px solid white;
  border-radius: 50%;
  fill: white;
}
#singleContent .singleMainContent .reviews .userReviews .review .info .right .displayName, #singleContent .singleMainContent .reviews .userReviews .reply .info .right .displayName,
#singleContent .videoContentMain .reviews .userReviews .review .info .right .displayName,
#singleContent .videoContentMain .reviews .userReviews .reply .info .right .displayName,
#singleVideoContent .singleMainContent .reviews .userReviews .review .info .right .displayName,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .info .right .displayName,
#singleVideoContent .videoContentMain .reviews .userReviews .review .info .right .displayName,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .info .right .displayName {
  color: var(--lightBlue);
  font-size: 14px;
  margin-right: 0.5rem;
}
#singleContent .singleMainContent .reviews .userReviews .review .info .right .date, #singleContent .singleMainContent .reviews .userReviews .reply .info .right .date,
#singleContent .videoContentMain .reviews .userReviews .review .info .right .date,
#singleContent .videoContentMain .reviews .userReviews .reply .info .right .date,
#singleVideoContent .singleMainContent .reviews .userReviews .review .info .right .date,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .info .right .date,
#singleVideoContent .videoContentMain .reviews .userReviews .review .info .right .date,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .info .right .date {
  font-size: 14px;
}
#singleContent .singleMainContent .reviews .userReviews .review .info .right .pending, #singleContent .singleMainContent .reviews .userReviews .reply .info .right .pending,
#singleContent .videoContentMain .reviews .userReviews .review .info .right .pending,
#singleContent .videoContentMain .reviews .userReviews .reply .info .right .pending,
#singleVideoContent .singleMainContent .reviews .userReviews .review .info .right .pending,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .info .right .pending,
#singleVideoContent .videoContentMain .reviews .userReviews .review .info .right .pending,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .info .right .pending {
  padding: 6px;
  background: #E4A11B;
  border-radius: 5px;
  font-size: 12px;
  color: white;
}
#singleContent .singleMainContent .reviews .userReviews .review .info .message, #singleContent .singleMainContent .reviews .userReviews .reply .info .message,
#singleContent .videoContentMain .reviews .userReviews .review .info .message,
#singleContent .videoContentMain .reviews .userReviews .reply .info .message,
#singleVideoContent .singleMainContent .reviews .userReviews .review .info .message,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .info .message,
#singleVideoContent .videoContentMain .reviews .userReviews .review .info .message,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .info .message {
  word-break: break-all;
}
#singleContent .singleMainContent .reviews .userReviews .review .star, #singleContent .singleMainContent .reviews .userReviews .reply .star,
#singleContent .videoContentMain .reviews .userReviews .review .star,
#singleContent .videoContentMain .reviews .userReviews .reply .star,
#singleVideoContent .singleMainContent .reviews .userReviews .review .star,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .star,
#singleVideoContent .videoContentMain .reviews .userReviews .review .star,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .star {
  cursor: auto;
}
#singleContent .singleMainContent .reviews .userReviews .review .star svg, #singleContent .singleMainContent .reviews .userReviews .reply .star svg,
#singleContent .videoContentMain .reviews .userReviews .review .star svg,
#singleContent .videoContentMain .reviews .userReviews .reply .star svg,
#singleVideoContent .singleMainContent .reviews .userReviews .review .star svg,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .star svg,
#singleVideoContent .videoContentMain .reviews .userReviews .review .star svg,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .star svg {
  width: 14px;
}
#singleContent .singleMainContent .reviews .userReviews .review .likeReview, #singleContent .singleMainContent .reviews .userReviews .reply .likeReview,
#singleContent .videoContentMain .reviews .userReviews .review .likeReview,
#singleContent .videoContentMain .reviews .userReviews .reply .likeReview,
#singleVideoContent .singleMainContent .reviews .userReviews .review .likeReview,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .likeReview,
#singleVideoContent .videoContentMain .reviews .userReviews .review .likeReview,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .likeReview {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
#singleContent .singleMainContent .reviews .userReviews .review .likeReview .like, #singleContent .singleMainContent .reviews .userReviews .reply .likeReview .like,
#singleContent .videoContentMain .reviews .userReviews .review .likeReview .like,
#singleContent .videoContentMain .reviews .userReviews .reply .likeReview .like,
#singleVideoContent .singleMainContent .reviews .userReviews .review .likeReview .like,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .likeReview .like,
#singleVideoContent .videoContentMain .reviews .userReviews .review .likeReview .like,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .likeReview .like {
  pointer-events: none;
}
#singleContent .singleMainContent .reviews .userReviews .review .likeReview .like.clickable, #singleContent .singleMainContent .reviews .userReviews .reply .likeReview .like.clickable,
#singleContent .videoContentMain .reviews .userReviews .review .likeReview .like.clickable,
#singleContent .videoContentMain .reviews .userReviews .reply .likeReview .like.clickable,
#singleVideoContent .singleMainContent .reviews .userReviews .review .likeReview .like.clickable,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .likeReview .like.clickable,
#singleVideoContent .videoContentMain .reviews .userReviews .review .likeReview .like.clickable,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .likeReview .like.clickable {
  cursor: pointer;
  pointer-events: auto;
}
#singleContent .singleMainContent .reviews .userReviews .review .likeReview .like.clickable:hover svg, #singleContent .singleMainContent .reviews .userReviews .reply .likeReview .like.clickable:hover svg,
#singleContent .videoContentMain .reviews .userReviews .review .likeReview .like.clickable:hover svg,
#singleContent .videoContentMain .reviews .userReviews .reply .likeReview .like.clickable:hover svg,
#singleVideoContent .singleMainContent .reviews .userReviews .review .likeReview .like.clickable:hover svg,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .likeReview .like.clickable:hover svg,
#singleVideoContent .videoContentMain .reviews .userReviews .review .likeReview .like.clickable:hover svg,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .likeReview .like.clickable:hover svg {
  fill: var(--lightBlue);
}
#singleContent .singleMainContent .reviews .userReviews .review .likeReview .like.liked svg, #singleContent .singleMainContent .reviews .userReviews .reply .likeReview .like.liked svg,
#singleContent .videoContentMain .reviews .userReviews .review .likeReview .like.liked svg,
#singleContent .videoContentMain .reviews .userReviews .reply .likeReview .like.liked svg,
#singleVideoContent .singleMainContent .reviews .userReviews .review .likeReview .like.liked svg,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .likeReview .like.liked svg,
#singleVideoContent .videoContentMain .reviews .userReviews .review .likeReview .like.liked svg,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .likeReview .like.liked svg {
  fill: var(--lightBlue);
  pointer-events: none;
}
#singleContent .singleMainContent .reviews .userReviews .review .likeReview .like svg, #singleContent .singleMainContent .reviews .userReviews .reply .likeReview .like svg,
#singleContent .videoContentMain .reviews .userReviews .review .likeReview .like svg,
#singleContent .videoContentMain .reviews .userReviews .reply .likeReview .like svg,
#singleVideoContent .singleMainContent .reviews .userReviews .review .likeReview .like svg,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .likeReview .like svg,
#singleVideoContent .videoContentMain .reviews .userReviews .review .likeReview .like svg,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .likeReview .like svg {
  pointer-events: none;
  width: 18px;
  fill: #949cb0;
}
#singleContent .singleMainContent .reviews .userReviews .review .likeReview .likeCount, #singleContent .singleMainContent .reviews .userReviews .reply .likeReview .likeCount,
#singleContent .videoContentMain .reviews .userReviews .review .likeReview .likeCount,
#singleContent .videoContentMain .reviews .userReviews .reply .likeReview .likeCount,
#singleVideoContent .singleMainContent .reviews .userReviews .review .likeReview .likeCount,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .likeReview .likeCount,
#singleVideoContent .videoContentMain .reviews .userReviews .review .likeReview .likeCount,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .likeReview .likeCount {
  font-weight: bold;
  font-size: 16px;
}
#singleContent .singleMainContent .reviews .userReviews .reply,
#singleContent .videoContentMain .reviews .userReviews .reply,
#singleVideoContent .singleMainContent .reviews .userReviews .reply,
#singleVideoContent .videoContentMain .reviews .userReviews .reply {
  padding-left: 3rem;
}
#singleContent .singleMainContent .reviews .userReviews .reply .info .left svg,
#singleContent .videoContentMain .reviews .userReviews .reply .info .left svg,
#singleVideoContent .singleMainContent .reviews .userReviews .reply .info .left svg,
#singleVideoContent .videoContentMain .reviews .userReviews .reply .info .left svg {
  width: 18px;
  height: 18px;
  padding: 8px;
}
#singleContent .tabs,
#singleVideoContent .tabs {
  display: flex;
  gap: 1rem;
  margin: 1rem 0;
  justify-content: center;
  border-bottom: 1px solid #283643;
  flex-wrap: wrap;
}
#singleContent .tabs span,
#singleVideoContent .tabs span {
  color: #949cb0;
  border-bottom: 2px solid transparent;
  font-size: 18px;
  padding-bottom: 0.5rem;
}
#singleContent .tabs span.tab,
#singleVideoContent .tabs span.tab {
  cursor: pointer;
}
@media (max-width: 450px) {
  #singleContent .tabs span.tab,
  #singleVideoContent .tabs span.tab {
    font-size: 16px;
  }
}
#singleContent .tabs span.active,
#singleVideoContent .tabs span.active {
  color: var(--lightBlue);
  border-bottom: 2px solid var(--lightBlue);
}
#singleContent #reviews,
#singleContent #description,
#singleContent #instructor,
#singleVideoContent #reviews,
#singleVideoContent #description,
#singleVideoContent #instructor {
  display: none;
}
#singleContent #reviews .readMoreInstructor,
#singleContent #description .readMoreInstructor,
#singleContent #instructor .readMoreInstructor,
#singleVideoContent #reviews .readMoreInstructor,
#singleVideoContent #description .readMoreInstructor,
#singleVideoContent #instructor .readMoreInstructor {
  color: var(--lightBlue) !important;
  font-size: 14px !important;
}
#singleContent #reviews.active,
#singleContent #description.active,
#singleContent #instructor.active,
#singleVideoContent #reviews.active,
#singleVideoContent #description.active,
#singleVideoContent #instructor.active {
  display: block;
}
#singleContent #description,
#singleVideoContent #description {
  grid-template-rows: 0.5fr;
  transition: grid-template-rows 0.5s;
}
#singleContent #description.active,
#singleVideoContent #description.active {
  display: grid;
}
#singleContent #description.expand,
#singleVideoContent #description.expand {
  grid-template-rows: 1fr;
}
#singleContent #description.expand .content,
#singleVideoContent #description.expand .content {
  max-height: unset;
}
#singleContent #description .content,
#singleVideoContent #description .content {
  overflow: hidden;
  max-height: 0;
}
#singleContent #description .content p,
#singleVideoContent #description .content p {
  line-height: 28px;
}
#singleContent #description .readMore,
#singleVideoContent #description .readMore {
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  color: white;
  display: block;
  text-align: center;
  margin-top: 0.5rem;
  cursor: pointer;
  font-weight: normal;
  padding: 0.5rem 0.7rem;
  background: var(--lightBlue);
  border-radius: 7px;
}
#singleContent #instructor > a,
#singleVideoContent #instructor > a {
  font-size: 22px;
  color: white;
}
#singleContent #instructor > a:hover,
#singleVideoContent #instructor > a:hover {
  color: var(--lightBlue);
}
#singleContent #instructor .instructorDescription,
#singleVideoContent #instructor .instructorDescription {
  line-height: 24px;
}
#singleContent #instructor .instructorVideos,
#singleVideoContent #instructor .instructorVideos {
  display: flex;
  flex-direction: column;
}
#singleContent #instructor .instructorVideos .instructorVideo a,
#singleVideoContent #instructor .instructorVideos .instructorVideo a {
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: 0.3s ease background;
  padding: 0.5rem;
}
@media (hover: hover) {
  #singleContent #instructor .instructorVideos .instructorVideo a:hover,
  #singleVideoContent #instructor .instructorVideos .instructorVideo a:hover {
    background: #2e3544;
  }
}
@media (max-width: 520px) {
  #singleContent #instructor .instructorVideos .instructorVideo a h4,
  #singleVideoContent #instructor .instructorVideos .instructorVideo a h4 {
    font-size: 12px;
  }
}
#singleContent #instructor .instructorVideos .instructorVideo a svg,
#singleVideoContent #instructor .instructorVideos .instructorVideo a svg {
  pointer-events: none;
  fill: var(--lightBlue);
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

@media (max-width: 1199px) {
  #mainContainer #singleContent .blogInnerContent {
    flex-direction: column;
  }
}
#mainContainer #singleContent .blogInnerContent .blogLeft .innerContentContainer {
  width: 980px;
}
@media (max-width: 1440px) {
  #mainContainer #singleContent .blogInnerContent .blogLeft .innerContentContainer {
    width: 900px;
  }
}
@media (max-width: 1350px) {
  #mainContainer #singleContent .blogInnerContent .blogLeft .innerContentContainer {
    width: 800px;
  }
}
@media (max-width: 1200px) {
  #mainContainer #singleContent .blogInnerContent .blogLeft .innerContentContainer {
    width: 100%;
  }
}
#mainContainer #singleContent .blogInnerContent .blogLeft .featured img {
  width: 900px;
}
@media (max-width: 1500px) {
  #mainContainer #singleContent .blogInnerContent .blogLeft .featured img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}
#mainContainer #singleContent .blogInnerContent .blogLeft .portrait .featured img {
  width: auto;
}
#mainContainer #singleContent .blogInnerContent .blogLeft h1 {
  color: #19272e !important;
}
#mainContainer #singleContent .blogInnerContent .blogLeft .featuredTag {
  background: var(--lightBlue);
  margin-top: 1rem;
  color: white;
  padding: 0.3rem 0.7rem;
  width: max-content;
  font-size: 10px;
  font-weight: bold;
}
#mainContainer #singleContent .blogInnerContent .blogLeft .rating {
  margin: 1rem 0;
  position: relative;
  display: flex;
  gap: 0.5rem;
}
#mainContainer #singleContent .blogInnerContent .blogLeft .rating svg {
  width: 38px;
  fill: var(--lightBlue);
}
#mainContainer #singleContent .blogInnerContent .blogLeft .rating .score {
  color: var(--lightBlue);
  width: max-content;
  height: max-content;
  font-size: 18px !important;
}
#mainContainer #singleContent .blogInnerContent .blogLeft .rating .ratingCount {
  font-size: 14px !important;
}
#mainContainer #singleContent .blogInnerContent .blogLeft .tags .listTitle {
  color: #19272e;
}
#mainContainer #singleContent .blogInnerContent .blogLeft .leaveReviewTop h3 {
  color: #19272e;
}
#mainContainer #singleContent .blogInnerContent .blogLeft .notification svg {
  border: 1px solid #19272e;
  fill: #19272e;
}
#mainContainer #singleContent .blogInnerContent .blogLeft .reviewBox textarea {
  color: #19272e;
}
#mainContainer #singleContent .blogInnerContent .blogLeft #reviews h2 {
  color: #19272e;
}
#mainContainer #singleContent .blogInnerContent .blogLeft .review .info .left svg, #mainContainer #singleContent .blogInnerContent .blogLeft .reply .info .left svg {
  border: 1px solid #19272e;
  fill: #19272e;
}
@media (max-width: 1199px) {
  #mainContainer #singleContent .blogInnerContent .blogRight {
    position: static;
    height: auto;
    z-index: unset;
    overflow: unset;
  }
}
#mainContainer #singleContent .blogInnerContent .blogRight .sidebarHeading h2 {
  color: #19272e;
}

.loginToReview {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  align-items: center;
  margin-bottom: 0.5rem;
}
.loginToReview a {
  color: var(--lightBlue) !important;
  font-weight: bold;
}
.loginToReview span {
  font-size: 14px !important;
}

.previousNextContainer {
  background: #f5f5f5;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
@media (max-width: 560px) {
  .previousNextContainer {
    flex-wrap: wrap;
    gap: 1rem;
  }
}
.previousNextContainer .previousPost,
.previousNextContainer .nextPost {
  display: block;
  width: 45%;
}
@media (max-width: 560px) {
  .previousNextContainer .previousPost,
  .previousNextContainer .nextPost {
    width: 100%;
  }
}
.previousNextContainer .previousPost h2,
.previousNextContainer .nextPost h2 {
  color: #19272e !important;
  font-size: 17px !important;
  margin: 0.5rem 0;
}
.previousNextContainer .previousPost .label,
.previousNextContainer .nextPost .label {
  color: #a3a3a3 !important;
  font-size: 13px !important;
}
.previousNextContainer .previousPost .bottom .category,
.previousNextContainer .nextPost .bottom .category {
  color: var(--lightBlue) !important;
  font-size: 13px !important;
  font-weight: bold;
}
.previousNextContainer .previousPost .bottom .date,
.previousNextContainer .nextPost .bottom .date {
  font-style: italic;
  font-size: 13px !important;
}
.previousNextContainer .previousPost .bottom .date:before,
.previousNextContainer .nextPost .bottom .date:before {
  content: "・";
  display: inline-block;
  margin: 0 4px;
  font-weight: 700;
}
.previousNextContainer .nextPost h2, .previousNextContainer .nextPost .label, .previousNextContainer .nextPost .date, .previousNextContainer .nextPost .category {
  text-align: right;
  display: block;
}
.previousNextContainer .nextPost .bottom {
  margin-left: auto;
  display: flex;
  align-items: center;
  width: max-content;
}

.instructorBelow {
  margin-bottom: 0.5rem;
}
.instructorBelow a {
  color: var(--lightBlue) !important;
  font-size: 20px !important;
}
.instructorBelow span {
  color: white !important;
  font-weight: bold;
  font-size: 20px !important;
}

.titleContainerVideo {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  margin: 1rem 0;
  word-break: break-word;
}
.titleContainerVideo h1 {
  margin: 0 !important;
}
.titleContainerVideo span {
  color: white !important;
  font-size: 2em !important;
}

.viewButtons {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.viewButtons > a, .viewButtons > div {
  padding: 0.4rem 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid transparent;
}
.viewButtons > a span, .viewButtons > div span {
  font-size: 1.7em !important;
  font-weight: bold;
}
.viewButtons > a svg, .viewButtons > div svg {
  width: 26px;
  height: 26px;
}
.viewButtons .full {
  background: var(--lightBlue);
}
.viewButtons .full svg {
  fill: var(--mainContent);
}
.viewButtons .full span {
  color: var(--mainContent) !important;
}
.viewButtons .trailer {
  border: 2px solid var(--lightBlue);
  background: var(--mainContent);
}
.viewButtons .trailer span {
  color: white !important;
}
.viewButtons .trailer svg {
  fill: white;
}

.noMoreReviews {
  display: block;
  margin-top: 1rem;
}

.singleMainContent .blockContent h1, .singleMainContent .blockContent h2, .singleMainContent .blockContent h3, .singleMainContent .blockContent h4, .singleMainContent .blockContent h5, .singleMainContent .blockContent h6 {
  color: #19272e !important;
}

#reviewForm .gfLoader {
  position: static;
  margin: 1rem 0;
}
#reviewForm input[type=submit]:disabled {
  background: gray !important;
}

#singleContent .entitySlider img, #singleContent .mainSlider img, #singleVideoContent .entitySlider img, #singleVideoContent .mainSlider img {
  max-height: unset !important;
  width: 100% !important;
  margin: unset !important;
  max-width: unset !important;
}
#singleContent .mainSlider .swiper-pagination-bullet, #singleVideoContent .mainSlider .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
}
#singleContent .mainSlider .swiper-pagination-bullet-active, #singleVideoContent .mainSlider .swiper-pagination-bullet-active {
  width: 12px !important;
  height: 12px !important;
}
#singleContent .mainSlider .mainSliderButton, #singleVideoContent .mainSlider .mainSliderButton {
  padding: 0.2rem 0.3rem;
}
#singleContent .mainSlider .slideContent, #singleVideoContent .mainSlider .slideContent {
  bottom: 2.5rem !important;
}
#singleContent .swiper-button-prev,
#singleContent .swiper-button-next, #singleVideoContent .swiper-button-prev,
#singleVideoContent .swiper-button-next {
  width: 30px;
}
#singleContent .bannerContainer .bannerTitle, #singleVideoContent .bannerContainer .bannerTitle {
  font-size: 22px;
}
#singleContent .bannerContainer .bannerButton, #singleVideoContent .bannerContainer .bannerButton {
  padding: 0.5rem 1rem;
}
#singleContent .mainSliderButton, #singleVideoContent .mainSliderButton {
  padding: 0.5rem 1rem;
}

.authorLink {
  display: block;
  font-size: 18px !important;
  margin-top: 1rem;
}

.signature {
  display: block;
}

#pageContent span {
  line-height: 28px;
}

#pageContent > div {
  line-height: 28px;
}

#pageContent.pageContentNotFound span {
  line-height: unset;
}

#pageContent.pageContentNotFound > div {
  line-height: unset;
}

#pageContent.pageContentNotFound {
  height: 80vh;
}

.blogLeft .singleMainContent .content p,
.blogLeft .singleMainContent .content div,
.blogLeft .singleMainContent .content span,
.blogLeft .singleMainContent .content ul li,
.blogLeft .singleMainContent .content br,
.blogLeft .singleMainContent .content {
  font-size: 18px !important;
  color: #444 !important;
}

.videoContent .videoContentMain #description p,
.videoContent .videoContentMain #description span,
.videoContent .videoContentMain #description div,
.videoContent .videoContentMain #description ul li,
.videoContent .videoContentMain #description br,
.videoContent .videoContentMain #description {
  font-size: 18px !important;
}

.singleMainContent .content.blockContent h1 {
  line-height: 1.45;
}

#profileNav {
  background-color: #f6f7f9;
}
#profileNav .userInfo {
  padding-top: 2rem;
  padding-bottom: 1rem;
  display: flex;
  gap: 1.5rem;
  align-content: center;
}
#profileNav .userInfo h2, #profileNav .userInfo span {
  word-break: break-word;
}
#profileNav .userInfo svg, #profileNav .userInfo img {
  width: 90px;
  height: 90px;
  padding: 14px;
  border-radius: 50%;
  fill: var(--darkMain);
}
@media (max-width: 768px) {
  #profileNav .userInfo svg, #profileNav .userInfo img {
    width: 32px;
    height: 32px;
    align-self: flex-end;
  }
}
#profileNav .userInfo #uploadImage {
  cursor: pointer;
  position: relative;
}
#profileNav .userInfo img {
  border-radius: 50%;
  object-fit: cover;
}
@media (max-width: 768px) {
  #profileNav .userInfo img {
    width: 64px;
    height: 64px;
    align-self: flex-end;
  }
}
#profileNav .userInfo svg {
  border: 1px solid var(--darkMain);
}
#profileNav ul {
  display: flex;
  gap: 2rem;
  width: 100%;
  overflow-x: scroll;
  /* Track */
  /* Handle */
}
#profileNav ul::-webkit-scrollbar {
  width: 1px;
  height: 2px;
}
#profileNav ul::-webkit-scrollbar-track {
  background: lightgray;
  border-radius: 1px;
}
#profileNav ul::-webkit-scrollbar-thumb {
  background: var(--lightBlue);
  border-radius: 10px;
}
#profileNav ul .profileNavLink {
  cursor: pointer;
}
#profileNav ul .profileNavLink.active {
  border-bottom: 3px solid var(--lightBlue);
  font-weight: bold;
}
#profileNav ul .profileNavLink span, #profileNav ul .profileNavLink a {
  padding: 0.8rem 0.8rem;
  display: block;
  margin: 0;
  white-space: nowrap;
}

.tabContentWrapper {
  padding-top: 2.5rem;
  padding-bottom: 2rem;
}
.tabContentWrapper .tabContent {
  display: none;
}
.tabContentWrapper .tabContent.active {
  display: block;
}
.tabContentWrapper #accountDetails .basicInfo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
@media (max-width: 1199px) {
  .tabContentWrapper #accountDetails .basicInfo {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tabContentWrapper #accountDetails .basicInfo label {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.tabContentWrapper #accountDetails input {
  border-radius: 4px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 20px;
  font-size: 15px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #d0d0d2;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  outline: none;
}
.tabContentWrapper #accountDetails input:focus {
  border-color: var(--lightBlue);
  outline: none;
}
.tabContentWrapper #accountDetails #userImage {
  display: none;
}
.tabContentWrapper #accountDetails .passwordInfo {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1199px) {
  .tabContentWrapper #accountDetails .passwordInfo {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tabContentWrapper #accountDetails .passwordInfo label:nth-child(1) {
  grid-column: span 2;
}
@media (max-width: 1199px) {
  .tabContentWrapper #accountDetails .passwordInfo label:nth-child(1) {
    grid-column: span 1;
  }
}
.tabContentWrapper #accountDetails button {
  background-color: var(--lightBlue);
  display: block;
  margin: 1rem 0;
  color: #fff;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.tabContentWrapper #accountDetails button:hover {
  background-color: var(--lightBlueDark);
  color: #fff;
}
.tabContentWrapper .titleWithSeparator {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.tabContentWrapper .titleWithSeparator h2 {
  margin-top: 1.5rem;
  margin-bottom: 1.6rem;
}
.tabContentWrapper .titleWithSeparator .separator {
  height: 1px;
  background-color: #ccc;
  flex: 1;
}
.tabContentWrapper #favorites .titleWithSeparator > h2 {
  font-size: 18px;
}
.tabContentWrapper #favorites .favoriteVideos {
  margin: 1rem 0;
  display: flex;
  flex-direction: column;
}
.tabContentWrapper #favorites .favoriteVideos .header {
  display: flex;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  padding: 1rem 0;
  gap: 1rem;
}
.tabContentWrapper #favorites .favoriteVideos .header h3 {
  font-size: 14px;
  margin: 0;
  font-weight: 900;
  width: 50%;
}
.tabContentWrapper #favorites .favoriteVideos .header span {
  font-weight: 900;
}
.tabContentWrapper #favorites .favoriteVideos .favoriteVideo {
  display: flex;
  gap: 1rem;
  border-bottom: 1px solid #dee2e6;
  padding: 1rem 0;
}
.tabContentWrapper #favorites .favoriteVideos .favoriteVideo > a {
  transition: 0.3s ease all;
  font-size: 14px;
  margin: 0;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 50%;
}
@media (max-width: 660px) {
  .tabContentWrapper #favorites .favoriteVideos .favoriteVideo > a {
    white-space: unset;
    overflow: unset;
  }
}
.tabContentWrapper #favorites .favoriteVideos .favoriteVideo > a:hover {
  color: var(--lightBlue) !important;
}
.tabContentWrapper #favorites .favoriteVideos .favoriteVideo .actions {
  display: flex;
  gap: 2rem;
}
.tabContentWrapper #favorites .favoriteVideos .favoriteVideo .actions span, .tabContentWrapper #favorites .favoriteVideos .favoriteVideo .actions a {
  cursor: pointer;
  color: var(--lightBlue);
}

.noMoreFavorites {
  display: block;
  margin-top: 0.5rem;
}

.embedBlock iframe {
  max-width: 90%;
}

.textEditorParagraph {
  line-height: 28px;
  word-wrap: break-word;
}

#description a,
.blockContent a {
  font-size: 18px !important;
}
#description ul, #description ol,
.blockContent ul,
.blockContent ol {
  padding: 0 0 0 2rem;
  margin: 0;
}
#description ul,
.blockContent ul {
  list-style: disc;
}
#description .entityList ul,
.blockContent .entityList ul {
  list-style: none;
}

#categoryContent a,
#pageContent a {
  color: #949cb0;
  transition: 0.3s ease all;
  font-size: 14px;
}
#categoryContent a:hover,
#pageContent a:hover {
  color: var(--lightBlue);
}
#categoryContent .categoryTop,
#categoryContent .pageTop,
#pageContent .categoryTop,
#pageContent .pageTop {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#categoryContent .categoryTop .breadCrumbs,
#categoryContent .pageTop .breadCrumbs,
#pageContent .categoryTop .breadCrumbs,
#pageContent .pageTop .breadCrumbs {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}
#categoryContent .categoryTop .breadCrumbs .breadCrumb,
#categoryContent .pageTop .breadCrumbs .breadCrumb,
#pageContent .categoryTop .breadCrumbs .breadCrumb,
#pageContent .pageTop .breadCrumbs .breadCrumb {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#categoryContent .categoryTop .breadCrumbs .breadCrumb span,
#categoryContent .pageTop .breadCrumbs .breadCrumb span,
#pageContent .categoryTop .breadCrumbs .breadCrumb span,
#pageContent .pageTop .breadCrumbs .breadCrumb span {
  color: white;
}
#categoryContent .categoryTop .breadCrumbs .breadCrumb svg,
#categoryContent .pageTop .breadCrumbs .breadCrumb svg,
#pageContent .categoryTop .breadCrumbs .breadCrumb svg,
#pageContent .pageTop .breadCrumbs .breadCrumb svg {
  fill: #949cb0;
}
#categoryContent .categoryContent,
#categoryContent .pageContent,
#pageContent .categoryContent,
#pageContent .pageContent {
  display: flex;
  gap: 2rem;
}
#categoryContent .categoryContent .categoryLeft,
#categoryContent .categoryContent .pageLeft,
#categoryContent .pageContent .categoryLeft,
#categoryContent .pageContent .pageLeft,
#pageContent .categoryContent .categoryLeft,
#pageContent .categoryContent .pageLeft,
#pageContent .pageContent .categoryLeft,
#pageContent .pageContent .pageLeft {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 1199px) {
  #categoryContent .categoryContent .categoryLeft #mc-embedded-subscribe,
  #categoryContent .categoryContent .pageLeft #mc-embedded-subscribe,
  #categoryContent .pageContent .categoryLeft #mc-embedded-subscribe,
  #categoryContent .pageContent .pageLeft #mc-embedded-subscribe,
  #pageContent .categoryContent .categoryLeft #mc-embedded-subscribe,
  #pageContent .categoryContent .pageLeft #mc-embedded-subscribe,
  #pageContent .pageContent .categoryLeft #mc-embedded-subscribe,
  #pageContent .pageContent .pageLeft #mc-embedded-subscribe {
    margin-bottom: 2rem;
  }
}
@media (max-width: 1199px) {
  #categoryContent .categoryContent .categoryLeft,
  #categoryContent .categoryContent .pageLeft,
  #categoryContent .pageContent .categoryLeft,
  #categoryContent .pageContent .pageLeft,
  #pageContent .categoryContent .categoryLeft,
  #pageContent .categoryContent .pageLeft,
  #pageContent .pageContent .categoryLeft,
  #pageContent .pageContent .pageLeft {
    transition: 0.3s ease all;
    background: #1A1A1A;
    z-index: 101;
    min-height: 100vh;
    height: 500px;
    position: fixed;
    left: -500px;
    top: 0;
  }
  #categoryContent .categoryContent .categoryLeft.active,
  #categoryContent .categoryContent .pageLeft.active,
  #categoryContent .pageContent .categoryLeft.active,
  #categoryContent .pageContent .pageLeft.active,
  #pageContent .categoryContent .categoryLeft.active,
  #pageContent .categoryContent .pageLeft.active,
  #pageContent .pageContent .categoryLeft.active,
  #pageContent .pageContent .pageLeft.active {
    left: 0;
    overflow: scroll;
  }
}
#categoryContent .categoryContent .categoryLeft .leftInner,
#categoryContent .categoryContent .pageLeft .leftInner,
#categoryContent .pageContent .categoryLeft .leftInner,
#categoryContent .pageContent .pageLeft .leftInner,
#pageContent .categoryContent .categoryLeft .leftInner,
#pageContent .categoryContent .pageLeft .leftInner,
#pageContent .pageContent .categoryLeft .leftInner,
#pageContent .pageContent .pageLeft .leftInner {
  width: 300px;
  box-sizing: border-box;
  background: #1A1A1A;
  padding: 1rem;
  color: #b4bbc0;
}
#categoryContent .categoryContent .categoryLeft .leftInner #mc_embed_signup .button,
#categoryContent .categoryContent .pageLeft .leftInner #mc_embed_signup .button,
#categoryContent .pageContent .categoryLeft .leftInner #mc_embed_signup .button,
#categoryContent .pageContent .pageLeft .leftInner #mc_embed_signup .button,
#pageContent .categoryContent .categoryLeft .leftInner #mc_embed_signup .button,
#pageContent .categoryContent .pageLeft .leftInner #mc_embed_signup .button,
#pageContent .pageContent .categoryLeft .leftInner #mc_embed_signup .button,
#pageContent .pageContent .pageLeft .leftInner #mc_embed_signup .button {
  background: var(--lightBlue);
  color: white;
  font-weight: 900;
  border-radius: 5px;
  padding: 0.5rem 1rem;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s ease all;
  font-size: 12px;
  margin-top: 1rem;
}
#categoryContent .categoryContent .categoryLeft .leftInner p,
#categoryContent .categoryContent .pageLeft .leftInner p,
#categoryContent .pageContent .categoryLeft .leftInner p,
#categoryContent .pageContent .pageLeft .leftInner p,
#pageContent .categoryContent .categoryLeft .leftInner p,
#pageContent .categoryContent .pageLeft .leftInner p,
#pageContent .pageContent .categoryLeft .leftInner p,
#pageContent .pageContent .pageLeft .leftInner p {
  color: #949cb0;
  font-size: 14px;
}
#categoryContent .categoryContent .categoryLeft .leftInner .label,
#categoryContent .categoryContent .pageLeft .leftInner .label,
#categoryContent .pageContent .categoryLeft .leftInner .label,
#categoryContent .pageContent .pageLeft .leftInner .label,
#pageContent .categoryContent .categoryLeft .leftInner .label,
#pageContent .categoryContent .pageLeft .leftInner .label,
#pageContent .pageContent .categoryLeft .leftInner .label,
#pageContent .pageContent .pageLeft .leftInner .label {
  color: white;
  border-bottom: 1px solid #2f2f33;
  padding-bottom: 0.5rem;
  font-size: 22px;
  display: block;
}
#categoryContent .categoryContent .categoryLeft .leftInner form,
#categoryContent .categoryContent .pageLeft .leftInner form,
#categoryContent .pageContent .categoryLeft .leftInner form,
#categoryContent .pageContent .pageLeft .leftInner form,
#pageContent .categoryContent .categoryLeft .leftInner form,
#pageContent .categoryContent .pageLeft .leftInner form,
#pageContent .pageContent .categoryLeft .leftInner form,
#pageContent .pageContent .pageLeft .leftInner form {
  position: relative;
  margin: 1rem 0;
}
#categoryContent .categoryContent .categoryLeft .leftInner form #searchCategory,
#categoryContent .categoryContent .categoryLeft .leftInner form #newsletterEmail,
#categoryContent .categoryContent .categoryLeft .leftInner form #mce-EMAIL,
#categoryContent .categoryContent .pageLeft .leftInner form #searchCategory,
#categoryContent .categoryContent .pageLeft .leftInner form #newsletterEmail,
#categoryContent .categoryContent .pageLeft .leftInner form #mce-EMAIL,
#categoryContent .pageContent .categoryLeft .leftInner form #searchCategory,
#categoryContent .pageContent .categoryLeft .leftInner form #newsletterEmail,
#categoryContent .pageContent .categoryLeft .leftInner form #mce-EMAIL,
#categoryContent .pageContent .pageLeft .leftInner form #searchCategory,
#categoryContent .pageContent .pageLeft .leftInner form #newsletterEmail,
#categoryContent .pageContent .pageLeft .leftInner form #mce-EMAIL,
#pageContent .categoryContent .categoryLeft .leftInner form #searchCategory,
#pageContent .categoryContent .categoryLeft .leftInner form #newsletterEmail,
#pageContent .categoryContent .categoryLeft .leftInner form #mce-EMAIL,
#pageContent .categoryContent .pageLeft .leftInner form #searchCategory,
#pageContent .categoryContent .pageLeft .leftInner form #newsletterEmail,
#pageContent .categoryContent .pageLeft .leftInner form #mce-EMAIL,
#pageContent .pageContent .categoryLeft .leftInner form #searchCategory,
#pageContent .pageContent .categoryLeft .leftInner form #newsletterEmail,
#pageContent .pageContent .categoryLeft .leftInner form #mce-EMAIL,
#pageContent .pageContent .pageLeft .leftInner form #searchCategory,
#pageContent .pageContent .pageLeft .leftInner form #newsletterEmail,
#pageContent .pageContent .pageLeft .leftInner form #mce-EMAIL {
  background-color: #373c49;
  border: 2px solid transparent;
  transition: 0.3s ease all;
  outline: none;
  padding: 0.5rem 1rem;
  width: 100%;
  box-sizing: border-box;
  color: #b4bbc0;
}
#categoryContent .categoryContent .categoryLeft .leftInner form #searchCategory:focus,
#categoryContent .categoryContent .categoryLeft .leftInner form #newsletterEmail:focus,
#categoryContent .categoryContent .categoryLeft .leftInner form #mce-EMAIL:focus,
#categoryContent .categoryContent .pageLeft .leftInner form #searchCategory:focus,
#categoryContent .categoryContent .pageLeft .leftInner form #newsletterEmail:focus,
#categoryContent .categoryContent .pageLeft .leftInner form #mce-EMAIL:focus,
#categoryContent .pageContent .categoryLeft .leftInner form #searchCategory:focus,
#categoryContent .pageContent .categoryLeft .leftInner form #newsletterEmail:focus,
#categoryContent .pageContent .categoryLeft .leftInner form #mce-EMAIL:focus,
#categoryContent .pageContent .pageLeft .leftInner form #searchCategory:focus,
#categoryContent .pageContent .pageLeft .leftInner form #newsletterEmail:focus,
#categoryContent .pageContent .pageLeft .leftInner form #mce-EMAIL:focus,
#pageContent .categoryContent .categoryLeft .leftInner form #searchCategory:focus,
#pageContent .categoryContent .categoryLeft .leftInner form #newsletterEmail:focus,
#pageContent .categoryContent .categoryLeft .leftInner form #mce-EMAIL:focus,
#pageContent .categoryContent .pageLeft .leftInner form #searchCategory:focus,
#pageContent .categoryContent .pageLeft .leftInner form #newsletterEmail:focus,
#pageContent .categoryContent .pageLeft .leftInner form #mce-EMAIL:focus,
#pageContent .pageContent .categoryLeft .leftInner form #searchCategory:focus,
#pageContent .pageContent .categoryLeft .leftInner form #newsletterEmail:focus,
#pageContent .pageContent .categoryLeft .leftInner form #mce-EMAIL:focus,
#pageContent .pageContent .pageLeft .leftInner form #searchCategory:focus,
#pageContent .pageContent .pageLeft .leftInner form #newsletterEmail:focus,
#pageContent .pageContent .pageLeft .leftInner form #mce-EMAIL:focus {
  outline: none;
  border: 2px solid var(--lightBlue);
}
#categoryContent .categoryContent .categoryLeft .leftInner form #newsletterEmail, #categoryContent .categoryContent .categoryLeft .leftInner form #mce-EMAIL,
#categoryContent .categoryContent .pageLeft .leftInner form #newsletterEmail,
#categoryContent .categoryContent .pageLeft .leftInner form #mce-EMAIL,
#categoryContent .pageContent .categoryLeft .leftInner form #newsletterEmail,
#categoryContent .pageContent .categoryLeft .leftInner form #mce-EMAIL,
#categoryContent .pageContent .pageLeft .leftInner form #newsletterEmail,
#categoryContent .pageContent .pageLeft .leftInner form #mce-EMAIL,
#pageContent .categoryContent .categoryLeft .leftInner form #newsletterEmail,
#pageContent .categoryContent .categoryLeft .leftInner form #mce-EMAIL,
#pageContent .categoryContent .pageLeft .leftInner form #newsletterEmail,
#pageContent .categoryContent .pageLeft .leftInner form #mce-EMAIL,
#pageContent .pageContent .categoryLeft .leftInner form #newsletterEmail,
#pageContent .pageContent .categoryLeft .leftInner form #mce-EMAIL,
#pageContent .pageContent .pageLeft .leftInner form #newsletterEmail,
#pageContent .pageContent .pageLeft .leftInner form #mce-EMAIL {
  margin-top: 0.5rem;
}
#categoryContent .categoryContent .categoryLeft .leftInner form .buttonMain,
#categoryContent .categoryContent .pageLeft .leftInner form .buttonMain,
#categoryContent .pageContent .categoryLeft .leftInner form .buttonMain,
#categoryContent .pageContent .pageLeft .leftInner form .buttonMain,
#pageContent .categoryContent .categoryLeft .leftInner form .buttonMain,
#pageContent .categoryContent .pageLeft .leftInner form .buttonMain,
#pageContent .pageContent .categoryLeft .leftInner form .buttonMain,
#pageContent .pageContent .pageLeft .leftInner form .buttonMain {
  font-weight: bold;
  margin-bottom: 3rem;
}
#categoryContent .categoryContent .categoryLeft .leftInner form svg,
#categoryContent .categoryContent .pageLeft .leftInner form svg,
#categoryContent .pageContent .categoryLeft .leftInner form svg,
#categoryContent .pageContent .pageLeft .leftInner form svg,
#pageContent .categoryContent .categoryLeft .leftInner form svg,
#pageContent .categoryContent .pageLeft .leftInner form svg,
#pageContent .pageContent .categoryLeft .leftInner form svg,
#pageContent .pageContent .pageLeft .leftInner form svg {
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 18px;
  color: #b4bbc0;
}
#categoryContent .categoryContent .categoryLeft .categories,
#categoryContent .categoryContent .pageLeft .categories,
#categoryContent .pageContent .categoryLeft .categories,
#categoryContent .pageContent .pageLeft .categories,
#pageContent .categoryContent .categoryLeft .categories,
#pageContent .categoryContent .pageLeft .categories,
#pageContent .pageContent .categoryLeft .categories,
#pageContent .pageContent .pageLeft .categories {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}
#categoryContent .categoryContent .categoryLeft .categories li,
#categoryContent .categoryContent .pageLeft .categories li,
#categoryContent .pageContent .categoryLeft .categories li,
#categoryContent .pageContent .pageLeft .categories li,
#pageContent .categoryContent .categoryLeft .categories li,
#pageContent .categoryContent .pageLeft .categories li,
#pageContent .pageContent .categoryLeft .categories li,
#pageContent .pageContent .pageLeft .categories li {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
#categoryContent .categoryContent .categoryLeft .categories li span,
#categoryContent .categoryContent .pageLeft .categories li span,
#categoryContent .pageContent .categoryLeft .categories li span,
#categoryContent .pageContent .pageLeft .categories li span,
#pageContent .categoryContent .categoryLeft .categories li span,
#pageContent .categoryContent .pageLeft .categories li span,
#pageContent .pageContent .categoryLeft .categories li span,
#pageContent .pageContent .pageLeft .categories li span {
  font-size: 14px;
}
#categoryContent .categoryContent .categoryRight,
#categoryContent .categoryContent .pageRight,
#categoryContent .pageContent .categoryRight,
#categoryContent .pageContent .pageRight,
#pageContent .categoryContent .categoryRight,
#pageContent .categoryContent .pageRight,
#pageContent .pageContent .categoryRight,
#pageContent .pageContent .pageRight {
  box-sizing: border-box;
  flex: 1;
}
#categoryContent .categoryContent .categoryRight h1,
#categoryContent .categoryContent .pageRight h1,
#categoryContent .pageContent .categoryRight h1,
#categoryContent .pageContent .pageRight h1,
#pageContent .categoryContent .categoryRight h1,
#pageContent .categoryContent .pageRight h1,
#pageContent .pageContent .categoryRight h1,
#pageContent .pageContent .pageRight h1 {
  border-bottom: 1px solid #2f2f33;
  color: white;
  margin: 0;
  padding-bottom: 0.5rem;
  padding-top: 1rem;
  font-size: 22px;
}
#categoryContent .categoryContent .categoryRight .subCategories,
#categoryContent .categoryContent .pageRight .subCategories,
#categoryContent .pageContent .categoryRight .subCategories,
#categoryContent .pageContent .pageRight .subCategories,
#pageContent .categoryContent .categoryRight .subCategories,
#pageContent .categoryContent .pageRight .subCategories,
#pageContent .pageContent .categoryRight .subCategories,
#pageContent .pageContent .pageRight .subCategories {
  display: grid;
  grid-template-columns: repeat(auto-fit, 350px);
  justify-content: center;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #categoryContent .categoryContent .categoryRight .subCategories,
  #categoryContent .categoryContent .pageRight .subCategories,
  #categoryContent .pageContent .categoryRight .subCategories,
  #categoryContent .pageContent .pageRight .subCategories,
  #pageContent .categoryContent .categoryRight .subCategories,
  #pageContent .categoryContent .pageRight .subCategories,
  #pageContent .pageContent .categoryRight .subCategories,
  #pageContent .pageContent .pageRight .subCategories {
    grid-template-columns: repeat(auto-fit, 250px);
    grid-gap: 1rem;
  }
}
#categoryContent .categoryContent .categoryRight .subCategories li,
#categoryContent .categoryContent .pageRight .subCategories li,
#categoryContent .pageContent .categoryRight .subCategories li,
#categoryContent .pageContent .pageRight .subCategories li,
#pageContent .categoryContent .categoryRight .subCategories li,
#pageContent .categoryContent .pageRight .subCategories li,
#pageContent .pageContent .categoryRight .subCategories li,
#pageContent .pageContent .pageRight .subCategories li {
  width: 250px;
  display: flex;
  flex-direction: column;
}
#categoryContent .categoryContent .categoryRight .subCategories li h2,
#categoryContent .categoryContent .pageRight .subCategories li h2,
#categoryContent .pageContent .categoryRight .subCategories li h2,
#categoryContent .pageContent .pageRight .subCategories li h2,
#pageContent .categoryContent .categoryRight .subCategories li h2,
#pageContent .categoryContent .pageRight .subCategories li h2,
#pageContent .pageContent .categoryRight .subCategories li h2,
#pageContent .pageContent .pageRight .subCategories li h2 {
  color: white;
  text-align: center;
  margin-top: 3rem;
}
#categoryContent .categoryContent .categoryRight .subCategories li img,
#categoryContent .categoryContent .pageRight .subCategories li img,
#categoryContent .pageContent .categoryRight .subCategories li img,
#categoryContent .pageContent .pageRight .subCategories li img,
#pageContent .categoryContent .categoryRight .subCategories li img,
#pageContent .categoryContent .pageRight .subCategories li img,
#pageContent .pageContent .categoryRight .subCategories li img,
#pageContent .pageContent .pageRight .subCategories li img {
  width: 250px;
  height: auto;
  object-fit: contain;
}
#categoryContent .categoryContent .categoryRight .categoryRightTop,
#categoryContent .categoryContent .pageRight .categoryRightTop,
#categoryContent .pageContent .categoryRight .categoryRightTop,
#categoryContent .pageContent .pageRight .categoryRightTop,
#pageContent .categoryContent .categoryRight .categoryRightTop,
#pageContent .categoryContent .pageRight .categoryRightTop,
#pageContent .pageContent .categoryRight .categoryRightTop,
#pageContent .pageContent .pageRight .categoryRightTop {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
}
@media (max-width: 380px) {
  #categoryContent .categoryContent .categoryRight .categoryRightTop,
  #categoryContent .categoryContent .pageRight .categoryRightTop,
  #categoryContent .pageContent .categoryRight .categoryRightTop,
  #categoryContent .pageContent .pageRight .categoryRightTop,
  #pageContent .categoryContent .categoryRight .categoryRightTop,
  #pageContent .categoryContent .pageRight .categoryRightTop,
  #pageContent .pageContent .categoryRight .categoryRightTop,
  #pageContent .pageContent .pageRight .categoryRightTop {
    flex-direction: column;
  }
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filterMobile,
#categoryContent .categoryContent .pageRight .categoryRightTop .filterMobile,
#categoryContent .pageContent .categoryRight .categoryRightTop .filterMobile,
#categoryContent .pageContent .pageRight .categoryRightTop .filterMobile,
#pageContent .categoryContent .categoryRight .categoryRightTop .filterMobile,
#pageContent .categoryContent .pageRight .categoryRightTop .filterMobile,
#pageContent .pageContent .categoryRight .categoryRightTop .filterMobile,
#pageContent .pageContent .pageRight .categoryRightTop .filterMobile {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: max-content;
}
@media (max-width: 380px) {
  #categoryContent .categoryContent .categoryRight .categoryRightTop .filterMobile,
  #categoryContent .categoryContent .pageRight .categoryRightTop .filterMobile,
  #categoryContent .pageContent .categoryRight .categoryRightTop .filterMobile,
  #categoryContent .pageContent .pageRight .categoryRightTop .filterMobile,
  #pageContent .categoryContent .categoryRight .categoryRightTop .filterMobile,
  #pageContent .categoryContent .pageRight .categoryRightTop .filterMobile,
  #pageContent .pageContent .categoryRight .categoryRightTop .filterMobile,
  #pageContent .pageContent .pageRight .categoryRightTop .filterMobile {
    padding-left: 0.5rem;
  }
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filterMobile svg,
#categoryContent .categoryContent .pageRight .categoryRightTop .filterMobile svg,
#categoryContent .pageContent .categoryRight .categoryRightTop .filterMobile svg,
#categoryContent .pageContent .pageRight .categoryRightTop .filterMobile svg,
#pageContent .categoryContent .categoryRight .categoryRightTop .filterMobile svg,
#pageContent .categoryContent .pageRight .categoryRightTop .filterMobile svg,
#pageContent .pageContent .categoryRight .categoryRightTop .filterMobile svg,
#pageContent .pageContent .pageRight .categoryRightTop .filterMobile svg {
  fill: #b4bbc0;
  width: 18px;
  pointer-events: none;
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filterMobile span,
#categoryContent .categoryContent .pageRight .categoryRightTop .filterMobile span,
#categoryContent .pageContent .categoryRight .categoryRightTop .filterMobile span,
#categoryContent .pageContent .pageRight .categoryRightTop .filterMobile span,
#pageContent .categoryContent .categoryRight .categoryRightTop .filterMobile span,
#pageContent .categoryContent .pageRight .categoryRightTop .filterMobile span,
#pageContent .pageContent .categoryRight .categoryRightTop .filterMobile span,
#pageContent .pageContent .pageRight .categoryRightTop .filterMobile span {
  font-size: 14px;
  color: white;
  pointer-events: none;
}
@media (min-width: 1200px) {
  #categoryContent .categoryContent .categoryRight .categoryRightTop .filterMobile,
  #categoryContent .categoryContent .pageRight .categoryRightTop .filterMobile,
  #categoryContent .pageContent .categoryRight .categoryRightTop .filterMobile,
  #categoryContent .pageContent .pageRight .categoryRightTop .filterMobile,
  #pageContent .categoryContent .categoryRight .categoryRightTop .filterMobile,
  #pageContent .categoryContent .pageRight .categoryRightTop .filterMobile,
  #pageContent .pageContent .categoryRight .categoryRightTop .filterMobile,
  #pageContent .pageContent .pageRight .categoryRightTop .filterMobile {
    visibility: hidden;
  }
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter,
#categoryContent .pageContent .pageRight .categoryRightTop .filter,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter,
#pageContent .categoryContent .pageRight .categoryRightTop .filter,
#pageContent .pageContent .categoryRight .categoryRightTop .filter,
#pageContent .pageContent .pageRight .categoryRightTop .filter {
  display: flex;
  gap: 0.5rem;
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .listView,
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .gridView,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .listView,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .gridView,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .listView,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .gridView,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .listView,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .gridView,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .listView,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .gridView,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .listView,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .gridView,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .listView,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .gridView,
#pageContent .pageContent .pageRight .categoryRightTop .filter .listView,
#pageContent .pageContent .pageRight .categoryRightTop .filter .gridView {
  display: flex;
  cursor: pointer;
}
@media (max-width: 1199px) {
  #categoryContent .categoryContent .categoryRight .categoryRightTop .filter .listView,
  #categoryContent .categoryContent .categoryRight .categoryRightTop .filter .gridView,
  #categoryContent .categoryContent .pageRight .categoryRightTop .filter .listView,
  #categoryContent .categoryContent .pageRight .categoryRightTop .filter .gridView,
  #categoryContent .pageContent .categoryRight .categoryRightTop .filter .listView,
  #categoryContent .pageContent .categoryRight .categoryRightTop .filter .gridView,
  #categoryContent .pageContent .pageRight .categoryRightTop .filter .listView,
  #categoryContent .pageContent .pageRight .categoryRightTop .filter .gridView,
  #pageContent .categoryContent .categoryRight .categoryRightTop .filter .listView,
  #pageContent .categoryContent .categoryRight .categoryRightTop .filter .gridView,
  #pageContent .categoryContent .pageRight .categoryRightTop .filter .listView,
  #pageContent .categoryContent .pageRight .categoryRightTop .filter .gridView,
  #pageContent .pageContent .categoryRight .categoryRightTop .filter .listView,
  #pageContent .pageContent .categoryRight .categoryRightTop .filter .gridView,
  #pageContent .pageContent .pageRight .categoryRightTop .filter .listView,
  #pageContent .pageContent .pageRight .categoryRightTop .filter .gridView {
    display: none;
  }
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .listView:hover svg, #categoryContent .categoryContent .categoryRight .categoryRightTop .filter .listView.active svg,
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .gridView:hover svg,
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .gridView.active svg,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .listView:hover svg,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .listView.active svg,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .gridView:hover svg,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .gridView.active svg,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .listView:hover svg,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .listView.active svg,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .gridView:hover svg,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .gridView.active svg,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .listView:hover svg,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .listView.active svg,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .gridView:hover svg,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .gridView.active svg,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .listView:hover svg,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .listView.active svg,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .gridView:hover svg,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .gridView.active svg,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .listView:hover svg,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .listView.active svg,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .gridView:hover svg,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .gridView.active svg,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .listView:hover svg,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .listView.active svg,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .gridView:hover svg,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .gridView.active svg,
#pageContent .pageContent .pageRight .categoryRightTop .filter .listView:hover svg,
#pageContent .pageContent .pageRight .categoryRightTop .filter .listView.active svg,
#pageContent .pageContent .pageRight .categoryRightTop .filter .gridView:hover svg,
#pageContent .pageContent .pageRight .categoryRightTop .filter .gridView.active svg {
  background: var(--lightBlue);
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .listView:hover svg path, #categoryContent .categoryContent .categoryRight .categoryRightTop .filter .listView.active svg path,
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .gridView:hover svg path,
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .gridView.active svg path,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .listView:hover svg path,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .listView.active svg path,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .gridView:hover svg path,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .gridView.active svg path,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .listView:hover svg path,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .listView.active svg path,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .gridView:hover svg path,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .gridView.active svg path,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .listView:hover svg path,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .listView.active svg path,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .gridView:hover svg path,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .gridView.active svg path,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .listView:hover svg path,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .listView.active svg path,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .gridView:hover svg path,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .gridView.active svg path,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .listView:hover svg path,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .listView.active svg path,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .gridView:hover svg path,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .gridView.active svg path,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .listView:hover svg path,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .listView.active svg path,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .gridView:hover svg path,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .gridView.active svg path,
#pageContent .pageContent .pageRight .categoryRightTop .filter .listView:hover svg path,
#pageContent .pageContent .pageRight .categoryRightTop .filter .listView.active svg path,
#pageContent .pageContent .pageRight .categoryRightTop .filter .gridView:hover svg path,
#pageContent .pageContent .pageRight .categoryRightTop .filter .gridView.active svg path {
  fill: #131722;
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .listView svg,
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .gridView svg,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .listView svg,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .gridView svg,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .listView svg,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .gridView svg,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .listView svg,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .gridView svg,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .listView svg,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .gridView svg,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .listView svg,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .gridView svg,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .listView svg,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .gridView svg,
#pageContent .pageContent .pageRight .categoryRightTop .filter .listView svg,
#pageContent .pageContent .pageRight .categoryRightTop .filter .gridView svg {
  pointer-events: none;
  transition: 0.3s ease all;
  border-radius: 5px;
  width: 20px;
  padding: 0.5rem;
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .listView svg path,
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .gridView svg path,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .listView svg path,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .gridView svg path,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .listView svg path,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .gridView svg path,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .listView svg path,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .gridView svg path,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .listView svg path,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .gridView svg path,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .listView svg path,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .gridView svg path,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .listView svg path,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .gridView svg path,
#pageContent .pageContent .pageRight .categoryRightTop .filter .listView svg path,
#pageContent .pageContent .pageRight .categoryRightTop .filter .gridView svg path {
  fill: #b4bbc0;
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .gridView svg,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .gridView svg,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .gridView svg,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .gridView svg,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .gridView svg,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .gridView svg,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .gridView svg,
#pageContent .pageContent .pageRight .categoryRightTop .filter .gridView svg {
  padding-right: 0.3rem;
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .selectContainer,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer,
#pageContent .pageContent .pageRight .categoryRightTop .filter .selectContainer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 1rem;
  position: relative;
}
@media (max-width: 380px) {
  #categoryContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer,
  #categoryContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer,
  #categoryContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer,
  #categoryContent .pageContent .pageRight .categoryRightTop .filter .selectContainer,
  #pageContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer,
  #pageContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer,
  #pageContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer,
  #pageContent .pageContent .pageRight .categoryRightTop .filter .selectContainer {
    margin-left: 0;
    margin-top: 1rem;
  }
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer svg,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer svg,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer svg,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .selectContainer svg,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer svg,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer svg,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer svg,
#pageContent .pageContent .pageRight .categoryRightTop .filter .selectContainer svg {
  fill: white;
  position: absolute;
  left: 0.5rem;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer select,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer select,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer select,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .selectContainer select,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer select,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer select,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer select,
#pageContent .pageContent .pageRight .categoryRightTop .filter .selectContainer select {
  background: transparent;
  border-radius: 5px;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  border: 1px solid transparent;
  color: #949cb0;
  transition: 0.3s ease all;
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer select:focus, #categoryContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer select:active,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer select:focus,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer select:active,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer select:focus,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer select:active,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .selectContainer select:focus,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .selectContainer select:active,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer select:focus,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer select:active,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer select:focus,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer select:active,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer select:focus,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer select:active,
#pageContent .pageContent .pageRight .categoryRightTop .filter .selectContainer select:focus,
#pageContent .pageContent .pageRight .categoryRightTop .filter .selectContainer select:active {
  border: 1px solid var(--lightBlue);
}
#categoryContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer select option,
#categoryContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer select option,
#categoryContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer select option,
#categoryContent .pageContent .pageRight .categoryRightTop .filter .selectContainer select option,
#pageContent .categoryContent .categoryRight .categoryRightTop .filter .selectContainer select option,
#pageContent .categoryContent .pageRight .categoryRightTop .filter .selectContainer select option,
#pageContent .pageContent .categoryRight .categoryRightTop .filter .selectContainer select option,
#pageContent .pageContent .pageRight .categoryRightTop .filter .selectContainer select option {
  background: var(--mainContent);
  padding: 0.5rem;
}
#categoryContent .categoryContent .categoryRight .items,
#categoryContent .categoryContent .pageRight .items,
#categoryContent .pageContent .categoryRight .items,
#categoryContent .pageContent .pageRight .items,
#pageContent .categoryContent .categoryRight .items,
#pageContent .categoryContent .pageRight .items,
#pageContent .pageContent .categoryRight .items,
#pageContent .pageContent .pageRight .items {
  display: flex;
  flex-direction: column;
}
#categoryContent .categoryContent .categoryRight .items h2,
#categoryContent .categoryContent .pageRight .items h2,
#categoryContent .pageContent .categoryRight .items h2,
#categoryContent .pageContent .pageRight .items h2,
#pageContent .categoryContent .categoryRight .items h2,
#pageContent .categoryContent .pageRight .items h2,
#pageContent .pageContent .categoryRight .items h2,
#pageContent .pageContent .pageRight .items h2 {
  color: #949cb0;
  text-align: center;
}
@media (max-width: 768px) {
  #categoryContent .categoryContent .categoryRight .items,
  #categoryContent .categoryContent .pageRight .items,
  #categoryContent .pageContent .categoryRight .items,
  #categoryContent .pageContent .pageRight .items,
  #pageContent .categoryContent .categoryRight .items,
  #pageContent .categoryContent .pageRight .items,
  #pageContent .pageContent .categoryRight .items,
  #pageContent .pageContent .pageRight .items {
    justify-content: center;
  }
}
#categoryContent .categoryContent .categoryRight .items .item,
#categoryContent .categoryContent .pageRight .items .item,
#categoryContent .pageContent .categoryRight .items .item,
#categoryContent .pageContent .pageRight .items .item,
#pageContent .categoryContent .categoryRight .items .item,
#pageContent .categoryContent .pageRight .items .item,
#pageContent .pageContent .categoryRight .items .item,
#pageContent .pageContent .pageRight .items .item {
  border-bottom: 1px solid #2f2f33;
  padding: 0.5rem;
  display: flex;
  gap: 1rem;
  position: relative;
}
#categoryContent .categoryContent .categoryRight .items .item .tag,
#categoryContent .categoryContent .pageRight .items .item .tag,
#categoryContent .pageContent .categoryRight .items .item .tag,
#categoryContent .pageContent .pageRight .items .item .tag,
#pageContent .categoryContent .categoryRight .items .item .tag,
#pageContent .categoryContent .pageRight .items .item .tag,
#pageContent .pageContent .categoryRight .items .item .tag,
#pageContent .pageContent .pageRight .items .item .tag {
  position: absolute;
  left: 0;
  top: -10px;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  background: var(--lightBlue);
  border-radius: 3px;
  color: white;
  font-size: 12px;
  padding: 5px 10px;
}
#categoryContent .categoryContent .categoryRight .items .item:hover,
#categoryContent .categoryContent .pageRight .items .item:hover,
#categoryContent .pageContent .categoryRight .items .item:hover,
#categoryContent .pageContent .pageRight .items .item:hover,
#pageContent .categoryContent .categoryRight .items .item:hover,
#pageContent .categoryContent .pageRight .items .item:hover,
#pageContent .pageContent .categoryRight .items .item:hover,
#pageContent .pageContent .pageRight .items .item:hover {
  background: linear-gradient(135deg, #212635 5%, rgba(33, 38, 53, 0.57) 40%, rgba(160, 162, 168, 0) 60%, rgba(255, 255, 255, 0) 100%);
}
#categoryContent .categoryContent .categoryRight .items .item img,
#categoryContent .categoryContent .pageRight .items .item img,
#categoryContent .pageContent .categoryRight .items .item img,
#categoryContent .pageContent .pageRight .items .item img,
#pageContent .categoryContent .categoryRight .items .item img,
#pageContent .categoryContent .pageRight .items .item img,
#pageContent .pageContent .categoryRight .items .item img,
#pageContent .pageContent .pageRight .items .item img {
  max-width: 150px;
  object-fit: contain;
}
#categoryContent .categoryContent .categoryRight .items .item .itemMain,
#categoryContent .categoryContent .pageRight .items .item .itemMain,
#categoryContent .pageContent .categoryRight .items .item .itemMain,
#categoryContent .pageContent .pageRight .items .item .itemMain,
#pageContent .categoryContent .categoryRight .items .item .itemMain,
#pageContent .categoryContent .pageRight .items .item .itemMain,
#pageContent .pageContent .categoryRight .items .item .itemMain,
#pageContent .pageContent .pageRight .items .item .itemMain {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#categoryContent .categoryContent .categoryRight .items .item .itemMain .itemMainCategories,
#categoryContent .categoryContent .pageRight .items .item .itemMain .itemMainCategories,
#categoryContent .pageContent .categoryRight .items .item .itemMain .itemMainCategories,
#categoryContent .pageContent .pageRight .items .item .itemMain .itemMainCategories,
#pageContent .categoryContent .categoryRight .items .item .itemMain .itemMainCategories,
#pageContent .categoryContent .pageRight .items .item .itemMain .itemMainCategories,
#pageContent .pageContent .categoryRight .items .item .itemMain .itemMainCategories,
#pageContent .pageContent .pageRight .items .item .itemMain .itemMainCategories {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
#categoryContent .categoryContent .categoryRight .items .item .itemMain .categoryLink,
#categoryContent .categoryContent .pageRight .items .item .itemMain .categoryLink,
#categoryContent .pageContent .categoryRight .items .item .itemMain .categoryLink,
#categoryContent .pageContent .pageRight .items .item .itemMain .categoryLink,
#pageContent .categoryContent .categoryRight .items .item .itemMain .categoryLink,
#pageContent .categoryContent .pageRight .items .item .itemMain .categoryLink,
#pageContent .pageContent .categoryRight .items .item .itemMain .categoryLink,
#pageContent .pageContent .pageRight .items .item .itemMain .categoryLink {
  width: max-content;
}
#categoryContent .categoryContent .categoryRight .items .item .itemMain .buttonMain,
#categoryContent .categoryContent .pageRight .items .item .itemMain .buttonMain,
#categoryContent .pageContent .categoryRight .items .item .itemMain .buttonMain,
#categoryContent .pageContent .pageRight .items .item .itemMain .buttonMain,
#pageContent .categoryContent .categoryRight .items .item .itemMain .buttonMain,
#pageContent .categoryContent .pageRight .items .item .itemMain .buttonMain,
#pageContent .pageContent .categoryRight .items .item .itemMain .buttonMain,
#pageContent .pageContent .pageRight .items .item .itemMain .buttonMain {
  margin-top: auto;
}
#categoryContent .categoryContent .categoryRight .items .item .itemMain h3,
#categoryContent .categoryContent .pageRight .items .item .itemMain h3,
#categoryContent .pageContent .categoryRight .items .item .itemMain h3,
#categoryContent .pageContent .pageRight .items .item .itemMain h3,
#pageContent .categoryContent .categoryRight .items .item .itemMain h3,
#pageContent .categoryContent .pageRight .items .item .itemMain h3,
#pageContent .pageContent .categoryRight .items .item .itemMain h3,
#pageContent .pageContent .pageRight .items .item .itemMain h3 {
  color: white;
  font-size: 16px;
  transition: 0.3s ease color;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#categoryContent .categoryContent .categoryRight .items .item .itemMain h3:hover,
#categoryContent .categoryContent .pageRight .items .item .itemMain h3:hover,
#categoryContent .pageContent .categoryRight .items .item .itemMain h3:hover,
#categoryContent .pageContent .pageRight .items .item .itemMain h3:hover,
#pageContent .categoryContent .categoryRight .items .item .itemMain h3:hover,
#pageContent .categoryContent .pageRight .items .item .itemMain h3:hover,
#pageContent .pageContent .categoryRight .items .item .itemMain h3:hover,
#pageContent .pageContent .pageRight .items .item .itemMain h3:hover {
  color: var(--lightBlue);
}
#categoryContent .categoryContent .categoryRight .items .item .itemMain p,
#categoryContent .categoryContent .pageRight .items .item .itemMain p,
#categoryContent .pageContent .categoryRight .items .item .itemMain p,
#categoryContent .pageContent .pageRight .items .item .itemMain p,
#pageContent .categoryContent .categoryRight .items .item .itemMain p,
#pageContent .categoryContent .pageRight .items .item .itemMain p,
#pageContent .pageContent .categoryRight .items .item .itemMain p,
#pageContent .pageContent .pageRight .items .item .itemMain p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #949cb0;
}
#categoryContent .categoryContent .categoryRight .items .item .postRating,
#categoryContent .categoryContent .pageRight .items .item .postRating,
#categoryContent .pageContent .categoryRight .items .item .postRating,
#categoryContent .pageContent .pageRight .items .item .postRating,
#pageContent .categoryContent .categoryRight .items .item .postRating,
#pageContent .categoryContent .pageRight .items .item .postRating,
#pageContent .pageContent .categoryRight .items .item .postRating,
#pageContent .pageContent .pageRight .items .item .postRating {
  position: relative;
  width: max-content;
  align-self: flex-start;
}
#categoryContent .categoryContent .categoryRight .items .item .postRating svg,
#categoryContent .categoryContent .pageRight .items .item .postRating svg,
#categoryContent .pageContent .categoryRight .items .item .postRating svg,
#categoryContent .pageContent .pageRight .items .item .postRating svg,
#pageContent .categoryContent .categoryRight .items .item .postRating svg,
#pageContent .categoryContent .pageRight .items .item .postRating svg,
#pageContent .pageContent .categoryRight .items .item .postRating svg,
#pageContent .pageContent .pageRight .items .item .postRating svg {
  width: 52px;
  fill: #373c49;
}
#categoryContent .categoryContent .categoryRight .items .item .postRating .score,
#categoryContent .categoryContent .pageRight .items .item .postRating .score,
#categoryContent .pageContent .categoryRight .items .item .postRating .score,
#categoryContent .pageContent .pageRight .items .item .postRating .score,
#pageContent .categoryContent .categoryRight .items .item .postRating .score,
#pageContent .categoryContent .pageRight .items .item .postRating .score,
#pageContent .pageContent .categoryRight .items .item .postRating .score,
#pageContent .pageContent .pageRight .items .item .postRating .score {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  color: #949cb0;
  width: max-content;
  height: max-content;
}
#categoryContent .categoryContent .categoryRight .items.grid,
#categoryContent .categoryContent .pageRight .items.grid,
#categoryContent .pageContent .categoryRight .items.grid,
#categoryContent .pageContent .pageRight .items.grid,
#pageContent .categoryContent .categoryRight .items.grid,
#pageContent .categoryContent .pageRight .items.grid,
#pageContent .pageContent .categoryRight .items.grid,
#pageContent .pageContent .pageRight .items.grid {
  flex-direction: row;
  flex-wrap: wrap;
}
#categoryContent .categoryContent .categoryRight .items.grid .itemMainCategories,
#categoryContent .categoryContent .pageRight .items.grid .itemMainCategories,
#categoryContent .pageContent .categoryRight .items.grid .itemMainCategories,
#categoryContent .pageContent .pageRight .items.grid .itemMainCategories,
#pageContent .categoryContent .categoryRight .items.grid .itemMainCategories,
#pageContent .categoryContent .pageRight .items.grid .itemMainCategories,
#pageContent .pageContent .categoryRight .items.grid .itemMainCategories,
#pageContent .pageContent .pageRight .items.grid .itemMainCategories {
  margin-top: 0 !important;
}
#categoryContent .categoryContent .categoryRight .items.grid .item,
#categoryContent .categoryContent .pageRight .items.grid .item,
#categoryContent .pageContent .categoryRight .items.grid .item,
#categoryContent .pageContent .pageRight .items.grid .item,
#pageContent .categoryContent .categoryRight .items.grid .item,
#pageContent .categoryContent .pageRight .items.grid .item,
#pageContent .pageContent .categoryRight .items.grid .item,
#pageContent .pageContent .pageRight .items.grid .item {
  flex-direction: column;
  width: 200px;
  border-bottom: none;
}
#categoryContent .categoryContent .categoryRight .items.grid .item:hover,
#categoryContent .categoryContent .pageRight .items.grid .item:hover,
#categoryContent .pageContent .categoryRight .items.grid .item:hover,
#categoryContent .pageContent .pageRight .items.grid .item:hover,
#pageContent .categoryContent .categoryRight .items.grid .item:hover,
#pageContent .categoryContent .pageRight .items.grid .item:hover,
#pageContent .pageContent .categoryRight .items.grid .item:hover,
#pageContent .pageContent .pageRight .items.grid .item:hover {
  background: none;
}
#categoryContent .categoryContent .categoryRight .items.grid .item img,
#categoryContent .categoryContent .pageRight .items.grid .item img,
#categoryContent .pageContent .categoryRight .items.grid .item img,
#categoryContent .pageContent .pageRight .items.grid .item img,
#pageContent .categoryContent .categoryRight .items.grid .item img,
#pageContent .categoryContent .pageRight .items.grid .item img,
#pageContent .pageContent .categoryRight .items.grid .item img,
#pageContent .pageContent .pageRight .items.grid .item img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 280px;
}
#categoryContent .categoryContent .categoryRight .items.grid .item .itemMain h2,
#categoryContent .categoryContent .pageRight .items.grid .item .itemMain h2,
#categoryContent .pageContent .categoryRight .items.grid .item .itemMain h2,
#categoryContent .pageContent .pageRight .items.grid .item .itemMain h2,
#pageContent .categoryContent .categoryRight .items.grid .item .itemMain h2,
#pageContent .categoryContent .pageRight .items.grid .item .itemMain h2,
#pageContent .pageContent .categoryRight .items.grid .item .itemMain h2,
#pageContent .pageContent .pageRight .items.grid .item .itemMain h2 {
  font-size: 12px;
}
#categoryContent .categoryContent .categoryRight .items.grid .item .itemMain p,
#categoryContent .categoryContent .pageRight .items.grid .item .itemMain p,
#categoryContent .pageContent .categoryRight .items.grid .item .itemMain p,
#categoryContent .pageContent .pageRight .items.grid .item .itemMain p,
#pageContent .categoryContent .categoryRight .items.grid .item .itemMain p,
#pageContent .categoryContent .pageRight .items.grid .item .itemMain p,
#pageContent .pageContent .categoryRight .items.grid .item .itemMain p,
#pageContent .pageContent .pageRight .items.grid .item .itemMain p {
  display: none;
}
#categoryContent .categoryContent .categoryRight .items.grid .item .itemMain .buttonMain,
#categoryContent .categoryContent .pageRight .items.grid .item .itemMain .buttonMain,
#categoryContent .pageContent .categoryRight .items.grid .item .itemMain .buttonMain,
#categoryContent .pageContent .pageRight .items.grid .item .itemMain .buttonMain,
#pageContent .categoryContent .categoryRight .items.grid .item .itemMain .buttonMain,
#pageContent .categoryContent .pageRight .items.grid .item .itemMain .buttonMain,
#pageContent .pageContent .categoryRight .items.grid .item .itemMain .buttonMain,
#pageContent .pageContent .pageRight .items.grid .item .itemMain .buttonMain {
  display: none;
}
#categoryContent .categoryContent .categoryRight .items.grid .item .postRating,
#categoryContent .categoryContent .pageRight .items.grid .item .postRating,
#categoryContent .pageContent .categoryRight .items.grid .item .postRating,
#categoryContent .pageContent .pageRight .items.grid .item .postRating,
#pageContent .categoryContent .categoryRight .items.grid .item .postRating,
#pageContent .categoryContent .pageRight .items.grid .item .postRating,
#pageContent .pageContent .categoryRight .items.grid .item .postRating,
#pageContent .pageContent .pageRight .items.grid .item .postRating {
  display: none;
}
@media (max-width: 1199px) {
  #categoryContent .categoryContent .categoryRight .items,
  #categoryContent .categoryContent .pageRight .items,
  #categoryContent .pageContent .categoryRight .items,
  #categoryContent .pageContent .pageRight .items,
  #pageContent .categoryContent .categoryRight .items,
  #pageContent .categoryContent .pageRight .items,
  #pageContent .pageContent .categoryRight .items,
  #pageContent .pageContent .pageRight .items {
    flex-direction: row;
    flex-wrap: wrap;
  }
  #categoryContent .categoryContent .categoryRight .items .item,
  #categoryContent .categoryContent .pageRight .items .item,
  #categoryContent .pageContent .categoryRight .items .item,
  #categoryContent .pageContent .pageRight .items .item,
  #pageContent .categoryContent .categoryRight .items .item,
  #pageContent .categoryContent .pageRight .items .item,
  #pageContent .pageContent .categoryRight .items .item,
  #pageContent .pageContent .pageRight .items .item {
    flex-direction: column;
    width: 200px;
    border-bottom: none;
  }
  #categoryContent .categoryContent .categoryRight .items .item:hover,
  #categoryContent .categoryContent .pageRight .items .item:hover,
  #categoryContent .pageContent .categoryRight .items .item:hover,
  #categoryContent .pageContent .pageRight .items .item:hover,
  #pageContent .categoryContent .categoryRight .items .item:hover,
  #pageContent .categoryContent .pageRight .items .item:hover,
  #pageContent .pageContent .categoryRight .items .item:hover,
  #pageContent .pageContent .pageRight .items .item:hover {
    background: none;
  }
  #categoryContent .categoryContent .categoryRight .items .item img,
  #categoryContent .categoryContent .pageRight .items .item img,
  #categoryContent .pageContent .categoryRight .items .item img,
  #categoryContent .pageContent .pageRight .items .item img,
  #pageContent .categoryContent .categoryRight .items .item img,
  #pageContent .categoryContent .pageRight .items .item img,
  #pageContent .pageContent .categoryRight .items .item img,
  #pageContent .pageContent .pageRight .items .item img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 280px;
  }
  #categoryContent .categoryContent .categoryRight .items .item .itemMain h2,
  #categoryContent .categoryContent .pageRight .items .item .itemMain h2,
  #categoryContent .pageContent .categoryRight .items .item .itemMain h2,
  #categoryContent .pageContent .pageRight .items .item .itemMain h2,
  #pageContent .categoryContent .categoryRight .items .item .itemMain h2,
  #pageContent .categoryContent .pageRight .items .item .itemMain h2,
  #pageContent .pageContent .categoryRight .items .item .itemMain h2,
  #pageContent .pageContent .pageRight .items .item .itemMain h2 {
    font-size: 12px;
  }
  #categoryContent .categoryContent .categoryRight .items .item .itemMain p,
  #categoryContent .categoryContent .pageRight .items .item .itemMain p,
  #categoryContent .pageContent .categoryRight .items .item .itemMain p,
  #categoryContent .pageContent .pageRight .items .item .itemMain p,
  #pageContent .categoryContent .categoryRight .items .item .itemMain p,
  #pageContent .categoryContent .pageRight .items .item .itemMain p,
  #pageContent .pageContent .categoryRight .items .item .itemMain p,
  #pageContent .pageContent .pageRight .items .item .itemMain p {
    display: none;
  }
  #categoryContent .categoryContent .categoryRight .items .item .itemMain .buttonMain,
  #categoryContent .categoryContent .pageRight .items .item .itemMain .buttonMain,
  #categoryContent .pageContent .categoryRight .items .item .itemMain .buttonMain,
  #categoryContent .pageContent .pageRight .items .item .itemMain .buttonMain,
  #pageContent .categoryContent .categoryRight .items .item .itemMain .buttonMain,
  #pageContent .categoryContent .pageRight .items .item .itemMain .buttonMain,
  #pageContent .pageContent .categoryRight .items .item .itemMain .buttonMain,
  #pageContent .pageContent .pageRight .items .item .itemMain .buttonMain {
    display: none;
  }
  #categoryContent .categoryContent .categoryRight .items .item .postRating,
  #categoryContent .categoryContent .pageRight .items .item .postRating,
  #categoryContent .pageContent .categoryRight .items .item .postRating,
  #categoryContent .pageContent .pageRight .items .item .postRating,
  #pageContent .categoryContent .categoryRight .items .item .postRating,
  #pageContent .categoryContent .pageRight .items .item .postRating,
  #pageContent .pageContent .categoryRight .items .item .postRating,
  #pageContent .pageContent .pageRight .items .item .postRating {
    display: none;
  }
}
#categoryContent .categoryContent .categoryRight .pagination,
#categoryContent .categoryContent .pageRight .pagination,
#categoryContent .pageContent .categoryRight .pagination,
#categoryContent .pageContent .pageRight .pagination,
#pageContent .categoryContent .categoryRight .pagination,
#pageContent .categoryContent .pageRight .pagination,
#pageContent .pageContent .categoryRight .pagination,
#pageContent .pageContent .pageRight .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  margin: 1rem 0;
}
#categoryContent .categoryContent .categoryRight .pagination .buttons,
#categoryContent .categoryContent .pageRight .pagination .buttons,
#categoryContent .pageContent .categoryRight .pagination .buttons,
#categoryContent .pageContent .pageRight .pagination .buttons,
#pageContent .categoryContent .categoryRight .pagination .buttons,
#pageContent .categoryContent .pageRight .pagination .buttons,
#pageContent .pageContent .categoryRight .pagination .buttons,
#pageContent .pageContent .pageRight .pagination .buttons {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
#categoryContent .categoryContent .categoryRight .pagination .resultCount,
#categoryContent .categoryContent .pageRight .pagination .resultCount,
#categoryContent .pageContent .categoryRight .pagination .resultCount,
#categoryContent .pageContent .pageRight .pagination .resultCount,
#pageContent .categoryContent .categoryRight .pagination .resultCount,
#pageContent .categoryContent .pageRight .pagination .resultCount,
#pageContent .pageContent .categoryRight .pagination .resultCount,
#pageContent .pageContent .pageRight .pagination .resultCount {
  color: #949cb0;
  font-size: 12px;
}
#categoryContent .categoryContent .categoryRight .pagination .paginationButton,
#categoryContent .categoryContent .pageRight .pagination .paginationButton,
#categoryContent .pageContent .categoryRight .pagination .paginationButton,
#categoryContent .pageContent .pageRight .pagination .paginationButton,
#pageContent .categoryContent .categoryRight .pagination .paginationButton,
#pageContent .categoryContent .pageRight .pagination .paginationButton,
#pageContent .pageContent .categoryRight .pagination .paginationButton,
#pageContent .pageContent .pageRight .pagination .paginationButton {
  outline: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  background: #373c49;
  color: white;
}
#categoryContent .categoryContent .categoryRight .pagination .paginationButton.active,
#categoryContent .categoryContent .pageRight .pagination .paginationButton.active,
#categoryContent .pageContent .categoryRight .pagination .paginationButton.active,
#categoryContent .pageContent .pageRight .pagination .paginationButton.active,
#pageContent .categoryContent .categoryRight .pagination .paginationButton.active,
#pageContent .categoryContent .pageRight .pagination .paginationButton.active,
#pageContent .pageContent .categoryRight .pagination .paginationButton.active,
#pageContent .pageContent .pageRight .pagination .paginationButton.active {
  background: var(--lightBlue);
  color: var(--mainContent);
  pointer-events: none;
}
#categoryContent .categoryContent .categoryRight .pagination .nextPage,
#categoryContent .categoryContent .categoryRight .pagination .previousPage,
#categoryContent .categoryContent .pageRight .pagination .nextPage,
#categoryContent .categoryContent .pageRight .pagination .previousPage,
#categoryContent .pageContent .categoryRight .pagination .nextPage,
#categoryContent .pageContent .categoryRight .pagination .previousPage,
#categoryContent .pageContent .pageRight .pagination .nextPage,
#categoryContent .pageContent .pageRight .pagination .previousPage,
#pageContent .categoryContent .categoryRight .pagination .nextPage,
#pageContent .categoryContent .categoryRight .pagination .previousPage,
#pageContent .categoryContent .pageRight .pagination .nextPage,
#pageContent .categoryContent .pageRight .pagination .previousPage,
#pageContent .pageContent .categoryRight .pagination .nextPage,
#pageContent .pageContent .categoryRight .pagination .previousPage,
#pageContent .pageContent .pageRight .pagination .nextPage,
#pageContent .pageContent .pageRight .pagination .previousPage {
  display: flex;
  align-items: center;
  outline: none;
  border: none;
  cursor: pointer;
  background: none;
  gap: 0.5rem;
  color: #b4bbc0;
}
#categoryContent .categoryContent .categoryRight .pagination .nextPage svg,
#categoryContent .categoryContent .categoryRight .pagination .previousPage svg,
#categoryContent .categoryContent .pageRight .pagination .nextPage svg,
#categoryContent .categoryContent .pageRight .pagination .previousPage svg,
#categoryContent .pageContent .categoryRight .pagination .nextPage svg,
#categoryContent .pageContent .categoryRight .pagination .previousPage svg,
#categoryContent .pageContent .pageRight .pagination .nextPage svg,
#categoryContent .pageContent .pageRight .pagination .previousPage svg,
#pageContent .categoryContent .categoryRight .pagination .nextPage svg,
#pageContent .categoryContent .categoryRight .pagination .previousPage svg,
#pageContent .categoryContent .pageRight .pagination .nextPage svg,
#pageContent .categoryContent .pageRight .pagination .previousPage svg,
#pageContent .pageContent .categoryRight .pagination .nextPage svg,
#pageContent .pageContent .categoryRight .pagination .previousPage svg,
#pageContent .pageContent .pageRight .pagination .nextPage svg,
#pageContent .pageContent .pageRight .pagination .previousPage svg {
  width: 14px;
  fill: #b4bbc0;
}

#pageContent .mainSliderButton {
  color: white !important;
}
#pageContent > img {
  max-width: 100%;
  width: auto !important;
  display: block;
  margin: 2rem 0;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  #pageContent > img {
    padding: 0 1rem;
  }
}
#pageContent .entityInfo h4 a {
  color: white;
}
#pageContent .entityInfo h4 a:hover {
  color: var(--lightBlue) !important;
}
#pageContent p, #pageContent h1, #pageContent h2, #pageContent h3, #pageContent h4, #pageContent h5, #pageContent h6, #pageContent ul, #pageContent li, #pageContent div, #pageContent span {
  color: white;
}
#pageContent.whiteTemplate {
  padding-bottom: 2rem;
}
#pageContent.whiteTemplate p, #pageContent.whiteTemplate h1, #pageContent.whiteTemplate h2, #pageContent.whiteTemplate h3, #pageContent.whiteTemplate h4, #pageContent.whiteTemplate h5, #pageContent.whiteTemplate h6, #pageContent.whiteTemplate ul, #pageContent.whiteTemplate li, #pageContent.whiteTemplate div, #pageContent.whiteTemplate span {
  color: #121a21;
}
#pageContent.whiteTemplate > p {
  line-height: 28px;
}
#pageContent .pageTitle {
  font-size: 24px;
  font-weight: normal;
}
#pageContent .line {
  height: 1px;
  width: 100%;
  border-bottom: 1px solid #2a2e3c;
  margin: 1rem 0;
}
#pageContent .paginationCount {
  font-size: 14px;
  color: #949cb0;
  display: block;
  margin: 1rem 0;
}
#pageContent .list {
  display: flex;
  flex-wrap: wrap;
}
#pageContent input {
  border-radius: 4px;
  display: block;
  box-sizing: border-box;
  padding: 0.5rem;
  outline: none;
  background: #373c49;
  border: 2px solid #373c49;
  transition: 0.3s ease all;
  color: #b4bbc0;
}
#pageContent input:focus {
  border: 2px solid var(--lightBlue);
}
#pageContent .flexedColumn {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.whiteTemplate {
  background: white;
  padding-top: 2rem;
}
.whiteTemplate .faq .entity .top h2 {
  transition: 0.3s ease color;
}
.whiteTemplate .faq .entity .top .toggle svg {
  fill: #121a21 !important;
  transition: 0.3s ease fill;
}
@media (hover: hover) {
  .whiteTemplate .faq .entity .top:hover h2 {
    color: white !important;
  }
  .whiteTemplate .faq .entity .top:hover .toggle svg {
    fill: white !important;
  }
}
.whiteTemplate .faq .entity.expand .top h2 {
  color: white !important;
}
.whiteTemplate .faq .entity.expand .top .toggle svg {
  fill: white !important;
}
.whiteTemplate > .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f6f7f9;
  padding: 4rem 0;
}
.whiteTemplate > .top h1 {
  font-size: 30px;
}
.whiteTemplate > .top .breadcrumbs {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
.whiteTemplate > .top .breadcrumbs a {
  color: #949cb0 !important;
  transition: 0.3s ease all;
  font-size: 14px;
}
.whiteTemplate > .top .breadcrumbs a:hover {
  color: var(--lightBlue) !important;
}
.whiteTemplate > .top .breadcrumbs span {
  font-size: 14px;
}
.whiteTemplate .contactContent {
  display: flex;
  gap: 4rem;
  margin-top: 2rem;
}
@media (max-width: 1199px) {
  .whiteTemplate .contactContent {
    flex-direction: column;
    gap: 1rem;
  }
}
.whiteTemplate .contactContent .left {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 50%;
}
@media (max-width: 1199px) {
  .whiteTemplate .contactContent .left {
    width: 100%;
  }
}
.whiteTemplate .contactContent .left h2 {
  font-weight: normal;
  font-size: 2rem;
}
.whiteTemplate .contactContent .left form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}
.whiteTemplate .contactContent .left form label {
  display: flex;
  flex-direction: column;
  color: #121a21;
  font-size: 15px;
  gap: 0.5rem;
}
@media (max-width: 600px) {
  .whiteTemplate .contactContent .left form label {
    grid-column: span 2;
  }
}
.whiteTemplate .contactContent .left form label input, .whiteTemplate .contactContent .left form label textarea {
  font-size: 15px;
  padding: 10px 20px;
  border: none;
  outline: 1px solid #d0d0d2;
  transition: 0.1s cubic-bezier(0.09, 0.07, 0.52, 0.09) outline;
}
.whiteTemplate .contactContent .left form label input:focus, .whiteTemplate .contactContent .left form label textarea:focus {
  outline: 2px solid #979797;
  border: none;
}
.whiteTemplate .contactContent .left form label input.invalidFormField, .whiteTemplate .contactContent .left form label textarea.invalidFormField {
  outline: 1px solid red;
}
.whiteTemplate .contactContent .left form label textarea {
  height: 150px;
}
.whiteTemplate .contactContent .left form label .formFieldNotice {
  color: red;
}
.whiteTemplate .contactContent .left form .stretch {
  grid-column: span 2;
}
.whiteTemplate .contactContent .left form .buttonMain {
  padding: 0.7rem 1.5rem !important;
}
.whiteTemplate .contactContent .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-bottom: 1rem;
}
.whiteTemplate .contactContent .right .rightTop, .whiteTemplate .contactContent .right .rightBottom {
  display: flex;
  flex-direction: column;
}
.whiteTemplate .contactContent .right .rightTop h2, .whiteTemplate .contactContent .right .rightBottom h2 {
  font-weight: normal;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.whiteTemplate .contactContent .right .rightTop span, .whiteTemplate .contactContent .right .rightBottom span {
  color: #949cb0;
  font-size: 13px;
}
.whiteTemplate .bottomTitle {
  text-align: center;
  font-weight: normal;
  color: #121a21;
  font-size: 24px;
  margin: 0;
  padding: 3rem 0;
}

#pageContent.instructorsPage .list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-gap: 1rem;
}
@media (max-width: 700px) {
  #pageContent.instructorsPage .list {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }
}
.loginPage {
  min-height: 73vh;
}
@media (max-width: 1199px) {
  .loginPage {
    min-height: 78vh;
  }
}
.loginPage #loginForm input {
  width: 300px;
  max-width: 100%;
}
.loginPage #loginForm .rememberMeContainer {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.loginPage #loginForm .rememberMeContainer .rememberMe {
  color: #b4bbc0;
  font-size: 14px;
}
.loginPage #loginForm .rememberMeContainer .rememberMeCheckbox {
  width: max-content;
}
.loginPage #loginForm .subscriptions .subscription > p {
  line-height: 18px;
}
.loginPage #messages p {
  padding: 0.5rem 1rem;
  color: white;
}
.loginPage #messages p.success {
  background: var(--lightBlue);
}
.loginPage #messages p.error {
  background: var(--error);
}

.registrationContainer {
  padding: 2rem 0;
}
.registrationContainer form {
  flex-direction: row !important;
  gap: 3rem !important;
}
@media (max-width: 990px) {
  .registrationContainer form {
    flex-direction: column !important;
  }
}
.registrationContainer form .formLeft {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-wrap: wrap;
}
.registrationContainer form .formLeft h1 {
  margin: 0;
}
.registrationContainer form .formLeft .buttonMain {
  margin-top: 0 !important;
  width: max-content !important;
  font-size: 16px !important;
}
.registrationContainer form .formLeft input {
  width: 330px !important;
}
.registrationContainer form .formRight h3 {
  border: 1px solid var(--lightBlue);
  border-radius: 5px;
  padding: 0.5rem;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s ease all;
}
.registrationContainer form .formRight h3.active {
  background: var(--lightBlue);
}
.registrationContainer form .formRight .subscriptions {
  overflow: hidden;
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr;
}
.registrationContainer form .formRight .subscriptions.active {
  height: auto;
}
@media (max-width: 1550px) {
  .registrationContainer form .formRight .subscriptions {
    grid-template-columns: 1fr;
  }
}
.registrationContainer form .formRight .subscriptions .subscription {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  border: 1px solid var(--lightBlue);
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  display: block;
}
.registrationContainer form .formRight .subscriptions .subscription .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
}
.registrationContainer form .formRight .subscriptions .subscription .top label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #949cb0;
  pointer-events: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
.registrationContainer form .formRight .subscriptions .subscription .top label input {
  margin: 0 !important;
  width: 16px !important;
  height: 16px !important;
}
.registrationContainer form .formRight .subscriptions .subscription .top .price {
  color: #949cb0;
  font-size: 14px;
}
.registrationContainer form .formRight .subscriptions .subscription p {
  color: white;
  font-size: 16px;
}
.registrationContainer .buttonMain {
  margin-bottom: 0 !important;
  margin-top: auto !important;
}
.registrationContainer .buttonMain.buttonMainMobile {
  display: none !important;
}
@media (max-width: 990px) {
  .registrationContainer .buttonMain.buttonMainMobile {
    display: block !important;
    margin-top: 1rem !important;
  }
}

.termsAndPrivacy {
  color: white;
  font-size: 14px;
}
.termsAndPrivacy a {
  color: var(--lightBlue) !important;
  font-size: 14px !important;
}
.termsAndPrivacy p {
  margin: 0 0 2px 0;
}

.goBack {
  display: flex !important;
  gap: 0.3rem;
  align-items: center;
}
.goBack svg {
  fill: white;
}

#checkoutForm h3 {
  border: 1px solid var(--lightBlue);
  border-radius: 5px;
  padding: 0.5rem;
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s ease all;
}
#checkoutForm h3.active {
  background: var(--lightBlue);
}
#checkoutForm h3:hover {
  background: var(--lightBlue);
}
#checkoutForm .subscriptions {
  height: 0;
  overflow: hidden;
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1199px) {
  #checkoutForm .subscriptions {
    grid-template-columns: 1fr;
  }
}
#checkoutForm .subscriptions.active {
  height: auto;
}
#checkoutForm .subscriptions label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #949cb0;
  pointer-events: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
#checkoutForm .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
}
#checkoutForm .top input {
  margin: 0 !important;
  width: 18px;
  height: 18px;
}
#checkoutForm .subscription {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  border: 1px solid var(--lightBlue);
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  display: block;
}
@media (max-width: 1199px) {
  #checkoutForm .subscription {
    width: 100%;
    flex: unset;
  }
}
#checkoutForm .subscription .price {
  color: #949cb0;
  font-size: 16px;
}
#checkoutForm #formMessage {
  color: white;
  background: var(--error);
}
#checkoutForm #formMessage.show {
  padding: 0.5rem 1rem;
}
#checkoutForm .buttonMain {
  font-size: 18px !important;
  padding: 0.5rem 1.5rem !important;
}

.activeSubscriptions {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1199px) {
  .activeSubscriptions {
    grid-template-columns: 1fr;
  }
}
.activeSubscriptions > span {
  color: var(--error);
}
.activeSubscriptions .activeSubscription {
  position: relative;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  font-size: 16px;
  border: 1px solid var(--lightBlue);
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
}
@media (max-width: 1199px) {
  .activeSubscriptions .activeSubscription {
    width: 100%;
    flex: unset;
  }
}
.activeSubscriptions .activeSubscription .price {
  color: #949cb0 !important;
  font-size: 16px;
}
.activeSubscriptions .activeSubscription .expiresAndCancel {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.activeSubscriptions .activeSubscription .expires {
  color: var(--success) !important;
  padding-top: 1rem;
}
.activeSubscriptions .activeSubscription .cancel {
  margin-top: auto;
  text-transform: uppercase;
  color: var(--lightBlue) !important;
  font-weight: bold;
  font-size: 14px;
}
.activeSubscriptions .activeSubscription .special {
  color: #949cb0 !important;
  font-size: 14px;
  margin-top: auto;
}
.activeSubscriptions .activeSubscription .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
}
.activeSubscriptions .activeSubscription .top input {
  margin: 0 !important;
  width: 18px;
  height: 18px;
}
.activeSubscriptions .activeSubscription .top label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #949cb0;
  pointer-events: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

.blogContent {
  background: white;
}
.blogContent .breadCrumb span {
  color: #19272e !important;
}
.blogContent .filterMobile {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  width: max-content;
}
.blogContent .filterMobile svg {
  fill: black;
  width: 18px;
  pointer-events: none;
}
.blogContent .filterMobile span {
  font-size: 14px;
  color: black;
  font-weight: bold;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .blogContent .filterMobile {
    visibility: hidden;
  }
}
.blogContent .blogInnerContent {
  display: flex;
  gap: 2rem;
}
.blogContent .blogInnerContent h1, .blogContent .blogInnerContent h2, .blogContent .blogInnerContent h3 {
  color: #19272e;
}
.blogContent .blogInnerContent h1 > a, .blogContent .blogInnerContent h2 > a, .blogContent .blogInnerContent h3 > a {
  color: #19272e !important;
}
.blogContent .blogInnerContent h1 > a:hover, .blogContent .blogInnerContent h2 > a:hover, .blogContent .blogInnerContent h3 > a:hover {
  color: var(--lightBlue) !important;
}
.blogContent .blogInnerContent h2 {
  font-size: 26px;
}
.blogContent .blogInnerContent .sidebarHeading {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.blogContent .blogInnerContent .line {
  flex: 1;
  background: #e8e8e8;
  height: 1px;
}
.blogContent .blogInnerContent .blogLeft {
  flex: 1;
}
.blogContent .blogInnerContent .blogLeft .posts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 980px;
}
@media (max-width: 1450px) {
  .blogContent .blogInnerContent .blogLeft .posts {
    max-width: unset;
    flex: 1;
  }
}
.blogContent .blogInnerContent .blogLeft .posts .post {
  display: flex;
  gap: 1rem;
}
@media (max-width: 768px) {
  .blogContent .blogInnerContent .blogLeft .posts .post {
    flex-direction: column;
  }
}
.blogContent .blogInnerContent .blogLeft .posts .post .image {
  display: block;
  width: 450px;
}
@media (max-width: 900px) {
  .blogContent .blogInnerContent .blogLeft .posts .post .image {
    width: 300px;
  }
}
@media (max-width: 768px) {
  .blogContent .blogInnerContent .blogLeft .posts .post .image {
    width: 100%;
  }
}
.blogContent .blogInnerContent .blogLeft .posts .post .image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.blogContent .blogInnerContent .blogLeft .posts .post.first {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.blogContent .blogInnerContent .blogLeft .posts .post.first .image {
  width: 900px;
  margin-bottom: 1rem;
}
@media (max-width: 1450px) {
  .blogContent .blogInnerContent .blogLeft .posts .post.first .image {
    width: 100%;
  }
}
.blogContent .blogInnerContent .blogLeft .posts .post h2 a {
  font-size: 26px !important;
}
.blogContent .blogInnerContent .blogLeft .posts .post .featured {
  background: var(--lightBlue);
  color: white;
  padding: 0.3rem 0.7rem;
  width: max-content;
  font-size: 10px;
  font-weight: bold;
}
.blogContent .blogInnerContent .blogLeft .posts .post .bottom {
  flex: 1;
}
.blogContent .blogInnerContent .blogLeft .posts .post .bottom .underTitle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.blogContent .blogInnerContent .blogLeft .posts .post .bottom .underTitle > a {
  color: var(--lightBlue) !important;
  margin-right: 5px;
}
.blogContent .blogInnerContent .blogLeft .posts .post .bottom .underTitle > span {
  font-style: italic;
  color: #949494;
  font-size: 14px;
}
.blogContent .blogInnerContent .blogLeft .posts .post .bottom .underTitle > span:before {
  content: "・";
  display: inline-block;
  margin: 0 4px;
  font-weight: 700;
}
.blogContent .blogInnerContent .blogLeft .posts .post .bottom p {
  color: #19272e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6; /* number of lines to show */
  line-clamp: 6;
  -webkit-box-orient: vertical;
  font-weight: 300;
  font-size: 14px;
  word-break: break-word;
}
@media (max-width: 900px) and (min-width: 769px) {
  .blogContent .blogInnerContent .blogLeft .posts .post .bottom p {
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
  }
}
.blogContent .blogInnerContent .blogLeft .posts .actionsAndData {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.blogContent .blogInnerContent .blogLeft .posts .actionsAndData .likes {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.blogContent .blogInnerContent .blogLeft .posts .actionsAndData .likes > div {
  display: flex;
}
.blogContent .blogInnerContent .blogLeft .posts .actionsAndData .likes > div svg {
  transition: 0.3s ease all;
  pointer-events: none;
  fill: #949cb0;
  width: 18px;
}
.blogContent .blogInnerContent .blogLeft .posts .actionsAndData .likes .action.clickable {
  cursor: pointer;
}
.blogContent .blogInnerContent .blogLeft .posts .actionsAndData .likes .action.clickable:hover svg {
  fill: var(--lightBlue);
}
.blogContent .blogInnerContent .blogLeft .posts .actionsAndData .likes .action.clickable.liked svg {
  fill: var(--lightBlue);
}
.blogContent .blogInnerContent .blogLeft .posts .actionsAndData .likes .action.clickable .count {
  font-weight: bold;
  font-size: 12px;
}
.blogContent .blogInnerContent .blogLeft .pagination {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 2rem 0;
  justify-content: center;
}
.blogContent .blogInnerContent .blogLeft .pagination .buttons {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.blogContent .blogInnerContent .blogLeft .pagination .buttons .dots {
  outline: none;
  background: white;
  border: none;
  pointer-events: none;
}
.blogContent .blogInnerContent .blogLeft .pagination .buttons .paginationButton {
  cursor: pointer;
  transition: 0.3s ease all;
  border: none;
  outline: none;
  background: white;
  color: #949cb0;
  padding: 0.5rem 0.7rem;
  font-weight: bold;
}
.blogContent .blogInnerContent .blogLeft .pagination .buttons .paginationButton.active {
  background: var(--lightBlue);
  color: white;
  pointer-events: none;
}
.blogContent .blogInnerContent .blogLeft .pagination .buttons .paginationButton.active:hover {
  background: var(--lightBlue);
  color: white;
}
.blogContent .blogInnerContent .blogLeft .pagination .buttons .paginationButton:hover {
  color: #0056b3;
  background: #e9ecef;
}
.blogContent .blogInnerContent .blogRight {
  width: 450px;
}
@media (max-width: 1199px) {
  .blogContent .blogInnerContent .blogRight {
    position: fixed;
    overflow: scroll;
    transition: 0.3s ease all;
    background: white;
    padding: 1rem;
    z-index: 101;
    min-height: 100vh;
    left: -1000px;
    top: 0;
    height: 100%;
  }
  .blogContent .blogInnerContent .blogRight.active {
    left: 0;
  }
}
@media (max-width: 1650px) {
  .blogContent .blogInnerContent .blogRight {
    width: 350px;
  }
}
@media (max-width: 1450px) {
  .blogContent .blogInnerContent .blogRight {
    width: 250px;
  }
}
@media (max-width: 1199px) {
  .blogContent .blogInnerContent .blogRight {
    width: 80vw;
  }
}
@media (max-width: 768px) {
  .blogContent .blogInnerContent .blogRight .left {
    width: 125px !important;
  }
  .blogContent .blogInnerContent .blogRight .left img {
    width: 125px !important;
  }
}
.blogContent .blogInnerContent .blogRight form {
  position: relative;
}
.blogContent .blogInnerContent .blogRight form input {
  border: 1px solid #d0d0d2;
  outline: none;
  border-radius: 15px;
  width: 100%;
  padding: 0.6rem 1rem;
  box-sizing: border-box;
  transition: 0.3s ease all;
}
.blogContent .blogInnerContent .blogRight form input:focus {
  outline: none;
  border: 1px solid var(--lightBlue);
}
.blogContent .blogInnerContent .blogRight form svg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 16px;
  color: #656565;
}
.blogContent .blogInnerContent .blogRight .entities {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.blogContent .blogInnerContent .blogRight .entities .line {
  flex: unset !important;
}
.blogContent .blogInnerContent .blogRight .entities .entity {
  display: flex;
  gap: 1rem;
}
.blogContent .blogInnerContent .blogRight .entities .entity .left {
  width: 150px;
}
.blogContent .blogInnerContent .blogRight .entities .entity .left img {
  width: 150px;
  height: auto;
  object-fit: cover;
}
.blogContent .blogInnerContent .blogRight .entities .entity .left a {
  display: block;
}
.blogContent .blogInnerContent .blogRight .entities .entity .right {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.blogContent .blogInnerContent .blogRight .entities .entity .right h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0;
}
.blogContent .blogInnerContent .blogRight .entities .entity .right .rightBottom {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.blogContent .blogInnerContent .blogRight .entities .entity .right .rightBottom > span {
  font-style: italic;
  color: #949494;
  font-size: 14px;
}
.blogContent .blogInnerContent .blogRight .entities .entity .right .rightBottom > a {
  color: var(--lightBlue) !important;
  font-weight: bold;
}
.blogContent .blogInnerContent .blogRight .reviews {
  padding: 1rem 0;
}
.blogContent .blogInnerContent .blogRight .reviews .review {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.blogContent .blogInnerContent .blogRight .reviews .review span {
  color: #121a21;
  font-size: 14px;
}
.blogContent .blogInnerContent .blogRight .reviews .review h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0;
}

.categoryTitle {
  margin-top: 0;
  text-align: center;
  margin-bottom: 3rem;
}

.resultTitle {
  color: #121a21;
  margin-bottom: 1rem;
  display: block;
  font-weight: bold;
}

#singleContent .quote .signature {
  color: var(--lightBlue) !important;
}

.quote {
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #f5f5f5;
  padding: 3rem 1rem;
  margin: 1rem 0;
}
@media (max-width: 500px) {
  .quote {
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  .quote .icon {
    margin: 0 auto;
  }
}
.quote .icon svg {
  width: 82px;
  fill: lightgray;
}
@media (max-width: 500px) {
  .quote .icon svg {
    width: 42px;
  }
}
.quote .content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.quote .content .text {
  color: #19272e !important;
  font-style: italic;
  margin: 0;
  font-size: 22px !important;
}
.quote .content .signature {
  color: var(--lightBlue) !important;
}

.videoContentMain .quote {
  background: transparent !important;
  border: 1px solid #949cb0;
}
.videoContentMain .content .text {
  color: #949cb0 !important;
}
.videoContentMain .icon svg {
  fill: #949cb0 !important;
}

.faq {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}
.faq .entity.expand .top {
  background: var(--lightBlue);
}
.faq .entity.expand p {
  height: auto;
  padding: 1rem;
}
.faq .entity .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 1px solid var(--lightBlue);
  padding: 1rem;
  cursor: pointer;
  align-items: center;
  transition: 0.3s ease background;
}
@media (hover: hover) {
  .faq .entity .top:hover {
    background: var(--lightBlue);
  }
}
.faq .entity .top h2 {
  margin: 0;
  font-size: 18px;
}
.faq .entity .top .toggle svg {
  pointer-events: none;
  fill: white;
  width: 16px;
}
.faq .entity .top .toggle .plus {
  display: block;
}
.faq .entity .top .toggle .minus {
  display: none;
}
.faq .entity .top .toggle.show .plus {
  display: none;
}
.faq .entity .top .toggle.show .minus {
  display: block;
}
.faq .entity p {
  height: 0;
  overflow: hidden;
  margin: 0;
}
.faq .entity p.show {
  padding: 1rem;
  height: auto;
}

#pageContent .instructorPageImage {
  object-fit: contain;
}
@media (max-width: 990px) {
  #pageContent .instructorPageImage {
    width: 200px;
  }
}
@media (max-width: 990px) {
  #pageContent .instructorContent {
    flex-direction: column;
  }
}
#pageContent .instructorContent .instructorLeft {
  position: static !important;
  background: transparent !important;
  min-height: unset !important;
}
@media (max-width: 990px) {
  #pageContent .instructorContent .instructorLeft .instructorLeftInner {
    width: 200px !important;
  }
}
#pageContent .instructorContent .instructorRight {
  margin-bottom: 2rem;
}
#pageContent .instructorContent .instructorRight h1 {
  font-size: 30px !important;
}
#pageContent .instructorContent .instructorRight .instructorDescription {
  color: #949cb0;
  line-height: 24px;
}
#pageContent .instructorContent .instructorRight .instructorsVideo {
  border-top: 1px solid #2f2f33;
  padding: 1rem 0;
  margin: 0 !important;
}
#pageContent .instructorContent .instructorRight .instructorsVideo:nth-of-type(1) {
  border-top: none;
}
#pageContent .instructorContent .instructorRight .instructorsVideo a {
  color: white !important;
}
#pageContent .instructorContent .instructorRight .instructorsVideo a:hover {
  color: var(--lightBlue) !important;
}
#pageContent .instructorContent .instructorRight h3 {
  margin: 0 !important;
}
#pageContent .instructorContent .instructorRight .noMoreVideos {
  display: block;
  margin-top: 1rem;
  color: #949cb0 !important;
}
#pageContent .instructorLeftInner {
  padding: 0 !important;
}

#homepageContent > img {
  max-width: 100%;
  width: auto !important;
  display: block;
  margin: 2rem 0;
  padding: 0 6rem;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  #homepageContent > img {
    padding: 0 1rem;
  }
}
#homepageContent > p {
  color: white;
  padding: 0 6rem;
}
@media (max-width: 1199px) {
  #homepageContent > p {
    padding: 0 1rem;
  }
}
#homepageContent > p > a {
  color: var(--lightBlue);
}
#homepageContent > ol, #homepageContent > ul {
  color: white;
  padding: 0 6rem;
}
@media (max-width: 1199px) {
  #homepageContent > ol, #homepageContent > ul {
    padding: 0 1rem;
  }
}
#homepageContent > a {
  color: var(--lightBlue);
}
#homepageContent > h1, #homepageContent > h2, #homepageContent > h3, #homepageContent > h4, #homepageContent > h5, #homepageContent > h6 {
  color: white;
  padding: 0 6rem;
}
@media (max-width: 1199px) {
  #homepageContent > h1, #homepageContent > h2, #homepageContent > h3, #homepageContent > h4, #homepageContent > h5, #homepageContent > h6 {
    padding: 0 1rem;
  }
}
#homepageContent .embedBlock {
  padding: 0 6rem;
}
@media (max-width: 1199px) {
  #homepageContent .embedBlock {
    padding: 0 1rem;
  }
}
#homepageContent .quote {
  padding-left: 6rem;
  padding-right: 6rem;
}
@media (max-width: 1199px) {
  #homepageContent .quote {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
#homepageContent .faq {
  padding: 0 6rem;
}
@media (max-width: 1199px) {
  #homepageContent .faq {
    padding: 0 1rem;
  }
}
#homepageContent .faq .top h2 {
  color: white;
}
#homepageContent .faq p {
  color: white;
}

/*# sourceMappingURL=style.css.map */