/*--------------------------------------------------------------
# banner Section
--------------------------------------------------------------*/
#resort {
    width: 100%;
    height: 84vh;
    overflow: hidden;
    position: relative;
    background: url("../img/resort.jpg") top center;
    background-size: cover;
    position: relative;
    margin-bottom: -90px;
}

#resort:before {
    content: "";
    /* background: rgba(6, 101, 183, 0.9); */
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#resort .carousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#resort h2 {
    color: #111;
    margin-bottom: 40px;
    font-size: 48px;
    font-weight: 700;
}



@media (max-width: 768px) {
    #resort {
        height: 100vh;
        /* margin-bottom: 60px; */
    }

    #resort h2 {
        font-size: 28px;
    }
}



/*--------------------------------------------------------------
# resort-boxes
--------------------------------------------------------------*/
.resort-boxes {
    /* padding-top: 0; */
    background-color: #fff;
    /* height: 310px; */
    box-shadow: 0px 2px 11px 1px #dadada;
    position: relative;
    width: 86vw;
    margin: 0 auto;
    border-radius: 10px;
    margin-bottom: 30px;
}

.resort-boxes .resort-box {
    /* padding: 40px 30px; */
    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;
}

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

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

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



/* ----------------------------------- 
            Fitnessd Images 
 ----------------------------------- */
.resort-boxes .fitness-box {
    /* padding: 40px 30px; */
    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;
}

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

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

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

/* ----------------------------------- 
    Constallation cafe Images 
 ----------------------------------- */
.resort-boxes .cafe-box {
    /* padding: 40px 30px; */
    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;
}

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

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

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

/* ----------------------------------- 
            Bottle Shop Images 
 ----------------------------------- */

.resort-boxes .bottle-shop-box {
    /* padding: 40px 30px; */
    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;
}

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

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

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

/* ----------------------------------- 
       Star Dining Images 
 ----------------------------------- */

.resort-boxes .star-dining-box {
    /* padding: 40px 30px; */
    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-dining-box .star-din-bg1 {
    background: url("../img/star-din-img1.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

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

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

/* ----------------------------------- 
       Stadium Images 
 ----------------------------------- */

.resort-boxes .stadium-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;
}

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

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

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


/* ----------------------------------- 
       Tabtinga Images 
 ----------------------------------- */

.resort-boxes .tabtinga-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;
}

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

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

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



/* ----------------------------------- 
       Star Cinema Images 
 ----------------------------------- */

.resort-boxes .star-cinema-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;
}

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

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

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


/* ----------------------------------- 
       Star Centre Images 
 ----------------------------------- */

.resort-boxes .star-center-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;
}

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

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

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




/* ----------------------------------- 
       Star Apartments Images 
 ----------------------------------- */

.resort-boxes .star-apart-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;
}

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

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

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

.resort-boxes .icon {
    margin: 0 auto 20px auto;
    display: inline-block;
    text-align: center;
}

.resort-boxes .icon i {
    font-size: 36px;
    line-height: 1;
    color: #f6b024;
}

.resort-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;
}

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

.resort-boxes .description {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
    color: #777777;
}

.hotel-icon {
    display: flex;
}


.hotel-icon .main-title h2 {
    text-transform: uppercase;
}

.hotel-icon h2 {
    font-size: 24px;
    font-weight: 600;
    color: #c8963e;
    margin-bottom: 0;
}

.hotel-icon .sub-txt {
    font-size: 14px;
    text-transform: uppercase;
}

/* ----------------------------------- 
            Buffet Images 
 ----------------------------------- */
.resort-boxes .buffet-box {
    /* padding: 40px 30px; */
    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;
}

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

