@charset "UTF-8";

@font-face {
   font-family: Montserrat;
   font-display: swap;
   src:
      url('../fonts/Montserrat-Light.woff2') format('woff2'),
      url('../fonts/Montserrat-Light.woff') format('woff');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: Montserrat;
   font-display: swap;
   src:
      url('../fonts/Montserrat-Medium.woff2') format('woff2'),
      url('../fonts/Montserrat-Medium.woff') format('woff');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: Montserrat;
   font-display: swap;
   src:
      url('../fonts/Montserrat-Regular.woff2') format('woff2'),
      url('../fonts/Montserrat-Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: Poppins;
   font-display: swap;
   src:
      url('../fonts/Poppins-Medium.woff2') format('woff2'),
      url('../fonts/Poppins-Medium.woff') format('woff');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: Poppins;
   font-display: swap;
   src:
      url('../fonts/Poppins-Bold.woff2') format('woff2'),
      url('../fonts/Poppins-Bold.woff') format('woff');
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: Montserrat;
   font-display: swap;
   src:
      url('../fonts/Montserrat-Bold.woff2') format('woff2'),
      url('../fonts/Montserrat-Bold.woff') format('woff');
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: Poppins;
   font-display: swap;
   src:
      url('../fonts/Poppins-Thin.woff2') format('woff2'),
      url('../fonts/Poppins-Thin.woff') format('woff');
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: Poppins;
   font-display: swap;
   src:
      url('../fonts/Poppins-Regular.woff2') format('woff2'),
      url('../fonts/Poppins-Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}

/*Обнуление*/

* {
   padding: 0;
   margin: 0;
   border: 0;
}

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

:focus,
:active {
   outline: none;
}

a:focus,
a:active {
   outline: none;
}

nav,
footer,
header,
aside {
   display: block;
}

html,
body {
   height: 100%;
   width: 100%;
   font-size: 100%;
   line-height: 1;
   font-size: 14px;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
   font-family: inherit;
}

input::-ms-clear {
   display: none;
}

button {
   cursor: pointer;
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

a,
a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

ul li {
   list-style: none;
}

img {
   vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: inherit;
   font-weight: 400;
}

/*--------------------*/

/*===========tech class================================*/

body {
   font-size: 22px;
   font-family: Poppins;
   font-size: 16px;
   line-height: 140%;
   color: #fff;
   font-weight: 400;
   background: #1a1a20;
}

.no-scroll {
   overflow: hidden;
}

::-webkit-scrollbar {
   width: 0;
}

._container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   max-width: 1340px;
   padding: 0px 20px;
   margin: 0 auto;
}

h1 {
   text-transform: uppercase;
   font-family: Montserrat;
   font-size: 46px;
   margin-bottom: 15px;
   font-weight: 700;
   color: #fff;
   line-height: 120%;
}

h2 {
   font-family: Montserrat;
   font-size: 26px;
   font-weight: 700;
   text-align: center;
   max-width: 400px;
   margin: 0 auto 35px;
   color: #fff;
   line-height: 130%;
}

.btn-style {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   font-size: 16px;
   padding: 14px 26px;
   text-decoration: none;
   color: #cfcfd6;
   color: #fff;
   border: 1px solid rgba(255, 255, 255, 0.15);
   background: linear-gradient(145deg, #1f1f24, #2a2a31);
   position: relative;
   overflow: hidden;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   white-space: nowrap;
   font-weight: 400;
   -webkit-transition:
      border-color 0.35s ease,
      color 0.35s ease,
      -webkit-transform 0.25s ease,
      -webkit-box-shadow 0.35s ease;
   transition:
      border-color 0.35s ease,
      color 0.35s ease,
      -webkit-transform 0.25s ease,
      -webkit-box-shadow 0.35s ease;
   transition:
      transform 0.25s ease,
      box-shadow 0.35s ease,
      border-color 0.35s ease,
      color 0.35s ease;
   transition:
      transform 0.25s ease,
      box-shadow 0.35s ease,
      border-color 0.35s ease,
      color 0.35s ease,
      -webkit-transform 0.25s ease,
      -webkit-box-shadow 0.35s ease;
}

/* световая линия */

.btn-style::before {
   content: '';
   position: absolute;
   top: 0;
   left: -120%;
   width: 60%;
   height: 100%;
   background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.35), transparent);
   -webkit-transform: skewX(-25deg);
   -ms-transform: skewX(-25deg);
   transform: skewX(-25deg);
   -webkit-transition: left 0.7s ease;
   transition: left 0.7s ease;
}

/* glow слой */

.btn-style::after {
   content: '';
   position: absolute;
   inset: 0;
   border-radius: inherit;
   opacity: 0;
   background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.18), transparent 70%);
   -webkit-transition: opacity 0.35s ease;
   transition: opacity 0.35s ease;
}

