.diggers-banner {
    background: url("../img/diggers-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.leagues-banner {
    background: url("../img/leagues-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.golf-banner {
    background: url("../img/golf-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.sports-club-banner {
    background: url("../img/sports-club-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.whatson-banner {
    background: url("../img/whatson-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.eat-banner {
    background: url("../img/eat-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.community-banner {
    background: url("../img/community-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}
.olive-banner {
    background: url("../img/olive-garden-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.member-banner {
    background: url("../img/membership-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.promotion-banner {
    background: url("../img/promotions-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.weareopen-banner {
    background: url("../img/home-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.all-prmo-banner {
    background: url("../img/all-promo-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.contact-banner {
    background: url("../img/contact-us.jpg") top center;
    height: 436px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}
.star-motal-banner {
    background: url("../img/star-motal-banner.jpg") top center;
    height: 436px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.feedback-banner {
    background: url("../img/feedback.jpg") top center;
    height: 436px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.rewards-banner {
    background: url("../img/rewards-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.our-app-banner {
    background: url("../img/our-app-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.courtesy-banner {
    background: url("../img/courtesy-bus-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.twinstar-plus-banner {
    background: url("../img/twinstars-plus-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.news-banner {
    background: url("../img/news-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    width: 100%;
}

.banner-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px;
}

.banner-text h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-top: 210px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 20px 0 20px;
}
.banner-text-olive {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px;
}
.banner-text-olive h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-top: 170px;
    background-color: rgb(255 255 255 / 78%);
    padding: 10px 20px 10px 20px;
}

.contact-banner-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px;
}
.star-motal-banner-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px;
}

.contact-banner-text h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-top: 170px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 20px 0 20px;
}
.star-motal-banner-text h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-top: 170px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 20px 0 20px;
}
.txt-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.feedback-wrapper {
    background: #000;
    height: 100%;
}

.feedback-wrapper:before {
    top: 50%;
    left: 97%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: inherit;
    border-width: 20px;
    z-index: 99;
    margin-top: -20px;
}

.feedback-wrapper .feedback-txt {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-transform: uppercase;
    font-size: 26px;
}

.feedback-wrapper .feedback-txt span {
    color: #b7852f;
    padding-left: 10px;
}

.req-field {
    font-size: 10px;
    padding: 10px 0;
}

.captcha-wrap {
    padding: 10px 0;
}

/* ----------------------------------- 
       starmotal Images 
 ----------------------------------- */

 .star-motal-box .star-motal-boxes {
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 5px 10px 29px 0 rgba(68, 88, 144, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    width: 100%;
    height: 300px;
    margin-top: 20px;
}

.star-motal-boxes .tabatinga-bg1 {
    background: url("../img/tabatinga1.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.star-motal-boxes .tabatinga-bg2 {
    background: url("../img/tabatinga2.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.star-motal-boxes .tabatinga-bg3 {
    background: url("../img/tabatinga3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

@media (min-width: 769px) and (max-width: 1024px) {}

@media (min-width: 481px) and (max-width: 768px) {
    .contact-banner {
        margin-top: 60px;
        height: 290px;
    }
    .star-motal-banner {
        margin-top: 60px;
        height: 290px;
    }
    .feedback-banner {
        margin-top: 60px;
        height: 290px;
    }
    .feedback-wrapper .feedback-txt {
        font-size: 18px;
    }
    .feedback-wrapper:before {
        left: 94%;
    }
    .contact-banner-text h2 {
        margin-top: 90px;
    }
    .star-motal-banner-text h2 {
        margin-top: 90px;
    }
 
    .diggers-banner {
        height: 380px;
        margin-top: 60px;
    }

    .leagues-banner {
        height: 380px;
        margin-top: 60px;
    }
  
    .golf-banner {
        height: 380px;
        margin-top: 60px;
    }

    .sports-club-banner {
        height: 380px;
        margin-top: 60px;
    }

    .whatson-banner {
        margin-top: 60px;
        height: 290px;
    }

    .eat-banner {
        margin-top: 60px;
        height: 290px;
    }

    .community-banner {
        margin-top: 60px;
        height: 290px;
    }
    .olive-banner  {
        margin-top: 60px;
        height: 290px;
    }

    .member-banner {
        margin-top: 60px;
        height: 290px;
    }

    .promotion-banner {
        margin-top: 60px;
        height: 290px;
    }

    .weareopen-banner {
        margin-top: 60px;
        height: 290px;
    }

    .all-prmo-banner {
        margin-top: 60px;
        height: 290px;
    }

    .rewards-banner {
        margin-top: 60px;
        height: 290px;
    }

    .our-app-banner {
        margin-top: 60px;
        height: 290px;
    }

    .courtesy-banner {
        margin-top: 60px;
        height: 290px;
    }

    .twinstar-plus-banner {
        margin-top: 60px;
        height: 290px;
    }

    .news-banner {
        margin-top: 60px;
        height: 290px;
    }

    .banner-text h2 {
        font-size: 24px;
        margin-top: 60px;
    }
    .banner-text-olive h2 {       
        margin-top: 20px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .diggers-banner {
        margin-top: 0;
    }

    .leagues-banner {
        margin-top: 0;
    }

    .golf-banner {
        margin-top: 0;
    }

    .sports-club-banner {
        margin-top: 0;
    }

    .whatson-banner {
        margin-top: 60px;
        height: 230px;
    }

    .eat-banner {
        margin-top: 60px;
        height: 230px;
    }

    .community-banner {
        margin-top: 60px;
        height: 230px;
    }
    .olive-banner  {
        margin-top: 60px;
        height: 230px;
    }
    .star-motal-banner {
        margin-top: 60px;

    }
    .member-banner {
        margin-top: 60px;
        height: 230px;
    }

    .promotion-banner {
        margin-top: 0;
    }

    .weareopen-banner {
        margin-top: 0;
    }

    .all-prmo-banner {
        margin-top: 0;
    }

    .rewards-banner {
        margin-top: 0;
    }

    .our-app-banner {
        margin-top: 0;
    }

    .courtesy-banner {
        margin-top: 0;
    }

    .twinstar-plus-banner {
        margin-top: 0;
    }

    .news-banner {
        margin-top: 0;
    }

    .banner-text h2 {
        font-size: 24px;
        margin-top: 60px;
    }
    .banner-text-olive h2 {       
        margin-top: 20px;
    }
}

.venue-para {
    font-size: 20px;
    text-align: center;
    padding: 50px 0;
}
.venue-olive-title {
    font-size: 35px;
    text-align: center;
    padding: 30px 10px 0;
}

.para {
    font-size: 18px;
    padding: 20px 0;
}

.para-inner h4 {
    font-size: 18px;
    font-weight: 600;
}


.diggers-boxes {
    background-color: #373737;
    /* box-shadow: 0px 2px 11px 1px #dadada; */
    position: relative;
    /* width: 86vw; */
    margin: 0 auto;
    /* border-radius: 10px; */
}

.diggers-boxes .diggers-box {
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 5px 10px 29px 0 rgba(68, 88, 144, 0.2);
    transition: all 0.3s ease-in-out;
    /* border-radius: 10px; */
    width: 100%;
    height: 440px;
    margin-top: 20px;
}

.diggers-box .diggers-bg1 {
    background: url("../img/venu-dig-img1.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.diggers-box .diggers-bg2 {
    background: url("../img/venu-dig-img2.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.diggers-box .diggers-bg3 {
    background: url("../img/venu-dig-img3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.diggers-box .diggers-bg4 {
    background: url("../img/venu-dig-img4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.diggers-boxes .title {
    font-weight: 700;
    padding-top: 15px;
    font-size: 18px;
    text-align: center;
    bottom: -10px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #00000096;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.diggers-boxes .title a {
    color: #ffffff;
}


/* Leagues Club */

.leagues-club {
    /* background-color: #373737; */
    /* box-shadow: 0px 2px 11px 1px #dadada; */
    position: relative;
    /* width: 86vw; */
    margin: 0 auto;
    /* border-radius: 10px; */
}

.leagues-club .leagues-box {
    position: relative;
    overflow: hidden;
    background: #fff;
    /* box-shadow: 5px 10px 29px 0 rgba(68, 88, 144, 0.2); */
    transition: all 0.3s ease-in-out;
    /* border-radius: 10px; */
    width: 100%;
    height: 300px;
    margin-top: 20px;
}

.leagues-box .leagues-bg1 {
    background: url("../img/leagues-img1.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.leagues-box .leagues-bg2 {
    background: url("../img/leagues-img2.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.leagues-box .leagues-bg3 {
    background: url("../img/leagues-img3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.leagues-box .leagues-bg4 {
    background: url("../img/leagues-img4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.leagues-box .leagues-bg5 {
    background: url("../img/leagues-img5.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.leagues-box .leagues-bg6 {
    background: url("../img/leagues-img6.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.leagues-box .title {
    font-weight: 700;
    padding-top: 15px;
    font-size: 18px;
    text-align: center;
    bottom: -10px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #00000096;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.leagues-box .title a {
    color: #ffffff;
}



/* Golf Club */

.golf-club {
    position: relative;
    margin: 0 auto;
}

.golf-club .golf-club-box {
    position: relative;
    overflow: hidden;
    background: #fff;
    /* box-shadow: 5px 10px 29px 0 rgba(68, 88, 144, 0.2); */
    transition: all 0.3s ease-in-out;
    /* border-radius: 10px; */
    width: 100%;
    height: 300px;
    margin-top: 20px;
}

.golf-club-box .golf-club-bg1 {
    background: url("../img/golf-img1.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.golf-club-box .golf-club-bg2 {
    background: url("../img/golf-img2.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.golf-club-box .golf-club-bg3 {
    background: url("../img/golf-img3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.golf-club-box .golf-club-bg4 {
    background: url("../img/golf-img4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}


.golf-club-box .title {
    font-weight: 700;
    padding-top: 15px;
    font-size: 18px;
    text-align: center;
    bottom: -10px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #00000096;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.golf-club-box .title a {
    color: #ffffff;
}



/* Sports Club */

.sports-club {
    position: relative;
    margin: 0 auto;
}

.sports-club .sports-club-box {
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 300px;
    margin-top: 20px;
}

.sports-club-box .sports-club-bg1 {
    background: url("../img/sports-club-img1.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.sports-club-box .sports-club-bg2 {
    background: url("../img/sports-club-img2.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.sports-club-box .sports-club-bg3 {
    background: url("../img/sports-club-img3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.sports-club-box .title {
    font-weight: 700;
    padding-top: 15px;
    font-size: 18px;
    text-align: center;
    bottom: -10px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #00000096;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.sports-club-box .title a {
    color: #ffffff;
}

.sports-club-icon {
    text-align: center;
}

.sports-club-icon h3 {
    padding-top: 20px;
    font-size: 18px;
}





/* ============= Whats on =========== */

.whatson {
    position: relative;
    margin: 0 auto;
}

.whatson .whatson-box {
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 300px;
    margin-top: 20px;
}

.whatson-box .whatson-bg1 {
    background: url("../img/whatson-img1.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.whatson-box .whatson-bg2 {
    background: url("../img/whatson-img2.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.whatson-box .whatson-bg3 {
    background: url("../img/whatson-img3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.whatson-box .whatson-bg4 {
    background: url("../img/whatson-img4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.whatson-box .whatson-bg5 {
    background: url("../img/whatson-img5.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.whatson-box .whatson-bg6 {
    background: url("../img/whatson-img6.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.whatson-box .title {
    font-weight: 700;
    padding-top: 15px;
    font-size: 18px;
    text-align: center;
    bottom: -10px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #00000096;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.whatson-box .title a {
    color: #ffffff;
}

.whatson-box .title a:hover {
    color: #f6b024;
}




/* ============= Eat and Drink =========== */

.eat-drink {
    position: relative;
    margin: 0 auto;
}

.eat-drink .eat-drink-box {
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 300px;
    margin-top: 20px;
}

.eat-drink-box .eat-drink-bg1 {
    background: url("../img/eat-img1.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.eat-drink-box .eat-drink-bg2 {
    background: url("../img/eat-img2.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.eat-drink-box .eat-drink-bg3 {
    background: url("../img/eat-img3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.eat-drink-box .eat-drink-bg4 {
    background: url("../img/eat-img4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}


.eat-drink-box .title {
    font-weight: 700;
    padding-top: 15px;
    font-size: 18px;
    text-align: center;
    bottom: -10px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #00000096;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.eat-drink-box .title a {
    color: #ffffff;
}




/* ============= Community =========== */

.community {
    position: relative;
    margin: 0 auto;
}

.community .community-box {
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 300px;
    margin-top: 20px;
}

.community-box .community-bg1 {
    background: url("../img/comm-img1.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.community-box .community-bg2 {
    background: url("../img/comm-img2.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.community-box .community-bg3 {
    background: url("../img/comm-img3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.community-box .community-bg4 {
    background: url("../img/comm-img4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.community-box .community-bg5 {
    background: url("../img/comm-img5.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.community-box .community-bg6 {
    background: url("../img/comm-img6.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}


.community-box .title {
    font-weight: 700;
    padding-top: 15px;
    font-size: 18px;
    text-align: center;
    bottom: -10px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #00000096;
    padding-bottom: 15px;
    text-transform: uppercase;
    color: #fff;
}

.community-box .title {
    color: #ffffff;
}




/* ============= Membership =========== */

.membership {
    position: relative;
    margin: 0 auto;
}

.membership .membership-box {
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 300px;
    margin-top: 20px;
}

.membership-box .membership-bg1 {
    background: url("../img/membership-img1.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.membership-box .membership-bg2 {
    background: url("../img/membership-img2.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.membership-box .membership-bg3 {
    background: url("../img/membership-img3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.membership-box .membership-bg4 {
    background: url("../img/membership-img4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}


.membership-box .title {
    font-weight: 700;
    padding-top: 15px;
    font-size: 18px;
    text-align: center;
    bottom: -10px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #00000096;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.membership-box .title {
    color: #ffffff;
}


/* ============= Olive Garden =========== */

.olive-garden {
    position: relative;
    margin: 0 auto;
}

.olive-garden .olive-garden-box {
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 300px;
    margin-top: 20px;
}

.olive-garden-box .olive-garden-bg1 {
    background: url("../img/eat-img1.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.olive-garden-box .olive-garden-bg2 {
    background: url("../img/olive-garden-bg2.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.olive-garden-box .olive-garden-bg3 {
    background: url("../img/olive-garden-bg3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}



.olive-garden-box .title {
    font-weight: 700;
    padding-top: 15px;
    font-size: 18px;
    text-align: center;
    bottom: -10px;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #00000096;
    padding-bottom: 15px;
    text-transform: uppercase;
    color: #fff;
}

.olive-garden-box .title {
    color: #ffffff;
}


/* ============= All Promotions =========== */

.all-promotion {
    position: relative;
    margin: 0 auto;
}

.all-promotion .all-promo-box {
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 400px;
    margin-top: 20px;
}

.all-promo-box .all-promo-bg1 {
    background: url("../img/wincash.jpg") top center no-repeat;
    background-size: 100%;
    height: 100%;
    width: 100%;
}

.all-promo-box .all-promo-bg2 {
    background: url("../img/cash-draw.jpg") top center no-repeat;
    background-size: 100%;
    height: 100%;
    width: 100%;
}



.all-promo-box-title h4 {
    font-weight: 700;
    padding-top: 15px;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
}

.all-promo-box-title p {
    text-align: center;
}

.all-promo-img img {
    max-width: 100%;
}

.all-promo-para {
    font-size: 18px;
    padding-top: 10px;
}

.all-prmo-h3 h3 {
    font-size: 22px;
    font-weight: 600;
}

@media (max-width: 992px) {
    .all-promotion .all-promo-box {
        height: 280px;
    }
}