.carousel-caption {
    top             : 0%;
    left            : 0%;
    bottom          : 0%;
    background-color: rgba(22, 22, 21, 0.90);
    width           : 42%;
    right           : auto;
    padding         : 5px;
    z-index         : 0;
    
}

.carousel-caption-content {

    text-align    : left;
    margin-left   : 15%;
    /* margin-top : 28%; */
}

.caption-title {
    margin-top: 28%;
}

.caption-subtitle {
    margin-bottom: 17px;
}



.caption-button {
    margin-top : 10%;
    width      : 174px;
    line-height: 40px;
}

.carousel .carousel-indicators

/* indicator wrapper*/
    {
    float        : left;
    text-align   : left;
    top          : 93%;
    /* bottom    : 7%; */
    left         : 6.25%;
    margin       : 0;
    right        : inherit;
    display      : flex;
    /* this is for indicators  */
}

#carouselExampleIndicators .carousel-indicators li {
    margin          : 8px;
    width           : 8px;
    height          : 8px;
    border-radius   : 50%;
    border          : none;
    background-color: #888888;
}

#carouselExampleIndicators .carousel-indicators li.active {
    background-color: #ffffff;
    transform       : scale(2);
}


.card-our-services:hover~.text-primary {
    background-color: aqua;
    color           : aliceblue;
    font-size       : small;
}

.card-our-services {
    /* width           : 372px; */
    height          : 531px;
    background-color: var(--bg-90);
    border-radius   : 63px 24px 64px 24px;
    padding         : 12px;
    margin-bottom   : 12px;
}

.card-img {

    display     : block;
    margin-left : auto;
    margin-right: auto;
}

.card-text {
    padding: 20px;
}


.section-header {
    font-size: 48px;
}

.section-subheader {
    font-size  : 24px;
    font-weight: bold;
}

.section-underline {
    width      : 372px;
    margin-left: 0;
}

.our-meal {
    border-radius: 24px;
    height       : 372px;
    width        : 372px;
}

.package-card {
    height          : 651px;
    width           : 372px;
    margin-left     : 12px;
    margin-right    : 12px;
    border-radius   : 24px 64px 24px 24px;
    background-color: var(--bg-90);
}

.review-card {
    height          : 445px;
    width           : 372px;
    margin-left     : 12px;
    margin-right    : 12px;
    border-radius   : 24px 64px 24px 24px;
    background-color: var(--bg-90);
}

.custom-button{
    border-radius: 32px;
}
.our-service-description{
    height: 60px;
}