.custom-post-container {
  .custom-post-slide {
    width: 100%;
    border-radius: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(
      90deg,
      rgba(133, 157, 189, 0.34) 0.01%,
      rgba(133, 157, 189, 0.09) 11.69%,
      rgba(133, 157, 189, 0.09) 32.24%,
      rgba(133, 157, 189, 0.13) 75.04%,
      rgba(133, 157, 189, 0.5) 99.99%
    );
    backdrop-filter: blur(39.19381332397461px);

    .icon {
      width: 50px;
      height: 50px;
      padding: 10px;
      gap: 10px;
      border-radius: 10px;
      background: #edfff9;

      @media screen and (max-width: 992px) {
        width: 40px;
        height: 40px;
        padding: 8px;
      }

      @media screen and (max-width: 768px) {
        width: 36px;
        height: 36px;
        padding: 8px;
      }
    }

    .title {
      color: #fff;
      font-family: Inter;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%; /* 36px */
      letter-spacing: 0.48px;

      @media screen and (max-width: 992px) {
        font-size: 20px;
      }

      @media screen and (max-width: 768px) {
        font-size: 18px;
      }
    }

    .custom-post-content {
      p {
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 157%; /* 25.12px */
        background: linear-gradient(
          180deg,
          #fff 0%,
          rgba(255, 255, 255, 0) 254.75%
        );
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 0;

        @media screen and (max-width: 992px) {
          font-size: 14px;
        }

        @media screen and (max-width: 768px) {
          font-size: 13px;
        }
      }

    }

    .custom-post-link {
      a.btn.btn-link {
        color: #f3ae36;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 25.2px */
        letter-spacing: 0.36px;

        &:hover {
          color: #d98c2b; /* Slightly darker shade for hover */
          transition: color 0.3s ease; /* Smooth transition effect */
        }

        @media screen and (max-width: 992px) {
          font-size: 16px;
        }

        @media screen and (max-width: 768px) {
          font-size: 14px;
        }
      }
    }
  }

  .custom-post-slider {
    .owl-stage {
      display: flex;

      .owl-item {
        display: flex;
        flex: 1 0 auto;
      }
    }
  }

  .owl-theme {
    .owl-nav.disabled + .owl-dots {
      margin-top: 40px !important;
    }
  }
}