.m-60 {
    margin-top: 60%;
}

.border_none {
    border: none !important;
}

.ai {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.eventPlanning-font {
    color: black;
    font-family: 'Gambetta-Medium';
    font-size: 43px;
    font-style: normal;
    line-height: 110%;
    letter-spacing: -1.92px;
}

.theMenu_first_bgImg {
    background-image: url(/img/stills.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /* width: 100px; */
    height: 490px;
}

.roboto-regular-color {
    color: #44403C !important;
    font-size: 20px;
    line-height: 150%; /* 30px */
}

ul {
    list-style-type: disc; /* Ensures dots are shown */
    padding-left: 20px; /* Adds space so bullets appear inside */
    margin: 0; /* Optional reset */
}

.eventPlanner {
    background-color: #FAFAF9 !important;
}

.lightblack-color {
    color: #44403C !important;
}

.darkblack-color {
    background-color: #ECEBE9 !important;
}

.fs-14 {
    font-size: 14px;
}

.ellipsis-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Show only 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mb-10 {
    margin-bottom: 10% !important;
}

/* Small devices (phones, 600px and down) */
@media only screen and (max-width: 320px) and (max-width: 256px) {
    .theMenu_first_bgImg {
        background-image: url(/img/stills.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        /* width: 100px; */
        height: 178px;
    }
}

@media only screen and (max-width: 375px) and (max-width: 256px) {
    .theMenu_first_bgImg {
        background-image: url(/img/stills.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        /* width: 100px; */
        height: 206px;
    }
}

@media only screen and (max-width: 425px) and (max-width: 256px) {
    .theMenu_first_bgImg {
        background-image: url(/img/stills.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        /* width: 100px; */
        height: 235px;
    }
}

@media only screen and (max-width: 768px) and (max-width: 256px) {
    .theMenu_first_bgImg {
        background-image: url(/img/stills.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        /* width: 100px; */
        /*        height: 178px;*/
    }
}

@media only screen and (max-width: 1024px) and (max-width: 256px) {
    .theMenu_first_bgImg {
        background-image: url(/img/stills.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        /* width: 100px; */
        /*        height: 178px;*/
    }
}

@media only screen and (max-width: 1440px) and (max-width: 301px) {
    .theMenu_first_bgImg {
        background-image: url(/img/stills.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        /* width: 100px; */
        /*        height: 178px;*/
    }
}

@media only screen and (max-width: 1920px) and (max-width: 1080px) {
    .theMenu_first_bgImg {
        background-image: url(/img/stills.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        /* width: 100px; */
        /*        height: 178px;*/
    }
}

@media only screen and (max-width: 2560px) and (max-width: 570px) {
    .theMenu_first_bgImg {
        background-image: url(/img/stills.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        /* width: 100px; */
        height: 178px;
    }
}