section.solMulti
  @include spaceSection
  .content
    align-items: center
    @media (min-width: 1024px)
      width: 85%
      margin: 0 auto
  .content h2
    text-align: center
    //text-transform: uppercase
    // margin-bottom: 1rem
    @media (min-width: 1280px)
      font-size: 26px
      // margin-bottom: 2rem
    @media (min-width: 1440px)
      font-size: 28px
    @media (min-width: 1600px)
      font-size: 30px
  .sliderSolMulti
    width: 100%
    margin: 1.5rem 0 2rem
    @media (min-width: 1024px)
      display: flex
      gap: 2rem
      justify-content: center
      // flex-wrap: wrap
      margin: 3rem 0 3.5rem
    .slick-slide
      margin: 0 10px!important
    .item
      border-radius: 20px
      overflow: hidden
      //height: 265px
      box-shadow: 0px 20px 25px -5px rgba(0,0,0,0.1) , 0px 10px 10px -5px rgba(0,0,0,0.04) 
      transition: all .3s ease
      align-items: center
      background: #D7D6D7
      width: 100%
      display: flex !important
      @media (max-width: 1400px)
        //width: 350px
      @media (min-width: 768px)
        height: auto
      @media (min-width: 1280px)
        &:hover
          transform: scale(1.02)
          box-shadow: 0px 25px 50px -12px rgba(0,0,0,0.25) 
      img 
        width: 100%
        height: 300px
        object-fit: cover
        @media (max-width: 768px)
          height: 250px
      .button_contact
        position: inherit
        background-color: $yellow
        align-items: center
        padding: 1rem 1.5rem
        border-radius: 30px
        gap: 0 .5rem
        transition: all .3s
        box-shadow: 0px 13px 27px -5px rgba(50,50,93,0.25) , 0px 8px 16px -8px rgba(0,0,0,0.3) , 0px -6px 16px -6px rgba(0,0,0,0.025) 
        font-weight: 700
        width: auto
        //margin-top: 5% !important
        margin-bottom: 10% !important
        &:hover
          cursor: pointer
        span
          color: $textColor
        @media (min-width: 1280px)
          &:hover
            gap: 0 .8rem
      .text
        position: relative
        bottom: 0
        width: 100%
        justify-content: center
        align-items: flex-start
        background: $backColor
        height: 7rem
        padding: 1rem
        //padding-bottom: 30% !important
        //display: contents
        @media (min-width: 1280px)
          //height: 6rem
          &:hover
            span
              color: $yellow
        span
          color: $textColor
          text-align: center
          font-size: 15px
          font-weight: 700
          //padding: 1rem 3rem
        @media (min-width: 1440px)
          padding: 1rem 2rem
          //height: 5rem
        @media (min-width: 1900px)
          span
            font-size: 18px
  .block
    width: 70%
    align-items: flex-start
    border: 1px solid #c4c4c4
    border-radius: 10px
    padding: 1rem
    gap: 1rem 0
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1) , 0px 4px 6px -2px rgba(0,0,0,0.05) 
    // margin-top: 2.5rem
    @media (min-width: 768px)
      width: 50%
      flex-direction: row
      justify-content: space-between
      align-items: center
      //gap: 0 2rem
      p
        width: 75%
        font-weight: 700
    @media (min-width: 1024px)
      p
        width: 70%
    @media (min-width: 1280px)
      padding: 1.5rem
      transition: all .3s
      &:hover
        background: $yellow
        box-shadow: 0px 20px 25px -5px rgba(0,0,0,0.1) , 0px 10px 10px -5px rgba(0,0,0,0.04)  
        p
          color: $textColor
        .button span  
          color: $textColor
        .button svg circle 
          fill: $textColor
        .button svg path
          fill: $yellow   
    @media (min-width: 1900px)
      width: 40%
    .button
      align-items: center
      gap: 0 .5rem
      span
        color: $black

.sol_products
  .sliderSolMulti        
    display: flex
    justify-content: center
    align-items: stretch
    flex-wrap: wrap

.sliderSolMulti_trainigs
  margin: 0px !important
  @media (max-width: 760px)
    .item
      width: auto !important
  .slick-track
    margin: 5% 0% !important