/* HOMEPAGE STYLES */

/* Fonts */

@font-face {
    font-family: Poppins;
    src: url(../assets/Poppins/Poppins-SemiBold.ttf);
    font-weight: 600;
}

@font-face {
    font-family: Poppins;
    src: url(../assets/Poppins/Poppins-Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: Heebo;
    src: url(../assets/Heebo/Heebo-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: Heebo;
    src: url(../assets/Heebo/Heebo-Bold.ttf);
    font-weight: 700;
}

/* Hero Section */
.home #page .ast-container {
    background: white!important;
}
#hp-hero{
    width: 100%;
    background: linear-gradient(#dff0ff 10%, #fff 50%);
}

.hp-hero-container{
    width: 100%;
}

.hp-hero-upper{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: stretch;
  width: 100%;
  min-height: 303px;
  position: relative;
}

.left-graphics, .right-graphics{
    /*position: relative;*/
  z-index: 100;
}

.blue-baloon svg{
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 3;
}

.light-blue-baloon svg{
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 2;
}

.yellow-baloon svg{
    position: absolute;
    top: 180px;
    left: 90px;
    z-index: 3;
}

.big-baloon svg{
    position: absolute;
    bottom: 116px;
    right: -20px;
    color: #FFCB00;
}

.microphone svg{
    position: absolute;
    bottom: 25px;
    right: 40px;
}

.small-baloon svg{
    position: absolute;
    bottom: 65px;
    right: 165px;
    color: #009AFF;
}

.center-heading{
    text-align: center;
    position: relative;
    user-select: none;
    padding-top: 50px;
  z-index: 200;
}

.website-title{
  font-family: Heebo;
  font-size: 44px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: 0;
  color: #323338;
}

.website-subtitle-block-mobile{
    display: none;
}

.website-subtitle-block-desktop{
    display: block;
}
.website-subtitle-block-desktop svg{
    position: absolute;
    right: -15px;
    bottom: -30px;
}

.website-subtitle{
  font-family: Heebo;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0;
  color: #323338;
  margin-top: -5px;
}

.center-heading.non-logged {
  padding-top: 122px;
  padding-bottom: 55px;
}
.center-heading.non-logged  .website-logo-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.center-heading.non-logged .website-logo {
  max-width: 301px;
  height: auto;
}
.center-heading.non-logged .website-title {
  font-family: Heebo;
  font-weight: 400;
  font-size: 38px;
  line-height: 50px;
  letter-spacing: -0.05px;
  text-align: center;
  color: #323338;
  margin-top: 8px;
}
.center-heading.non-logged .website-subtitle-block-desktop {
  margin-top: 40px;
}
.center-heading.non-logged .website-subtitle {
  font-family: Heebo;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.05px;
  text-align: center;
  color: #323338;
  margin-top: 0;
}
.center-heading.non-logged .website-button-register-wrapper {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.center-heading.non-logged .website-button-register {
  border: none;
  border-radius: 8px;
  background-color: #104468;
  padding: 11px 32px;
  margin: 0 auto;
}
.center-heading.non-logged .website-button-register-label {
  font-family: Heebo;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
}
.center-heading.non-logged .website-title-underline {
  position: relative;
}
.center-heading.non-logged .website-title-underline-text {
  position: relative;
  z-index: 1;
}
.center-heading.non-logged .website-title-underline-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

.center-heading.non-logged .website-login-wrapper {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.center-heading.non-logged .website-login-label {
  font-family: Heebo;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
  color: #323338;
}
@media (max-width: 992px){

  .center-heading.non-logged .website-login-wrapper {
    margin-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .center-heading.non-logged .website-login-label {
    font-family: Heebo;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
    text-decoration: underline;
    color: #323338;
  }
}
.interest-section__wrapper {
  padding-bottom: 22px;
  padding-top: 22px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
body:has(.banner-no-interests) .strip--stage_experience:not(.strip--stage_experience ~ .strip--stage_experience) {
    order: 0 !important;
}

/* Icons Strip */

.hp-hero-icons-strip{
    padding: 20px 0 0;
}

.icons-strip-title{
    font-family: Heebo;
    font-size: 32px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.005em;
    text-align: center;
    color: #323338;
    margin-bottom: 25px;
    user-select: none;
}

.icons-strip-block{
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 25px;
}

.strip-icon{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.strip-icon-title{
    font-family: Heebo;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.005em;
    text-align: center;
    color: #000;
    max-width: 120px;
}

.strip-icon-link{
    min-width: 120px;
}

.strip-icon-link:hover,
.strip-icon-link:focus,
.strip-icon-link:visited{
    outline: none !important;
}

.strip-icon-link:hover{
    text-decoration: none;
    color: #000;
}

.strip-icon-link:hover .not-hovered{
    display: none;
}

.strip-icon-link .hovered{
    display: none;
    width: 81px;
    height: 72px;
}

.strip-icon-link:hover .hovered{
    display: block;
}

@media (max-width: 992px){

    /* Hero Section */
    body {
        padding-top: 47px !important;
    }
    body.logged-out {
      padding-top: 48px !important;
    }
    .hp-hero-container{
        padding: 0;
    }
    .hp-hero-upper {
        height: 280px;
    }
  .hp-hero-container.non-logged .hp-hero-upper {
        height: auto;
    }

    /*.blue-baloon svg {*/
    /*    top: -230px;*/
    /*    left: -5vw;*/
    /*    width: 22vw;*/
    /*    transform: rotate(13deg);*/
    /*    max-width: 120px;*/
    /*}*/

    /*.light-blue-baloon svg{*/
    /*    top: -137px;*/
    /*    left: -4vw;*/
    /*    width: 16vw;*/
    /*    z-index: 1;*/
    /*    max-width: 75px;*/
    /*}*/

    /*.yellow-baloon svg{*/
    /*    top: -120px;*/
    /*    left: 3vw;*/
    /*    width: 9vw;*/
    /*    z-index: 3;*/
    /*    max-width: 50px;*/
    /*}*/

    /*.big-baloon svg{*/
    /*    top: -156px;*/
    /*    width: 33vw;*/
    /*    right: -9vw;*/
    /*    z-index: 0;*/
    /*    transform: rotate(15deg);*/
    /*    max-width: 170px;*/
    /*    color: #DFF0FF;*/
    /*}*/

    /*.microphone svg{*/
    /*    top: -6px;*/
    /*    right: 10px;*/
    /*    width: 44px;*/
    /*}*/

    /*.small-baloon svg{*/
    /*    top: 8vw;*/
    /*    width: 6vw;*/
    /*    right: calc(116px - 1vw);*/
    /*    max-width: 30px;*/
    /*    color: #009aff;*/
    /*}*/

    /*.center-heading {*/
    /*    top: -50px;*/
    /*}*/

    .website-title{
        font-family: Heebo;
        font-size: 30px;
        font-weight: 700;
        line-height: 115px;
        letter-spacing: -0.005em;
        text-align: center;
    }
    .website-title.big_size {
        font-size: 30px;
    }
    .website-title.mid_size {
        font-size: 20px;
    }
    .website-title.small_size {
        font-size: 18px;
    }

    .website-subtitle-block-mobile{
      display: flex;
      justify-content: center;
      position: relative;
    }

    .website-subtitle-block-mobile svg{
        position: absolute;
        bottom: -8px;
        right: 50%;
        transform: translateX(50%);
    }

    .website-subtitle-block-desktop{
        display: none;
    }

    .website-subtitle{
        font-family: Heebo;
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.005em;
        color: #323338;
        position: relative;
        z-index: 2;
        max-width: 290px;
        margin-right: 10px;
        margin-top: 10px;
    }

    /* Icons Strip */

    .hp-hero-icons-strip{
        padding: 0;
        margin-top: -30px;
    }

    .icons-strip-title{
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .icons-strip-block{
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        padding: 0 8vw;
    }

    .strip-icon-link{
        margin-bottom: 20px;
        min-width: 80px;
    }

    .strip-icon-title{
        font-size: 12px;
        max-width: 80px;
    }

    .strip-icon img{
        max-width: 48px;
    }

    .force-two-lines{
        max-width: 50px;
    }

    .strip-icon-link .hovered{
        height: unset;
    }

    .icons-strip-block a[data-order="1"] {order:1}
    .icons-strip-block a[data-order="2"] {order:2}
    .icons-strip-block a[data-order="3"] {order:3}
    .icons-strip-block a[data-order="4"] {order:4}
    .icons-strip-block a[data-order="5"] {order:5}
    .icons-strip-block a[data-order="6"] {order:6}
    .icons-strip-block a[data-order="7"] {order:7}
}

@media (max-width: 750px){
    .small-baloon svg{
        top: 11vw;
        width: 6vw;
        right: calc(120px - 1vw);
    }


    .light-blue-baloon svg {
        left: -4vw;
    }

    .yellow-baloon svg {
        left: 5vw;
    }
}

@media (max-width: 600px){
    .small-baloon svg{
        top: 11vw;
        width: 6vw;
        right: calc(130px);
    }
}

@media (max-width: 450px){
    .small-baloon svg{
        top: 11vw;
        width: 6vw;
        right: 26vw;
    }

    .strip-icon img{
        max-width: 70px;
    }
}

@media (max-width: 390px){
    .icons-strip-block {
        padding: 0;
    }
}

.strip {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 43px;
    padding-bottom: 52px;
}

.strip.strip_bg-blue {
    background-color: #dff0ff;
}
.strip-initiatives {
    padding-top: 23px;
    padding-bottom: 26px;
}
.strip .scard .scard__content,
.strip .scard-mv .scard-mv__content {
    background-color: #dff0ff;
    color: #323338;
}
.strip .scard .scard__content .scard__duration,
.strip .scard .scard__content .scard__author,
.strip .scard .scard__content .scard__title,
.strip .scard-mv .scard-mv__content .scard-mv__title{
    color: #323338;
}
.strip.strip_bg-blue .scard .scard__content,
.strip.strip_bg-blue .scard-mv .scard-mv__content {
    background-color: #0F4568;
    color: #ffffff;
}
.strip .scard .scard__top span:not(:first-child)::after {
    background: #323338;
}
.strip.strip_bg-blue .scard .scard__top span:not(:first-child)::after {
    background: #fff;
}
.strip.strip_bg-blue .scard .scard__content .scard__duration,
.strip.strip_bg-blue .scard .scard__content .scard__author,
.strip.strip_bg-blue .scard .scard__content .scard__title,
.strip.strip_bg-blue .scard-mv .scard-mv__content .scard-mv__title {
    color: #ffffff;
}

.strip__filters,
.strip__header,
.strip__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 110px;
    /*max-width: 1310px;*/
    width: 100%;
    margin: 0 auto 10px;
}
.strip__filters {
  justify-content: start;
  align-items: start;
  gap: 12px;
}
.strip__tag-links {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 110px;
  width: 100%;
  margin: 0 auto 10px;
  gap: 6px;
  flex-wrap: wrap;
}
.tag-link {
  padding: 2px 14px;
  border: 1px solid #DFF0FF;
  background-color: rgba(1, 154, 255, 0.15);
  border-radius: 100px;

  .tag-label {
    font-family: Heebo, sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: -0.2px;
    color: #019aff;
    line-height: 14px;
  }

  &:hover {
    background-color: #019aff;
    text-decoration: none;

    .tag-label {
      color: #ffffff;
    }
  }
}
.fs-checkbox-input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.fs-checkbox-label {
  display: inline-flex;
  align-items: center;
  position: relative;

  padding: 7px 14px;
  border: 1px solid #DFF0FF;
  background-color: rgba(1, 154, 255, 0.15);
  border-radius: 100px;

  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;

  font-family: Heebo, sans-serif;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.2px;
  color: #019aff;
  line-height: 16px;
}
@media (max-width: 767px){
  .strip {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .strip__slider .strip__item:last-child {
    padding-bottom: 0;
  }
}
/*.fs-checkbox-label:hover {*/
/*  background-color: #019aff;*/
/*  border-color: #019aff;*/
/*  color: #ffffff;*/
/*}*/

/*.fs-checkbox-input:focus + .fs-checkbox-label {*/
/*  box-shadow: 0 0 0 2px rgba(1, 154, 255, 0.5);*/
/*  border-color: #019aff;*/
/*}*/

.fs-checkbox-input:checked + .fs-checkbox-label {
  background-color: #019aff;
  border-color: #019aff;
  color: #ffffff;
}

.fs-checkbox-input:disabled + .fs-checkbox-label {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #f0f0f0;
  border-color: #ccc;
  color: #999;
  box-shadow: none;
}
.strip__footer {
  margin-top: 40px;
  justify-content: end;

  .strip__button {
    display: none;
  }
}

@media (max-width: 1024px) {
    .strip__filters,
    .strip__header,
    .strip__footer  {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media (max-width: 767px) {
    .strip__filters,
    .strip__header,
    .strip__footer,
    .strip__tag-links {
        padding-left: 24px;
        padding-right: 24px;
    }
    .strip__filters {
        flex-direction: row;
        overflow-x: scroll;
        min-height: 36px;
        padding-bottom: 10px;
    }
    .strip__footer {
        justify-content: center;
        margin-top: 22px;

      &:has(.strip__footer__btn-wrapper) {
        justify-content: flex-end;
      }
      .strip__button {
        display: flex;
      }
    }

  .strip__header {
    .strip__button {
      display: none;
    }
  }
    .strip__filter-section .strip__footer {
        justify-content: end;
    }
}

.strip__title {
    font-size: 24px;
    margin: 0 0 22px;
    padding: 0;
    font-family: Heebo, sans-serif;
    font-weight: 700;
}

.strip__dots {
    text-align: center;
    margin: 0 10px 20px;
    display: flex;
    justify-content: flex-start;
    gap: 4px;
}
.strip__most-visited-section .strip__dots {
    display:none;
}

@media (max-width: 767px) {
    .strip__dots {
        display: none;
    }
}
@media (max-width: 767px) {
    .strip__header,
    .strip__footer  {
        /*flex-direction: column;*/
        /*align-items: flex-start;*/
    }
}
@media (max-width: 1540px) {
    .strip__inner-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (max-width: 767px) {
    .strip__inner-wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.strip__footer__btn-wrapper {
  display: flex;
  justify-content: end;
}
.strip__button {
    background-color: transparent;
    color: #000;
    border: 1px solid #000;
    padding: 5px 15px;
    border-radius: 23px;
    cursor: pointer;
    font-family: Heebo;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap
}
.strip__button:hover {
    color: #000;
}

.strip__slider-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 100;
    /*max-width: 1310px;*/
    padding: 0 100px;
    flex-direction: column;
}
@media (max-width: 1024px) {
    .strip__slider-wrapper {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media (max-width: 767px) {
    .strip__slider-wrapper {
        padding-left: 0px;
        padding-right: 0px;
        /*margin-bottom: -30px;*/
    }
}
.strip__slider {
    display: flex;
    transition: opacity 0.3s linear 1s;
}
.strip__slider.loading {
  opacity: 0.7;
}
.strip__slider .slick-list {
    overflow: visible;
    /*width: calc(100% + 131px);*/
    /*min-width: calc(100% + 131px);*/
    padding: 0 3px;
}
.strip__slider .slick-list .slick-track {
    margin: 0;
}
.strip__slider.slick-initialized .slick-list .strip-item {
    display: block;
    /*width: 262px;*/
    /*min-width: 262px;*/
    /*max-width: 262px;*/
}
@media (max-width: 767px) {
}
.strip__item {
    /*width: 100%;*/
    padding: 00px 8px;
	  scroll-snap-align: center;
    margin: 0 10px;
}

/*.strip__slider {*/
/*	overflow-x: auto;*/
/*    scroll-snap-type: x mandatory;*/
/*}*/

.strip__slider::-webkit-scrollbar{
	display:none;
    -webkit-appearance: none;
}

.strip__item .scard {
    box-shadow: 0 7px 10px rgba(0, 0, 0, .2);
}

.strip__item .startup-grid-card,
.strip__item .si-design-partner {
    width: 275px;
    height: 429px;
    box-shadow: 0px 2.62px 26.23px -4.37px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.strip__item .template {
    width: 264px;
    max-width: 300px;
    height: 356px;
    box-shadow: 0px 2.62px 26.23px -4.37px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.slick-dots {
    display: flex;
    gap: 4px;
    list-style: none;
    margin: 0;
}
#slick-slide-control00 {
    height: 10px;
    width: 10px;
}
.slick-dots > li > button {
    height: 10px;
    width: 10px;
    padding: 0;
    text-indent: -999px;
    overflow: hidden;
    margin: 0;
    background-color: #323338;
    border: none;
}
.slick-dots > li {
}
.slick-active {
}
.slick-dots > li.slick-active > button {
    background-color: #009aff;
    border-color: #009aff;
}
.strip__dots .owl-dot {
    height: 10px;
    width: 10px;
    padding: 0;
    text-indent: -999px;
    overflow: hidden;
    margin: 0;
    background-color: #323338;
    border: none;
    border-radius: 50px;
}
.strip__dots .owl-dot.active {
    background-color: #009aff;
    border-color: #009aff;
}
.owl-carousel .owl-stage-outer {
    overflow: visible;
}
@media (max-width: 767px) {
    .strip__slider {
        margin-right: 7px;
        overflow-x: auto;
        padding-left: 20px;
    }
    .strip__slider .strip__item:last-child {
      padding-left: 20px;
    }
}

.scard {
    width: 342px;
    height: 283px;
    background-color: #fff;
    border-radius: 4px;
    transition: transform 0.3s, box-shadow 0.3s, width 0.3s, height 0.3s;
    position: relative;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    overflow: hidden;
}
@media (max-width: 560px) {
    .scard {
        width: 216px;
    }
}

/*.scard:hover {*/
/*    overflow: visible;*/
/*}*/
.scard__inner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
}
/*.scard:hover .scard__inner-wrapper {*/
/*    bottom: unset;*/
/*}*/

.owl-carousel .owl-item .scard .scard__image img {
    height: 100%;
    width: 100%;
    max-height: unset;
}
.scard__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.scard__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    min-height: 147px;
}

.scard__content {
    padding: 10px 18px;
    max-height: 150px;
    overflow: hidden;
    transition: max-height 0.3s;
    /*position: relative;*/
    z-index: 10;
    margin-top: 200px;
    border-radius: 12px 12px 4px 4px;

}


@media (max-width: 560px) {
    .scard__image img {
        min-height: 149px;
        max-height: 240px;
    }
}

#page .scard-mv__card-wrapper .pav2_button-save,
#page .scard__content .pav2_button-save {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1000;
}
.scard--dark .scard__content {
    background-color: #0F4568;
    color: #fff;
}
.scard__top {
    display: flex;
    align-items: center;
    gap: 4px;
}
.scard__tag {
    font-family: Heebo;
    color: #009aff;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.02px;
}
.scard__author,
.scard__duration {
    font-family: Heebo;
    font-weight: 400;
    font-size: 12px;
    line-height: 11px;
    letter-spacing: -0.02px;
    color: #fff;
}
.scard__top span:not(:first-child) {
    /*display: none;*/
    padding-right: 17px;
    position: relative;
}
/*.scard:hover .scard__top span:not(:first-child) {*/
/*    display: initial;*/
/*}*/
.scard__top span:not(:first-child):after {
    content: "\A";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;

}
.scard__middle {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.scard__title {
    font-family: Heebo;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02px;
    color: #dff0ff;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
    white-space: wrap;
}
/*.scard:hover .scard__title {*/
/*    display: block;*/
/*}*/

.scard__text {
    font-family: Heebo;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02px;
    color: #fff;
    display: none;
}

/*.scard:hover .scard__text {*/
/*    display: -webkit-box;*/
/*    overflow: hidden !important;*/
/*    text-overflow: ellipsis;*/
/*    -webkit-line-clamp: 2;*/
/*    -webkit-box-orient: vertical;*/
/*    max-width: 100%;*/
/*    white-space: wrap;*/
/*}*/

.scard__info {
    display: none;
    gap: 10px;
    flex-wrap: wrap;
}
/*.scard:hover .scard__info {*/
/*    display: flex;*/
/*}*/

.scard__info-item {
    background-color: #dff0ff;
    padding: 2px 8px;
    border-radius: 14px;
    color: #009aff;
    font-family: Heebo;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.02px;
}

/*.scard:hover .scard__content {*/
/*    max-height: 1000px;*/
/*}*/
.scard__bottom {
    /*display: none;*/
    margin-top: 14px;
    justify-content: space-between;
}
/*.scard:hover .scard__bottom {*/
/*    display: flex;*/
/*}*/
.scard__button {
    background-color: #009aff;
    padding: 6px 16px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    text-decoration: none;
}
.scard__button:hover {
    background-color: #0189E2;
    text-decoration: none;
}
.scard__button__icon-wrapper {
    display: flex;
    align-items: center;
}
.scard__button__label-wrapper {
    display: flex;
    align-items: center;
}
.scard__button__label {
    font-family: "Heebo";
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    color: #ffffff;
}

.strip-banner {
    text-align: center;
    max-width: 856px;
    margin: 55px auto 0;
    position: relative;
    z-index: 50;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    width: 856px;
    min-height: 250px;
    display: grid;
    box-shadow: 0px 2.62px 26.23px -4.37px #0000001A;
}
@media (max-width: 1024px) {
    .strip-banner {
        margin-top: 25px;
        width: 640px;
        min-height: 250px;
    }
}
@media (max-width: 767px) {
    .strip-banner {
        margin-top: 25px;
        width: 328px;
        min-height: 278px;
    }
}
.strip-banner__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}
.strip-banner__bg_tablet,
.strip-banner__bg_mobile {
    display: none;
}
.strip-banner__bg_desktop {
    display: grid;
}
@media (max-width: 1024px) {
    .strip-banner__bg_desktop,
    .strip-banner__bg_mobile {
        display: none;
    }
    .strip-banner__bg_tablet {
        display: grid;
    }
}
@media (max-width: 767px) {
    .strip-banner__bg_desktop,
    .strip-banner__bg_tablet {
        display: none;
    }
    .strip-banner__bg_mobile {
        display: grid;
    }
}

.strip-banner__content {
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.strip-banner__title {
    font-family: Heebo;
    font-size: 24px;
    line-height: 20px;
    letter-spacing: -0.02px;
    max-width: 480px;
    margin: auto;
}

.strip-banner__text {
    font-family: Heebo;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    max-width: 480px;
    margin: auto;
}

.strip-banner__inner-wrapper {
    position: relative;
    padding: 20px;
    display: grid;
    align-items: center;
}
.strip-banner__footer {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    margin-top: auto;
}
.strip .strip-banner .strip-banner__button {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 24px;
    width: fit-content;
    height: 33px;
    border: 1px solid #0f4468;
    border-radius: 20px;
    background-color: #0f4468;
    color: #ffffff;
}
.strip .strip-banner .strip-banner__button:hover {
    text-decoration: none;
    border-color: #0c3552;
    background-color: #0c3552;
    color: #ffffff;
}
.strip__item-mv {
    padding-left: 10px;
    padding-right: 10px;
}
.scard-mv {
    /*width: 388px;*/
    /*height: 283px;*/
    overflow: visible;
    background-color: transparent;
}
@media (max-width: 560px) {
    .scard-mv  {
        /*width: 340px;*/
    }
}
.scard-mv__card-wrapper {
    position: relative;
    box-shadow: 0px 2px 7.4px 0px #00000014;
    border-radius: 4px;
    overflow: hidden;
    width: 342px;
    display: flex;
    background-color: #fff;
}
/*.owl-item:nth-child(n+10) .scard-mv__card-wrapper {*/
/*    min-width: 343px !important;*/
/*}*/
/*.owl-item:nth-child(n+10) .scard-mv__inner-wrapper {*/
/*    min-width: 470px !important;*/
/*}*/

@media (max-width: 560px) {
    .scard-mv__card-wrapper {
        width: 246px;
    }
}
.scard-mv__save-button.scard__save-button {
    position: absolute;
    left: 12px;
    top: 12px;
    border: none;
    padding: 0 1px 0 0;
    height: 32px;
    width: 32px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    background-color: rgba(255,255,255,0.7);
    z-index: 100;
}
.scard-mv__save-button.scard__save-button .scard__save-button__icon path {
    fill: #323338;
}
.scard-mv__save-button.scard__save-button.saved .scard__save-button__icon path {
    fill: #009aff;
}
.scard-mv__inner-wrapper {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    /*width: 342px;*/
    height: 283px;
}
.scard-mv__number {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 96px;
    line-height: 76px;
    font-weight: 700;
    -webkit-text-stroke: 4px #009aff;
    color: transparent;
}
.scard-mv__number-wrapper {
    margin-right: -10px;
    display: flex;
    flex-direction: row-reverse;
    gap: 6px;
}
.scard-mv__number-wrapper svg {
    max-height: 86px;
    width: auto;
}
.scard-mv__img {
    width: 343px;
    height: 227px;
    object-fit: cover;
    object-position: center;
}
.scard-mv__img {
    width: 343px;
    height: 227px;
    object-fit: cover;
    object-position: center;
}
.scard-mv__img-wrapper {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}
.scard-mv__content {
    position: relative;
    z-index: 100;
    margin-top: auto;
    border-radius: 12px 12px 4px 4px;
    background-color: #dff0ff;
    padding: 16px 16px 0 16px;
    flex: 1 0 100%;
    height: 84px;
}

.scard-mv__top {
    display: flex;
}
.scard-mv__tag {
    font-family: Heebo;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.02px;
    color: #009aff;
}

.scard-mv__title-link {
    font-family: Heebo;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02px;
}
.scard-mv__title-link:hover {
    text-decoration: none;
}
.scard-mv__title-link:hover .scard-mv__title {
    color: #323338;
}
.scard-mv__title {
    font-family: Heebo;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.scard-mv__duration {
    position: absolute;
    top: -40px;
    right: 20px;
    background-color: rgba(0,0,0,.5);
    border-radius: 8px;
    padding: 2px;
    font-family: Heebo;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    min-width: 50px;
    text-align: center;
}
@media (max-width: 560px) {
    .scard-mv__inner-wrapper {height: 220px;}
    .scard-mv__img {height: 147px}
}
.slick-list {
    padding-left: 342px;
}
.strip-initiatives__list {
    display: grid;
    padding: 15px 100px 30px 0;
    gap: 28px;
    grid-auto-flow: column;
    grid-auto-columns: 275px;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: visible;
}
.strip-initiatives__list.strip-initiatives__list_design-partners  {
    grid-auto-columns: 275px;
    grid-auto-rows: 390px;
}
.strip-initiatives__list.strip-initiatives__list_templates {
    grid-auto-columns: 264px;
    grid-auto-rows: 356px;
}
.strip-initiatives__list.strip-initiatives__list_templates .template .template__inner-wrapper .template__body .template__body-wrapper .template__body__bottom .template__download-wrapper .template__download__link .template__download__label{
    font-size: 14px;
    padding: 0 5px;
}

@media (max-width: 1024px) {
    .strip-initiatives__list  {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media (max-width: 767px) {
    .strip-initiatives__list {
        padding-left: 24px;
        padding-right: 24px;
        margin-right: -24px;
        margin-left: -24px;
    }
    .strip-initiatives__list.strip-initiatives__list_events {
        grid-template-columns: calc(100% - 64px);
        grid-auto-flow: row;
        overflow: visible;
        padding: 0 24px;
        place-items: center;
        place-content: center;
        margin-top: 18px;
    }
    .strip-initiatives__list.strip-initiatives__list_events .si-event:nth-child(n+3) {
      display: none;
    }
}
.si-card {
    width: 275px;
    height: 429px;
    border-radius: 10px;
    box-shadow: 0px 2.62px 26.23px -4.37px #0000001A;
    position: relative;
    display: grid;
    align-content: space-between;
    grid-template-columns: 100%;
    overflow: hidden;
}
.si-card.si-cta-card {
    align-content: initial;
}
.si-card.job-row-cards-wrap {
    padding: 32px 24px;
}
.si-card.job-row-cards-wrap .job-row-cards-wrap-btn a {
    padding-top: 11px;
    padding-bottom: 11px;
}
.si-card.job-row-cards-wrap .job-row-cards-wrap-btn a:hover {
    text-decoration: none;
    color: white;
    background-color: #0189E2;
}
.si-cta-card__bg-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.si-cta-card__bg {
    height: 100%;
}
.si-cta-card__content-wrapper {
    position: relative;
    z-index: 10;
    display: grid;
    padding: 72px 27px 32px;
    justify-content: center;
    grid-template-columns: 100%;
}
.si-cta-card__title {
    font-family: Heebo;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.02px;
    color: #323338;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: break-spaces;
}
.si-cta-card__description {
    font-family: Heebo;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #212529;
    white-space: break-spaces;
}
.si-cta-card__button {
    margin: auto auto 0;
    border-radius: 20px;
    background-color: #0f4468;
    min-width: 139px;
    text-align: center;
    color: white;
    padding: 11px 24px;
    font-family: Heebo;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
}
.si-cta-card__button:hover {
    text-decoration: none;
    color: white;
    background-color: #0a2d44;
}

.strip__item_job .si-card {
    width: 275px;
    height: 429px;
}
.strip__item_startup .si-card {
    width: 275px;
    height: 429px;
}
.strip__item_template .si-card {
    height: 356px;
    width: 264px;
    max-width: 300px;
}
.strip__item_design-partner .si-design-partner, .strip__item_design-partner .si-card {
    width: 275px;
    height: 429px;
}
.strip-events .strip-initiatives__list {
    gap: 34px;
    grid-auto-columns: 410px;
}

section.strip .si-card:hover,
section.strip .scard-mv:hover,
section.strip .scard:hover,
section.strip .si-event:hover,
section.strip .startup-grid-card:hover,
section.strip .template:hover,
section.strip .si-design-partner:hover {
    scale: 1.05;
    transition: 0.3s;
}
section.strip .si-card,
section.strip .scard-mv,
section.strip .scard,
section.strip .si-event,
section.strip .startup-grid-card,
section.strip .template,
section.strip .si-design-partner {
    transition: 0.3s;
}

.hp-hero-banner {
    text-align: center;
}
.hp-hero-banner h2 {
    font-family: Heebo;
    font-size: 20px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    margin-bottom: 45px;
    color: #000;
}
.hp-hero-banner p {
    font-family: Heebo;
    font-size: 18px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    margin-top: 35px;
    color: #000;
}
.hp-hero-banner a {
    font-family: Heebo;
    font-size: 18px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.02px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    background-color: #009AFF;
    padding: 9px 27px;
}

.hp-hero-banner a:hover {
    color: #323338;
}

@media (max-width: 767px) {
    .hp-hero-banner h2 {
        font-size: 18px;
        font-weight: 400;
        line-height: 35px;
        width: 268px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .hp-hero-banner p {
        font-size: 15px;
        font-weight: 400;
        line-height: 14px;
        margin-top: 25px;
    }
    .hp-hero-banner a {
        font-size: 16px;
        padding: 9px 97px;
    }
}
.strip__item-post .si-card{
    height: 323px;
    width: 274px;
}
.strip-initiatives-post .strip__filters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 110px;
    width: 100%;
    margin: 0 auto 10px;
    justify-content: start;
    align-items: start;
    gap: 12px;
    flex-direction: row;
}
.strip-initiatives-post .filter{
    font-family: Heebo;
    font-size: 16.15px;
    font-weight: 400;
    line-height: 20.77px;
    border-radius: 23px;
    padding: 5px 19px;
    cursor: pointer;
    text-wrap: nowrap;
    border: 1px solid #323338;
    color: #323338;
    background-color: unset;
}
.strip-initiatives-post .filter.active{
    color: #fff;
    border: solid 1px #009AFF;
    background-color: #009AFF;
}
.strip-initiatives-post .si-cta-card__content-wrapper {
    padding: 100px 23px 61px;
}
.strip-initiatives-post .si-cta-card__title span {
    font-family: Poppins;
}
@media (max-width: 1024px) {
    .strip-initiatives-post .strip__filters {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media (max-width: 767px) {
  .strip:has(.strip__initiatives-wrapper) .strip__content-wrapper {
    padding-bottom: 22px;
  }
    .strip-initiatives-post .strip__filters {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.strip-initiatives-post {
    padding-top: 43px;
}
@media (max-width: 767px) {
  .strip-initiatives-post {
    padding-top: 0;
  }
  .strip__header, .strip__footer {
    margin-bottom: 0;
  }
  .strip:has(.section-stages) {
    padding-bottom: 0;
  }
  .strip:not(:has(.strip__content-wrapper)) .strip__initiatives-wrapper .strip-initiatives {
    padding-top: 0;
  }
  .strip__initiatives-wrapper .strip-initiatives:not(:last-child) {
    padding-bottom: 22px;
  }
  .strip-events .si-event{
    width: 100%;
  }
  .strip-initiatives {
    padding-bottom: 0;
  }
  .strip__content-wrapper {
    /*padding-bottom: 30px;*/
  }
}

.strip_bg-blue + .strip_bg-blue .strip-initiatives-post {
    padding-top: 0;
}