/* HOVER */

.btn-style:hover {
   color: #fff;
   border-color: rgba(255, 255, 255, 0.35);
   -webkit-transform: translateY(-3px);
   -ms-transform: translateY(-3px);
   transform: translateY(-3px);
   -webkit-box-shadow:
      0 10px 30px rgba(0, 0, 0, 0.45),
      0 0 18px rgba(255, 255, 255, 0.08);
   box-shadow:
      0 10px 30px rgba(0, 0, 0, 0.45),
      0 0 18px rgba(255, 255, 255, 0.08);
}

.btn-style:hover::before {
   left: 130%;
}

.btn-style:hover::after {
   opacity: 1;
}

/* FOCUS (очень премиально выглядит) */

.btn-style:focus-visible {
   outline: none;
   border-color: #6b7cff;
   -webkit-box-shadow:
      0 0 0 3px rgba(107, 124, 255, 0.35),
      0 10px 30px rgba(0, 0, 0, 0.45);
   box-shadow:
      0 0 0 3px rgba(107, 124, 255, 0.35),
      0 10px 30px rgba(0, 0, 0, 0.45);
}

/* ACTIVE (эффект нажатия) */

.btn-style:active {
   -webkit-transform: translateY(0) scale(0.97);
   -ms-transform: translateY(0) scale(0.97);
   transform: translateY(0) scale(0.97);
   -webkit-box-shadow:
      inset 0 3px 10px rgba(0, 0, 0, 0.45),
      0 3px 10px rgba(0, 0, 0, 0.25);
   box-shadow:
      inset 0 3px 10px rgba(0, 0, 0, 0.45),
      0 3px 10px rgba(0, 0, 0, 0.25);
}

/*===========header================================*/

.header {
   position: fixed;
   width: 100vw;
   padding: 20px 0px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   top: 0;
   background: #1a1a20;
   z-index: 100;
   border-bottom: 1px solid #434346;
}

.header__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
}

.header__logo {
   font-weight: 800;
   font-size: 22px;
   color: #fff;
   display: flex;
   align-items: center;
}

.header__menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   align-items: center;
}

.menu__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   gap: 25px;
   align-items: center;
}

.menu__list li a {
   color: #fff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   font-weight: 500;
   font-size: 16px;
}

.menu__list li a:hover {
   color: #ff2c91;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   text-shadow:
      0 0 6px rgba(255, 44, 145, 0.6),
      0 0 14px rgba(255, 44, 145, 0.35);
}
.header__search-icon {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 24px;
   height: 24px;
}
.header__search i {
   font-size: 20px;
   cursor: pointer;
   color: #fff;
   display: inline-block;
   -webkit-transform-origin: center;
   -ms-transform-origin: center;
   transform-origin: center;
   /* GPU оптимизация */
   will-change: transform;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition:
      color 0.3s ease,
      text-shadow 0.35s ease,
      -webkit-transform 0.25s ease;
   transition:
      color 0.3s ease,
      text-shadow 0.35s ease,
      -webkit-transform 0.25s ease;
   transition:
      color 0.3s ease,
      transform 0.25s ease,
      text-shadow 0.35s ease;
   transition:
      color 0.3s ease,
      transform 0.25s ease,
      text-shadow 0.35s ease,
      -webkit-transform 0.25s ease;
}

.header__search i:hover {
   color: #ff2c91;
   -webkit-transform: translateZ(0) scale(1.01);
   transform: translateZ(0) scale(1.01);
   text-shadow:
      0 0 4px rgba(255, 44, 145, 0.6),
      0 0 10px rgba(255, 44, 145, 0.35);
}

.header__search i:active {
   -webkit-transform: translateZ(0) scale(0.95);
   transform: translateZ(0) scale(0.95);
}

/*===========hero main================================*/

.hero-main {
   position: relative;
   width: 100%;
   height: 100vh;
}

.hero-main__bacground {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.hero-main__bacground::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   background: rgba(0, 0, 0, 0.55);
}

.hero-main__bacground img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   z-index: -1;
}

.hero-main__container {
   height: 100%;
}

