/* ==========================================================================
   StreamingSites.com - WordPress Theme Stylesheet
   Consolidated from: f9e4ff9898dffc80.css, 3b6eebad6e921130.css, b23a787c0ebb1fe1.css
   ========================================================================== */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Prompt:ital,wght@0,100..900;1,100..900&display=swap');

/* ==========================================
   CSS Variables
   ========================================== */
:root {
  --box-shadow: inset 2px 2px 0px hsla(0,0%,100%,.5);
  --color-grey: #545e68;
  --color-bg: #dcecf7;
  --color-green: #6cd37d;
  --color-red: #ed4d52;
  --color-red-dark: #ce3439
}

/* ==========================================
   Tailwind CSS Reset / Preflight (v3.4.16)
   ========================================== */
*,:after,:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59,130,246,.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59,130,246,.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}
*,:after,:before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb
}
:after,:before {
  --tw-content: ""
}
:host,html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: Montserrat,sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent
}
body {
  margin: 0;
  line-height: inherit
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
h1,h2,h3,h4,h5,h6 {
  font-size: inherit;
  font-weight: inherit
}
a {
  color: inherit;
  text-decoration: inherit
}
b,strong {
  font-weight: bolder
}
code,kbd,pre,samp {
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em
}
small {
  font-size: 80%
}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}
button,input,optgroup,select,textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0
}
button,select {
  text-transform: none
}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}
:-moz-focusring {
  outline: auto
}
:-moz-ui-invalid {
  box-shadow: none
}
progress {
  vertical-align: baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
summary {
  display: list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
  margin: 0
}
fieldset {
  margin: 0
}
fieldset,legend {
  padding: 0
}
menu,ol,ul {
  list-style: none;
  margin: 0;
  padding: 0
}
dialog {
  padding: 0
}
textarea {
  resize: vertical
}
input::-moz-placeholder,textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af
}
input::placeholder,textarea::placeholder {
  opacity: 1;
  color: #9ca3af
}
[role=button],button {
  cursor: pointer
}
:disabled {
  cursor: default
}
audio,canvas,embed,iframe,img,object,svg,video {
  display: block;
  vertical-align: middle
}
img,video {
  max-width: 100%;
  height: auto
}
[hidden]:where(:not([hidden=until-found])) {
  display: none
}
.\!container {
  width: 100%!important
}
.container {
  width: 100%
}
@media (min-width:640px) {
  .\!container {
    max-width: 640px!important
  }
  .container {
    max-width: 640px
  }
}
@media (min-width:768px) {
  .\!container {
    max-width: 768px!important
  }
  .container {
    max-width: 768px
  }
}
@media (min-width:1024px) {
  .\!container {
    max-width: 1024px!important
  }
  .container {
    max-width: 1024px
  }
}
@media (min-width:1280px) {
  .\!container {
    max-width: 1280px!important
  }
  .container {
    max-width: 1280px
  }
}
@media (min-width:1536px) {
  .\!container {
    max-width: 1536px!important
  }
  .container {
    max-width: 1536px
  }
}
.visible {
  visibility: visible
}
.static {
  position: static
}
.fixed {
  position: fixed
}
.absolute {
  position: absolute
}
.relative {
  position: relative
}
.sticky {
  position: sticky
}
.bottom-\[10px\] {
  bottom: 10px
}
.bottom-\[7px\] {
  bottom: 7px
}
.left-\[15px\] {
  left: 15px
}
.right-\[22px\] {
  right: 22px
}
.mx-auto {
  margin-left: auto;
  margin-right: auto
}
.mb-\[20px\] {
  margin-bottom: 20px
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.flex {
  display: flex
}
.inline-flex {
  display: inline-flex
}
.table {
  display: table
}
.table-row {
  display: table-row
}
.list-item {
  display: list-item
}
.hidden {
  display: none
}
.h-\[100px\] {
  height: 100px
}
.h-\[130px\] {
  height: 130px
}
.h-\[250px\] {
  height: 250px
}
.h-\[30px\] {
  height: 30px
}
.w-\[140px\] {
  width: 140px
}
.w-\[165px\] {
  width: 165px
}
.w-\[250px\] {
  width: 250px
}
.w-\[300px\] {
  width: 300px
}
.w-full {
  width: 100%
}
.max-w-32 {
  max-width: 8rem
}
.max-w-\[1170px\] {
  max-width: 1170px
}
.max-w-\[300px\] {
  max-width: 300px
}
.max-w-\[440px\] {
  max-width: 440px
}
.max-w-\[780px\] {
  max-width: 780px
}
.max-w-\[830px\] {
  max-width: 830px
}
.shrink {
  flex-shrink: 1
}
.transform {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.resize {
  resize: both
}
.flex-col {
  flex-direction: column
}
.flex-wrap {
  flex-wrap: wrap
}
.styles_categoriesGrid__hawIT {
  gap: 10px
}
.styles_categoriesGrid__hawIT > .styles_categoryItem__hVDk2 {
  width: calc(33.333% - 10px);
  min-width: 250px;
  flex-shrink: 0
}
.items-start {
  align-items: flex-start
}
.items-center {
  align-items: center
}
.justify-start {
  justify-content: flex-start
}
.justify-end {
  justify-content: flex-end
}
.justify-between {
  justify-content: space-between
}
.overflow-hidden,.truncate {
  overflow: hidden
}
.truncate {
  text-overflow: ellipsis;
  white-space: nowrap
}
.rounded {
  border-radius: .25rem
}
.rounded-\[10px\] {
  border-radius: 10px
}
.rounded-\[20px\] {
  border-radius: 20px
}
.rounded-\[5px\] {
  border-radius: 5px
}
.border {
  border-width: 1px
}
.bg-\[\#354F5A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(53 79 90/var(--tw-bg-opacity,1))
}
.bg-\[linear-gradient\(93\.87deg\2c \#f1f5fc_-2\.49\%\2c \#f2f7fa_97\.7\%\)\] {
  background-image: linear-gradient(93.87deg,#f1f5fc -2.49%,#f2f7fa 97.7%)
}
.bg-contain {
  background-size: contain
}
.bg-cover {
  background-size: cover
}
.bg-center {
  background-position: 50%
}
.bg-no-repeat {
  background-repeat: no-repeat
}
.p-\[10px\] {
  padding: 10px
}
.p-\[12px\] {
  padding: 12px
}
.p-\[20px\] {
  padding: 20px
}
.pr-\[320px\] {
  padding-right: 320px
}
.text-\[13px\] {
  font-size: 13px
}
.text-\[8px\] {
  font-size: 8px
}
.font-bold {
  font-weight: 700
}
.font-medium {
  font-weight: 500
}
.font-normal {
  font-weight: 400
}
.leading-\[16\.8px\] {
  line-height: 16.8px
}
.leading-\[36px\] {
  line-height: 36px
}
.text-\[\#FDFF66\] {
  --tw-text-opacity: 1;
  color: rgb(253 255 102/var(--tw-text-opacity,1))
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity,1))
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition {
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s
}
@media (min-width:640px) {
  .sm\:hidden {
    display: none
  }
  .sm\:text-\[14px\] {
    font-size: 14px
  }
}
@media (min-width:1024px) {
  .lg\:flex {
    display: flex
  }
}

/* ==========================================
   Utility Classes
   ========================================== */
.nowrap {
  white-space: nowrap
}
.grow-2 {
  flex-grow: 2
}
.flex-column {
  display: flex;
  flex-direction: column
}
.justify-center {
  justify-content: center
}
.align-center {
  align-items: center
}
.align-end {
  align-items: flex-end
}
.align-start {
  align-items: flex-start
}
.fluid {
  width: 100%;
  max-width: 100%
}
.cursor-pointer {
  cursor: pointer
}
.text-center {
  text-align: center
}
.hide-sm {
  display: none!important
}
.m-auto {
  margin: auto
}
@media screen and (max-width:900px) {
  .justify-center-m {
    justify-content: center
  }
  .hide-m {
    display: none!important
  }
  .hide-sm {
    display: flex!important
  }
}
body,html {
  min-width: 325px
}
@supports (overflow:clip) {
  main {
    overflow-x: clip
  }
}
p,span {
  line-height: 20px
}
.title-m {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #0d1444
}
.grey-text {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: var(--color-grey)
}
.small-t {
  font-size: 14px
}
ol,ul {
  list-style-type: none
}
.container-custom {
  max-width: 1210px;
  padding: 0 20px;
  margin: 0 auto
}
.hideScroll::-webkit-scrollbar {
  display: none
}
.hideScroll {
  -ms-overflow-style: none;
  scrollbar-width: none
}
.niceScroll::-webkit-scrollbar {
  width: 5px
}
.niceScroll::-webkit-scrollbar-thumb {
  background-color: hsla(0,0%,100%,.5);
  border-radius: 4px
}
.niceScroll::-webkit-scrollbar-track {
  background-color: transparent
}
@media screen and (max-width:900px) {
  main, #page {
    padding-top: 60px
  }
}

/* ==========================================
   Global Typography & Elements
   ========================================== */
/* Body, html, p, span, a, ol, ul, etc. - covered by Tailwind preflight above */

/* ==========================================
   Header (Site)
   ========================================== */
/* styles_header__2PdXH, styles_content__PlFHF, styles_burger__b_wv5, styles_logo__tXnwb */

/* ==========================================
   Sidebar / Menu
   ========================================== */
/* styles_menuMobile*, styles_categories__aHOF5, styles_sideContent__3iK8w */

/* ==========================================
   Search
   ========================================== */
/* style_search__Oisfv, style_head__jA_XM, style_searchIcon__JrbiT */

/* ==========================================
   Category Components
   ========================================== */
/* styles_categoryItem, styles_topContent, styles_content, styles_categoryItemFooter, styles_categoryColumn, styles_categoryItemList */

/* ==========================================
   Category Light
   ========================================== */
/* styles_categoryLight__8IOrh, styles_tag__pDQWo, styles_accent__OCEgg */

/* ==========================================
   Layout Cards
   ========================================== */
/* styles_layout__H_Yg8 and all variants */

/* ==========================================
   Carousel
   ========================================== */

/* ==========================================
   FAQ / Intro Blocks
   ========================================== */

/* ==========================================
   Blog
   ========================================== */

/* ==========================================
   Best Sites CTA
   ========================================== */

/* ==========================================
   Breadcrumbs
   ========================================== */

/* ==========================================
   Card Preview
   ========================================== */

/* ==========================================
   Footer (Site Footer)
   ========================================== */
/* styles_footer__ggElw, styles_footerSide__MlJI4 */

/* ==========================================
   VPN Popup
   ========================================== */
/* styles_header__bx_CE, styles_footer__6P0fA */

/* ==========================================
   Quality & Subscription Tags
   ========================================== */

/* ==========================================
   Badge / Running Text
   ========================================== */

/* ==========================================
   Bookmark
   ========================================== */

/* ==========================================
   Info Block Header
   ========================================== */

/* ==========================================
   Scrollable
   ========================================== */

/* ==========================================
   Backdrop
   ========================================== */

/* ==========================================
   Responsive Breakpoints
   ========================================== */

/* ==========================================
   Component Styles (from CSS1 - Avatar, Logo, VPN Popup, etc.)
   ========================================== */
.styles_avatar__V_R3A {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  overflow: hidden;
  background-color: #abc1da;
  position: relative
}
.styles_avatar__V_R3A img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: scale(0.85)
}
.styles_initials__XEjUT {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  font-size: 100%;
  font-weight: 500;
  text-transform: capitalize
}
.styles_logo__Efhrk {
  display: flex;
  align-items: center;
  font-family: Prompt
}
.styles_logo__Efhrk b {
  font-size: 20px;
  margin-left: 10px
}
.styles_logo__Efhrk span {
  margin-bottom: 0;
  font-weight: 400
}
.styles_logo__Efhrk h3 b {
  text-transform: capitalize;
  font-weight: 700
}
.styles_logo__Efhrk h3 span {
  font-weight: 275
}
.styles_logo__Efhrk h3 b,.styles_logo__Efhrk h3 span {
  font-family: Prompt;
  font-style: normal;
  font-size: 27px;
  line-height: 41px;
  color: #0d1444
}
@media screen and (max-width:900px) {
  .styles_logo__Efhrk img {
    width: 40px
  }
}
.styles_backdrop__8uFQ4 {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 999;
  background: rgba(0,0,0,.502);
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
  min-height: 768px
}
.styles_popup__P7O32 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: linear-gradient(148.3deg,#ec4c52,#aa2f2f 100.88%),linear-gradient(93.76deg,#ed4d51,#eb4b52);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border-radius: 40px;
  max-width: 900px;
  width: 100%;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center
}
.styles_popup__P7O32 b {
  font-weight: 800
}
.styles_header__bx_CE {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-bottom: 20px
}
.styles_closeBtn__4yDW8 {
  padding: 0;
  width: 20px;
  height: 20px
}
.styles_warningIcon__YHCcg {
  margin-bottom: 20px
}
.styles_title__0fSEA {
  font-weight: 900;
  font-size: 50px;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 13px
}
.styles_subTitle__9zVgk,.styles_title__0fSEA {
  font-family: Montserrat;
  font-style: normal;
  text-align: center;
  color: #fff;
  mix-blend-mode: normal
}
.styles_subTitle__9zVgk {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 45px
}
.styles_content__g15TH p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #fff;
  mix-blend-mode: normal;
  margin-bottom: 15px
}
.styles_footer__6P0fA {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  margin-top: 40px
}
.styles_footer__6P0fA a {
  padding: 5px 50px;
  border-radius: 20px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  mix-blend-mode: normal
}
.styles_getVpn__lU1vQ {
  background: #fff;
  color: #0d1444;
  text-transform: uppercase;
  margin-right: 20px
}
.styles_getVpn__lU1vQ,.styles_proceed__zwGMW {
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5)
}
.styles_proceed__zwGMW {
  background: linear-gradient(93.76deg,rgba(237,77,81,.502),rgba(235,75,82,.502));
  color: #ffb8b8
}
@media screen and (max-width:919px) {
  .styles_popup__P7O32 {
    top: auto;
    left: 10px;
    right: 10px;
    transform: translate(0);
    width: calc(100% - 20px);
    max-width: none;
    margin-top: 10px;
    padding: 20px;
    border-radius: 20px
  }
  .styles_header__bx_CE {
    margin-bottom: 10px
  }
  .styles_closeBtn__4yDW8 svg rect {
    fill: #fff
  }
  .styles_warningIcon__YHCcg {
    margin-bottom: 0;
    transform: scale(.7777777778)
  }
  .styles_title__0fSEA {
    font-size: 30px
  }
  .styles_subTitle__9zVgk {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px
  }
  .styles_content__g15TH p {
    font-size: 14px
  }
  .styles_footer__6P0fA {
    flex-direction: column;
    margin-top: 12px;
    margin-bottom: 10px
  }
  .styles_footer__6P0fA a {
    padding: 0 35px;
    height: 50px;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
  }
  .styles_getVpn__lU1vQ {
    margin-right: 0;
    margin-bottom: 10px
  }
}
.styles_openButton__cxPaZ {
  background: #eb4b52;
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border-radius: 20px;
  padding: 10px 20px;
  font-weight: 600;
  color: #fff
}
.styles_openButton__cxPaZ:hover {
  background-color: #cc383c
}
.styles_openButton__cxPaZ span {
  color: #fff
}
.styles_popup__NIzA0 {
  box-shadow: 0 4px 14px #e0e2f8;
  border-radius: 20px;
  padding: 15px 20px 20px;
  background-color: #fff;
  width: 240px;
  display: flex;
  flex-direction: column;
  position: relative
}
.styles_head__WA_Sg {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  width: 100%
}
.styles_head__WA_Sg .UI__Avatar {
  margin-right: 11px
}
.styles_url__Goerg {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
  font-size: 14px;
  color: var(--color-grey);
  width: 80%
}
.styles_title__heiI_ {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 3px
}
.styles_buttons__OPIZZ {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  text-transform: capitalize
}
.styles_buttons__OPIZZ>:first-child {
  margin-bottom: 10px
}
.styles_popupButton__c6i6m {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center
}
.styles_popupButtonIcon___oLQ2 {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%)
}
.styles_triangle__Xf_TK {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #fff;
  position: absolute;
  box-shadow: 0 15px 25px #e0e2f8;
  top: 100%;
  left: 20px
}
.styles_subscriptionItem__cpgmK {
  width: 42px;
  height: 20px;
  border-radius: 5px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  margin-right: 5px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center
}
.styles_subscriptionItemTrial__L0WuV {
  background: #daf6ff;
  color: #31b1da
}
.styles_subscriptionItemFree__hJ_W0 {
  background: #dafff2;
  color: #57c8a0
}
.styles_subscriptionItemPaid__wsVsT {
  background: #ffeeda;
  color: #da6e31
}
.styles_qualityItem__tY4GJ {
  width: 22px;
  height: 22px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center
}
.styles_qualityItem4K__yNUSr {
  color: #0d1444;
  background: linear-gradient(96.19deg,#f1cf85 3.64%,#f3cb39)
}
.styles_qualityItemPlain__vymE1 {
  color: #0d1444;
  border: 1px solid #0d1444
}
.styles_footer__p_R8H {
  display: flex;
  width: 100%
}
.styles_footer__p_R8H>* {
  flex: 0 0 50%;
  overflow: hidden
}
.styles_footer__p_R8H .styles_subscriptions__ImeWJ {
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.styles_footer__p_R8H .styles_qualities__GQc4A {
  display: flex;
  justify-content: flex-end;
  align-items: center
}
.styles_footer__p_R8H .styles_qualities__GQc4A>:not(:last-child) {
  margin-right: 5px
}
.styles_readButton__m2CIg {
  border: 2px solid #ec4c52;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 10px 20px;
  position: relative
}
.styles_readButton__m2CIg:hover {
  background: linear-gradient(93.76deg,#ed4d51,#eb4b52);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border: none;
  outline: none;
  padding: 12px 22px
}
.styles_readButton__m2CIg:hover .styles_icon__ML6Lg {
  margin-right: 2px
}
.styles_readButton__m2CIg:hover .title-m {
  color: #fff
}
.styles_icon__ML6Lg {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 2px solid #ec4c52;
  color: #ec4c52;
  border-radius: 50%
}
.best-sites-component {
  width: 100%;
  min-height: 665px;
  border-radius: 40px;
  background: linear-gradient(93.87deg,#e0eaf9 -2.49%,#e3eff8 97.7%);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  margin-top: 20px;
  display: flex
}
.best-sites-component .best-site-content {
  width: calc(100% - 500px);
  padding: 70px 99px 60px 70px
}
.best-sites-component .best-site-content .site-name {
  color: #0d1444;
  font-size: 20px
}
.best-sites-component .best-site-content .title {
  margin-top: 10px;
  text-transform: capitalize;
  color: #0d1444;
  font-size: 30px;
  font-weight: 700
}
.best-sites-component .best-site-content .best-sites-list-items {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-row-gap: 50px;
  grid-column-gap: 10px;
  margin-top: 40px
}
.best-sites-component .best-site-content .best-sites-list-items .wait-text {
  font-weight: 700;
  font-size: 67px;
  line-height: 82px;
  color: #ec1917;
  grid-column: 1/3
}
.best-sites-component .best-site-content .best-sites-list-items .item-best-site {
  position: relative;
  width: 110px;
  height: 100px;
  background: linear-gradient(93.87deg,#f1f5fc -2.49%,#f2f7fa 97.7%);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 24px
}
.best-sites-component .best-site-content .best-sites-list-items .item-best-site .picture {
  position: absolute;
  top: -35px
}
.best-sites-component .best-site-content .best-sites-list-items .item-best-site .name {
  font-weight: 600;
  font-size: 14px;
  color: #0d1444;
  opacity: .9;
  text-align: center
}
.best-sites-component .best-site-content .best-sites-list-items .item-text {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-transform: capitalize;
  color: #0d1444;
  width: 140px
}
.best-sites-component .best-site-content .item-text-mobile {
  display: none
}
.best-sites-component .best-site-content .deck {
  line-height: 20px;
  text-transform: capitalize;
  color: #0d1444;
  margin-top: 24px;
  font-size: 16px;
  margin-bottom: 25px
}
.best-sites-component .best-site-content .link-best-sites {
  width: 100%;
  height: 50px;
  background: linear-gradient(93.76deg,#ed4d51,#eb4b52);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  padding: 0 20px 0 30px;
  margin-top: 20px
}
.best-sites-component .best-site-content .link-best-sites .bookmark-img {
  transform: translateY(10px)
}
.best-sites-component .best-site-content .link-best-sites span {
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  margin-left: 20px
}
.best-sites-component .best-site-content .link-best-sites span .inside-text {
  margin-left: 0
}
.best-sites-component .best-site-content .link-best-sites .arrow {
  margin-left: 18px
}
.best-sites-component .bg-best-site-right {
  width: 500px;
  height: 665px;
  background-image: url(../../../images/bg-best-side.png);
  background-repeat: no-repeat;
  background-position: 50%
}
@media screen and (max-width:1150px) {
  .best-sites-component {
    background: none;
    box-shadow: none;
    height: auto;
    min-height: auto
  }
  .best-sites-component .best-site-content {
    width: 100%;
    display: flex;
    flex-direction: column
  }
}
@media screen and (max-width:1150px)and (max-width:900px) {
  .best-sites-component .best-site-content {
    padding: 20px 15px
  }
}
@media screen and (max-width:1150px) {
  .best-sites-component .best-site-content .wait-text {
    flex-basis: 100%
  }
  .best-sites-component .best-site-content .best-sites-list-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-row-gap: 50px;
    grid-column-gap: 20px
  }
  .best-sites-component .best-site-content .best-sites-list-items .item-text {
    flex: 0 0 100%;
    order: 5
  }
  .best-sites-component .bg-best-site-right {
    display: none
  }
}
@media screen and (min-width:570px)and (max-width:699px) {
  .best-site-content .item-best-site:nth-child(2) {
    margin-left: 65px
  }
  .best-site-content .item-best-site:nth-child(5) {
    margin-right: 65px
  }
}
.page-404-container {
  width: 100%;
  height: 100%
}
.page-404 {
  width: 34.8958333333%;
  margin: 5.2083333333% auto 7.7604166667%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
@media screen and (orientation:portrait) {
  .page-404 {
    width: calc(100% - 1px);
    margin-top: 12.1654501217%;
    margin-bottom: 27.9805352798%
  }
}
.page-404 img {
  max-width: 670.84px;
  width: 100%;
  height: auto
}
.page-404 h2 {
  font-weight: 700;
  font-size: 50px;
  line-height: 61px;
  margin-top: 30px
}
.page-404 .description-404,.page-404 h2 {
  font-style: normal;
  text-align: center;
  text-transform: capitalize;
  color: #0d1444
}
.page-404 .description-404 {
  margin-top: 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px
}
.page-404 .link-on-home {
  width: 270px;
  height: 50px;
  min-height: 50px;
  background: linear-gradient(93.76deg,#ed4d51,#eb4b52);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border-radius: 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  margin-top: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}
@media screen and (max-width:900px) {
  .page-404 h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 32px
  }
  .page-404 .description-404 {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
  }
  .page-404 .link-on-home {
    margin-top: 25px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 36px
  }
}
html {
  scroll-behavior: smooth
}
body,html {
  padding: 0;
  margin: 0
}
body {
  background: linear-gradient(90deg,#e5eff7,#c4e3f5);
  overflow-x: hidden
}
a {
  text-decoration: none
}
* {
  box-sizing: border-box;
  font-family: Montserrat,sans-serif
}
h1,h2,h3,h4,h5,p {
  margin: 0;
  padding: 0
}
a:focus,button:focus,input:focus,textarea:focus {
  outline: none
}
button {
  border: none;
  background: transparent;
  cursor: pointer
}
span.error {
  color: red;
  width: 100%;
  padding: .5rem;
  display: flex;
  justify-content: center
}
.pending {
  position: relative
}
.pending:after {
  content: "";
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(0,0%,100%,.5);
  z-index: 100
}
.d-none {
  display: none!important
}
.w-full {
  width: 100%!important
}
@media screen and (max-width:1150px) {
  .hide-lg {
    display: none!important
  }
}
:root {
  --header-md-height: 60px
}
@media screen and (min-width:370px)and (max-width:478px) {
  .best-sites-component {
    width: 100%;
    height: auto;
    border-radius: 0;
    background: linear-gradient(90deg,#e5eff7,#c4e3f5);
    box-shadow: none
  }
  .best-sites-component .best-site-content {
    width: 100%;
    padding: 0
  }
  .best-sites-component .best-site-content .title {
    font-size: 24px;
    margin-top: 7px
  }
  .best-sites-component .best-site-content .best-sites-list-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-row-gap: 50px;
    grid-column-gap: 20px;
    margin-top: 10px
  }
  .best-sites-component .best-site-content .best-sites-list-items .wait-text {
    width: 100%;
    text-align: start
  }
  .best-sites-component .best-site-content .best-sites-list-items .item-text {
    display: none
  }
  .best-sites-component .best-site-content .item-text-mobile {
    display: flex;
    font-size: 18px;
    width: 100%;
    font-weight: 700;
    color: #0d1444;
    text-transform: capitalize;
    margin-top: 12px
  }
  .best-sites-component .best-site-content .link-best-sites {
    padding: 0 20px;
    margin-bottom: 15px
  }
  .best-sites-component .best-site-content .link-best-sites span {
    font-size: 12px;
    margin-left: 7px
  }
  .best-sites-component .best-site-content .link-best-sites span .inside-text {
    display: none
  }
  .best-sites-component .best-site-content .link-best-sites .arrow {
    margin-left: 8px
  }
  .best-sites-component .bg-best-site-right {
    display: none
  }
}
@media screen and (min-width:480px)and (max-width:769px) {
  .page-404 {
    overflow-x: hidden
  }
  .page-404 img {
    width: auto;
    height: 306.33px
  }
  .page-404 h2 {
    font-size: 26px;
    margin-top: 40px
  }
  .page-404 .description-404 {
    font-size: 18px;
    font-weight: 500;
    max-width: calc(100% - 80px)
  }
  .page-404 .link-on-home {
    margin-top: 30px
  }
}

/* ==========================================
   Component Styles (from CSS2 - Arrow, Accent, Tag, CategoryLight, Layout Variants, etc.)
   ========================================== */
.styles_arrow__ZsPfY {
  background-color: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6f8cad
}
.styles_accent__OCEgg {
  background-color: var(--color-red);
  color: #fff
}
.styles_tag__pDQWo {
  color: #8693a5;
  background-color: var(--color-bg);
  border-radius: 5px;
  height: 20px;
  display: block;
  justify-self: center;
  font-size: 11px;
  white-space: nowrap;
  padding: 0 7px
}
.styles_itemsContent__GluRt .UI__Avatar {
  margin-right: 8px
}
.styles_count___A5yY {
  color: var(--color-grey);
  font-weight: 500;
  font-size: 12px;
  margin-left: 15px;
  color: #6f8cad
}
.styles_items__JPf_O {
  display: flex;
  justify-content: space-between
}
.styles_items__JPf_O .UI__iconNext {
  margin-left: 10px;
  opacity: 0
}
@media screen and (max-width:900px) {
  .tableCategoryFooter .styles_countWrap__0vcvg,.tableCategoryFooter .styles_itemsContent__GluRt {
    display: none
  }
}
.styles_categoryLight__8IOrh {
  display: flex;
  align-items: flex-start;
  border-radius: 20px;
  padding: 13px 15px 10px;
  background-color: #f2f7fa;
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  width: 100%;
  min-height: 70px;
  cursor: pointer
}
.styles_categoryLight__8IOrh .UI__Avatar {
  margin-right: 8px
}
@media(hover:hover)and (pointer:fine) {
  .styles_categoryLight__8IOrh:hover {
    background: linear-gradient(92.31deg,#e2edff,#b6d8ed 98.59%)
  }
  .styles_categoryLight__8IOrh:hover .UI__Tag {
    background-color: #daf6ff;
    color: #31b1da
  }
  .styles_categoryLight__8IOrh:hover .itemCount {
    color: var(--color-red)
  }
  .styles_categoryLight__8IOrh:hover .UI__iconNext {
    opacity: 1;
    background-color: #ed4d52;
    color: #fff
  }
}
@media(any-pointer:coarse) {
  .styles_categoryLight__8IOrh .UI__iconNext {
    opacity: 1;
    background-color: #dcecf7;
    color: #8693a5
  }
}
.styles_categoryLight__8IOrh .UI__Tag {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 40%
}
.styles_title__l290Y {
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap
}
.styles_title__l290Y span:first-child {
  margin-right: 7px
}
.styles_title__l290Y>:first-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 55%
}
@media screen and (max-width:411px) {
  .styles_title__l290Y>:first-child {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 120px
  }
}
@media screen and (max-width:375px) {
  .styles_categoryLight__8IOrh .CategoryItemsRow .UI__Avatar:last-child,.styles_categoryLight__8IOrh .UI__Tag {
    display: none
  }
}
.styles_layout__H_Yg8 {
  width: 250px;
  height: 250px;
  padding: 20px 15px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative
}
.styles_layout__H_Yg8.styles_centered__hZtdP {
  align-items: center
}
.styles_layout__H_Yg8.styles_layoutVpn__rTd_R {
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5)
}
.styles_layoutVpnNord__6ixZn {
  width: 295px;
  background-size: cover;
  background-position: 50%
}
.styles_layout__H_Yg8.styles_medium-2__XTByP {
  width: 300px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}
.styles_layout__H_Yg8.styles_layoutLong__mNnlk {
  width: 100%;
  height: 150px;
  padding-bottom: 10px;
  margin-bottom: 20px
}
.styles_layout__H_Yg8.styles_layoutLong__mNnlk.styles_nonBorderRadius__MO_8v {
  border-radius: 0
}
.styles_layout__H_Yg8.styles_long-2__qNZGw {
  height: 100px;
  border-radius: 0;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0;
  background-position-x: -5px
}
.styles_contentDefault__L2B4r {
  text-transform: uppercase;
  font-family: Montserrat;
  font-style: normal
}
.styles_layout__H_Yg8.styles_centered__hZtdP .styles_contentDefault__L2B4r {
  text-align: center
}
.styles_layout__H_Yg8.styles_layoutLong__mNnlk .styles_contentDefault__L2B4r {
  display: flex;
  align-items: center
}
.styles_layout__H_Yg8.styles_layoutLong__mNnlk .styles_contentDefault__L2B4r>* {
  margin-right: 5px
}
.styles_contentDefault__L2B4r>* {
  font-weight: 700;
  font-size: 23px;
  line-height: 28.04px;
  color: #fff
}
.styles_contentDefault__L2B4r .styles_contentHighlighten__qTJIz {
  font-weight: 700;
  font-size: 17px;
  line-height: 20.72px;
  color: #f8f942
}
.styles_layout__H_Yg8.styles_long-2__qNZGw .styles_contentDefault__L2B4r {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 15px
}
.styles_logoDefault__1x1Pm .UI__logo img {
  height: 27px;
  width: auto
}
.styles_logoDefault__1x1Pm .UI__logo h3>* {
  font-family: Prompt;
  font-style: normal;
  font-size: 16.5682px;
  line-height: 25px;
  color: #fff
}
.styles_logoDefault__1x1Pm .UI__logo h3>* b {
  font-weight: 700
}
.styles_logoDefault__1x1Pm .UI__logo h3>* span {
  font-weight: 275;
  margin-right: 5px
}
.styles_layout__H_Yg8.styles_long-2__qNZGw .styles_logoDefault__1x1Pm {
  flex: 0 0 100%
}
.styles_actionDefault__GTKg7 {
  color: #fff;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 36px;
  border-radius: 20px;
  width: 124px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center
}
.styles_actionDefault__GTKg7.styles_red__nxP_w {
  background: linear-gradient(93.76deg,#ed4d51,#eb4b52);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5)
}
.styles_actionDefault__GTKg7.styles_yellow__WZoyF {
  background: linear-gradient(180deg,#f3cb39,#f7c729 93.75%,#806611);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  color: #181616
}
.styles_actionVpnRed__LcPj1,.styles_actionVpn__DVb3l {
  width: 164px;
  height: 30px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 36px;
  color: #0d1444;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 5px
}
.styles_actionVpnRed__LcPj1 .UI__icon,.styles_actionVpn__DVb3l .UI__icon {
  height: 34px;
  margin-left: 9px
}
.styles_actionVpnRed__LcPj1 .UI__icon svg,.styles_actionVpn__DVb3l .UI__icon svg {
  margin-top: 3px
}
.styles_actionVpn__DVb3l {
  background: #fff;
  color: #0d1444
}
.styles_actionVpn__DVb3l .UI__icon svg {
  color: #f63137
}
.styles_actionVpnRed__LcPj1 {
  background: #ec1917;
  color: #fff
}
.styles_actionVpnRed__LcPj1 .UI__icon svg {
  color: #fff
}
.styles_miniImgVpn__s83o5 {
  width: 124px;
  height: 134px;
  position: absolute;
  right: 10px;
  bottom: 25%
}
.styles_contentVpn__6zR_P {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  text-transform: uppercase;
  color: #fff;
  width: 106px
}
@media screen and (max-width:769px) {
  .styles_layout__H_Yg8.styles_light__3yPWT {
    width: 300px;
    height: 100px;
    padding: 13px 10px 10px;
    flex-direction: row;
    flex-wrap: wrap;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
  }
  .styles_layout__H_Yg8.styles_layoutVpn__rTd_R.styles_light__3yPWT {
    padding: 8px 10px 5px;
    flex-direction: column;
    flex-wrap: nowrap
  }
  .styles_layout__H_Yg8.styles_light__3yPWT .styles_actionDefault__GTKg7 {
    width: 102px;
    height: 36px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 36px;
    align-self: flex-end
  }
  .styles_layout__H_Yg8.styles_light__3yPWT .styles_logoDefault__1x1Pm {
    font-size: 16.5682px;
    line-height: 25px
  }
  .styles_layout__H_Yg8.styles_light__3yPWT .styles_contentDefault__L2B4r {
    position: relative;
    bottom: -7px
  }
  .styles_layout__H_Yg8.styles_light__3yPWT .styles_contentDefault__L2B4r>* {
    font-size: 17px;
    line-height: 21px;
    width: -moz-fit-content;
    width: fit-content
  }
  .styles_layout__H_Yg8.styles_light__3yPWT .styles_contentVpn__6zR_P {
    width: 202px;
    font-size: 10px;
    line-height: 140%
  }
  .styles_layout__H_Yg8.styles_light__3yPWT .styles_logoVpn___GBka img {
    height: 25px;
    width: auto
  }
  .styles_layout__H_Yg8.styles_light__3yPWT .styles_actionVpn__DVb3l {
    height: 20px;
    font-size: 11px;
    line-height: 36px
  }
  .styles_layout__H_Yg8.styles_light__3yPWT .styles_actionVpn__DVb3l .UI__icon {
    height: 32px
  }
  .styles_layout__H_Yg8.styles_light__3yPWT .styles_miniImgVpn__s83o5 {
    height: 95px;
    width: auto;
    right: 0;
    top: 2px
  }
}
@media screen and (max-width:375px) {
  .styles_layout__H_Yg8.styles_light__3yPWT {
    width: 100%
  }
  .styles_layout__H_Yg8.styles_light__3yPWT .styles_miniImgVpn__s83o5 {
    display: none
  }
  .styles_layout__H_Yg8.styles_light__3yPWT .styles_contentDefault__L2B4r>* {
    font-size: 12px!important
  }
  .styles_layout__H_Yg8.styles_medium-2__XTByP {
    width: 80vw
  }
}
.styles_scrollable__qeoSY {
  overflow-y: auto;
  position: relative
}
.styles_scrollWrapper__1YgLZ {
  position: relative;
  display: flex;
  flex-grow: 2
}
.styles_withBottomFog__DtA3n:after {
  content: "";
  position: absolute;
  display: flex;
  width: 100%;
  height: 50px;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg,#e3eff8,transparent);
  z-index: 2
}
.styles_scrollWrapper__1YgLZ ul {
  margin-top: 1px;
  margin-bottom: 0
}
.styles_scrollable__qeoSY.styles_disabled__LPAdd {
  overflow: hidden
}
.styles_scrollableThumb__Fsgim {
  position: absolute;
  right: 5px;
  width: 4px;
  border-radius: 2px;
  background: #fff;
  top: 0
}
.styles_menuMobileContent__8j3Ss {
  width: 100%;
  position: fixed;
  left: 0;
  top: var(--header-md-height);
  bottom: 0;
  background: rgba(60,69,75,.6);
  z-index: 99;
  animation: styles_menuTranslate__6aZuz .2s ease-out
}
.styles_menuMobile___dbMH {
  background: linear-gradient(90deg,#e5eff7,#c4e3f5);
  width: calc(100% - 40px);
  overflow-y: hidden;
  height: 100%;
  padding: 20px
}
@media screen and (min-width:500px) {
  .styles_menuMobile___dbMH {
    width: calc(100% - 80px)
  }
}
@media screen and (min-width:660px) {
  .styles_menuMobile___dbMH {
    width: calc(100% - 250px)
  }
}
.styles_social__R95SZ,.styles_social__R95SZ svg {
  display: flex;
  align-items: center
}
.styles_social__R95SZ svg {
  color: #6f8cad
}
.styles_social__R95SZ a {
  width: 50px;
  height: 50px;
  background: linear-gradient(93.87deg,#f1f5fc -2.49%,#f2f7fa 97.7%);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px
}
.styles_social__R95SZ a:last-child {
  margin-right: 0
}
.styles_social__R95SZ a:hover {
  background: linear-gradient(92.31deg,#e2edff,#b6d8ed 98.59%)
}
.styles_social__R95SZ a:hover svg {
  color: #ec1917
}
.styles_title___wIsl {
  margin: 13px 0 15px;
  font-weight: 500;
  font-size: 18px;
  color: #0d1444
}
.styles_categories__aHOF5>* {
  margin-bottom: 10px
}
.styles_categories__aHOF5>.styles_add__lzP4F {
  width: 100%;
  height: auto
}
.styles_mobileMenuCategories___z1oT {
  height: calc(100% - 50px)
}
.styles_categoriesContainer__3z07n {
  width: 100%;
  height: 100%
}
.styles_categoriesContainer__3z07n .UI__scrollable {
  width: calc(100% + 10px);
  padding-right: 10px;
  margin-right: -10px
}
.styles_categoriesContainer__3z07n .UI__scrollable-thumb {
  right: 0
}
.styles_ad__QZPQg {
  margin-bottom: 10px;
  display: flex;
  justify-content: center
}
.styles_badge__H_4o1 {
  font-weight: 500;
  font-size: 11px;
  color: #8693a5;
  padding: 3px 5px;
  background: var(--color-bg);
  border-radius: 5px;
  position: relative;
  max-width: 150px;
  min-height: 26px;
  overflow: hidden;
  white-space: nowrap
}
.styles_badge__H_4o1 .styles_runningText__rDm3l {
  width: 100%;
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  opacity: 0;
  display: inline-flex;
  align-items: center
}
.styles_badge__H_4o1 .styles_runningText_active__Dnjkt:hover {
  opacity: 1;
  animation: styles_move-left__5fBHC 2.5s ease-in .2s 1,styles_move-right__jrB_T 1s ease-in 2.5s 1;
  animation-iteration-count: 1
}
.styles_badge__H_4o1 .styles_runningText_active__Dnjkt:hover~span.styles_text__3vG_J {
  opacity: 0;
  visibility: hidden
}
.styles_badge__H_4o1 .styles_text__3vG_J {
  opacity: 1
}
@keyframes styles_move-left__5fBHC {
  0% {
    transform: translateX(0)
  }
  to {
    transform: translateX(-100%)
  }
}
@keyframes styles_move-right__jrB_T {
  0% {
    transform: translateX(-100%)
  }
  to {
    transform: translateX(0)
  }
}
.style_search__Oisfv {
  width: 500px;
  position: relative
}
.style_search__Oisfv input {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
  color: #000
}
.style_search__Oisfv input::-moz-placeholder {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
  color: #849caa
}
.style_search__Oisfv input::placeholder {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
  color: #849caa
}
.style_searchIconRev__RSwph {
  margin-top: 3px
}
.style_active__fneYy .style_head__jA_XM {
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  background: linear-gradient(93.87deg,#f1f5fc -2.49%,#f2f7fa 97.7%);
  border-radius: 20px 20px 0 0
}
.style_active__fneYy .style_searchIcon__JrbiT {
  margin-left: 20px;
  display: flex
}
.style_active__fneYy .style_searchIconRev__RSwph {
  display: none
}
.style_active__fneYy .style_head__jA_XM input {
  width: calc(100% - 70px)
}
.style_active__fneYy .style_close__eQp6n {
  display: flex;
  cursor: pointer
}
.style_result__1xfyQ {
  background: linear-gradient(93.87deg,#f1f5fc -2.49%,#f2f7fa 97.7%);
  border-radius: 0 0 20px 20px;
  padding: 0 10px;
  overflow-y: auto;
  height: 398px;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 52px;
  width: 100%
}
.style_result__1xfyQ::-webkit-scrollbar {
  width: 5px
}
.style_result__1xfyQ::-webkit-scrollbar-thumb {
  background-color: #d2dde6;
  border-radius: 4px
}
.style_result__1xfyQ::-webkit-scrollbar-track {
  background-color: transparent
}
.style_result__1xfyQ h4 {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: #78797d;
  margin: 20px 0 8px 10px
}
.style_noItems___Mfil {
  font-size: .9rem;
  padding: 10px 0 0 10px
}
.style_categoryLink__HhN0p,.style_streamSearch__Ns70w {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 30px 0 10px;
  position: relative
}
.style_categoryLink__HhN0p:hover,.style_streamSearch__Ns70w:hover {
  background: linear-gradient(92.31deg,#e2edff,#b6d8ed 98.59%)
}
.style_categoryLink__HhN0p:hover .UI__icon,.style_streamSearch__Ns70w:hover .UI__icon {
  display: flex!important;
  position: absolute;
  right: 15px
}
.style_categoryLink__HhN0p>:first-child>*,.style_streamSearch__Ns70w .UI__Avatar {
  margin-right: 8px
}
.style_siteName__NlTZF {
  font-weight: 500;
  font-size: 11px;
  color: var(--color-grey);
  padding: 3px 5px;
  background: var(--color-bg);
  border-radius: 5px
}
.style_streamCell__mMqOX {
  display: flex;
  flex-direction: column
}
.style_cellIcon__oKv61 {
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  background: no-repeat 50%;
  background-size: cover;
  margin-right: 8px
}
.style_streamContent__BD0fK {
  display: flex;
  flex-direction: column
}
.style_name__Sw3Wi {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  color: #0d1444
}
.style_name__Sw3Wi span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px
}
.style_name__Sw3Wi img {
  width: 16px;
  margin-left: 10px
}
.style_url__Budmt {
  font-size: 13px;
  color: #0d1444
}
.style_head__jA_XM {
  width: 100%;
  height: 50px;
  background: linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),rgba(227,232,246,.5);
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 27px
}
.style_head__jA_XM input {
  height: 100%;
  background: transparent;
  width: calc(100% - 40px);
  border: none;
  padding-left: 15px
}
.style_close__eQp6n,.style_searchIcon__JrbiT {
  display: none
}
.style_streamIconSearch__VgtdF {
  width: 16px;
  opacity: 0
}
@media screen and (max-width:900px) {
  .style_search__Oisfv {
    display: none !important
  }
  .style_head__jA_XM {
    height: 47px;
    border-radius: 0;
    border-bottom: 1px solid #b0d3e9
  }
  .style_active__fneYy .style_head__jA_XM {
    box-shadow: none;
    border-radius: 0;
    height: 47px
  }
  .style_active__fneYy .style_result__1xfyQ {
    box-shadow: none;
    height: calc(100vh - 60px);
    border-radius: 0
  }
  .style_categoryLink__HhN0p,.style_streamSearch__Ns70w {
    padding-right: 0
  }
  .style_streamIconSearch__VgtdF {
    display: none
  }
}
@media screen and (max-width:411px) {
  .style_name__Sw3Wi {
    font-size: 12px;
    line-height: 15px
  }
}
.styles_social__lGxg_ {
  display: flex;
  align-items: center
}
.styles_social__lGxg_ a:not(:last-child) {
  margin-right: 20px
}
.styles_social__lGxg_ svg {
  color: #6f8cad;
  transition: color .2s linear
}
.styles_social__lGxg_ svg:hover {
  color: #ec1917
}
.styles_bookmark__PL616 {
  height: 50px;
  background: linear-gradient(93.76deg,#ed4d51,#eb4b52);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 30px;
  color: #fff;
  cursor: pointer;
  position: relative;
  margin-bottom: 10px
}
.styles_bookmark__PL616:hover {
  background-color: #cc383c;
  background-image: none
}
.styles_bookmark__PL616 span {
  color: #fff;
  padding: 0 20px
}
.styles_bookmark__PL616 img {
  transform: translateY(10px)
}
@media screen and (max-width:479px) {
  .styles_bookmark__PL616 {
    padding: 0 10px;
    width: 100%
  }
  .styles_bookmark__PL616 span {
    padding: 0 10px
  }
}
.style_backdrop__wr5KD {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3
}
@media screen and (max-width:1020px) {
  .style_backdrop__wr5KD {
    background-color: rgba(60,69,75,.6)
  }
}
.style_info-block-header__nh_yT {
  position: absolute;
  width: 980px;
  height: 325px;
  background: linear-gradient(93.87deg,#f1f5fc -2.49%,#f2f7fa 97.7%);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border-radius: 20px;
  display: flex
}
.style_info-block-header-content__BzZDQ {
  padding: 25px 35px 37px 30px
}
.style_info-block-header-content__BzZDQ .style_title__LJlxm {
  text-transform: capitalize;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 10px
}
.style_info-block-header-content__BzZDQ .style_description__OGDEp {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 22px
}
.style_info-block-header-right___RsTp {
  position: relative
}
.style_info-block-header__nh_yT .style_banner-mobile__j3qNh {
  display: none
}
.style_info-block-header__nh_yT .style_close-btn__YfNGs {
  display: block;
  position: absolute;
  right: 20px;
  top: 21px;
  padding: 0
}
.style_info-block-header__nh_yT .style_close-btn__YfNGs .UI__icon svg path {
  fill: #fff
}
.style_info-block-header__nh_yT .style_close-btn-mobile__zfWCv {
  display: none;
  position: absolute;
  right: 20px;
  top: 21px;
  padding: 0
}
.style_info-block-header__nh_yT .style_close-btn-mobile__zfWCv .UI__icon svg path {
  fill: #000
}
@media screen and (max-width:1020px) {
  .style_info-block-header__nh_yT {
    flex-direction: column;
    width: 371px;
    height: -moz-fit-content;
    height: fit-content;
    top: 50%!important;
    transform: translateY(-50%)!important
  }
  .style_info-block-header__nh_yT .style_banner__fuPkT {
    display: none
  }
  .style_info-block-header__nh_yT .style_banner-mobile__j3qNh {
    display: block;
    background: linear-gradient(151.25deg,#f1938e,#ed454b),linear-gradient(93.87deg,#e0eaf9 -2.49%,#e3eff8 97.7%);
    box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
    border-radius: 0 0 20px 20px
  }
  .style_info-block-header__nh_yT .style_banner-mobile__j3qNh svg {
    width: 371px;
    height: 264px
  }
  .style_info-block-header-content__BzZDQ {
    height: 367px;
    padding: 25px 20px
  }
  .style_info-block-header__nh_yT .style_close-btn__YfNGs {
    display: none
  }
  .style_info-block-header__nh_yT .style_close-btn-mobile__zfWCv {
    display: block
  }
}
@media screen and (max-width:411px) {
  .style_info-block-header__nh_yT {
    width: 90%
  }
  .style_banner-mobile__j3qNh {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
  }
}
.styles_header__2PdXH {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
  box-sizing: border-box
}
.styles_mobileSearch__ghW12 {
  display: none;
  position: relative;
  bottom: -2px
}
.styles_content__PlFHF {
  width: 1170px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative
}
.styles_burger__b_wv5 {
  display: none;
  padding: 0
}
.styles_burger__b_wv5 * {
  pointer-events: none
}
.styles_content__PlFHF .InfoBlockHeader {
  top: 102px;
  left: 0;
  right: 0;
  margin: auto
}
.styles_logo__tXnwb {
  position: relative
}
.styles_logo__tXnwb,.styles_logo__tXnwb a {
  display: flex;
  align-items: center
}
.styles_logoName__SvktK {
  font-size: 27px;
  text-transform: capitalize;
  color: #0d1444;
  margin-left: 9px;
  margin-bottom: 2px;
  font-family: Prompt,sans-serif
}
.styles_info__eMq_E {
  height: 20px;
  padding: 0;
  margin: 0 6px;
  position: relative;
  top: 1px
}
.styles_info__open__65Pra:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #fff;
  box-shadow: 0 15px 25px #e0e2f8;
  position: absolute;
  bottom: -17px;
  left: 50%;
  transform: translate(-50%)
}
@media screen and (max-width:1020px) {
  .styles_info__open__65Pra:after {
    display: none
  }
}
.styles_info__eMq_E .UI__icon {
  height: inherit
}
.styles_info__eMq_E .UI__icon.styles_activeIcon__NoKUX svg path {
  fill: #ed4e53
}
.styles_sideContent__3iK8w {
  display: flex;
  align-items: center
}
.styles_sideContent__3iK8w .UI__socialLinks {
  margin-left: 30px
}
@media screen and (max-width:1300px) {
  .styles_content__PlFHF {
    width: 980px
  }
  .styles_logo__tXnwb img {
    width: 40px
  }
  .styles_logoName__SvktK {
    font-size: 24px
  }
}
@media screen and (max-width:900px) {
  .styles_mobileSearch__ghW12 {
    display: flex;
    padding: 0
  }
  .styles_sideContent__3iK8w {
    display: none
  }
  .styles_header__2PdXH {
    height: var(--header-md-height);
    border-bottom: 1px solid #b0d3e9;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    background: linear-gradient(90deg,#e5eff7,#c4e3f5);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden
  }
  .styles_content__PlFHF {
    width: 100%
  }
  .styles_burger__b_wv5 {
    display: flex;
    align-items: center;
    width: 20px;
    height: 25px
  }
  .styles_logo__tXnwb img {
    width: 38px
  }
  .styles_logoName__SvktK {
    font-size: 23px;
    margin-left: 6px
  }
}
@media screen and (max-width:380px) {
  .styles_header__2PdXH .UI__logo img {
    width: 30px
  }
  .styles_header__2PdXH .UI__logo * {
    font-size: 20px
  }
}
.styles_footer__ggElw {
  padding: 100px 20px 20px;
  display: flex
}
.styles_logg__EjSzF {
  display: flex;
  align-items: center
}
.styles_logoName__784c9 {
  font-size: 27px;
  text-transform: capitalize;
  color: #0d1444;
  margin-left: 9px;
  font-family: Prompt,sans-serif
}
.styles_footerSide__MlJI4 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 15px
}
.styles_footerSide__MlJI4>* {
  margin-bottom: 28px
}
.styles_social__7QLkv {
  display: flex;
  align-items: center;
  justify-content: flex-end
}
.styles_pages__PeCdK {
  font-size: 14px;
  font-weight: 600;
  display: flex
}
.styles_pages__PeCdK>* {
  margin-left: 20px
}
@media(hover:hover)and (pointer:fine) {
  .styles_pages__PeCdK a:hover {
    color: #ec1917
  }
}
.styles_pages__PeCdK .styles_date__FnXgS {
  font-size: 12px;
  font-weight: 500;
  color: #74828a
}
@media screen and (max-width:900px) {
  .styles_footer__ggElw {
    flex-direction: column;
    align-items: center;
    padding-top: 40px
  }
  .styles_footerSide__MlJI4 {
    align-items: center
  }
}

/* ==========================================
   Component Styles (from CSS3 - Breadcrumbs, Sidebar, Info Button, Popup, Card Preview, FAQ, Blog, etc.)
   ========================================== */
.styles_breadcrumbs__6_9U3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 47px;
  margin-bottom: 20px
}
.styles_links__QOHqM {
  display: inline-flex;
  align-items: center
}
.styles_links__QOHqM>.UI__icon:not(:first-child) {
  margin: 0 20px;
  color: #fff
}
.styles_links__QOHqM a,.styles_links__QOHqM span {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #95b6ce
}
.styles_count__Km_wK {
  font-weight: 500;
  font-size: 12px;
  text-align: right;
  letter-spacing: .01em;
  color: #849caa
}
.styles_count__Km_wK span {
  color: #0d1444
}
.styles_icons___n74C {
  align-items: center;
  display: flex
}
.styles_icon__VB3YQ {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  border: 1px solid #fff;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  margin-right: 8px;
  border-radius: 50%;
  background-color: #fff
}
.styles_itemCount__Qzv_y {
  font-weight: 700;
  font-size: 12px;
  color: #6f8cad;
  margin: 0 10px 0 7px
}
.styles_itemStreamName__g_Z_v {
  font-weight: 500;
  font-size: 11px;
  color: var(--color-grey);
  background: var(--color-bg);
  border-radius: 5px;
  width: 100px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}
.styles_title__1pZzg {
  white-space: nowrap
}
@media(hover:hover)and (pointer:fine) {
  .styles_breadcrumbs__6_9U3 a {
    transition: color .2s linear
  }
  .styles_breadcrumbs__6_9U3 a:hover {
    color: #ec1917
  }
}
@media screen and (max-width:1300px) {
  .styles_breadcrumbs__6_9U3 {
    width: 100%
  }
}
@media screen and (max-width:900px) {
  .styles_breadcrumbs__6_9U3 {
    margin: 20px 0
  }
  .styles_links__QOHqM {
    width: -moz-max-content;
    width: max-content;
    overflow: hidden
  }
  .styles_links__QOHqM>.UI__icon {
    margin: 0 14px
  }
  .styles_links__QOHqM a {
    white-space: nowrap
  }
  .styles_links__QOHqM span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
    display: inline-block;
    white-space: nowrap
  }
  .styles_links__QOHqM::-webkit-scrollbar {
    width: 0
  }
  .styles_links__QOHqM>.UI__icon:first-child {
    margin: 0 10px 0 0
  }
  .styles_links__QOHqM>.UI__icon:not(:first-child) {
    margin: 0 10px
  }
  .styles_count__Km_wK,.styles_icons___n74C {
    display: none
  }
}
.styles_hAction__m100O {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}
.styles_hAction__m100O:hover {
  background-color: #ec4c52;
  color: #fff
}
.styles_reverse__I5lAL {
  transform: rotate(180deg)
}
.styles_hScrollWrapper__rnlAx,.styles_hScroll__ZImg9 {
  position: relative
}
.styles_hScrollContainer__VXcD8 {
  width: 100%
}
@media screen and (max-width:900px) {
  .styles_hScrollContainer__VXcD8 {
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none
  }
  .styles_hScrollContainer__VXcD8::-webkit-scrollbar {
    display: none
  }
}
.styles_hScrollContent__uzrxH {
  display: flex;
  flex-wrap: nowrap;
  transition: transform .3s
}
@media screen and (max-width:900px) {
  .styles_hScroll__ZImg9 {
    padding-right: 0
  }
}
.styles_action__oeyED {
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translate(50%,-56%);
  z-index: 2;
  color: #6f8cad
}
@media screen and (max-width:900px) {
  .styles_action__oeyED {
    display: none
  }
}
.styles_left__i0rY4 {
  right: auto;
  transform: translateY(-56%) rotate(180deg);
  left: -4px
}
.styles_right__t7cAD {
  right: 20px;
  transform: translateY(-56%)
}
.styles_carouselItem__ybJv2 {
  position: relative;
  display: flex;
  padding: 0 16px;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: transform .3s;
  cursor: pointer
}
.styles_carouselItem__ybJv2:first-child {
  padding-left: 0
}
.styles_carouselItem__ybJv2 img {
  width: 100%;
  height: 100%;
  box-shadow: var(--box-shadow);
  border-radius: 20px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden
}
.styles_carouselItem__ybJv2:hover {
  transform: translateY(-10px)
}
@media screen and (max-width:900px) {
  .styles_carouselItem__ybJv2:hover {
    transform: none
  }
}
.styles_carouselItem__ybJv2:hover .styles_cta__E_tBD {
  display: flex
}
.styles_cta__E_tBD {
  background: linear-gradient(93.76deg,#ed4d51,#eb4b52);
  box-shadow: var(--box-shadow);
  border-radius: 20px;
  padding: 0 16px;
  height: 40px;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,50%);
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  display: none;
  justify-content: space-between;
  max-width: 145px
}
@media screen and (max-width:900px) {
  .styles_cta__E_tBD {
    bottom: 50%
  }
}
.styles_cta__E_tBD>:first-child {
  padding-right: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}
@media screen and (max-width:900px) {
  .styles_carouselItem__ybJv2 {
    padding: 0 10px
  }
}
.styles_hScroll__DY9iG {
  margin-bottom: 20px
}
.styles_hScroll__DY9iG .hScrollItem {
  position: relative;
  padding-top: 12%;
  min-width: 268px;
  width: 268px
}
.styles_hScroll__DY9iG .hScrollItem a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
@media screen and (max-width:479px) {
  .styles_hScroll__DY9iG .hScrollItem {
    padding-top: 21%;
    min-width: 152px;
    width: 152px
  }
}
.style_infoBtn__6LzgS {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  color: #fff;
  border-radius: 30px;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  padding: 0 20px 1px;
  width: 100%
}
.style_shrink__6u_cg {
  height: 36px
}
.style_image__Lemx_ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-left: 10px
}
.style_info__5UBLU {
  background-color: #fe2a86
}
.style_info__5UBLU .style_image__Lemx_ {
  background: #fff
}
.style_info__5UBLU svg path {
  fill: #fe2a86
}
.style_wb__L9hvc {
  background-color: #ffbf76
}
.style_wb__L9hvc .style_image__Lemx_ {
  background: transparent;
  border: 2px solid #fff;
  transform: rotate(-45deg)
}
.styles_titledIcon__mYXSB {
  position: relative;
  width: 100%;
  height: 100%
}
.styles_titledIcon__mYXSB img {
  -o-object-fit: cover;
  object-fit: cover
}
.styles_letter__rY7Em,.styles_titledIcon__mYXSB img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.styles_letter__rY7Em {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  font-size: 1em
}
.styles_round__xw_Qt {
  border-radius: 50%;
  overflow: hidden
}
.style_wrapper__rMnub {
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  height: 118px;
  background: #fff;
  padding: 10px 15px;
  border-top: 1px solid #e6e7ec
}
.style_wrapper__rMnub.style_slide__STim8 {
  animation-name: style_slide__STim8;
  animation-duration: .3s
}
.style_wrapper__rMnub .style_top__Agq0m {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.style_wrapper__rMnub .style_top__Agq0m .style_left__0PRW4 {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 15px 7px 15px 0
}
.style_wrapper__rMnub .style_top__Agq0m .style_left__0PRW4 .style_title__x0lYO {
  display: inline;
  margin-left: 10px;
  font-weight: 600;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: auto
}
.style_wrapper__rMnub .style_bottom__gihFJ {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 10px;
  column-gap: 10px
}
.style_wrapper__rMnub .style_bottom__gihFJ a {
  width: 49%!important;
  max-width: 275px;
  font-size: 12px
}
.style_wrapper__rMnub.style_tableSticky__t0eco {
  position: relative;
  margin-bottom: 20px;
  z-index: 0
}
@keyframes style_slide__STim8 {
  0% {
    transform: translateY(0)
  }
  to {
    transform: translateY(100%)
  }
}
.styles_cardPreview__G4IDl {
  background: linear-gradient(93.87deg,#e0eaf9 -2.49%,#e3eff8 97.7%);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border-radius: 40px;
  padding: 34px 70px 38px
}
@media screen and (max-width:900px) {
  .styles_cardPreview__G4IDl {
    padding: 20px 15px
  }
}
/* Static Page (About, DMCA) */
.styles_staticPage__ZCnhi {
  padding: 30px 15px !important;
  display: flex
}
.styles_staticPage__ZCnhi .flex-column {
  display: flex;
  flex-direction: column
}
.styles_staticPage__ZCnhi .align-start {
  align-items: flex-start
}
.styles_staticPage__ZCnhi .flex {
  display: flex
}
.styles_staticPage__ZCnhi .mx-auto {
  margin-left: auto;
  margin-right: auto
}
.styles_postNavigation__NQsn6 {
  min-width: 300px;
  width: 100%;
  position: sticky;
  top: 23px
}
.styles_content__dbxB5 {
  background: linear-gradient(93.87deg, #f1f5fc -2.49%, #f2f7fa 97.7%);
  box-shadow: var(--box-shadow);
  border-radius: 20px;
  padding: 20px 15px 10px;
  margin-bottom: 10px
}
.styles_content__dbxB5 h5 {
  font-size: 14px;
  font-weight: 700;
  color: #0d1444;
  margin-bottom: 10px
}
.styles_navigationListHead__hsK_i {
  display: flex;
  align-items: flex-start;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-grey);
  margin-bottom: 8px;
  text-decoration: none
}
.styles_navigationListHead__hsK_i:hover {
  color: #0d1444
}
.styles_number__p6LjW {
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-color: #badaef;
  border-radius: 5px;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 500;
  margin-right: 11px
}
.styles_number__p6LjW {
  background-color: #e14a3f;
  color: #fff
}
.styles_title__6zMDI {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  max-height: 48px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box
}
.styles_active__Xg_Rs {
  color: #0d1444
}
.styles_layout__H_Yg8 {
  width: 250px;
  height: 250px;
  padding: 20px 15px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative
}
.styles_logoDefault__1x1Pm {
  font-size: 16.5682px;
  line-height: 25px;
  flex: 0 0 100%
}
.styles_contentDefault__L2B4r {
  text-transform: uppercase;
  font-family: Montserrat;
  font-style: normal;
  text-align: center;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-right: 15px;
  position: relative;
  bottom: -7px
}
.styles_contentHighlighten__qTJIz {
  font-weight: 700;
  font-size: 17px;
  line-height: 20.72px;
  color: #f8f942
}
.styles_actionDefault__GTKg7 {
  color: #fff;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 36px;
  border-radius: 20px;
  width: 124px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center
}
.styles_yellow__WZoyF {
  background: linear-gradient(180deg, #f3cb39, #f7c729 93.75%, #806611);
  box-shadow: inset 2px 2px 0 hsla(0, 0%, 100%, .5);
  color: #181616
}
.styles_content__lH4B_ {
  padding-left: 50px;
  padding-right: 50px
}
.styles_content__lH4B_ h1,
.styles_content__lH4B_ h2,
.styles_content__lH4B_ h3 {
  font-style: normal;
  font-weight: 700;
  color: #0d1444;
  text-transform: capitalize
}
.styles_content__lH4B_ h1 {
  font-size: 30px
}
.styles_content__lH4B_ h2,
.styles_content__lH4B_ h3 {
  font-size: 26px;
  line-height: 39px;
  margin-top: 20px
}
.styles_content__lH4B_ h2 > *,
.styles_content__lH4B_ h3 > * {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit
}
.styles_content__lH4B_ h2 + :not(.image-quoted-container),
.styles_content__lH4B_ h3 + :not(.image-quoted-container) {
  margin-top: 30px
}
.styles_content__lH4B_ * {
  font-size: 15px;
  color: #0d1444;
  font-weight: 400;
  line-height: 150%
}
.styles_content__lH4B_ a {
  color: #eb4b52;
  cursor: pointer;
  font-weight: 600
}
.styles_content__lH4B_ a:hover {
  color: #ec1917;
  text-shadow: 0 0 .1px #ec1917
}
.styles_content__lH4B_ ol {
  counter-reset: section;
  padding-left: 35px
}
.styles_content__lH4B_ ol li {
  position: relative;
  margin-bottom: 20px
}
.styles_content__lH4B_ ol li:before {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  left: -33px;
  top: 0;
  width: 22px;
  min-width: 22px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #badaef;
  font-size: 11px
}
.styles_longDescr__4n0Fa {
  font-size: 15px;
  color: #0d1444;
  font-weight: 400;
  line-height: 150%
}
.styles_longDescr__4n0Fa p {
  margin-bottom: 15px
}
@media screen and (min-width: 901px) {
  .styles_postNavigation__NQsn6 {
    width: 300px
  }
}
@media screen and (max-width: 900px) {
  .styles_staticPage__ZCnhi {
    background: none;
    box-shadow: none;
    padding: 0;
    flex-direction: column
  }
  .staticContent {
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px
  }
  .styles_content__lH4B_ h1 {
    font-size: 26px;
    line-height: 120%
  }
  .styles_content__lH4B_ h2,
  .styles_content__lH4B_ h3 {
    font-size: 23px;
    line-height: 150%
  }
  .styles_content__lH4B_ iframe,
  .styles_content__lH4B_ p iframe,
  .styles_content__lH4B_ img,
  .styles_content__lH4B_ p img {
    border-radius: 20px
  }
}
.styles_faqImage___HC0s {
  background: linear-gradient(92.31deg,#e2edff,#b6d8ed 98.59%);
  border-radius: 15px;
  width: 76px;
  height: 70px;
  max-height: 70px;
  max-width: 76px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center
}
.styles_faqImage___HC0s img {
  width: 65%
}
@media screen and (max-width:800px) {
  .styles_faqImage___HC0s {
    width: 62px;
    height: 57px;
    max-height: 62px;
    max-width: 57px
  }
}
.styles_wrapper__X3UVR .UI__logo {
  margin-bottom: 30px
}
.styles_title__Fl2UV {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  text-transform: capitalize;
  margin-bottom: 23px
}
.styles_images__NyaT_ {
  display: flex;
  flex-wrap: wrap
}
.styles_images__NyaT_>* {
  margin-right: 10px
}
.styles_openWrapper__3V5vi {
  background: linear-gradient(93.87deg,#f1f5fc -2.49%,#f2f7fa 97.7%)
}
.styles_image__UOIkG {
  background: linear-gradient(92.31deg,#e2edff,#b6d8ed 98.59%);
  border-radius: 15px;
  width: 76px;
  min-width: 76px;
  height: 70px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center
}
.styles_shortDescr__xBrU8 {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 20px;
  max-width: 90%;
  text-transform: capitalize
}
.styles_children__D2uVs {
  display: flex;
  flex-direction: column
}
.styles_children__D2uVs>:first-child {
  margin-top: 7px
}
.styles_children__D2uVs>* {
  margin: 10px 0
}
.styles_child__iCtiw {
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center
}
.styles_child__iCtiw img {
  margin-right: 15px
}
.styles_longDescr__4n0Fa {
  max-width: 90%;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  color: #0d1444
}
.styles_longDescr__4n0Fa p:not(:last-child) {
  margin-bottom: 10px
}
.styles_longDescr__4n0Fa p {
  line-height: 150%!important
}
.styles_longDescr__4n0Fa a {
  color: #ec4c52;
  font-weight: 600
}
.styles_longDescr__4n0Fa a:hover {
  text-shadow: 0 0 .5px #ec4c52
}
.styles_bookmark__pzChA {
  margin-top: 23px
}
.styles_open___qWuW {
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer
}
.styles_open___qWuW .UI__icon {
  transform: rotate(90deg);
  color: #6f8cad
}
.styles_togglerMobile__GA2cz {
  display: none
}
.styles_isOpen__nvTGN {
  background-color: #ec1917
}
.styles_isOpen__nvTGN .UI__icon {
  transform: rotate(-90deg);
  color: #f3f8fb
}
@media screen and (max-width:900px) {
  .styles_isOpen__nvTGN.styles_togglerDesc__FkAbY {
    display: none
  }
  .styles_togglerMobile__GA2cz {
    display: flex
  }
  .styles_images__NyaT_>* {
    margin-right: 5px
  }
  .styles_title__Fl2UV {
    font-size: 22px;
    line-height: 27px
  }
}
.styles_placeholder__z4SNj {
  position: relative;
  background-color: #abc1da;
  overflow: hidden
}
.styles_placeholder__z4SNj img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.styles_readMore__UV6wj {
  display: flex;
  align-items: center;
  font-size: 14px
}
.styles_readMore__UV6wj span:first-child {
  margin-right: 12px
}
.styles_bold__RMTEF {
  font-weight: 500
}
.styles_blogAuthor__Um0en {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 15px
}
.styles_date__3VSt1,.styles_name__4WBjH {
  color: var(--color-grey)
}
.styles_name__4WBjH {
  font-weight: 600;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  text-transform: capitalize
}
.styles_name__4WBjH span:first-child {
  margin-right: 5px
}
.styles_date__3VSt1 {
  font-weight: 500;
  font-size: 12px;
  padding-left: 10px;
  border-left: 1px solid #6f7287;
  margin-left: 10px
}
.styles_content__dKH7G {
  padding: 23px 20px 20px;
  position: relative;
  height: 290px
}
.styles_thumb__RAD4O {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: background-image .3s
}
.styles_thumb__RAD4O,.styles_thumb__RAD4O .UI__imagePlaceholder {
  border-radius: 40px;
  overflow: hidden;
  position: relative
}
.styles_thumb__RAD4O .UI__imagePlaceholder {
  height: 200px;
  width: 300px
}
.styles_thumb__RAD4O .UI__readMore {
  position: absolute;
  bottom: 20px;
  color: #ec1917;
  height: 36px;
  display: none
}
.styles_thumb__RAD4O:hover {
  background: linear-gradient(92.31deg,#e2edff,#b6d8ed 98.59%);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5)
}
.styles_thumb__RAD4O:hover .blogName {
  color: #ec1917
}
.styles_thumb__RAD4O:hover .UI__readMore {
  display: flex
}
.styles_title__m55Fj {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: #0d1444;
  max-height: 46px;
  -webkit-line-clamp: 2
}
.styles_descr__VVEqR,.styles_title__m55Fj {
  font-style: normal;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box
}
.styles_descr__VVEqR {
  margin-bottom: 13px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  max-height: 100px;
  -webkit-line-clamp: 5
}
.styles_author__vWjxZ {
  position: absolute;
  height: 30px;
  width: 266px;
  bottom: 71px
}
.styles_blogSlider__BSgoX {
  justify-content: space-between;
  margin-top: 60px
}
.styles_blogSlider__BSgoX .hScrollItem {
  min-width: 326px;
  padding: 0 13px;
  display: flex
}
.styles_blogSlider__BSgoX .hScrollContainer {
  overflow-x: hidden;
  width: calc(100% + 26px);
  margin: 0 -13px
}
.styles_blogSlider__BSgoX .hAction {
  top: 40%
}
.styles_blogSlider__BSgoX .hAction:first-child {
  left: -23px
}
.styles_blogSlider__BSgoX .hAction:last-child {
  right: 0
}
@media screen and (max-width:900px) {
  .styles_blogSlider__BSgoX .hScrollContainer {
    overflow-x: scroll
  }
}
.styles_blogPreview__GDDyD {
  background: linear-gradient(93.87deg,#f1f5fc -2.49%,#f2f7fa 97.7%);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border-radius: 20px;
  padding: 56px 40px 40px;
  position: relative
}
.styles_blogPreview__GDDyD .UI__faqImage {
  position: absolute;
  left: 40px;
  top: 0;
  transform: translateY(-50%)
}
.styles_description__D6JpL {
  font-size: 15px;
  line-height: 22px
}
.styles_description__D6JpL a {
  color: #ec4c52;
  font-weight: 600
}
.styles_description__D6JpL a:hover {
  text-shadow: 0 0 .5px #ec4c52
}
.styles_title__zh1oC {
  margin-bottom: 15px;
  text-transform: capitalize;
  font-size: 20px
}
.styles_sliderMobile__l059M {
  display: none
}
@media screen and (max-width:900px) {
  .styles_sliderMobile__l059M {
    display: flex;
    width: 100%;
    margin-right: 23px
  }
  .styles_sliderMobile__l059M .hScrollItem:last-child {
    margin-right: 10px
  }
  .styles_sliderDesk__ib_iA {
    display: none
  }
  .styles_description__D6JpL {
    margin-bottom: 0
  }
  .styles_blogPreview__GDDyD {
    margin-bottom: 30px
  }
}
.styles_title__QP11Y {
  padding-bottom: 15px
}
.styles_title__QP11Y span {
  font-weight: 400
}
.styles_title__QP11Y h3 {
  margin-bottom: 5px
}
.styles_list__eTvDq>* {
  margin-top: 50px
}
@media screen and (max-width:900px) {
  .styles_blogBlock__vwTXe {
    padding: 0;
    background: transparent;
    box-shadow: none
  }
}
.styles_introBlock__SHEeh {
  width: 100%;
  margin-top: 10px
}
.styles_introBlock__SHEeh>* {
  margin-bottom: 20px
}
.styles_categoryItemFooter__Y3pO6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px
}
.styles_categoryItemFooter__Y3pO6 .UI__readMore {
  color: #ec4c52
}
.styles_mdLoadMore__TIFuG {
  display: none
}
.styles_lgIcons___42GR {
  display: flex;
  align-items: center
}
.styles_lgIcons___42GR>* {
  margin-left: 8px
}
@media screen and (max-width:769px) {
  .styles_categoryItemFooter__Y3pO6 {
    padding: 0 15px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    color: #fff;
    font-weight: 600
  }
  .styles_categoryItemFooter__Y3pO6 .UI__icon {
    margin-left: 5px;
    display: inline
  }
  .styles_lgIcons___42GR,.styles_lgLoadMore__9gMug {
    display: none
  }
  .styles_mdLoadMore__TIFuG {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    width: 100%
  }
}
.styles_categoryItemImages__2JtIh {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}
.styles_categoryItemImages__2JtIh>* {
  width: 70px;
  height: 26px;
  border-radius: 5px;
  -o-object-fit: cover;
  object-fit: cover
}
.styles_link__bVxlx {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%
}
.styles_index__76LtJ {
  color: #b3c9da;
  text-align: left;
  display: block;
  height: 15px;
  width: 20px;
  margin-right: 5px
}
.styles_disableLink__PFh3I {
  pointer-events: none
}
.styles_categoryLIstItem__Znpt3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 15px;
  font-size: 14px
}
.styles_categoryLIstItem__Znpt3 .UI__Avatar {
  margin-right: 13px
}
.styles_categoryLIstItem__Znpt3:hover {
  background: linear-gradient(92.31deg,#e2edff,#b6d8ed 98.59%)
}
.styles_categoryLIstItem__Znpt3:hover .styles_title___HCW4 {
  color: red
}
.styles_title___HCW4 {
  font-weight: 500;
  margin-right: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 20px - 5px - 22px - 13px)
}
.styles_mobileIcon__X_yyE {
  display: none
}
@media screen and (max-width:900px) {
  .styles_mobileIcon__X_yyE {
    display: flex
  }
}
.styles_categoryItemListWrapper__TgNva {
  position: relative
}
.styles_categoryItemList__PdB8U {
  padding: 0;
  width: 100%;
  margin-top: 14px
}
@media screen and (max-width:769px) {
  .styles_categoryItemList__PdB8U {
    display: flex;
    flex-wrap: wrap
  }
  .styles_categoryItemList__PdB8U>* {
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 11px
  }
  .styles_categoryItemList__PdB8U>:nth-child(odd) {
    padding-right: 2.5px
  }
  .styles_categoryItemList__PdB8U>:nth-child(2n) {
    padding-left: 2.5px
  }
}
.styles_topContent__YgmCG {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 77px;
  display: inline-flex;
  align-items: flex-start;
  padding: 15px 15px 12px
}
.styles_categoryItemTop__Bvnqm {
  display: flex;
  flex-direction: column;
  margin-left: 18px;
  align-items: flex-start;
  height: 50px;
  max-width: 72%
}
.styles_categoryItemTop__Bvnqm .title-m {
  margin-bottom: 5px
}
.styles_title__dvHTj {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%
}
.styles_topContent__YgmCG .UI__Avatar {
  background-color: #fff;
  box-shadow: 3px 6px 0 rgba(0,0,0,.1)
}
.styles_topContent__YgmCG .UI__Avatar img {
  transform: scale(.75)
}
.styles_categoryItem__hVDk2 {
  background: linear-gradient(93.87deg,#f1f5fc -2.49%,#f2f7fa 97.7%);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 20px
}
.styles_categoryItem__hVDk2 .CategoryItemImages>:not(:last-child) {
  margin-right: 4px
}
.styles_content__eocND {
  padding: 5px 0 0;
  display: flex;
  flex-direction: column
}
.styles_description__xYTtz {
  height: 45px;
  max-height: 45px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0;
  text-align: center;
  color: #6f7287
}
.styles_descr__nauun {
  padding: 0 15px
}
.styles_itemImages__6dxWL .UI__imagePlaceholder {
  width: 47px;
  height: 26px
}
.styles_advertHiglight___Ke6r {
  color: #ec4c52;
  margin: 0 2px;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit
}
.styles_categoryColumn__2U0nF {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 24%;
  min-width: 280px
}
.styles_categoryColumn__2U0nF>* {
  margin-bottom: 20px
}
.styles_mobileStepper__mc_C8 {
  position: fixed;
  right: 5px;
  top: 50%;
  width: 25px!important;
  height: 25px!important;
  border-radius: 50%;
  background-color: #ec4c52;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5
}
.styles_mobileStepper__mc_C8 .UI__icon svg {
  margin-bottom: 0
}
.styles_mobileStepper__mc_C8.styles_down__YUbvN .UI__icon {
  transform: rotate(90deg)
}
.styles_mobileStepper__mc_C8.styles_up__6FoOp .UI__icon {
  transform: rotate(270deg)
}
@media screen and (max-width:1200px) {
  .styles_categoryColumn__2U0nF {
    flex: 0 0 calc(50% - 10px)
  }
}
@media screen and (max-width:769px) {
  .styles_categoryColumn__2U0nF {
    flex: 0 0 100%
  }
}
.styles_unused-style__GfOOs {
  padding-top: 45px;
  margin-bottom: 15px
}
.styles_desktop__h8gmL {
  display: flex;
  flex-wrap: wrap;
  margin-left: -14px;
  width: calc(100% + 2*14px)
}
.styles_desktop__h8gmL>* {
  width: calc(100%/4);
  padding-left: 14px;
  padding-right: 14px
}
.styles_custom__Gh1sB {
  display: none!important;
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  width: calc(100% + 2*20px)
}
.styles_custom__Gh1sB>* {
  width: calc(100%/3);
  padding-left: 20px;
  padding-right: 20px
}
.styles_tablet__KNTh7 {
  display: none!important;
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  width: calc(100% + 2*20px)
}
.styles_tablet__KNTh7>* {
  width: calc(100%/2);
  padding-left: 20px;
  padding-right: 20px
}
.styles_mobile__nPX3h {
  display: none!important;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  width: calc(100% + 2*0px)
}
.styles_mobile__nPX3h>* {
  width: calc(100%/1);
  padding-left: 0;
  padding-right: 0
}
.styles_mobile__nPX3h>*>*>* {
  margin-bottom: 10px
}
@media screen and (max-width:1440px) {
  .styles_desktop__h8gmL {
    display: none!important
  }
  .styles_custom__Gh1sB {
    display: flex!important
  }
  .styles_categoriesGrid__mZIJB {
    justify-content: center
  }
  .styles_categoriesGrid__mZIJB>*>*>* {
    width: 100%;
    max-width: 100%
  }
  .styles_categoriesGrid__mZIJB .IPdetectCard {
    margin-bottom: 0
  }
}
@media screen and (max-width:1200px) {
  .styles_custom__Gh1sB,.styles_desktop__h8gmL {
    display: none!important
  }
  .styles_tablet__KNTh7 {
    display: flex!important
  }
}
@media(max-width:768px) {
  .styles_unused-style__GfOOs {
    padding-top: 0;
    margin-bottom: 0
  }
  .styles_tablet__KNTh7 {
    display: none!important
  }
  .styles_mobile__nPX3h {
    display: flex!important
  }
}
.styles_unused-style__9xAoV {
  padding-top: 45px;
  margin-bottom: 15px
}
.styles_desktop__WBv2Y {
  display: flex;
  flex-wrap: wrap;
  margin-left: -14px;
  width: calc(100% + 2*14px)
}
.styles_desktop__WBv2Y>* {
  width: calc(100%/4);
  padding-left: 14px;
  padding-right: 14px
}
.styles_custom__KHGT0 {
  display: none!important;
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  width: calc(100% + 2*20px)
}
.styles_custom__KHGT0>* {
  width: calc(100%/3);
  padding-left: 20px;
  padding-right: 20px
}
.styles_tablet___BLT0 {
  display: none!important;
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  width: calc(100% + 2*20px)
}
.styles_tablet___BLT0>* {
  width: calc(100%/2);
  padding-left: 20px;
  padding-right: 20px
}
.styles_mobile__KQkur {
  display: none!important;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  width: calc(100% + 2*0px)
}
.styles_mobile__KQkur>* {
  width: calc(100%/1);
  padding-left: 0;
  padding-right: 0
}
.styles_mobile__KQkur>*>*>* {
  margin-bottom: 10px
}
@media screen and (max-width:1440px) {
  .styles_desktop__WBv2Y {
    display: none!important
  }
  .styles_custom__KHGT0 {
    display: flex!important
  }
  .styles_categoriesGrid__hawIT {
    justify-content: center
  }
  .styles_categoriesGrid__hawIT>*>*>* {
    width: 100%;
    max-width: 100%
  }
}
@media screen and (max-width:1200px) {
  .styles_custom__KHGT0,.styles_desktop__WBv2Y {
    display: none!important
  }
  .styles_tablet___BLT0 {
    display: flex!important
  }
}
@media screen and (max-width:769px) {
  .styles_unused-style__9xAoV {
    padding-top: 0;
    margin-bottom: 0
  }
  .styles_tablet___BLT0 {
    display: none!important
  }
  .styles_mobile__KQkur {
    display: flex!important
  }
}
.styles_adverticementBlock__FINvH {
  background: linear-gradient(93.87deg,#e0eaf9 -2.49%,#e3eff8 97.7%);
  box-shadow: inset 2px 2px 0 hsla(0,0%,100%,.5);
  border-radius: 20px;
  padding: 20px 25px;
  margin-bottom: 13px
}
.styles_adverticementBlock__FINvH .styles_desktopAds__ZO_ws {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.styles_adverticementBlock__FINvH .styles_mobileAds__idT21 {
  display: none;
  align-items: center;
  justify-content: center
}
@media screen and (max-width:1150px) {
  .styles_adverticementBlock__FINvH .styles_desktopAds__ZO_ws>:last-child {
    display: none
  }
}
@media screen and (max-width:880px) {
  .styles_adverticementBlock__FINvH .styles_desktopAds__ZO_ws>:last-child,.styles_adverticementBlock__FINvH .styles_desktopAds__ZO_ws>:nth-child(3) {
    display: none
  }
}
@media screen and (max-width:700px) {
  .styles_adverticementBlock__FINvH {
    display: none;
    background-image: none;
    box-shadow: none
  }
  .styles_adverticementBlock__FINvH .styles_desktopAds__ZO_ws {
    display: none
  }
  .styles_adverticementBlock__FINvH .styles_mobileAds__idT21 {
    display: flex
  }
}
.styles_endButton__BRCab {
  width: 100%;
  margin: 30px 0;
  display: flex;
  justify-content: center
}
.styles_loading__n5u8z {
  animation: styles_spin__1eDUF .8s linear infinite
}
.styles_more__zDL8r {
  display: inline-flex;
  align-items: center
}
.styles_more__zDL8r:before {
  content: "";
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #ec4c53;
  border-style: solid;
  border-width: 5px 0 5px 11px
}
.styles_more__zDL8r:after {
  content: "";
  width: 0;
  height: 0;
  border-color: transparent #ec4c53 transparent transparent;
  border-style: solid;
  border-width: 5px 11px 5px 0
}
.styles_circle__7NUot {
  width: 12px;
  border-radius: 50%;
  height: 12px;
  background: #6966e5;
  margin: 0 7px
}
@keyframes styles_spin__1eDUF {
  0% {
    transform: rotate(0)
  }
  to {
    transform: rotate(1turn)
  }
}
.styles_homePage__3JEJb .UI__endButton {
  margin-top: 10px
}
.styles_homeSliderWrapper__3Vsm3 {
  overflow-x: hidden;
  padding-top: 10px
}
.styles_homeSliderWrapper__3Vsm3 .hAction:first-child {
  left: 0
}
.styles_homeSliderWrapper__3Vsm3 .hAction:last-child {
  right: 0
}
.styles_homeSlider__Nhnkc {
  padding-left: 0;
  padding-right: 0
}
.styles_promoBanner__lC0RH {
  margin-bottom: 20px;
  max-width: 100%
}
.styles_homePage__3JEJb .BreadCrumbs h1 {
  font-family: Montserrat,sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #95b6ce;
  max-width: 420px
}
@media screen and (max-width:769px) {
  .styles_sortedCategoriesContainer__o0mk5 {
    padding-left: 42.5px;
    padding-right: 42.5px
  }
  .styles_sortedCategoriesContainer__o0mk5.styles_nonMobile__I6NSg .IPdetectCard {
    display: none
  }
  .styles_sliderMdContainer__UHKXn {
    padding-left: 0;
    padding-right: 0
  }
  .styles_sliderMdContainer__UHKXn .hScrollItem:first-child {
    margin-left: 20px
  }
  .styles_nonMobileBanner__wRQBF {
    display: none
  }
}

/* ========================================
   REVIEW PAGE
   ======================================== */

.review-page {
  padding-bottom: 60px;
}

/* Breadcrumb icons row */
.review-breadcrumb-icons {
  margin-bottom: 30px;
}
.review-breadcrumb-icons-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.review-breadcrumb-count {
  font-size: 13px;
  color: #6f8cad;
  font-weight: 500;
}
.review-breadcrumb-label {
  color: #6f8cad;
}

/* Hero section */
.review-hero {
  margin-bottom: 40px;
}
.review-hero-inner {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.review-hero-info {
  flex: 0 0 380px;
}
.review-hero-desc {
  flex: 1;
}
.review-hero-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.review-hero-text {
  display: flex;
  flex-direction: column;
}
.review-hero-name {
  font-size: 16px;
  font-weight: 700;
  color: #0d1444;
  margin: 0 0 2px 0;
}
.review-hero-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: #6f8cad;
  text-decoration: none;
}
.review-hero-link:hover {
  color: #0d1444;
}
.review-hero-link svg {
  transition: transform 0.2s;
}
.review-hero-link:hover svg {
  transform: translate(2px, -2px);
}

/* Screenshot carousel */
.review-hero-screenshots {
  margin-top: 10px;
}
.review-screenshots-scroll {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 10px;
  scrollbar-width: none;
}
.review-screenshots-scroll::-webkit-scrollbar {
  display: none;
}
.review-screenshot-item {
  position: relative;
  flex: 0 0 120px;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
}
.review-screenshot-item img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
.review-screenshot-link {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(93.76deg, #ed4d51, #eb4b52);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 12px;
  border-radius: 10px;
  opacity: 0;
  transition: opacity 0.2s;
}
.review-screenshot-item:hover .review-screenshot-link {
  opacity: 1;
}

/* Hero desc title */
.review-hero-desc-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}
.review-hero-desc-title h1 {
  font-size: 28px;
  font-weight: 700;
  color: #0d1444;
  margin: 0 0 2px 0;
}

/* Rating block */
.review-rating-block {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.review-rating-stars {
  display: flex;
  gap: 4px;
}
.review-star {
  transition: transform 0.2s;
}
.review-rating-text {
  display: flex;
  flex-direction: column;
}
.review-rating-label {
  font-size: 10px;
  font-weight: 600;
  color: #6f8cad;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.review-rating-number {
  font-size: 16px;
  font-weight: 700;
  color: #0d1444;
}

/* Category link */
.review-category-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(93.87deg, rgba(107, 206, 181, 0.15), rgba(107, 206, 181, 0.15));
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  color: #0d1444;
  text-decoration: none;
  margin-top: 10px;
  transition: background 0.2s;
}
.review-category-link:hover {
  background: linear-gradient(93.87deg, rgba(107, 206, 181, 0.25), rgba(107, 206, 181, 0.25));
}

/* Pros/Cons */
.review-proscons {
  margin-bottom: 50px;
}
.review-proscons-inner {
  display: flex;
  gap: 40px;
  margin-bottom: 20px;
}
.review-pros,
.review-cons {
  flex: 1;
}
.review-pros h3,
.review-cons h3 {
  font-size: 16px;
  font-weight: 500;
  color: #0d1444;
  margin: 0 0 16px 0;
}
.review-pros h3 strong,
.review-cons h3 strong {
  font-weight: 700;
}
.review-pros ul,
.review-cons ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.review-pros li,
.review-cons li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #545e68;
  margin-bottom: 12px;
}
.review-pros li svg,
.review-cons li svg {
  flex-shrink: 0;
}

/* Similar sites table */
.review-table-section {
  margin-bottom: 50px;
}
.review-table-header {
  margin-bottom: 20px;
}
.review-table-header h2 {
  font-size: 20px;
  font-weight: 700;
  color: #0d1444;
  margin: 0;
}
.review-table-wrap {
  overflow-x: auto;
  margin-bottom: 20px;
}
.review-table {
  width: 100%;
  border-collapse: collapse;
}
.review-table thead th {
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: #6f8cad;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 12px 12px 0;
  border-bottom: 1px solid rgba(109, 140, 173, 0.15);
}
.review-th-name {
  width: 50%;
}
.review-th-popularity {
  width: 35%;
}
.review-th-quality {
  width: 15%;
}
.review-table-row {
  border-bottom: 1px solid rgba(109, 140, 173, 0.1);
  transition: background 0.15s;
}
.review-table-row:hover {
  background: rgba(109, 140, 173, 0.05);
}
.review-table-row td {
  padding: 14px 12px 14px 0;
  vertical-align: middle;
}
.review-table-link {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}
.review-table-index {
  font-size: 13px;
  color: #6f8cad;
  font-weight: 500;
  min-width: 24px;
  text-align: center;
}
.review-table-name-info {
  display: flex;
  flex-direction: column;
}
.review-table-site-name {
  font-size: 14px;
  font-weight: 600;
  color: #0d1444;
}
.review-table-domain {
  font-size: 12px;
  color: #6f8cad;
}

/* Popularity bar */
.review-popularity-bar {
  width: 100%;
  height: 6px;
  background: rgba(109, 140, 173, 0.15);
  border-radius: 3px;
  overflow: hidden;
}
.review-popularity-fill {
  height: 100%;
  background: linear-gradient(93.76deg, #ed4d51, #eb4b52);
  border-radius: 3px;
  transition: width 0.3s ease;
}
.review-popularity-pct {
  font-size: 12px;
  color: #6f8cad;
  font-weight: 500;
  margin-left: 8px;
}
.review-td-popularity {
  display: flex;
  align-items: center;
  gap: 0;
}

/* Quality badge */
.review-quality-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 5px;
}
.review-q-low {
  background: #e8f4fd;
  color: #4a9eda;
}
.review-q-medium {
  background: linear-gradient(96.19deg, #f1cf85 3.64%, #f3cb39);
  color: #0d1444;
}
.review-q-high {
  background: linear-gradient(96.19deg, #69b5ab 3.64%, #4ca89c);
  color: #fff;
}

/* Table footer */
.review-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid rgba(109, 140, 173, 0.15);
}
.review-see-all-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #ec4c52;
  text-decoration: none;
  transition: gap 0.2s;
}
.review-see-all-link:hover {
  gap: 12px;
}
.review-table-footer-icons {
  display: flex;
  align-items: center;
  gap: 6px;
}
.review-table-footer-count {
  font-size: 12px;
  color: #6f8cad;
  font-weight: 500;
}

/* Responsive */
@media (max-width: 768px) {
  .review-hero-inner {
    flex-direction: column;
    gap: 24px;
  }
  .review-hero-info {
    flex: none;
    width: 100%;
  }
  .review-hero-desc-title h1 {
    font-size: 22px;
  }
  .review-proscons-inner {
    flex-direction: column;
    gap: 24px;
  }
  .review-td-popularity {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .review-table-footer {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
}

/* ============================================================
   CATEGORY ARCHIVE PAGE
   ============================================================ */

/* --- Category Info Header --- */
.styles_categoryInfo__UFM3w {
  padding: 40px 5px 32px 57px;
  display: flex;
  box-shadow: inset 2px 2px 0 rgba(255,255,255,.5);
  border-radius: 50px;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 300px;
  max-width: 100%
}
.styles_categoryInfo__UFM3w > .UI__Avatar {
  width: 144px !important;
  min-width: 144px !important;
  height: 144px !important;
  margin-right: 50px;
  box-shadow: 10px 14px 0 rgba(0,0,0,.25);
  background-color: #4a7af5;
  z-index: 1
}
.styles_background__jcopp {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  object-fit: cover;
  z-index: 0;
  opacity: .15
}
.styles_textContent__EJ4y8 {
  display: flex;
  flex-direction: column;
  z-index: 1;
  max-width: 100%;
  overflow: hidden
}
.styles_head__xY792 {
  display: flex;
  align-items: center
}
.styles_head__xY792 h1 {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  margin: 0
}

/* --- Description Container --- */
.styles_descrContainer__5mBrC {
  -webkit-mask-image: linear-gradient(180deg,#000 50%,transparent);
  mask-image: linear-gradient(180deg,#000 50%,transparent);
  font-size: 14px
}
.styles_descrContainer_expanded__jzb01 {
  -webkit-mask-image: none;
  mask-image: none
}
.styles_scroll__w5_J7 {
  position: relative
}
.styles_descrContainer__5mBrC .UI__scrollable-thumb {
  right: 0;
  width: 5px
}
.styles_descrContainer__5mBrC .UI__scrollable {
  width: 100%
}
.styles_scrollable__qeoSY {
  overflow-y: auto;
  position: relative
}
.styles_scrollable__qeoSY.styles_disabled__LPAdd {
  overflow: hidden
}
.styles_scrollWrapper__1YgLZ {
  max-height: 100px;
  overflow: hidden;
  transition: max-height .3s ease
}

/* --- Category Free Layout (Table + Related) --- */
.styles_categoryFree__cclkY {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 24px 0 20px
}
.styles_categoryFree__cclkY .styles_relatedCategories__WmtR9 {
  width: 330px
}

/* --- Table Section --- */
.styles_table__PfsWO {
  width: calc(100% - 350px);
  display: inline-flex;
  flex-direction: column;
  background: linear-gradient(93.87deg,#e0eaf9 -2.49%,#e3eff8 97.7%);
  box-shadow: inset 2px 2px 0 rgba(255,255,255,.5);
  border-radius: 40px;
  padding: 30px 20px 40px;
  height: min-content
}
.styles_tableTop__FJdSf {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.styles_firstContent__rULQQ {
  display: flex;
  align-items: center
}
.styles_name__vTlA2 {
  font-size: 18px;
  font-weight: 600;
  color: #0d1444;
  margin: 0
}

/* --- Table Content --- */
.styles_tableContent__MQdRD {
  margin-top: 20px;
  width: 100%;
  border-radius: 20px 0 0 0
}
.styles_tableContent__MQdRD table {
  width: 100%;
  border-collapse: collapse
}
.styles_tableContent__MQdRD .table-row > * {
  overflow: hidden
}
.styles_tableContent__MQdRD .table-row > :first-child {
  padding-left: 55px;
  width: 265px
}
.styles_tableContent__MQdRD .table-row > :nth-child(2) {
  width: 140px
}

/* --- Table Head --- */
.style_title__7DyE0 {
  background-color: var(--var-color-blue, #e0eaf9)
}
.style_headCell__7so0e p {
  white-space: nowrap
}
.style_headCell__7so0e p .UI__icon {
  margin-left: 10px
}
.style_headCell__7so0e > * {
  display: flex;
  align-items: center;
  background-color: var(--var-color-blue, #e0eaf9);
  color: #191c1e;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  padding: 0 15px
}
.style_headCell__7so0e.style_ads__vfqsD {
  width: 110px !important
}
.style_headCell__7so0e.style_quality__Hf2Dv {
  width: 126px !important
}

/* --- Table Rows --- */
.style_row__bY0_h {
  cursor: pointer;
  transition: background .15s ease
}
.style_row__bY0_h .style_rowTitle__vivPt {
  display: flex;
  align-items: center;
  padding-left: 0 !important
}
.style_row__bY0_h .style_rowTitle__vivPt .style_index__S6Hz8 {
  font-weight: 500;
  font-size: 12px;
  color: #6f8cad;
  padding-right: 20px;
  width: 55px;
  text-align: end
}
.style_row__bY0_h .style_rowTitle__vivPt .style_siteName__Owfm3 {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  padding-right: 5px;
  padding-left: 15px
}
.style_row__bY0_h .style_rowTitle__vivPt .style_siteName__Owfm3 .style_name__8rmV1 {
  display: flex;
  align-items: center;
  width: 100%
}
.style_row__bY0_h .style_rowTitle__vivPt .style_siteName__Owfm3 .style_name__8rmV1 span:first-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 120px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #0d1444;
  opacity: .9
}
.style_row__bY0_h .style_rowTitle__vivPt .style_siteName__Owfm3 .style_link__XtKsJ {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  opacity: 0;
  color: #0d1444;
  transition: opacity .1s ease-out;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 120px
}
.style_row__bY0_h .style_popularity__TO4b6 {
  position: relative
}
.style_row__bY0_h .style_popularity__TO4b6 .style_popularityPersentage__X_E4m {
  text-transform: uppercase;
  font-size: 10px;
  opacity: 0;
  transition: opacity .1s ease-out
}
.style_row__bY0_h .style_popularity__TO4b6 .style_popularityPersentage__X_E4m strong {
  margin-right: 5px
}
.style_row__bY0_h .style_dynamicCell__luffC {
  border-bottom: 1px solid var(--color-border, #e6e7ec);
  white-space: nowrap;
  padding: 0 15px
}
.style_row__bY0_h .style_dynamicCell__luffC p {
  font-size: 90%
}
.style_row__bY0_h .style_dynamicCell__luffC img {
  width: 26px;
  height: 26px;
  padding: 3px
}
.style_row__bY0_h .style_dynamicCell__luffC.style_ads__JL_zx {
  width: 110px !important
}
.style_row__bY0_h .style_dynamicCell__luffC.style_quality__O4qdP {
  width: 126px !important
}
.style_row__bY0_h a {
  text-decoration: none;
  color: inherit
}

/* --- Popularity Bar --- */
.styles_route__hQDLi {
  width: 100px;
  height: 5px;
  border-radius: 5px;
  background: #e1ebfa;
  display: inline-block;
  position: relative
}
.styles_route__hQDLi > span {
  display: flex;
  height: 5px;
  background-color: #6bceb5;
  position: absolute;
  left: 0;
  top: 0
}

/* --- Row Hover --- */
@media (hover:hover) and (pointer:fine) {
  .style_row__bY0_h:hover .style_popularity__TO4b6 .style_popularityPersentage__X_E4m {
    opacity: 1
  }
  .style_row__bY0_h:hover {
    background: linear-gradient(92.31deg,#e2edff,#b6d8ed 98.59%)
  }
  .style_row__bY0_h:hover .style_link__XtKsJ {
    opacity: 1
  }
}

/* --- Related Categories Column --- */
.styles_relatedCategories__WmtR9 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 30px 5px 30px 15px;
  background: linear-gradient(93.87deg,#e0eaf9 -2.49%,#e3eff8 97.7%);
  box-shadow: inset 2px 2px 0 rgba(255,255,255,.5);
  border-radius: 40px;
  max-width: 100%;
  position: relative
}

/* --- Category Colored List Card --- */
.styles_categoryColoredList__cVIjn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 20px 30px;
  box-shadow: inset 2px 2px 0 rgba(255,255,255,.5);
  border-radius: 40px;
  position: relative;
  overflow: hidden
}
.styles_zIndex1__77H0M {
  z-index: 1
}
.styles_head__oAcLk {
  display: flex;
  align-items: center;
  margin-bottom: 20px
}
.styles_title__QzIKe h3 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin: 0
}
.styles_list__QH1NQ {
  display: flex;
  flex-direction: column;
  gap: 8px
}

/* --- Colored Category Element --- */
.styles_coloredCategoryElem__aWNsV {
  background: linear-gradient(93.87deg,#f1f5fc -2.49%,#f2f7fa 97.7%);
  box-shadow: inset 2px 2px 0 rgba(255,255,255,.5);
  border-radius: 20px;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit
}
.styles_coloredCategoryElem__aWNsV .UI__Avatar {
  margin-right: 10px
}
.styles_coloredCategoryElem__aWNsV p {
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.styles_index__NUz1K {
  font-weight: 600;
  font-size: 12px;
  color: #6f8cad;
  margin-right: 10px;
  min-width: 14px
}

/* --- Categories Colored List (Grid) --- */
.styles_categoriesColoredList__knXst {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -10px
}
.styles_categoriesColoredList__knXst > * {
  width: 277px;
  min-width: 277px;
  margin-bottom: 20px;
  margin-right: 10px;
  margin-left: 10px
}

/* --- Category Footer --- */
.styles_categoryFooter__lG7No {
  background: linear-gradient(93.87deg,#f1f5fc -2.49%,#f2f7fa 97.7%);
  box-shadow: var(--box-shadow, 0 2px 8px rgba(0,0,0,.06));
  border-radius: 20px;
  padding: 15px 40px 15px 290px;
  margin-top: 24px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  flex-direction: row-reverse
}
.styles_categoryFooter__lG7No .UI__Tag {
  margin-left: 10px
}
.styles_categoryFooter__lG7No .CategoryItemsRow {
  flex-grow: 2
}

/* --- Link Button --- */
.styles_linkButton__owQFI {
  background: linear-gradient(93.76deg,#ed4d51,#eb4b52);
  box-shadow: var(--box-shadow, 0 2px 8px rgba(0,0,0,.06));
  border-radius: 20px;
  margin-right: 20px;
  color: #fff;
  display: flex;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  font-weight: 500;
  padding: 15px 45px;
  text-decoration: none
}
.styles_linkButton__owQFI .UI__icon {
  margin-left: 20px
}

/* --- Horizontal Scroll (Item Previews) --- */
.styles_hScroll__DY9iG {
  margin-bottom: 20px
}
.styles_hScroll__DY9iG .hScrollItem {
  position: relative;
  padding-top: 12%;
  min-width: 268px;
  width: 268px
}
.styles_hScroll__DY9iG .hScrollItem a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.styles_hScrollWrapper__rnlAx,
.styles_hScroll__ZImg9 {
  position: relative
}

/* --- Description Styles (Review) --- */
.styles_description__aBI8V .UI__scrollable-thumb {
  right: 0
}
.styles_description__aBI8V .UI__scrollable {
  overflow-x: hidden;
  margin-right: -4px;
  width: 100%
}
.styles_reviewTopDescription__pzoOq .UI__scrollable {
  display: flex;
  flex-grow: 2
}

/* --- Info Button (Category Header CTA) --- */
.style_infoBtn__6LzgS {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  color: #fff;
  border-radius: 30px;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  padding: 0 20px 1px;
  width: 100%
}
.style_shrink__6u_cg {
  height: 36px
}
.style_image__Lemx_ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-left: 10px
}
.style_info__5UBLU {
  background-color: #fe2a86
}
.style_info__5UBLU .style_image__Lemx_ {
  background: #fff
}
.style_wb__L9hvc {
  background-color: #ffbf76
}

/* ============================================================
   CATEGORY PAGE RESPONSIVE
   ============================================================ */
@media (max-width: 1200px) {
  .styles_table__PfsWO {
    padding-left: 0;
    padding-right: 0;
    background: none;
    box-shadow: none;
    width: 100%
  }
  .styles_categoryFree__cclkY {
    flex-direction: column
  }
  .styles_categoryFree__cclkY > :last-child {
    margin-left: 0;
    width: 100%
  }
  .styles_categoryFree__cclkY .styles_relatedCategories__WmtR9 {
    width: 100%
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  .styles_tableContent__MQdRD .table-row {
    width: 100%
  }
}

@media (max-width: 900px) {
  .styles_categoryInfo__UFM3w {
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px;
    box-shadow: none;
    border-radius: 0;
    flex-direction: column;
    align-items: center;
    height: auto
  }
  .styles_categoryInfo__UFM3w > .UI__Avatar {
    width: 100px !important;
    min-width: 100px !important;
    height: 100px !important;
    margin: 0 0 20px
  }
  .styles_head__xY792 h1 {
    font-size: 24px;
    text-align: center
  }
  .styles_textContent__EJ4y8 {
    text-align: center
  }
  .styles_descrContainer__5mBrC {
    max-height: 100px;
    overflow: hidden
  }

  .styles_table__PfsWO.pending:after {
    top: -20px;
    left: -20px;
    right: -20px;
    width: auto;
    border-radius: 0
  }
  .styles_tableContent__MQdRD {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
  .styles_tableContent__MQdRD .table-row > :first-child {
    height: 80px;
    position: sticky;
    left: 0;
    z-index: 1;
    background-image: linear-gradient(93.87deg,#f1f5fc -2.49%,#f2f7fa 97.7%)
  }
  .styles_tableContent__MQdRD .table-row > :nth-child(2) {
    margin-left: 5px
  }

  .style_row__bY0_h .style_link__XtKsJ,
  .style_row__bY0_h .style_popularityPersentage__X_E4m {
    opacity: .9 !important
  }

  .styles_tableTop__FJdSf {
    flex-direction: column;
    align-items: flex-start
  }

  .styles_categoryFooter__lG7No {
    background: none;
    box-shadow: none;
    padding: 0;
    margin-top: 0
  }
  .styles_linkButton__owQFI {
    margin-right: 0;
    width: 100%;
    justify-content: center;
    position: relative
  }

  .styles_relatedCategories__WmtR9 {
    padding: 0;
    background: none;
    box-shadow: none;
    width: 100%
  }
  .styles_relatedCategories__WmtR9 .UI__scrollable {
    padding-right: 0
  }

  .styles_categoriesColoredList__knXst {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 0 -20px;
    justify-content: flex-start
  }
  .styles_categoriesColoredList__knXst > :first-child {
    margin-left: 20px
  }
  .styles_categoriesColoredList__knXst > :last-child {
    margin-right: 20px
  }

  .tableCategoryFooter .styles_countWrap__0vcvg,
  .tableCategoryFooter .styles_itemsContent__GluRt {
    display: none
  }

  .styles_hScroll__ZImg9 {
    padding-right: 0
  }
  .styles_hScroll__7rqwF {
    padding-right: 0
  }
}

@media (max-width: 479px) {
  .styles_tableContent__MQdRD table {
    width: 100%;
    border-bottom-left-radius: 20px
  }
  .styles_tableContent__MQdRD .table-row > :first-child {
    width: 180px
  }
  .styles_hScroll__DY9iG .hScrollItem {
    padding-top: 21%;
    min-width: 152px;
    width: 152px
  }
}
