.sep-f {
  background-color: rgba(0, 0, 0, 0.1);
  height: 1px;
  width: 100%;
}

.sep {
  background-color: #E8E8E8;
  height: 1px;
  width: 100%;
}

/* Hero */

.hero__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.hero__container > .first-part,
.hero__container > .second-part {
  margin: var(--margin);
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.hero__container > .first-part {
  gap: 80px 40px;
}

.hero__container > .second-part{
  gap: 69px 40px;
}

.hero-title {
  grid-column: 1 / 3;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.hero-title > p {
  max-width: 740px;
}

.hero-cards {
  display: flex;
  gap: 40px;
}

.hero-card {
  display: flex;
  align-items: flex-start;
  height: 130px;
  cursor: pointer;
  transition: background 0.6s, box-shadow 0.5s, color 0.4s;
  color: #000000;
  width: 100%;
}

.c-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 24px 32px;
  border-radius: 6px 0 0 6px;
  background: #FFFFFF;
  width: 545px;
  height: 100%;
}

.c-count {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0 0 6px 0;
  padding: 12px;
  padding-bottom: 16px;
  background: #D8E800;
  width: 130px;
  height: 100%;
}

.c-info.t2 {
  background: #D8E800;
}

.c-count.t2 {
  background: #FFFFFF;
}

.go-to-btn {
  height: 65px;
  width: 65px;
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 0 4px 4px 0;
  background: #000000;
}
 
.go-to-btn-small {
  height: 35px;
  width: 35px;
  padding: 5.5px;
  display: flex;
  align-items: center;
  border-radius: 0 4px 4px 0;
  background: #D8E800;
  flex-shrink: 0;
}

.go-to-btn-small-2 {
  height: 35px;
  width: 35px;
  padding: 5.5px;
  display: flex;
  align-items: center;
  border-radius: 0 4px 4px 0;
  background: #000000;
  flex-shrink: 0;
}

.hero-card .arrow-right-up,
.c-info,
.c-count {
  transition: all 0.5s ease;
}

.hero-card:hover .arrow-right-up {
  transform: rotate(45deg);
}

.arrow-right-up {
  transition: transform 250ms;
}

.hero-card:hover .c-info {
  background: #D8E800;
}

.hero-card:hover .c-count {
  background: #FFFFFF;
}

.hero-card:hover .c-info.t2 {
  background: #FFFFFF;
}

.hero-card:hover .c-count.t2 {
  background: #D8E800;
}

.announce-your-company {
  display: flex;
  justify-content: space-between;
}

.ann-text {
  max-width: 480px;
}

.ann-image {
  display: block;
  width: 60px;
  height: 60px;
  background: url("/../v2/images/image.png");
}

.arrows {
  display: flex;
  gap: 5px;
  grid-column: 2 / 3;
}

.arrow-btn {
  padding: 8px;
  cursor: pointer;
  border: 1px solid #A3A3A3;
  border-radius: 4px;
}

/* MainIndustry */

.industry__container {
  display: flex;
  flex-direction: column;
  gap: 32px;

  margin: var(--Large-128, 128px) 0px var(--Large-160, 160px) 0px;
}

.industry-title {
  margin: var(--margin);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;

  margin-bottom: 24px;

  align-items: end;
}

.industry-text {
  width: 50%;
}

.ind-cards {
  display: flex;
  gap: 40px;
}

.ind-card,
.ind-card-btn {
  display: flex;
  width: fit-content;
}

.ind-info {
  align-self: center;
  height: 70px;
  width: 260px;
  background: #FFFFFF;
  border-radius: 6px 0 0 6px;
  padding: 13px 16px 13px 24px;
  color: black;
}

.ind-card-btn > .ind-info {
  width: 330px;
  background: #D8E800;
  border-radius: 6px 0 6px 6px;
}

.ind-card-btn > .go-to-btn-small-2 > .arrow-right-up-small {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2458%) hue-rotate(190deg) brightness(115%) contrast(101%);
}

img.ind-logo {
  background: #000000;
  border-radius: 6px 0 6px 6px;
}

.ind-logo {
  height: 70px;
  width: 70px;
}

.slide-cards {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/*.slide-cards {
  max-width: 600px;
  margin: auto;
  padding: 20px;
}*/

.ind-cards {
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 20px;
}

.ind-cards:before,
.ind-cards:after {
  content: "";
  height: 100%;
  top: 0;
  width: 10%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.items {
  flex-shrink: 0;
  display: flex;
  gap: 40px;
  justify-content: space-around;
  min-width: 100%;
}

.ind-card {
  transition: all 0.1s ease-in-out;
}

/*.ind-card:hover {
  cursor: pointer;
}

.ind-card:hover > .ind-info {
  background: #D8E800;
}*/

.marquee {
  animation: scroll 90s linear infinite;
}

.reverce {
  animation-direction: reverse;
}

.ind-cards:hover .marquee {
  animation-play-state: paused;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - 20px));
  }
}


/* MainCustomers */