.hero-main__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin: auto;
   height: 100%;
   padding: 80px 0px;
   position: relative;
   z-index: 2;
}

.hero-main__content {
   padding-top: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   max-width: 600px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   height: 100%;
}

.hero-main__text {
   color: #b5b5be;
   margin-bottom: 25px;
}

.hero-main__buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   gap: 20px;
}

.button-pink {
   background: #ff2c91;
   border: 1px solid #ff2c91;
}

.button-transparen {
   background: transparent;
   border: 1px solid #fff;
}

/*===========table================================*/

.main-table {
   padding: 80px 0px;
}

.main-table__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.main-table__items {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 3px;
   margin-bottom: 60px;
}

.main-table__item {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1.5fr 1fr 2fr 1fr;
   grid-template-columns: 1fr 1.5fr 1fr 2fr 1fr;
   gap: 10px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   padding: 7px 10px;
   width: 100%;
   border: 1px solid #b5b5be;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.item-title {
   padding: 20px 10px;
   border-top: 1px solid #b5b5be;
}

.item-title .main-table__item-number {
   color: #999;
   font-weight: 700;
   font-size: 18px;
}

.item-title .main-table__item-number {
   color: #999;
   font-weight: 700;
   font-size: 18px;
}

.item-title .main-table__item-site {
   color: #999;
   font-weight: 700;
   font-size: 18px;
}

.item-title .main-table__item-raiting {
   color: #999;
   font-weight: 700;
   font-size: 18px;
}

.item-title .main-table__item-features {
   color: #999;
   font-weight: 700;
   font-size: 18px;
}

.main-table__item-number {
   font-weight: 400;
   font-size: 16px;
   color: #fff;
}

.main-table__item-site {
   font-weight: 400;
   font-size: 16px;
   color: #fff;
}

.main-table__item-raiting {
   font-weight: 400;
   font-size: 16px;
   color: #fff;
}

.main-table__item-features {
   font-weight: 400;
   font-size: 16px;
   color: #fff;
}

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

.main-table__item-button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background: #ff2c91;
   border: 1px solid #ff2c91;
   color: #fff;
}

.main-table__banner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   position: relative;
   padding-bottom: 20%;
   overflow: hidden;
}
.main-table__banner:hover img {
   transform: scale(1.06);
   transition: all 0.5s;
}
/* .main-table__banner::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   background: rgba(0, 0, 0, 0.4);
   z-index: 2;
} */

.main-table__banner img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: all 0.5s;
   -o-object-fit: cover;
   object-fit: cover;
}

/*===========guides================================*/

.main-guides {
   padding: 60px 0px;
}

.main-guides__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
}

.main-guides__title {
   margin-bottom: 35px;
}

.main-guides__items {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   width: 100%;
   gap: 20px;
   margin-bottom: 40px;
}

.main-guides__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   background: #24242b;
   border: 1px solid #434346;
   position: relative;
   min-height: 100%;
}

.main-guides__item-image:hover img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.main-guides__item-date {
   position: absolute;
   top: 15px;
   left: 20px;
   color: #fff;
   background: #24242b;
   padding: 5px 7px;
   z-index: 2;
   border-radius: 3px;
}

.main-guides__item-image {
   position: relative;
   width: 100%;
   padding-bottom: 50%;
   overflow: hidden;
   cursor: pointer;
}

.main-guides__item-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.main-guides__item-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 20px;
}

.main-guides__item-seen {
   color: #b5b5be;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.main-guides__item-seen i {
   color: #b5b5be;
   font-size: 14px;
   font-weight: 100;
   font-weight: 400;
}

.main-guides__item-time {
   color: #b5b5be;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.main-guides__item-time i {
   color: #b5b5be;
   font-size: 14px;
   font-weight: 100;
   font-weight: 400;
}

.main-guides__item-content {
   padding: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
}

