.flash_notify_box {
    cursor: pointer;
    width: 150px;
    height: 105px;
    position: fixed;
    right: 10px;
    bottom: 30px;
    background-color: #2f2f2f;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    padding: 10px;
    z-index: 9999;
}

.flash_notify_new { font-size: 14px; color: whitesmoke; }
.flash_notify_user { font-size: 16px; color: rgb(131, 207, 255); }
.flash_notify_city { font-size: 14px; color: darkgrey; }
.flash_notify_chat_with { font-size: 12px; color: rgb(131, 207, 255); }

@media (min-width: 1202px) { .flash_notify_box { width: 220px; right: 10px; bottom: 30px; } }
@media (max-width: 1201px) { .flash_notify_box { width: 23%; right: 10px; bottom: 30px; } }
@media (max-width: 901px) { .flash_notify_box { width: 30%; right: 10px; bottom: 30px; } }
@media (max-width: 750px) { .flash_notify_box { width: 40%; right: 10px; bottom: 30px; } }
@media (max-width: 601px) { .flash_notify_box { width: 50%; right: 10px; bottom: 30px; } }
@media (max-width: 420px) { .flash_notify_box { width: 63%; right: 10px; bottom: 30px; } }
@media (max-width: 350px) { .flash_notify_box { width: 75%; right: 10px; bottom: 30px; } }




.match-container {
    /*background-image: url('{{asset('welcome/images/match111.jpg')}}');*/
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    border-radius: 15px;
    color: #fff;
    margin-top: 25px;
    margin-bottom: 65px;
    /*font-family: 'Georgia', serif;*/
    /*box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);*/
}
.match-heading {
    font-size: 28px;
    /*margin-bottom: 10px;*/
    color: #f48574;
}
.match-names {
    font-size: 38px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.match-names .and {
    margin: 0 5px;
    color: #4e5659;
}
.match-names .first-name,
.match-names .second-name {
    font-weight: bold;
    color: #af4710;
    text-shadow:
            0 0 3px white,
            0 0 5px white,
            0 0 8px white,
            0 0 10px white; /* Increase for stronger effect */
}
@media (max-width: 768px) {
    .match-container {
        background-size: cover;
        margin-top: 0px;
        height: auto; /* Unsets the height for screens under 768px */
        min-height: auto; /* Ensure min-height doesn't affect it either */
    }
    .match-names {
        flex-direction: column;
        font-size: 30px;
    }
    .match-names .and {
        display: none; /* Hide 'and' on small screens */
    }
}



.primary_green{color: #81B29A;}
.circle_in_list{margin-right: 10px;}
ul.custom-list li {
    list-style-type: none; /* Remove default marker */
    padding-left: 20px; /* Adjust to make space for the image */
    text-align: left;
    margin-bottom: 8px;
/*background-image: url('{{asset('welcome/images/match111.jpg')}}');*/
/*background-repeat: no-repeat;*/
/*background-position: 0 50%; !* Vertically center the icon *!*/
}



.image-container-selfie {
    width: 100%;
    /*height: 100vh; !* Adjust height as needed *!*/
    /*max-height: 400px; no!!*/
    border-radius: 10px; /* Adjust radius as needed */
    overflow: hidden;
    max-width: 333px;
    margin: auto;
}

.image-container-selfie img {
    /*max-height: 400px;no*/
    width: 100%;
    height: 100%;
    object-fit: cover; /* Use 'cover' or 'contain' as needed */
}