.customers__container {
  position: relative;
  margin: var(--margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  position: relative;
  height: 644px;
}

.customers__container::before {
  content: "";
  width: 1402px;
  height: 554px;
  align-self: center;
  background: url("../images/cool-image.png") no-repeat center center/cover;
  position: absolute;
  top: 0;
  pointer-events: none;
  z-index: 1;
}

.cus-inner {
  height: 360px;
  background: #FFFFFF;
  border-radius: 6px;
  padding: 32px;
  gap: 8px;

  display: flex;
  flex-direction: column;
  justify-content: end;
}

.cus {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

.third-title {
  color: black;
}

.ac-t > .third-title {
  color: #C3C3C3;
}

.ac-t {
  margin-top: 2px;
  display: flex;
  gap: 16px;
}

.customers-buttons {
  display: flex;
  gap: 8px;
  justify-content: end;
}


.customers-title-btns > .sep {
  grid: 1 / 3;
}

/* MainEvents */

.events-container > .display-large,
.events-container > .ev-nav {
  margin: var(--margin);
}

.events-container > .display-large {
  margin-bottom: 16px;
}

.events-container > .ev-nav {
  margin-top: 8px;
  margin-bottom: 16px;

  display: flex;
  justify-content: space-between;
}

.look-all {
  display: flex;
  align-items: center;
  gap: 32px;
}

.look-all > a:hover {
  text-decoration: underline;
}

.event-card > a {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  background: #FFFFFF;
  height: fit-content;
  position: relative;
}

.ev-img-container {
  position: relative;
}

.ev-logo {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  object-fit: cover;
  /*background-color: white;*/
}

.ev-subscribe {
  position: absolute;
  top: 16px;
  left: 24px;
  display: flex;
  gap: 11px;
  color: white;
  z-index: 10;
}

.title-subs {
  display: flex;
  flex-direction: column;
}

.ev-subscribe > .title-subs > a {
  color: rgba(255, 255, 255, 0.6);
  width: fit-content;
}

/*.title-subs > a:hover {
  text-decoration: underline;
}*/

.verify {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ev-cover {
  border-radius: 6px 6px 0 0;
  width: 100%;
  height: 368px;
  object-fit: cover;
  display: block;
}

.ev-chips {
  position: absolute;
  bottom: 16px;
  left: 24px;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 150%;
  background: #D8E800;
  width: fit-content;
  color: black;
}

.ev-btm {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 24px 16px 24px;
  border-radius: 0 0 6px 6px;
}

.ev-inf {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ev-title {
  max-width: 692px;
  height: 52px;
  color: black;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ev-place {
  display: flex;
  align-items: center;
  gap: 24px;
}

.event-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}

.ev-participants-chip {
  display: flex;
  gap: var(--Standart-xs, 6px);
  color: #0b0b0b;
}

.btns {
  display: flex;
  gap: 15px;
}

.total-views {
  display: flex;
  gap: 6px;
  align-items: center;
}

.total-views-responses {
  display: flex;
  gap: 16px;
  align-items: center;
}

@media (max-width: 720px) {
  .ev-cover {
    height: 230px;
  }

  .ev-place {
    gap: 6px;
  }
}


/* MainNews */

.news-container > .display-large,
.news-container > .look-all {
  margin: var(--margin);
}

.news-container > .display-large {
  margin-bottom: 16px;
}

.news-container > .look-all {
  margin-top: 16px;
  margin-bottom: 16px;
  justify-content: end;
}

.arrows-void {
  width: 88px;
  height: 40px;
}

.news-aside-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;

  height: 455px;
}

.news-aside-nav > ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 350px;
}

.n-list-item {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 16px;
  border-radius: 4px;
}

.n-list-item.active {
  color: #FFFFFF;
  background: #0B0B0B;

  width: 100%;
}

.n-list-item.active > img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2458%) hue-rotate(190deg) brightness(115%) contrast(101%);
}

.news-aside-btn {
  margin-top: auto;
}

.news-slider {
  min-width: 0;
}

.n-img-container {
  position: relative;
}

.n-subscribe {
  margin: 16px;
  display: flex;
  gap: 11px;
  color: black;
}

/* Обрезает длинные названия в шапке карточки у новостей и так далее */