.main-guides__item-name {
   font-family: Montserrat;
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 20px;
   line-height: 120%;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.main-guides__item-name:hover {
   color: #ff2c91;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   text-shadow:
      0 0 6px rgba(255, 44, 145, 0.6),
      0 0 14px rgba(255, 44, 145, 0.35);
}

.main-guides__item-cat {
   color: #fff;
   font-weight: 400;
   border: 1px solid #b5b5be;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding: 5px 8px;
   border-radius: 3px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-top: auto;
   color: #b5b5be;
}

.main-guides__item-cat:hover {
   color: #ff2c91;
   border-color: #ff2c91;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   text-shadow:
      0 0 6px rgba(255, 44, 145, 0.6),
      0 0 14px rgba(255, 44, 145, 0.35);
}

/*===========popular================================*/

.main-popular {
   padding: 60px 0px;
}

.main-popular__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.main-popular__items {
   width: 100%;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [4];
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
   margin-bottom: 40px;
}

.main-popular__items .main-guides__item-name {
   font-size: 18px;
}

.main-popular__items .main-guides__item-seen {
   color: #b5b5be;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
}

.main-popular__items .main-guides__item-seen i {
   color: #b5b5be;
   font-size: 12px;
   font-weight: 100;
   font-weight: 400;
}

.main-popular__items .main-guides__item-time {
   color: #b5b5be;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
}

.main-popular__items .main-guides__item-time i {
   color: #b5b5be;
   font-size: 12px;
   font-weight: 100;
   font-weight: 400;
}

.main-popular__items .main-guides__item-date {
   font-size: 14px;
}

/*===========footer================================*/

.footer {
   padding: 60px 0px 0px;
   border-top: 1px solid #434346;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
}

.footer__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.footer__title {
   font-family: Montserrat;
   font-weight: 700;
   font-size: 24px;
   margin-bottom: 35px;
   text-align: center;
   line-height: 140%;
}

.footer__menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 35px;
}

.footer__copy {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 20px 0px;
}

/*===========popup================================*/

.adult-popup {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.85);
   z-index: 100;
   display: none;
}

.adult-popup__body {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   background: #121216;
   padding: 40px;
   max-width: 400px;
   text-align: center;
   position: relative;
   border-radius: 2px;
}

.adult-popup__close {
   position: absolute;
   top: 15px;
   right: 15px;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.adult-popup__close:hover {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   color: #ff2c91;
   border-color: #ff2c91;
   transition: all 0.3s;
   text-shadow:
      0 0 6px rgba(255, 44, 145, 0.6),
      0 0 14px rgba(255, 44, 145, 0.35);
}

.adult-popup__title {
   margin-bottom: 20px;
}

.adult-popup__text {
   margin-bottom: 20px;
}

.adult-popup__buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
}

.adult-popup__button {
   padding: 10px 20px;
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   max-width: 100px;
}

/*===========blog-hero================================*/

.blog-hero {
   position: relative;
   width: 100%;
   height: fit-content;
   min-height: 500px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.blog-hero__bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   z-index: -1;
}

.blog-hero__bg::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   background: rgba(0, 0, 0, 0.55);
}

.blog-hero__bg img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   z-index: -1;
}

.blog-hero__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   max-width: 700px;
   margin: 0 auto;
   padding: 100px 0px 40px;
}

.blog-hero__text {
   font-size: 16px;
   line-height: 140%;
   text-align: center;
}

/*===========blog archive================================*/

.blog-archive {
   padding: 80px 0px;
}

.blog-archive__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   gap: 80px;
}

.blog-archive__category-wrapper {
   width: 100%;
   width: 400px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.blog-archive__category {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.blog-archive__search {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   margin-bottom: 35px;
}

.blog-archive-input {
   padding: 10px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 16px;
   color: #121216;
   border-top: 1px solid rgba(255, 255, 255, 0.15);
   border-left: 1px solid rgba(255, 255, 255, 0.15);
   border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   background: linear-gradient(145deg, #dedee6, #bdbdca);
}

.blog-archive-input::-webkit-input-placeholder {
   color: #93939c;
   font-size: 16px;
   -webkit-box-align: center;
   align-items: center;
}

.blog-archive-input::-moz-placeholder {
   color: #93939c;
   font-size: 16px;
   align-items: center;
}

.blog-archive-input:-ms-input-placeholder {
   color: #93939c;
   font-size: 16px;
   -ms-flex-align: center;
   align-items: center;
}

.blog-archive-input::-ms-input-placeholder {
   color: #93939c;
   font-size: 16px;
   -ms-flex-align: center;
   align-items: center;
}

.blog-archive-input::placeholder {
   color: #93939c;
   font-size: 16px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.blog-archive-search-button {
   padding: 10px 20px;
}

.blog-archive-search-button:hover {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0);
}

.blog-archive__category-title {
   margin-bottom: 20px;
   margin: 0px 0px 20px 0px;
   text-align: left;
   text-transform: uppercase;
}

.blog-archive__items-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
}

.blog-archive__category-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 10px;
}

.blog-archive__category-item {
   cursor: pointer;
   font-size: 16px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   text-transform: uppercase;
   color: #fff;
}

.blog-archive__category-item:hover {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   color: #ff2c91;
   border-color: #ff2c91;
   transition: all 0.3s;
   text-shadow:
      0 0 6px rgba(255, 44, 145, 0.6),
      0 0 14px rgba(255, 44, 145, 0.35);
}

.blog-archive__items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   gap: 40px;
}

