.composition-slide-header{
        width: 100%;
        height: calc(100vh - 60px);
        
        /*min-height: 272px;*/
        flex-direction: column;
      }
      @media (min-width: 992px) {
        .composition-slide-header{
          
          width: 100%;
          height: calc(100vh - 96px);
          max-height: 1079px;
          flex-direction: row;
        }
      }
      .carousel-indicators>button, .carousel-indicators>button:focus, .carousel-indicators>button:hover{
        width: 23px!important;
        height: 23px!important;
        background-color: transparent!important;
        border: 1px solid #fff;
        opacity: 100%!important;
        border-radius: 50%;
      }
      .carousel-indicators>button.active{
        background-color: #fff!important; 
      }
      .focus-image{
        width: 100%;
        height: 100%!important;
        -o-object-fit: cover;
           object-fit: cover;
      }

      .focus-image.left{
        -o-object-position: center right;
           object-position: center right;
      }

      .focus-image.right{
        -o-object-position: center left;
           object-position: center left;
      }
      
      .part-left {
        width: 100%;
        height: 51.6vh ;
        order: 2;
        min-height: 140px;
      }
      @media (min-width: 992px) {
        .part-left {
          order: 1;
          width: 44.95%;
          height: 100%;
          max-height: 1079px;
        }
      }
       .part-right {
        width: 100%;
        height: 48.4vh;
        min-height: 132px;
        order: 1;
      }
      @media (min-width: 992px) {
        .part-right {
          order: 2;
          width: 55.05%;
          height: 100%;
          max-height: 1079px;
        }
      }
      .carousel-indicators [data-bs-target]{
        border:1px solid #fff ;
      }

      .builder-image{
        display: flex;
        flex-direction: column;
        height: 100%;
      }
      @media (min-width: 992px) {
        .builder-image{
          
          flex-direction: row;
          
        }
      }

      .composition-slide-header .content {
        position: absolute;
        right: 110px;
        bottom: 72px;
        z-index: 10;
      }
      @media (max-width: 992px) {
        .composition-slide-header .content {
          height: calc(48.4vh - 35px);
          max-width: 200px;
          min-height: 290px;
          bottom: 0;
          padding-top: 15px;
          margin-top: auto;
          left: 15px;
          right: 15px;
            text-wrap: balance;
        }
      }
      .composition-slide-header .content a {
        color: #fff;
        font-size: 21px;
        line-height: 120%;
        position: relative;
        text-decoration: none;
      }
      @media (max-width: 992px) {
        .composition-slide-header .content a {
          font-size: 14px;
          line-height: 110%;
        }
      }
      .composition-slide-header .content a::after {
        content: " ";
        height: 32px;
        width: 32px;
        display: inline-block;
        background-image: url(../images/plus.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        right: 0;
        top: 0;
        bottom: 0;
        vertical-align: middle;
        filter: brightness(0) invert(1);
        margin-left: 25px;
      }
      @media (max-width: 992px) {
        .composition-slide-header .content a::after {
          height: 16px;
          width: 16px;
          margin-left: 8px;
        }
      }
      @keyframes rotateLoop {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(360deg);
        }
      }
      .rotate-hover:hover, .composition-slide-header .content a:hover::after {
        animation: rotateLoop 1s forwards infinite;
      }
      
      a:hover .rotate-hover, a:hover .composition-slide-header .content a:hover::after, .composition-slide-header .content a:hover a:hover::after {
        animation: rotateLoop 1s forwards infinite !important;
      }