@font-face {
  font-family: Inter;
  src: url(../fonts/Inter-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: Georgia;
  src: url(../fonts/Georgia.ttf);
  font-weight: 400;
}
@font-face {
  font-family: Georgia;
  src: url(../fonts/Georgia-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: Poppins;
  src: url(../fonts/Poppins-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: 'Inter Tight';
  src: url('../fonts/InterTight-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Inter Tight';
  src: url('../fonts/InterTight-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Inter Tight';
  src: url('../fonts/InterTight-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Inter Tight';
  src: url('../fonts/InterTight-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}




* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "Inter Tight", Arial, sans-serif;
  font-style: normal;
  color: #121212;
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
}
html {
  scroll-behavior: smooth;
}
.container {
  padding: 0 10px;
  margin: 0 auto;
  max-width: 1220px;
}
main {
  overflow-x: hidden;
  position: relative;
}
body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #fff;
}
body::-webkit-scrollbar-track {
  display: none;
}
body::-webkit-scrollbar-thumb {
  background: #000;
}
a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
button {
  cursor: pointer;
  outline: none;
  border: none;
  background-color: unset;
}
input {
  outline: none;
  border: none;
}
img {
  max-width: 100%;
}
span {
  font: inherit;
  color: inherit;
}

header {
}
h1 {
  color: #000;
  font-family: Typewriter;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.header__inner {
  padding: 0px 0px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  position: relative;
}

.header__inner:after{
  content:'';
  position: absolute;
  width: 200%;
  height: 1px;
  background:#313131;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.header__inner .header__control{
	flex: 1 0 219px;
  max-width: 219px;
}

.logo{
  width:100%;
  text-align: center;
  display: flex;
  justify-content: flex-start;
}


.logo a{
  display: flex;
  align-items: center;
}

.logo a svg{
  display: inline-flex;
  margin: 0 10px;
}

@media screen and (max-width:991px){

  .header__inner .header__control{
    order: 3;
    flex: 1 0 400px;
    max-width: none;
  }

  .header__input-wrp{
    margin: 0 auto;
  }

  .logo{
    padding-left: 0;
  }
}

@media screen and (max-width:480px){
	.header__inner .header__control{
		flex: 1 0 100%;
	}
	.logo{
		width:100%;
		text-align:center;
	}
}

.header__inner div a{	
  color: #0ABBDE;
  font-family: Typewriter;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -1.8px;
}

@media screen and (max-width:480px){
	.header__inner div a{	
    color: #0ABBDE;
    font-family: Typewriter;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
}
}

.header__input-wrp {
  position: relative;
  border-radius: 4px;
  border: 1.5px solid #FFF;
  display: flex;
  width: 212px;
  padding: 8px 32px 8px 8px;
  justify-content: space-between;
  align-items: center;
	/* width:100%; */
}
.header__input-wrp::after {
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 9;
  content: url(../images/search.svg);
  width: 24px;
  height: 24px;
  display: flex;
  transform: translateY(-50%);
}

.header__input {

  background: inherit;
  color: #FFFFFF;
  font-family: "Inter Tight";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
	width:100%;
}

.header__input::placeholder{
  color: #FFFFFF;
  font-family: "Inter Tight";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* .header__input {
  box-shadow: 0px 15px 55px 0px rgba(0, 0, 0, 0.15);
} */
.header__control {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  flex: 1 0 106px;
  max-width: 106px;
}
.router {
  position: relative;
}
.router_btn {
  position: relative;
  width: 70px;
  color: #000;
  font-family: Inter Tight;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: transparent;
  outline: none;
  transition: hover ease-in-out 0.3s;
  padding: 10px 30px 10px 10px;
  border: none;
  outline: none;
  text-align: right;
  cursor: pointer;
}
.router_btn::after,
.current::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 10px;
  background: url(../images/scr1_icon.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.router_btn:hover {
  opacity: 0.8;
}
.router_btn.active {
  opacity: 1;
}
.router_list {
  display: none;
  width: 70px;
  position: absolute;
  z-index: 2;
  text-align: right;
  border: 1px solid #000;
  background: #fff;
  border-radius: 8px;
  top: -1px;
  right: -1px;
  box-shadow: 0px 15px 55px 0px rgba(0, 0, 0, 0.15);
}
.router_list.show {
  display: block;
}
.router_item {
  display: block;
  position: relative;
  padding: 10px 30px 10px 10px;
  color: #000;
  font-family: Inter Tight;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.router_item:hover {
  color: #000 !important;
  opacity: 0.8;
}

.header__burger {
  display: none;

  
}

.header__burger+.nav{
	display:none;
}

.nav-container{

}

.nav {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  background: inherit;
  gap:32px;
  border-bottom: 1px solid #000;
  margin-bottom: 32px;
}
.nav__list {
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap:32px;
  width: 100%;
}
.nav__category {
  text-decoration: none;
  color: #FFF;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding:24px 0px;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  gap:8px;
}
.nav__category::after {
  content: url(../images/arrow-header.svg);
  height: 24px;
  margin-block: -1px;
  
  transition: all ease-in-out 300ms;
}

.nav__category:hover {
  color: #FFC60C;
  text-decoration: underline;
}
.nav__category:hover::after {
  rotate: 180deg;
}
.nav__submenu {
  display: none;
  width: 100%;
  position: absolute;
  z-index: 9999;
  top: 101%;
  left: 0;
  padding: 24px;
  background: #fff;
  box-shadow: 0px 15px 55px 0px rgba(0, 0, 0, 0.15);
}
.active .nav__submenu {
  display: block;
}
.active .nav__category {
  color: #FFC60C;
  text-decoration: underline;
}
.active .nav__category:after {
  rotate: 180deg;
}
.nav__submenu .swiper {
  margin-block: 16px;
}
.nav__control {
  display: flex;
  gap: 16px;
}
.nav__control div {
  cursor: pointer;
}
.nav__control .swiper-button-disabled {
  opacity: 0.75;
  cursor: default;
}
.nav__submenu::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100%;
}

.nav__subtitle {
  color: #000;
  font-family: "Inter Tight";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 100% */
}
.nav__article img {
  max-height: 240px;
  min-height: 240px;
  height: 100%;
}
.nav__article a {
  flex-direction: column;
  gap: 12px;
}

.nav__article .category {
  color: #0ABBDE;
  font-family: Typewriter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.54px;
}

.nav__content{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.nav__article .title {
  color: #000;
  font-family: "Inter Tight";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
  margin-top: 4px;
}
.nav__article .publishedAtFull {
  color: #333;
  font-family: Inter Tight;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.nav__link {
  position: absolute;
  z-index: 3;
  right: 24px;
  bottom: 29px;
}
.link__more {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #333;
  font-family: Inter Tight;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

section {
  margin-bottom: 0px;
}






.banner{
	margin-top:40px;
}


article {
  display: flex;
}
article img {
  width: 100%;
  max-height: 450px;
  object-fit: cover;
}
article a,
article div {
  display: flex;
  align-items: flex-start;
  gap: 24px;
	width:100%;
}
article .title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}



.popular__article-content .title{	
  color: #000;
  font-family: "Inter Tight";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.article__promo .popular__article-content .title{
  color: #008CFF;

  font-family: "Inter Tight";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width:480px){
	.popular__article-content .title,
	.article__promo .popular__article-content .title{
		font-size:16px;
	}
}


.category {
  color: #0ABBDE;
  font-family: Typewriter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: none;
}
h2 {
  
  color: #333;
  font-family: "Inter Tight";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: none;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.description {
  color: #333;
  font-family: Inter Tight;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 36px */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.hero__trends {
}


.trends__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.trends__title {
  color: #333;
  text-align: center;
  font-family: Typewriter;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.trends__inner {
  /* padding: 24px; */
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.trends__content {
  display: flex;
  flex-direction: column;
  height:100%;
  gap: 16px;
}

@media screen and (max-width:480px) {
  .trends__content {
    height: auto;
  }
}


.trends__bottom {
  display: flex;
  justify-content: space-between;
	width:100%;
}


footer {
  color: #333;
  padding: 48px 0px;
  background: #000;

}

@media screen and (max-width:1300px){
	footer {
	  padding-bottom:80px;
}

}


.footer__title {
  color: #0ABBDE;
  font-family: Typewriter;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -1.8px;
}

.footer__title a{
  display: flex;
  align-items: center;
}

.footer__title a svg{
  display: inline-flex;
  margin: 0 10px;
}

.footer__box{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:40px;
}



.footer__button{
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #FFC60C;
	
    color: #000;
    font-family: "Inter Tight";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


@media screen and (max-width:480px){
	.footer__box{
		
	}
	
	.footer__button{
		width:auto;
    display: inline-flex;
    
	}
}


footer nav{
  margin-top: 24px;
  padding-bottom: 24px;
  border-bottom:1px solid #000;
}

footer nav ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}


@media screen and (max-width:991px) {
  footer nav ul {
    display: none;
  }

  footer nav{
    margin: 0;
  }
}

.footer__nav {
    color: #FFF;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}
.footer__disc {
 color: #FFF;
  font-family: "Inter Tight";
  font-size: 10px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.footer__disc a{
  color: #FFF;
  font-family: "Inter Tight";
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.footer__box-info{
  display: flex;  
  justify-content: space-between;
  align-items:center;
  border-bottom: 1px solid #313131;
  border-top: 1px solid #313131;
  padding: 24px 0;
}

@media screen and (max-width:678px) {
  .footer__box-info{
    flex-direction: column;
    gap: 16px;
  }


}

@media (width < 992px) {
  .nav-toggle {
    display: none;
  }

  .logo{
    display: flex;
/*     justify-content: center; */
	  width:calc(100% - 70px);
  }

  .header__burger {
    display: block;
/*     width: 100%; */
/*     margin-left: calc(100% - 30px); */
    order: 2;
    z-index: 999999;
  }
  .burger {
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    width: 30px;
  }
  .burger span {
    display: block;
    height: 3px;
    width: 30px;
	  background: #fff;
    transition: 0.3s;
  }
  .nav-toggle:checked + .burger span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  .nav-toggle:checked + .burger span:nth-child(2) {
    opacity: 0;
  }
  .nav-toggle:checked + .burger span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }

  .nav {
    padding: 20px;
    gap: 10px;
    position: absolute;
    z-index: 9;
    top: 100px;
    right: 0px;
    width: 100%;
    background: white;
    transition: 0.3s ease-in-out;
    border: 1px solid #000;
    display: none;
    background: #DAE9EC;
    z-index: 999;
    transform: translateX(-100%);
    transition: all 500ms ease;
  }
  .header__burger:has(.nav-toggle:checked) ~ .nav {
    display: block;
    width: calc(100% + 20px);
    top: 120px;
    left: -10px;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
    background: #000;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.45);
    padding: 32px;
    transform: translateX(0%);
    transition: all 500ms ease;
  }
  .nav__category {
    padding: 0px 0;
  }
  .nav__category::after {
    display: none;
  }
  .nav__list {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}

@media (width < 1024px) {
  h1 {
    font-size: 40px;
  }
  .header__inner {
    justify-content: flex-start;
  }
  .header__burger {
    /* position: absolute; */
    right: 30px;
    top: 75px;
  }
  .nav-container {
    /* margin-top: 50px; */
  }
}
@media screen and (max-width: 991px) {
	.header__inner {
		flex-wrap:wrap;
	  }
    .header__control{
      order:3;
    }

}
@media screen and (max-width: 901px) {

	.header__inner{
		justify-content:space-between;
	}
}


@media (width < 767px) {
  .header__inner {
/*     justify-content: center; */
    gap: 16px;
  }
  .header__control {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
  }
  .header__input-wrp,
  .header__input {
    width: 100% !important;
  }
  .header__burger {
    right: 20px;
    top: 135px;
  }
  .nav {
/*     top: 115px; */
  }
  .router_list {
    right: unset;
    left: 1px;
  }
  h2 {
    font-size: 24px;
  }
  article a {
    gap: 12px;
  }
  .trends__inner {
    gap: 20px;
  }
  .trends__content {
    gap: 12px;
  }


  .trends__bottom {
    width: 100%;
  }
  footer {
    padding: 32px 0 80px;
  }
  .footer__title {
    font-size: 32px;
  }
  footer nav ul {
    flex-direction: row;
	  justify-content:center;
	  flex-wrap:wrap;
    align-items: center;
    gap: 16px;
    margin: 24px 0;
    padding: 0 0 24px;
  }
  .footer__nav {
    font-size: 16px;
  }
}

@media screen and (max-width:820px){
  .header__burger {
    order:2;
/*     width: 100%;
    margin-left: calc(100% - 30px); */
  
  }
  .header__control{
    order: 3;
  }
	.header__inner{
		gap:16px;
	}
  .header__inner h1{
    flex:0 1 calc(100% - 70px);
  }
}


.site{
	overflow:hidden;
}

.banner__content .title{
	width:90%;
}






.footer__nav{
  /* position: relative; */
  display: flex;
  justify-content: center;
  align-items: center;
}



.decore{
  padding: 48px 0;
}

@media screen and (max-width:820px) {

  .header__burger:has(.nav-toggle:checked) ~ .nav {
    top: 100px;
  }
}

@media screen and (max-width:768px) {

  .header__burger:has(.nav-toggle:checked) ~ .nav {
    top: 97px;
  }
}

@media screen and (max-width:480px) {
  .decore{
    padding: 24px 0;
  }

}

.decore.m-48{
  padding: 0px 0;
  width: 100%;
}

.decore.m-48 .container{
  padding: 0px 0;
}


.decore__img{
  overflow: hidden;
}

.decore__img img{
  max-width: none;
}


.decore.mt-48{
  margin-top: -48px;
}

.footer__info{

  display: flex;
  gap: 8px;
  justify-content: center;
  flex-direction: column;

  color: #FFF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.footer__info p{
   color: #FFF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}


.footer__policy{
  display: flex; 
  gap:8px;
  flex-direction:column;

  color: #FFF;
  text-align: right;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.footer__policy a{
    color: #FFF;
    text-align: right;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media screen and (max-width:768px) {
  .footer__info,
  .footer__policy{
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    align-content: center;
  }
  }


  @media screen and (max-width:678px) {
     .footer__info,
     .footer__policy,
     .footer__policy a{
      text-align: center;
      gap: 16px;
     }
  }
.category-posts{

}

.category-page{
  margin-bottom: 120px;
}

@media screen and (max-width:991px){
  .category-page{
    margin-top: 32px;
  }
}

.category-posts__box{
  display: flex;
  gap: 24px;
  margin-bottom: 32px;
}

@media screen and (max-width:880px) {
  .category-posts__box{
    flex-direction: column-reverse;
  }
}

.category-posts__content{
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 970px;
}

.category-posts__article{
  display: flex;
  gap: 12px;
  /* flex: 1 0 300px; */
}


.category-posts__img{
  flex: 1 0 470px;
  max-width: 470px;
  max-height: 300px;
  overflow: hidden;
}





.category-posts__img img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}

.category-posts__title{
  color: #000;
  font-family: "Inter Tight";
  font-size: 38px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal; /* 126.316% */
	text-transform: none;
}



.aside-article{
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 465px;
}

.aside-article__article{

}

.category-posts__box-content,
.aside-article__box-content{
  display: flex;
  gap: 12px;
}



.aside-article__img{
  flex: 1 0 180px;
  max-width: 180px;
  max-height: 130px;
  overflow: hidden;
}

.aside-article__img img{
  width: 100%;
  height: 130px;
}

@media screen and (max-width:480px){
	.aside-article__img{
	 	flex: 1 0 110px;
	}
}

.aside-article__title{
  color: #000;
  font-family: "Inter Tight";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; /* 133.333% */
}


@media screen and (max-width:1199px) {
  .category-posts__box-content{
    flex-direction: column;
  }

  .category-posts__img{
    flex: 0 1 auto;
    max-width: none;
  }
}


@media screen and (max-width:880px) {
  .category-posts__content,
  .aside-article{
    width: auto;
  }
}

@media screen and (max-width:480px) {
  .category-posts__title{
    color: #000;
    font-family: "Inter Tight";
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
	  text-transform: none;
  }

  .aside-article__title{
    color: #000;
    font-family: "Inter Tight";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
	  text-transform: none;
  }
}

.aside-article__article a{
	align-items: flex-start;

}

article .title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-banner .promo__img-container{
  flex: 1 0 236px;
  height: 130px;
}

.top-banner .promo__content{
	min-height: 130px;
}

@media (width < 767px) {
 .promo__img-container {
  	flex:1 0 auto;
	height:auto;
	width:100%;
}
	
	  .top-banner .promo__img-container {
	
		  flex: 1 0 140px;
    height: auto;
    width: 100%;
  }

	.top-banner .article__promo{
		flex-direction:row;
	}
	.top-banner .promo__content{
		min-height: auto;
	}
}


.site-header{
  background: #000;
  padding-top: 16px;
}

.main{
  top: -32px;
}

@media screen and (max-width:991px) {
  .main{
    top: 0;
  }
}


.category-page__top-x4{
  display: flex;
  gap:16px;
  margin-bottom: 41px;
}

.category-page__top-x4 .banner-vertical{
  flex: 0 1 calc(25%);
}

@media screen and (max-width:991px){
  .category-page__top-x4{
    flex-wrap: wrap;
  }
  .category-page__top-x4 .banner-vertical{
    flex: 0 1 calc(50% - 8px);
  }
}
.article__top .article__promo,
.article__top .promo__content{
    height: 130px;
	min-height: 100%;
  }

@media screen and (max-width:480px){
.category-page__top-x4 .banner-vertical{
    flex: 0 1 100%;
  }
	
	.article__top .article__promo,
.article__top .promo__content{
    height: 100px;
	min-height: 100%;
  }
	
	.promo__content p{
	font-size:16px !important; 
}
	.article__inner .promo__content .title,
	.popular .promo__content .title{
		-webkit-line-clamp: 2;
	}
	
	 .promo__content{
		max-height: 70px !important;
 	 min-height: 70px !important;; 
	}
	
	@media screen and (max-width: 480px) {
  .article__top .promo__content {
    max-height: 100px !important;
    min-height: 100px !important;
  }
}
}

.category-page__top-x4 .banner-vertical .category{
  display: none;
}


.category-page__top-x4 .banner-vertical .title{
    color: #000;
    font-family: "Inter Tight";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.category-page__top-x4 .banner-vertical .box-img{
  min-height: 380px;
  max-height: 380px;
}

.category-page__top-x4 .banner-vertical .box-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.category-page .first-block__first .category,
.category-page .first-block__second .category{
	display:none;
}

.promo__content .title{
		display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
}



.wp-block-heading, .wp-block-heading + p, .wp-block-heading + p + p {
  text-align: left !important;
}