.blog-archive__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   height: 100%;
   position: relative;
   cursor: pointer;
}

.blog-archive__item:hover img {
   -webkit-transform: scale(1.06);
   -ms-transform: scale(1.06);
   transform: scale(1.06);
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}
.blog-archive__item:hover .blog-archive__item-title {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   color: #ff2c91;
   border-color: #ff2c91;
   transition: all 0.3s;
   text-shadow:
      0 0 6px rgba(255, 44, 145, 0.6),
      0 0 14px rgba(255, 44, 145, 0.35);
}

.blog-archive__item-image {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   max-width: 650px;
   width: 100%;
   aspect-ratio: 1/0.6;
   overflow: hidden;
}

.blog-archive__item-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
   -o-object-fit: cover;
   object-fit: cover;
}

.blog-archive__item-content {
   background: #fff;
   background: #24242b;
   padding: 20px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   color: #000;
   position: absolute;
   top: 50%;
   right: 0%;
   max-width: 70%;
   width: 100%;
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
}

.blog-archive__item-top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 20px;
}

.blog-archive__item-views {
   color: #b5b5be;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.blog-archive__item-views i {
   color: #b5b5be;
   font-size: 14px;
   font-weight: 400;
}

.blog-archive__item-time {
   color: #b5b5be;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.blog-archive__item-time i {
   color: #b5b5be;
   font-size: 14px;
   font-weight: 400;
}

.blog-archive__item-title {
   font-size: 24px;
   color: #fff;
   font-family: Montserrat;
   font-weight: 700;
   margin-bottom: 20px;
   line-height: 130%;
   transition: all 0.3s;
}

.blog-archive__item-text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   font-size: 16px;
   line-height: 140%;
   color: #b5b5be;
   margin-bottom: 25px;
   max-height: 90px;
   overflow: hidden;
}

.blog-archive__item-date {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   font-size: 16px;
   line-height: 140%;
   color: #fff;
}
.blog-archive__pagination ul {
   display: flex;
   gap: 4px;
}
.blog-archive__pagination {
   margin-top: 80px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 8px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.blog-archive__pagination a,
.blog-archive__pagination span {
   padding: 4px 10px !important;
   border: 1px solid transparent !important;
   background: transparent !important;
   cursor: pointer;
   border-radius: 1px !important;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;

   color: #fff !important;
   font-size: 18px !important;
   font-weight: 500 !important;
   border: 1px solid #fff !important;
}
.blog-archive__pagination a:hover {
   -webkit-transition: all 0.3s;
   transition: all 0.3s !important;
   color: #ff2c91 !important;
   border: 1px solid #ff2c91 !important;
   transition: all 0.3s !important;
   text-shadow:
      0 0 6px rgba(255, 44, 145, 0.6),
      0 0 14px rgba(255, 44, 145, 0.35) !important;
}
.blog-archive__pagination span:hover {
   -webkit-transition: all 0.3s;
   transition: all 0.3s !important;
   color: #ff2c91 !important;
   border: 1px solid #ff2c91 !important;
   transition: all 0.3s !important;
   text-shadow:
      0 0 6px rgba(255, 44, 145, 0.6),
      0 0 14px rgba(255, 44, 145, 0.35) !important;
}
.blog-archive__pagination span.current:hover {
   color: #ffffff !important;
}
.blog-archive__pagination .page.current,
.blog-archive__pagination .current {
   color: #ffffff !important;
   background: #ff2c91 !important;
   opacity: 1 !important;
}
.blog-archive__pagination ol {
   gap: 10px !important;
}

/*===========404================================*/

.error {
   padding: 180px 0px 120px;
   width: 100%;
}

.error__body {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   min-height: 100%;
   width: 100%;
   height: 100%;
}
.error__content {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
}
.error__title {
   font-size: 102px;
   text-align: center;
}
.error__subtitle {
   font-size: 16px;
   line-height: 140%;
   margin-bottom: 40px;

   text-align: center;
}
.error__button {
   text-align: center;
}

/*===========single================================*/
.single-hero {
   position: relative;
   width: 100%;
   height: 100vh;
   padding: 100px 0px;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}
.single-hero img {
   position: absolute;
   top: 65px;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: -1;
}

.single-hero__body {
   display: flex;
   flex-direction: column;
   background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
   padding: 20px;
}
.single-main__time {
   color: #b5b5be;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 30px;
}
.single-main__time i {
   color: #b5b5be;
   font-size: 14px;
   font-weight: 400;
}
.single-main {
   padding: 40px 0px 80px;
}

.single-main__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   gap: 40px;
}