.buffet-box .buff-bg2 {
    background: url("../img/star-din-img3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

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



/* ----------------------------------- 
            Buffet Images 
 ----------------------------------- */
.resort-boxes .tingha-box {
    /* padding: 40px 30px; */
    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;
}

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

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

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


/*--------------------------------------------------------------
# dininig-boxes
--------------------------------------------------------------*/
.dinning-boxes {
    /* padding-top: 0; */
    background-color: #b7852f;
    /* height: 310px; */
    box-shadow: 0px 2px 11px 1px #dadada;
    position: relative;
    width: 86vw;
    margin: 0 auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.dinning-boxes .dinning-box {
    /* padding: 40px 30px; */
    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;
}

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

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

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

/* ----------------------------------- 
            Fitness below Images 
 ----------------------------------- */
.dinning-boxes .fitness1-box {
    /* padding: 40px 30px; */
    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;
}

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

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

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

/* ----------------------------------- 
       constallation cafe 1 Images 
 ----------------------------------- */
.dinning-boxes .cafe1-box {
    /* padding: 40px 30px; */
    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;
}

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

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

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

/* ----------------------------------- 
       Bottle shop 1 Images 
 ----------------------------------- */
.dinning-boxes .bottle-shop-box1 {
    /* padding: 40px 30px; */
    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;
}

.bottle-shop-box1 .bshop1-bg1 {
    background: url("../img/bottle-4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.bottle-shop-box1 .bshop1-bg2 {
    background: url("../img/bottle-5.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.bottle-shop-box1 .bshop1-bg3 {
    background: url("../img/bottle-3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}


/* ----------------------------------- 
       star dining 1 Images 
 ----------------------------------- */
.dinning-boxes .star-dining-box1 {
    /* padding: 40px 30px; */
    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-dining-box1 .star-din-bg1 {
    background: url("../img/star-din-img4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.star-dining-box1 .star-din-bg2 {
    background: url("../img/star-din-img5.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.star-dining-box1 .star-din-bg3 {
    background: url("../img/star-din-img6.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}


/* ----------------------------------- 
       Stadium 1 Images 
 ----------------------------------- */
.dinning-boxes .stadium-box1 {
    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;
}

.stadium-box1 .stadium1-bg1 {
    background: url("../img/stadium-img4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.stadium-box1 .stadium1-bg2 {
    background: url("../img/stadium-img5.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.stadium-box1 .stadium1-bg3 {
    background: url("../img/stadium-img6.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}



/* ----------------------------------- 
       Tabatinga 1 Images 
 ----------------------------------- */
.dinning-boxes .tabtinga-box1 {
    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;
}

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

.tabtinga-box1 .tabatinga1-bg2 {
    background: url("../img/tabatinga2.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.tabtinga-box1 .tabatinga1-bg3 {
    background: url("../img/tabatinga3.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}



/* ----------------------------------- 
       Cinema Images 
 ----------------------------------- */
.dinning-boxes .star-cinema-box1 {
    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-cinema-box1 .cinema1-bg1 {
    background: url("../img/star-cinema4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.star-cinema-box1 .cinema1-bg2 {
    background: url("../img/star-cinema5.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.star-cinema-box1 .cinema1-bg3 {
    background: url("../img/star-cinema6.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}



/* ----------------------------------- 
       Star Centre Images 
 ----------------------------------- */
.dinning-boxes .star-center-box1 {
    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-center-box1 .center1-bg1 {
    background: url("../img/star-center4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.star-center-box1 .center1-bg2 {
    background: url("../img/star-center5.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.star-center-box1 .center1-bg3 {
    background: url("../img/star-center6.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}



/* ----------------------------------- 
       Apartments Images 
 ----------------------------------- */
.dinning-boxes .star-apart-box1 {
    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-apart-box1 .star-apart1-bg1 {
    background: url("../img/star-aprt-img4.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.star-apart-box1 .star-apart1-bg2 {
    background: url("../img/star-aprt-img5.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.star-apart-box1 .star-apart1-bg3 {
    background: url("../img/star-aprt-img6.jpg") top center no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.dinning-boxes .icon {
    margin: 0 auto 20px auto;
    display: inline-block;
    text-align: center;
}

.dinning-boxes .icon i {
    font-size: 36px;
    line-height: 1;
    color: #f6b024;
}

.dinning-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;
}

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

.dinning-boxes .description {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
    color: #777777;
}

.dinning-icon {
    display: flex;
}

/* .dinning-icon .main-title {
    padding-left: 20px;
    padding-top: 20px;
} */

.dinning-icon h2 {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0;
    text-transform: uppercase;
}

.dinning-box h4 {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0;
    text-transform: uppercase;
}

.bottle-shop-box1 h4 {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0;
    text-transform: uppercase;
}

.star-dining-box1 h4 {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0;
    text-transform: uppercase;
}

.stadium-box1 h4 {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0;
    text-transform: uppercase;
}

.dinning-icon .sub-txt {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
}



.services-faci {
    border-radius: 10px;
    text-align: center;
    border: 2px solid #eee;
    height: 200px;
    padding-top: 20px;
    margin-bottom: 20px;
}

.services-faci .service-img img {
    max-width: 100%;
}

.services-faci .service-txt {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 10px;
}

.bottom-img {
    width: 100%;
    height: 84vh;
    overflow: hidden;
    position: relative;
    background: url("../img/bottom-img.jpg") top center;
    background-size: cover;
    position: relative;
}

.container-fluid {
    padding: 0;
}

.bottom-txt {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-txt h2 {
    position: absolute;
    z-index: 1;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}

/* Sub brand Banner section */

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

}

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

}

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

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

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

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

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

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

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

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

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

.tinga-banner {
    background: url("../img/tingapalace-banner.jpg") top center;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: -60px;
    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;
}

.tabtinga-para {
    font-size: 20px;
    text-align: center;
    padding: 40px 0;
}
.fitness-accessportal {
    font-size: 20px;
    text-align: center;
    padding: 0 0 40px 0;
}
.fitness-accessportal a {
   color: #b7852f;
}
.fitness-accessportal a:hover {
   text-decoration: underline;
}

@media (min-width: 481px) and (max-width: 768px) {
    .hotel-icon h2 {
        font-size: 18px;
    }

    .banner-text h2 {
        font-size: 30px;
        margin-top: 80px;
    }

    .dinning-icon h2 {
        font-size: 18px;
    }

    .resort-boxes .bottle-shop-box {
        height: 190px;
    }

    .dinning-boxes .bottle-shop-box1 {
        height: 190px;
    }

    .resort-boxes .fitness-box {
        height: 190px;
    }

    .dinning-boxes .fitness1-box {
        height: 190px;
    }

    .resort-boxes .star-cinema-box {
        height: 190px;
    }

    .dinning-boxes .star-cinema-box1 {
        height: 190px;
    }

    .resort-boxes .star-center-box {
        height: 190px;
    }

    .dinning-boxes .star-center-box1 {
        height: 190px;
    }

    .resort-boxes .resort-box {
        height: 190px;
    }

    .dinning-boxes .dinning-box {
        height: 190px;
    }

    .resort-boxes .stadium-box {
        height: 190px;
    }

    .dinning-boxes .stadium-box1 {
        height: 190px;
    }

    .resort-boxes .star-apart-box {
        height: 190px;
    }

    .dinning-boxes .star-apart-box1 {
        height: 190px;
    }

    .cinema-banner {
        margin-top: 60px;
        height: 300px;
    }

    .fitness-banner {
        margin-top: 60px;
        height: 360px;
    }

    .starcenter-banner {
        margin-top: 60px;
        height: 360px;
    }

    .resort-banner {
        margin-top: 60px;
        height: 360px;
    }

    .stadium-banner {
        margin-top: 60px;
        height: 360px;
    }

    .starapart-banner {
        margin-top: 60px;
        height: 360px;
    }

    .cafe-banner {
        margin-top: 60px;
        height: 360px;
    }

    .bottle-banner {
        margin-top: 35px;
        height: 360px;
    }

    .dining-banner {
        margin-top: 35px;
        height: 360px;
    }

    .tabatinga-banner {
        margin-top: 35px;
        height: 360px;
    }

    .services-faci {
        height: 230px;
    }
}

/* --------------- */
h3 {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
}
.motel-para {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
}

.blog-card-blog {
    margin-top: 30px;
}

.blog-card {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 6px;
    color: rgba(0, 0, 0, 0.87);
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.blog-card .blog-card-image {
    height: 60%;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border-radius: 6px;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.blog-card .blog-card-image img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    pointer-events: none;
}

.blog-card .blog-table {
    padding: 15px 30px;
}

.blog-table {
    margin-bottom: 0px;
}

.blog-category {
    position: relative;
    margin: 15px 0;
    color: #ffffff !important;
    background-color: #b7852f;
    width: 120px;
    height: 35px;
    border-radius: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}


.blog-card-blog .blog-card-caption {
    margin-top: 5px;
}

.blog-card-caption {
    font-weight: 700;

}

.blog-card-caption,
.blog-card-caption a {
    color: #333;
    text-decoration: none;
}

.rtg-img {
    max-width: 100%;
}