.main_carousel_section {
  min-height: 356px;
  width: 100%;
  position: relative;
  margin-bottom: 40px;

  @media (max-width: 767px) {
    min-height: 503px;
  }

  .background_carousel {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 215px;
    width: 100%;

    @media (max-width: 767px) {
      min-height: 238px;
    }
  }

  .main_carousel_items {
    @media(min-width: 1200px) {
      max-height: 325px;
    }

    .slick-list {
      .slick-track {
        @media(max-width: 1199px) {
          min-height: 503px !important;
        }

        .main_carousel_item_container {
          min-height: 360px;
          position: relative;

          .main_carousel_text_container {
            height: 215px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            @media (max-width: 767px) {
              height: 238px;
            }
            @media(min-width: 1200px) {
              width: 835px;
            }

            .main_carousel_text {
              display: flex;
              flex-direction: column;
              justify-content: center;
            }

            .text_title,
            .text_subtitle,
            .text_description {
              font-size: 36px;
              line-height: 112%;
              color: $black-color;
              font-family: $main-font;
              font-weight: 700;
              @media(max-width: 1199px) {
                font-size: 24px;
              }
            }

            .text_title {
              overflow: hidden;
              text-overflow: ellipsis;
              height: 77px;
              margin-bottom: 20px;
              @media(max-width: 1199px) {
                font-size: 24px;
                margin-bottom: 10px;
              }
            }

            .text_subtitle {
              font-size: 24px;
              font-weight: 400;
              margin-bottom: 20px;
              @media(max-width: 1199px) {
                font-size: 18px;
                margin-bottom: 10px;
              }
            }

            .text_description {
              font-size: 24px;
              line-height: 23px;
              font-weight: 400;
              @media(max-width: 1199px) {
                font-size: 18px;
              }
            }
          }

          &[aria-hidden="true"], [aria-hidden="1"] {
            display: block !important;
          }

          .image_container {
            width: 220px;
            height: 296px;
            background-size: cover;
            position: absolute;
            right: 0;
            bottom: 32px;
            left: 70%;
            background-position: center;
            background-repeat: no-repeat;
            @media(max-width: 1199px) {
              width: 186px;
              height: 260px;
              top: 164px;
              left: 0;
              margin: 0 auto;
            }
            @media(min-width: 992px) and (max-width: 1199px) {
              top: 125px !important;
            }
          }

          .btn {
            bottom: 90px;
            position: absolute;
            left: -13px;
            @media(max-width: 767px) {
              top: 219px;
            }
            @media(min-width: 768px) and (max-width: 1199px) {
              top: 242px;
            }

            @media(max-width: 1199px) {
              position: relative;
              display: block !important;
            }


            a {
              font-size: 16px;
              line-height: 106.2%;
              color: $black-color;
              font-family: $main-font;
              font-weight: 400;
              border: 2px solid $grey-color;
              background-color: transparent;
              padding: 18px 45px;
              cursor: pointer;
              letter-spacing: 0.1em;
              text-decoration: none;

              &:hover {
                background-color: #000000;
                color: #ffffff;
                border: 2px solid #000000;
              }

              .btn_span {
                position: relative;

                &:after {
                  background: none repeat scroll 0 0 transparent;
                  bottom: -4px;
                  content: "";
                  display: block;
                  height: 1px;
                  left: 50%;
                  position: absolute;
                  transition: width 0.3s ease 0s, left 0.3s ease 0s;
                  width: 0;
                }

                &:hover {
                  &:after {
                    background: #ffffff;
                    width: 100%;
                    left: 0;
                    bottom: -4px;
                    content: "";
                    display: block;
                    height: 1px;
                    position: absolute;
                    transition: width 0.3s ease 0s, left 0.3s ease 0s;
                  }
                }
              }
            }
          }
        }
      }
    }

    .slick-dots {
      position: absolute;
      bottom: -45px;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center;
      @media(max-width: 1199px) {
        display: none !important;
      }

      li {
        button {
          &:before {
            content: '';
            background: url("/web_common/static/src/img/banners_frame.png") no-repeat;
            width: 17px;
            height: 20px;
          }
        }
      }

      .slick-active {
        button {
          &:before {
            content: '';
            background: url("/web_common/static/src/img/banners_frame_yellow.png") no-repeat;
            width: 17px;
            height: 20px;
          }
        }
      }
    }
  }

  .main_carousel_btn_div {
    @media(max-width: 1199px) {
      position: relative;
      top: -240px;
      width: 100%;
      display: flex;
      justify-content: space-between;
    }
    @media(min-width: 1200px) {
      display: none;
    }

    .main_carousel_btn_prev,
    .main_carousel_btn_next {
      border: none;
      background-color: transparent;
    }
  }
}