.single-main__right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   height: 100%;
   min-width: 320px;
}

.single-main__breadcrumbs {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   width: 100%;
   gap: 10px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;

   color: #b5b5be;
}

.single-main__breadcrumbs a {
   font-size: 16px;
   line-height: 140%;
   color: #b5b5be;
}

.single-main__breadcrumbs a:hover {
   color: #ff2c91;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   text-shadow:
      0 0 6px rgba(255, 44, 145, 0.6),
      0 0 14px rgba(255, 44, 145, 0.35);
}

.single-main__title {
   margin-bottom: 20px;
}

.single-main__date {
   font-size: 16px;
   line-height: 140%;
   color: #b5b5be;
   margin-bottom: 45px;
}

.single-main__text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 10px;
   font-size: 16px;
   color: #fff;

   line-height: 160%;
}
.single-main__text h2 {
   margin-top: 30px;
   margin-bottom: 20px;
}
.single-main__text:not(:last-child) {
   margin-bottom: 40px;
}
.single-main__text p {
   color: #fff;
   line-height: 160%;
}

.single-main__text ul {
   padding: 5px 0px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 5px;
}

.single-main__text ul li {
   padding-left: 35px;
   position: relative;
}

.single-main__text ul li::before {
   content: '';
   width: 5px;
   height: 5px;
   background: #fff;
   position: absolute;
   top: 8px;
   left: 18px;
   border-radius: 50%;
}

.single-main__notice {
   border-left: 4px solid #ff2c91;
   padding: 16px;
   background: #141419;

   font-weight: 500;
}
.single-main__notice:not(:last-child) {
   margin-bottom: 60px;
}
.single-table {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
}
.single-table:not(:last-child) {
   margin-bottom: 60px;
}
.single-table__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.single-main__table-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
}

.single-main__table-item-top {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   padding: 12px 15px;
   background: #141419;
}

.single-main__table-top-site {
   font-weight: 700;
   font-size: 16px;
}

.single-main__table-top-raiteing {
   font-weight: 700;
   font-size: 16px;
}

.single-main__table-top-feature {
   font-weight: 700;
   font-size: 16px;
}

.single-main__table-item {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   padding: 12px 15px;
   background: #141419;
}

.single-main__table-item:nth-child(2n) {
   background: #111116;
}

.single-main__table-site {
   font-weight: 400;
   font-size: 16px;
}

.single-main__table-raiteing {
   font-weight: 400;
   font-size: 16px;
}

.single-main__table-feature {
   font-weight: 400;
   font-size: 16px;
}

.single-main__video {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}
.single-main__video:not(:last-child) {
   margin-bottom: 40px;
}
.single-main__video-wrapper {
   position: relative;
   width: 100%;
   aspect-ratio: 1/0.55;
   margin-bottom: 40px;
}

.single-main__video-wrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.single-main__video-buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   gap: 20px;
}

.single-table__right-wrapper {
   position: sticky;
   top: 65px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.single-table__right-banner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   padding-bottom: 140%;
   position: relative;
   margin-bottom: 20px;
   overflow: hidden;
}

.single-table__right-banner img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.single-table__right-banner:hover img {
   -webkit-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.single-table__right-links {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   border-bottom: 1px solid #303036;
}

.single-table__right-link {
   background: #141419;
   padding: 14px;
   border-right: 1px solid #303036;
   border-left: 1px solid #303036;
   border-top: 1px solid #303036;
   font-size: 16px;
   line-height: 140%;
   color: #b5b5be;
}

.single-table__right-link:hover {
   color: #ff2c91;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   text-shadow:
      0 0 6px rgba(255, 44, 145, 0.6),
      0 0 14px rgba(255, 44, 145, 0.35);
}

.single__banner-image {
   position: relative;
   width: 100%;
   padding-bottom: 20%;
   margin-bottom: 80px;
   overflow: hidden;
}

.single__banner-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.single__banner-image:hover img {
   -webkit-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

/*===========policy================================*/

.policy {
   padding: 100px 0px 80px;
}

.policy__body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   max-width: 900px;
   margin: 0 auto;
}

.policy__title {
   margin: 0 auto 40px;
}

.policy__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
   font-size: 16px;
   color: #fff;
   margin-bottom: 25px;
   line-height: 160%;
}

