.top-wrapper {
    background-image: linear-gradient(to bottom, rgba(0, 34, 63, 0.5) 20%, rgba(0, 22, 42, 0) 70%), url("/MainSite/images/golf-theme-stars-home.jpg");
    background-position: left;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    position: relative !important;
    font-family: 'Poppins', sans-serif !important;
    min-height: 1100px;
    height: 100vh !important;
    margin-top: -84px !important;
}
.top-wrapper .main-title{
    font-size: 4.5vw;
    margin-bottom: 0;
    color: #fff;
    line-height: .9em;
    letter-spacing: -1px;
    font-weight: 500;
}

.top-wrapper .sub-title{
    color: white;
    font-size: 2vw;
    font-weight: 400;
    line-height: 1.5em; 
    margin: 10px 0 0 0;
    background-color: #022c5074;
    display: inline-block;
    padding: 0 15px;
    border-radius: 5px;
}

@media screen and (min-width: 1600px) {
    .top-wrapper .main-title{
    font-size: 4.5rem;
    margin-bottom: 0;
    color: #fff;
    line-height: .9em;
    letter-spacing: -1px;
}

.top-wrapper .sub-title{
    font-size: 2rem;
}
}

@media screen and (max-width: 1200px) {

    .top-wrapper {
        min-height: 1170px;

    }
    .top-wrapper .main-title{
        text-align: center;
        font-family: 'Poppins', sans-serif;
        font-size: 5.5vw;
        font-weight: 600;
        line-height: 1.1em;
      }
      .top-wrapper .sub-title{
        text-align: center;
        font-size: 1.5rem;
      }
}

@media screen and (max-width: 530px){

    .top-wrapper {
        min-height: 1200px !important;
        position: relative !important;

    }
    .top-wrapper .main-title{
        text-align: center;
        font-family: 'Poppins', sans-serif;
        font-size: 3rem;
        font-weight: 600;
        line-height: 1.1em;
      }
}

.new-features-wrapper{
    background-color:#023e73d3; border-radius: 3px; display: inline-block; padding: 10px 15px;
}

.new-features .list-inline .list-inline-item{
    background-color: #022b50; 
    padding: 10px 15px; 
    border-radius: 3px;
}
.new-features .list-inline .list-inline-item:first-child{
    margin-right: .75em; 
}

/* css for the side scrolling partner logos BEGIN */

.logo-slider {
    overflow: hidden;
    width: 100%;
}

.slider-content {
    display: inline-flex;
}

.slider-content img {
    max-height: 40px;
    /* Adjust the height as needed */
    margin: 0 25px;
    /* Adjust the spacing between logos */
    flex-shrink: 0;
    /* Prevent images from shrinking */

}

@keyframes slide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
        /* Adjust the value to control the distance the logos slide */
    }
}

/* css for the side scrolling partner logos END */

/* Pulsing banner - Coming 2025 */

@keyframes singlePulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.banner-pulse {
    background-color: #022b50;
    /* background-image: linear-gradient(45deg, #111920, #022b50); */
    display: inline-block;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
}

.banner-pulse.animate {
    animation: singlePulse 1.5s ease-in-out forwards;
    animation-delay: 0.5s;
}

.banner-pulse p {
    margin: 0;
    font-size: 1.75rem;
    color: white;
    font-weight: 500;
}