#homepage-banner .item{min-height:100vh;position:relative;background-size: cover;
    background-repeat: no-repeat;}



#banner .fixed-block{margin: 0; position: absolute; right: 5vw; bottom: 5vw; z-index: 1; max-width: 890px; display: flex ; flex-direction: column;gap: 1.75rem;min-width:890px;}

#banner .fixed-block p{font-weight: 400; font-size: var(--credit); color: #fff;}



#banner .owl-dots{        margin: 0;
    position: absolute;
    left: 3vw;
    display: flex;
    flex-direction: column;
    top: 0;
    height: 100%;
    justify-content: center;gap:5px}

#banner .fixed-block .cta-sec{
    display: flex;}


#banner .fixed-block .cta-sec a{    display: flex;
    gap: 0;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: var(--small-title);
    gap: 12px;
    border: 1px dotted rgba(255, 255, 255, 0.4);
    padding: 3px 3px 3px 10px;
    border-radius: 6px;
    backdrop-filter: blur(11.399999618530273px);
}

#banner .fixed-block .cta-sec a .span{position: relative;overflow:hidden;}

#homepage-banner  .content-block{    position: absolute;
    right: 5vw;bottom: calc(var(--fixed-block-height) + 5vw);
    width: 890px;
    z-index: 1;}


#homepage-banner .head p{font-size:var(--banner-head);font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    line-height: 1.1;  }

#homepage-banner .head p span{color:var(--orange);}


#banner .owl-item .content-block-inner{    overflow: hidden;
    position: relative;
    margin-bottom: 10px;}

#banner .owl-item .content-block-inner .head{    position: relative;
   /*bottom: -180px; */
    transition: 0.5s all ease-in-out;}

/*#banner .owl-item.active .content-block-inner .head{bottom:0px;}*/




.content-block-inner .head {
  position: relative;
  opacity: 0;
  transform: translateY(-100px); /* Start above */
  transition: all 0.6s ease;
}

.owl-item.active .content-block-inner .head.animate-in {
  opacity: 1;
  transform: translateY(0); /* Slide to normal position */
}

.owl-item .content-block-inner .head.animate-out {
  opacity: 0;
  transform: translateY(100px); /* Slide down when going out */
}
#banner .fixed-block .cta-sec a {
    position: relative;
    display: flex;
    overflow: hidden;    outline: none;
}

#banner .fixed-block .cta-sec a .first-one {
    position: absolute;
    bottom: -50px;
    transition: bottom 0.3s ease-in-out;
}

#banner .fixed-block .cta-sec a .second-one {
    position: relative;
    bottom: 0;
    transition: bottom 0.3s ease-in-out;
}

#banner .fixed-block .cta-sec a:hover .first-one {
    bottom: 0;
}

#banner .fixed-block .cta-sec a:hover .second-one {
    bottom: 50px;
}
#banner .fixed-block .cta-sec a svg path{  
    transform-origin: center;transition: 0.3s all ease-in-out;}

#banner .fixed-block .cta-sec a:hover svg path{    transform: rotate(45deg);}



#banner .owl-dots button{outline:none;}
#banner .owl-dots button span{    margin: 0 !important;
    width: 2px !important;
    height: 35px !important;}


#banner .owl-dots .owl-dot span{background:#d9d9d996 !important;} 

#banner .owl-dots .owl-dot.active span{background:#fff !important;}