.policy__content p {
   color: #fff;
   line-height: 160%;
}

.policy__content ul {
   padding: 5px 0px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 5px;
}

.policy__content ul li {
   padding-left: 35px;
   position: relative;
   line-height: 160%;
}

.policy__content ul li::before {
   content: '';
   width: 5px;
   height: 5px;
   background: #fff;
   position: absolute;
   top: 8px;
   left: 18px;
   border-radius: 50%;
}
.policy__content h2 {
   margin-bottom: 10px;
}
.policy__content ol {
   padding: 5px 0px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 5px;
   padding-left: 35px;
}

.policy__content ol li {
   line-height: 160%;
   padding-left: 6px;
   position: relative;
}
/*===========search================================*/
.header__search {
   position: relative;
   margin-right: 5px;
}
.header__search input {
   position: absolute;
   top: -12px;
   right: 0;
   padding: 10px;
   width: 0;
   font-size: 16px;
   color: #121216;
   border-top: 1px solid rgba(255, 255, 255, 0.15);
   border-left: 1px solid rgba(255, 255, 255, 0.15);
   border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   background: linear-gradient(145deg, #dedee6, #bdbdca);
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease;
}

/* input виден */
.header__search input.active {
   opacity: 1;
   visibility: visible;
   width: 400px;
   right: -5px;
}

/* иконка сверху */
.header__search-icon {
   z-index: 50;
   position: relative;
   cursor: pointer;
}

.header__search-icon.active i {
   content: '\f00d';
}
.live-search-results {
   position: absolute;
   top: 35px;
   right: -5px;
   width: 400px;
   background: #fff;
   border: 1px solid #ddd;
   display: none;
   z-index: 10;
   max-height: 500px;
   overflow: auto;
}

.live-search-item {
   display: flex;
   padding: 5px;
   border-bottom: 1px solid #eee;
   color: #000;
   gap: 20px;
   align-items: center;
   transition: all 0.3s;
}
.live-search-item__image {
   position: relative;
   width: 50px;
   height: 50px;
}
.live-search-item__title {
   font-size: 16px;
   color: #000;
   font-weight: 500;
   transition: all 0.3s;
}
.live-search-item__image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.live-search-empty {
   display: block;
   padding: 10px;
   border-bottom: 1px solid #eee;
   color: #000;
}
.live-search-item:hover {
   background: #f5f5f5;
   transition: all 0.3s;
}
.live-search-item:hover .live-search-item__title {
   color: #ff2c91;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   text-shadow:
      0 0 6px rgba(255, 44, 145, 0.6),
      0 0 14px rgba(255, 44, 145, 0.35);
}
.highlight {
   background-color: #fa7db9;
   color: #000;
   padding: 0 2px;
}
@media (max-width: 1280px) {
   h1 {
      font-size: 40px;
   }

   .hero-main__content {
      max-width: 550px;
   }

   .main-popular__items .main-guides__item-name {
      font-size: 16px;
   }

   .main-guides__item-name {
      font-size: 18px;
   }

   .main-table {
      padding: 60px 0px;
   }

   .main-guides {
      padding-top: 20px;
   }

   .main-popular {
      padding-top: 20px;
   }

   .blog-archive__item-image {
      max-width: 80%;
   }

   .blog-archive__item-content {
      max-width: 80%;
   }

   .blog-archive__item-title {
      font-size: 22px;
      margin-bottom: 15px;
   }

   .blog-archive__item-text {
      margin-bottom: 20px;
   }

   .blog-archive__body {
      gap: 60px;
   }
}

@media (max-width: 1080px) {
   .blog-archive {
      padding: 60px 0px;
   }

   .blog-archive__item-content {
      max-width: 90%;
   }

   .blog-archive__item-image {
      max-width: 90%;
   }

   h2 {
      font-size: 22px;
   }

   .hero-main__body {
      padding: 0;
   }

   .main-popular__items {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
   }
}

@media (max-width: 992px) {
   .single-main {
      padding: 40px 0px 60px;
   }

   .single-table__right-banner {
      padding-bottom: 40%;
   }

   .single-main__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .blog-archive__pagination {
      margin-top: 60px;
   }

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

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

   .blog-archive__category-wrapper {
      width: 100%;
   }

   .blog-archive__item-image {
      max-width: 75%;
   }

   .blog-archive__category-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 30px;
   }

   .blog-archive__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   h1 {
      font-size: 32px;
   }

   .main-guides__items {
      max-width: 500px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
   }
}

