.ent-featured-5050 {
    padding: 80px 100px 140px 100px;
    background: #061733 url(/wp-content/uploads/2025/05/Hero-element.svg) no-repeat  calc(100% - -30px)  bottom;
}
  
.ent-featured-5050 h1 {
  font-size: 72px;
  line-height: 100%;
  letter-spacing: -1px;
}

.ent-featured-5050 img {
  border-radius: 22px;;
}


.ent-featured-5050 .small-12.columns.nopad.tabs-content {
    border: none !important;
    background: transparent;
}

@media (max-width: 767px) {
  .ent-featured-5050 {
    padding: 48px  16px 80px 16px;
        background-size: 55%; /* Adjust the size to 50% on mobile */

  }
  .ent-featured-5050 h1 {
    font-size: 32px;
  }
}

 .ent-featured-5050 p {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
     max-width: 504.711px;
}




.yellow-btn {
  background-color: #FFD600;
  border: 1px solid #FFD600 !important;
  color: #061733 !important;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) !important; /* Add transition */
  max-width: 192px !important;
}



.yellow-btn:hover {
    color: #112c51 !important;
    background: #ffe979 !important;
      transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) !important; /* Apply the same transition */

}



.ent-featured-5050 .hp-v4-rresources-tabs-posts .owl-stage {
  display: flex;
}

.ent-featured-5050 .hp-v4-rresources-tabs-posts .owl-item {
  width: 100% !important; /* Inherit the 50%-25px column */
  max-width: 100% !important;
  box-sizing: border-box;
}

.ent-featured-5050 .hp-v4-rresources-tabs-posts .item {
  width: 100%;
}


.custom-half-column {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
  position: relative;         /* Needed for dots positioning */
  overflow: hidden;           /* 🚫 Prevent slide overflow */
}

@media (min-width: 1024px) {
  .ent-featured-5050 .custom-half-column:first-child {
    width: 45%;
    margin-bottom: 0;
  }

 .ent-featured-5050 .custom-half-column:last-child {
    width: 55%;
    margin-bottom: 0;
  }
}


.ent-featured-5050 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    background: wheat;
}


.ent-featured-5050 .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    margin-right: 2px;
}
.ent-featured-5050 .hp-v4-rresources-tabs-posts {
    grid-template-columns: none;
}
.ent-featured-5050 .hp-v4-rresources-tabs-posts .owl-dots {
  position: absolute;
     top: 40px;
    right: 20px;
  display: flex;
  gap: 6px;
  z-index: 10;
}

.ent-featured-5050 span.btn-view-all.btn-view-all-yellow {
    color: #FFD600 !important;
}
.ent-featured-5050 .hp-v4-rresources-tabs-posts .owl-dot {
  width: 10px;
  height: 10px;
  background: white; /* make dots white */
  border-radius: 999px;
  transition: background 0.3s ease;
  opacity: 0.5;
}

.ent-featured-5050 .hp-v4-rresources-tabs-posts .owl-dot.active {
  opacity: 1;
  background: #fff; /* stronger white */
}



@media (min-width: 768px) and (max-width: 1023px) {
    .ent-featured-5050 .hp-v4-rresources-tabs-posts a {
        width: 100% !important;
    }

}
@media (max-width: 1023px) {

  .ent-featured-5050 {
      padding-left: 0px;
      padding-right: 0px;
  }

      .ent-featured-5050 {
         padding-bottom: 0px;
    }
    

}