.n-subscribe .company-name {
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.n-btm {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px 16px;
}

.news-card .n-btm {
  display: flex;
  min-height: 180px;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
}

.n-inf {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.n-title {
  max-width: 692px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

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

.n-add {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #A3A3A3;
  font-size: 14px;
  line-height: 110%;
}

/* MainCosmosNews */

.cosmos-news-container > .c-nav {
  margin: var(--margin);
  margin-top: 18px;
}

.cosmos-news-container .n-subscribe {
  margin: 16px 24px;
}

.cosmos-news-container .cosmos-card > a > .n-inf {
  padding: 0 24px 16px 24px;
  min-height: fit-content;
}

.c-nav {
  display: flex;
  gap: 32px;
  align-items: center;
}

.c-nav > a {
  margin-left: auto;
}

.c-nav > a:hover {
  text-decoration: underline;
}

.cosmos-card .n-title {
  -webkit-line-clamp: 2;
}

/* MainEcosystem */
.ecosystem-container {
  height: 535px;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.ecosystem-container::before {
  content: "";
  width: 100%;
  height: 498px;
  background: url("../images/ecosystem-pic11.png") no-repeat center center/cover;
  position: absolute;
  bottom: 0;
  pointer-events: none;
  z-index: -1;
}

.eco-title {
  display: flex;
  flex-direction: column;
}

.eco-title,
.eco-inner {
  margin: var(--margin);
}

.eco-title-btn {
  display: flex;
  gap: 34px;
}

.eco-title-btn > .button-big {
  margin-top: 10px;
}

.eco-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

/* MainComplex */

.cosmos-tabs-slider {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.cosmos-tabs-slider .WMBSC[b-ym8nfzch4d] .slick-vertical .slick-slide.cosmos-slide {
  border-top: 1px solid #E8E8E8;
  height: 210px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cosmos-tabs-slider .WMBSC[b-ym8nfzch4d] .slick-vertical .slick-slide.cosmos-slide-last {
  border-bottom: 1px solid #E8E8E8;
}

.cosmos-slide {
  padding: var(--padding);
  padding-top: 16px;
  padding-bottom: 16px;
}

.c-tab-title {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.c-tab-title .h3 {
  color: var(--Default-black-600, rgba(0, 0, 0, 0.60));
}

.c-tab-title .body-large-300 {
  color: var(--Default-black-400, rgba(0, 0, 0, 0.40));
}

.cosmos-slide.slick-current .c-tab-title .h3,
.cosmos-slide.slick-current .c-tab-title .body-large-300 {
  color: #0B0B0B;
}

.cosmos-tabs-slider .WMBSC[b-ym8nfzch4d] .slick-vertical .slick-slide.cosmos-content {
  height: 640px;
  position: relative;
  cursor: auto;
}

.cosmos-tabs-slider .WMBSC[b-ym8nfzch4d] .slick-slider,
.cosmos-tabs-slider .WMBSC[b-ym8nfzch4d] .slick-slider .slick-list.draggable {
  padding: 0 !important;
}

.complex-img1 {
  background: url("/v2/images/complex/pic1.png") no-repeat center center/cover;
  object-fit: cover;
}

.complex-img2 {
  background: url("/v2/images/complex/pic2.png") no-repeat center center/cover;
  object-fit: cover;
}

.complex-img3 {
  background: url("/v2/images/complex/pic3.png") no-repeat center center/cover;
  object-fit: cover;
}

.complex-img4 {
  background: url("/v2/images/complex/pic4.jpg") no-repeat center center/cover;
  object-fit: cover;
}

.cosmos-inner {
  display: flex;
  flex-direction: column;
  gap: 32px;

  position: absolute;
  left: 32px;
  bottom: 32px;
}

.cosmos-inner > .h3 {
  max-width: 620px;
}

/* MainAchievements */
.achievements-container {
  margin: var(--margin);
}

.achievements-list {
  gap: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.achievement-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.r-img-container {
  display: flex;
  flex-direction: column;
  width: 60px;
  height: 60px;
}

.r-square {
  margin-left: auto;
} 

.r-square > svg {
  display: block;
}

.r-img {
  width: 24px;
  height: 24px;
  display: block;
}

.r-img-inner {
  border-radius: 4px 0 4px 4px;
  background: #0B0B0B;
  padding: 8px;
  width: fit-content;
}

/* MainGrantes */
.grantes-title-container {
  margin: var(--margin);
  margin-bottom: 24px;
  display: flex;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  justify-content: space-between;
}

.grantes-title-container > .second-title {
  flex: 1;
}

.grantes-title-container > .text-btn {
  text-align: end;
  color: #000000;
}

.grantes-title {
  width: 732px;
}

.grantes-container .grantes-list {
  margin: var(--margin);
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 40px;
}

.g-card {
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 200px;
  width: 100%;
  position: relative;
  transition: transform 0.3s ease, outline 0.3s ease;
}

@media (min-width: 1024px) {
  .g-card:hover {
    transform: translateY(-5px);
  }

  .g-card:hover > .body-large-500 {
    text-decoration: underline;
  }
}


.g-card-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.g-card > .icon-container-2 {
  position: absolute;
  top: 16px;
  left: 24px;
  z-index: 10;
}

.g-card > .body-large-500 {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  color: #0B0B0B;
  z-index: 10;
}

/* MainPartners */

.partners-container {

}

.partners-container > .display-large {
  margin: var(--margin);
  margin-bottom: 16px;
}

.partners-container > .slide-cards {
  margin-top: 16px;
}

.partners-card {
  width: 220px;
  height: 220px;
  display: flex;
  background: #FFFFFF;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

img.partners-card-image {
  width: 100%;
  object-fit: cover;
}