@media (max-width: 767px) {
   .error__title {
      font-size: 65px;
      margin-bottom: 25px;
   }
   .header__search {
      margin: 0;
   }
   .header__search input.active {
      left: -5px;
      right: auto;
      padding-left: 40px;
   }
   .live-search-results {
      left: -5px;
      right: auto;
   }
   .policy {
      padding-bottom: 40px;
   }

   .policy__title {
      margin-bottom: 25px;
   }

   .single__banner-image {
      margin-bottom: 60px;
      padding-bottom: 30%;
   }

   .single-main__table-item-top {
      -ms-grid-columns: 2fr 1fr 2fr;
      grid-template-columns: 2fr 1fr 2fr;
      gap: 10px;
   }

   .single-main__table-item {
      -ms-grid-columns: 2fr 1fr 2fr;
      grid-template-columns: 2fr 1fr 2fr;
      gap: 10px;
   }

   .single-main__title {
      margin-bottom: 20px;
   }

   .single-main__date {
      margin-bottom: 20px;
   }

   .blog-archive__body {
      gap: 40px;
   }

   .blog-archive__item-title {
      font-size: 18px;
   }

   .blog-archive__item-image {
      max-width: 90%;
      height: 300px;
   }

   .blog-archive__item-text {
      max-height: 68px;
   }

   .main-popular__items {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      max-width: 500px;
   }

   .hero-main {
      height: 100%;
      padding: 140px 0px 100px;
   }

   .footer {
      padding-top: 40px;
   }

   .footer__title {
      font-size: 20px;
   }

   .footer .menu__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .header__logo {
      font-size: 20px;
   }

   h1 {
      font-size: 26px;
   }

   .hero-main__content {
      max-width: 350px;
   }

   .btn-style {
      padding: 10px 15px;
   }

   .main-table__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 20px;
   }

   .item-title {
      display: none;
   }

   .main-table__items {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
   }

   .main-table__item {
      padding: 20px;
   }

   .main-table__item-button {
      width: 100%;
   }

   .main-table__item-link {
      width: 100%;
   }

   .main-table__items {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
   }

   .header .menu__body {
      position: absolute;
      top: 100%;
      right: -500%;
      z-index: 100;
      padding: 40px 20px 40px;
      background: #1a1a20;
      width: 80%;
      height: 100vh;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }

   .header .menu__body .menu__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: end;
   }

   .header .menu__body.show {
      right: 0;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }

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

   .header__logo {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
   }

   .header__menu {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
   }

   .header {
      padding: 15px 0px;
   }

   .menu__icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 35px;
      height: 30px;
      position: relative;
      background: transparent;
      z-index: 102;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .menu__icon.show span {
      width: 0;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }

   .menu__icon.show::before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      top: 14px;
   }

   .menu__icon.show::after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      bottom: 14px;
   }

   .menu__icon::before {
      content: '';
      width: 100%;
      height: 2px;
      background: #cfcfd6;
      position: absolute;
      top: 5px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }

   .menu__icon::after {
      content: '';
      width: 100%;
      height: 2px;
      background: #cfcfd6;
      position: absolute;
      bottom: 5px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
   }

   .menu__icon span {
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      width: 100%;
      height: 2px;
      background: #cfcfd6;
   }
}

@media (max-width: 550px) {
   .hero-main {
      padding-bottom: 60px;
   }

   .hero-main__buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .hero-main__button {
      width: 100%;
   }

   .single-main__video-buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
   }

   .single-main__video-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
   }

   .single-main__table-feature {
      font-size: 14px;
   }

   .single-main__table-site {
      font-size: 14px;
   }

   .single-main__table-raiteing {
      font-size: 14px;
   }

   .main-table__items {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr) [1];
      grid-template-columns: repeat(1, 1fr);
   }
}
@media (max-width: 500px) {
   .header__search {
      z-index: 110;
   }
   .header__search-icon {
      width: 100%;
   }
   .header__search input.active {
      width: calc(100vw - 30px);
   }
   .live-search-results {
      width: calc(100vw - 30px);
   }
}