.baner {
  margin-top: 14px;
  margin-bottom: clamp(60px, 5.9875vw, 114px); }
  .baner .block-inner {
    width: 77vw;
    max-width: 1780px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .baner .block-inner {
        width: 100vw; } }
  .baner .wrapper {
    background-image: linear-gradient(#EEECE7, #EEECE7);
    background-size: 100% 83%;
    background-repeat: no-repeat;
    background-position: left bottom; }
    @media (max-width: 767px) {
      .baner .wrapper {
        -ms-flex-pack: end;
            justify-content: flex-end;
        position: relative;
        background-size: 100% 70%; } }
  .baner .heading {
    margin-top: clamp(106px, 9.63333vw, 184px);
    margin-bottom: clamp(17px, 2.65417vw, 50px);
    color: #000;
    font-weight: 300;
    font-size: clamp(18px, 2.44583vw, 46px);
    line-height: clamp(32px, 3.59167vw, 68px);
    position: relative;
    padding-right: 10%; }
    @media (max-width: 767px) {
      .baner .heading {
        text-align: center; } }
  .baner .arrow {
    position: relative;
    font-size: clamp(14px, 1.09167vw, 20px);
    line-height: 60px;
    color: #fff;
    background-color: #000;
    border-radius: 35px;
    display: inline-block;
    padding-left: 39px;
    padding-right: 69px; }
    @media (max-width: 767px) {
      .baner .arrow {
        padding-left: 23px;
        padding-right: 39px; } }
    .baner .arrow .switch {
      overflow: hidden;
      position: relative;
      display: block;
      height: 24px;
      margin: 0.9375vw 0; }
      @media (max-width: 767px) {
        .baner .arrow .switch {
          margin: 9px 0; } }
      .baner .arrow .switch span {
        display: block;
        transition: 0.3s;
        height: 56px; }
        @media (max-width: 767px) {
          .baner .arrow .switch span {
            height: 42px; } }
        .baner .arrow .switch span:first-child {
          position: relative;
          transform: translateY(-18.5px); }
          @media (max-width: 767px) {
            .baner .arrow .switch span:first-child {
              transform: translateY(-17.5px); } }
        .baner .arrow .switch span:last-child {
          position: absolute;
          transform: translateY(-54px); }
          @media (max-width: 767px) {
            .baner .arrow .switch span:last-child {
              transform: translateY(-42.5px); } }
    .baner .arrow:after {
      position: absolute;
      content: '';
      height: 16px;
      width: 15px;
      bottom: 21px;
      right: 41px;
      bottom: 50%;
      transform: rotate(-90deg) translateX(-50%);
      transition: 0.3s;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNDc0MzA5IDguMjEyNjJMNy4zNjM1MSAxNS4xMDE4TDE0LjI1MjcgOC4yMTI2MkwxMi43OTY4IDYuNzQ5NTZMOC40MjE3NSAxMS4xMzE3TDguNDIxNzUgMC40ODUzNTFMNi4zMDUyOCAwLjQ4NTM1MUw2LjMwNTI4IDExLjEzMTdMMS45MjMxNyA2Ljc0OTU2TDAuNDc0MzA5IDguMjEyNjJaIiBmaWxsPSIjQkRBRDgxIi8+Cjwvc3ZnPgo="); }
      @media (max-width: 767px) {
        .baner .arrow:after {
          height: 15px;
          width: 14px;
          right: 16px;
          background-size: contain; } }
    .baner .arrow:hover .switch span:last-child {
      transform: translateY(-76.5px); }
      @media (max-width: 767px) {
        .baner .arrow:hover .switch span:last-child {
          transform: translateY(-60.5px); } }
    .baner .arrow:hover .switch span:first-child {
      transform: translateY(-41px); }
      @media (max-width: 767px) {
        .baner .arrow:hover .switch span:first-child {
          transform: translateY(-38.5px); } }
    @media (max-width: 767px) {
      .baner .arrow:hover:after {
        right: 21px; } }
  .baner .link {
    margin-bottom: clamp(25px, 5.15417vw, 98px);
    padding-left: 2px; }
    @media (max-width: 767px) {
      .baner .link {
        text-align: center; } }
  .baner .baner__image {
    height: 100%;
    width: 100%;
    position: relative; }
    .baner .baner__image--img img, .baner .baner__image--img {
      position: absolute;
      bottom: 0;
      right: -12px;
      height: 100%;
      max-height: 522px;
      width: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
      @media (max-width: 767px) {
        .baner .baner__image--img img, .baner .baner__image--img {
          max-height: 213px;
          right: -7px; } }
  .baner .left-side {
    width: 48.65%; }
    @media (max-width: 767px) {
      .baner .left-side {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%; } }
  .baner .right-side {
    width: 48.65%; }
    @media (max-width: 767px) {
      .baner .right-side {
        width: 64%; } }

/*# sourceMappingURL=baner.css.map*/