.custom-tabs {
    width: 100%;
}



@media (min-width:992px) {
.tab-headings {
    display: flex;
    gap: 0px;
    margin-top: 20px;
    position: absolute;
    bottom: -116px;
}

  button.tab-btn {
        border: 1px solid #FFFFFF4D;
}
.custom-tabs {
  position: relative;
background-color:#181818;
  width: 100%;
  height: 600px;

}

.custom-tabs::after {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 44px);
  top: 0px;
  background-color: #000;
  z-index: -1;

}

/* Tab container fade effect */
.custom-tab-content {
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease-in-out, visibility 0s linear 0.8s;
}

.custom-tab-content.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 1.5s ease-in-out;
}

/* Slide inside tab */
.custom-owl-slide {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease-in-out, visibility 1s ease-in-out;

  background: #000;
}

/* Show first slide in active tab or manually active slide */
.custom-tab-content.active .custom-owl-slide:first-child,
.custom-owl-slide.active {
  display: block;
  opacity: 1;
  visibility: visible;
}

.SlideContent {
  position: relative;
  top: 0;
  opacity: 0;
}


/* ---- Slide Animations ---- */
.slideDown {
  animation: slideDown 0.6s ease-in 1 forwards;
}

.slideUp {
  animation: slideUp 0.6s ease-out 1 forwards;
}

@keyframes slideDown {
  from {
    top: 50px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    top: 0;
    opacity: 1;
  }

  to {
    top: 50px;
    opacity: 0;
  }
}

.custom-owl-slider .custom-owl-slide {
  padding: 20px;
}


.custom-tabs {
  position: relative;
  width: 100%;
  
}

.custom-tab-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease-in-out, visibility 0s linear 0.6s;
}

.custom-tab-content.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s ease-in-out;
  z-index: 1;
}


.tab-headings{
display:flex;
}
.tab-btn{
    max-width:246px;
    width:246px;
}
}
@media(min-width:1199px){
.tab-btn{
    max-width:295px;
    width:295px;
}
.tab-headings {
    display: flex;
    gap: 0px;
    margin-top: 20px;
    position: absolute;
    bottom: -93px;
}

}
@media(max-width:991px){
.tab-headings{
display:none
}
}


.custom-owl-slider .custom-owl-slide p {
    font-size: 14px;
}


.SlideContent{
    position: relative;
    z-index: 1;
}
.custom-dot{
        width: 180px;
    display: inline-block;
}

.custom-owl-slide{
    position:relative;
    border-bottom: 1px solid #5D5D5D;
}
.custom-owl-slide::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
   background: linear-gradient(270deg, rgba(15, 15, 15, 0) 45.09%, rgba(15, 15, 15, 0.543328) 58.42%, rgba(15, 15, 15, 0.715164) 77.08%, rgba(15, 15, 15, 0.9) 98.4%),
linear-gradient(0deg, rgba(15, 15, 15, 0.9) -1.46%, rgba(15, 15, 15, 0) 24.85%),
linear-gradient(270deg, rgba(15, 15, 15, 0) 45.09%, rgba(15, 15, 15, 0.12074) 58.42%, rgba(15, 15, 15, 0.158925) 77.08%, rgba(15, 15, 15, 0.2) 98.4%);
background-blend-mode: multiply;
top:0;
left:0;
}

.mobile-view-accordion{
    position:relative;
    
}
.mobile-view-accordion::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:0;
    background: linear-gradient(180deg, rgba(15, 15, 15, 0) 36.7%, rgba(15, 15, 15, 0.543328) 52.52%, rgba(15, 15, 15, 0.715164) 74.68%, rgba(15, 15, 15, 0.9) 100%),
linear-gradient(0deg, rgba(15, 15, 15, 0.2) 2.83%, rgba(15, 15, 15, 0.158925) 28.77%, rgba(15, 15, 15, 0.12074) 51.47%, rgba(15, 15, 15, 0) 67.68%);
background-blend-mode: multiply;
}




    
   .custom-owl-slider  .owl-dots button.owl-dot {
    
    border-left: 1px solid #5D5D5D;

}
@media(min-width:992px){
    .SlideContent h2{
        text-transform:uppercase!important;
        line-height:1.2!important;
    }
.mobile-view-accordion{
    display:none;
}
.accordion-inner-content h3{
    display:none;
}

}
@media(max-width:991px){
        .SlideContent h2{
            	font-family: "HostGrotesk-Regular", Sans-serif!important;
font-weight: 400!important;
font-size: 20px!important;
line-height: 1!important;

    }
    .accordion-inner-content h3{
        color:#fff!important;
    }
    .accordion-inner-content p{
        color:#fff!important;
    }
  .SlideContent  h2.active{
        background-color:#CBCBCB!important;
        color:#222!important;
    }

 .mobile-view-accordion img{
            height: 500px;
min-height: 500px;
    		object-fit: cover;
    }
}

@media(max-width:767px){
    .accordion-inner-content h3{
    font-weight: 400!important;
    font-size: 36px!important;
    line-height: 1.2!important;
    text-transform: uppercase!important;
    }
    .accordion-inner-content p{
        font-weight: 400!important;
        font-size: 18px!important;
        line-height: 1.6!important;
    }
 .mobile-view-accordion img{
            height: 406px!important;
    object-fit: cover!important;
            min-height: 406px;
    }
   
}

@media(max-width:767px){
   
    .accordion-inner-content{
        padding:20px!important;
    }
    
}