body {
            background: #1E1832;
        }


        .carousel-caption>h1 {

            background-color: rgba(0, 0, 0, 0.5)
        }


        .blue-div {
            background-color: #426BD4;
            color: #fff;
            border-radius: 20px;
        }


        .event-full {
            border-radius: 20px;
            background-color: #426BD4;
            color: #fff;
            overflow: hidden;
        }

        .image-container {
            position: relative;
            overflow: hidden;
        }

        .image-container img {
            transition: transform 0.3s ease;
        }

        .image-container:hover img {
            transform: scale(1.1);
        }

        .badge {
            padding-left: 5px !important;
            padding-right: 5px !important;
            padding-top: 2px !important;
            padding-bottom: 2px !important;
            -webkit-border-radius: 9px;
            -moz-border-radius: 9px;
            border-radius: 50%;
        }

        #lblCartCount {
            font-size: 12px;
            padding: 5px;
            background: #D89623;
            color: #fff;
            padding: 0 5px;
            vertical-align: top;
            margin-left: -10px;
            z-index: 999;
        }

        /* .nav-item > a{
            border-left: 1px solid #fff;
        } */


        .dropdown {
            position: static !important;
        }

        .dropdown-menu {
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
            margin-top: 0px !important;
            width: 100% !important;
            border-bottom-left-radius: 20px !important;
            border-bottom-right-radius: 20px !important;
            position: relative;
            background-color: rgba(255, 255, 255, .8) !important;
            /* display: block; */
        }

        .upload_photo {
            font-weight: 800;
            padding: 20px 30px;
            border-radius: 20px !important;
            background-color: #426BD4;
            color: white;
            border: none;
        }

        .upload_photo:hover {
            background-color: rgba(66, 107, 212, 0.7)
        }

        .upload_selfie {
            font-weight: 800;
            padding: 20px 30px;
            border-radius: 20px !important;
            background-color: #FF5C00;
            color: white;
            border: none;
        }

        .upload_selfie:hover {
            background-color: rgba(255, 94, 0, 0.7);
            color: white;
        }

        #image-preview {
            width: 100%;
            /* margin-left: 20px; */
            border-radius: 20px;
            overflow: hidden;
        }

        .loader-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: none;
            z-index: 9999;
        }

        .loader {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 16px solid #f3f3f3;
            /* Light grey */
            border-top: 16px solid #3498db;
            /* Blue */
            border-radius: 50%;
            width: 120px;
            height: 120px;
            animation: spin 2s linear infinite;
        }

        #image-preview {
            display: none;
            max-width: 100%;
            max-height: 200px;
            margin-bottom: 10px;
        }

        #camera-preview {
            max-width: 100%;
            height: auto;
            margin-bottom: 10px;
        }

        .navbar-toggler {
            position: absolute;
            right: -5px !important;
            top: -35px;
            padding: 1px 6px;
            font-size: inherit;
        }

        .findphotoimg {
            width: 100%;
            height: 149px !important;
            padding-right: 12px;
        }

        .blue-div {
            background: linear-gradient(to right, #1E1832 35%, #1A006F 100%) !important;
            border-radius: 30px !important;
            border: 1px solid #D89624 !important;
            height: 150px !important;

        }
        @media only screen and (max-width: 767px) {
    .findphotoimg1,
    .findphotoimg {
        display: none !important;
    }

    .blue-div .row {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px;
        text-align: center;
    }

    .blue-div .col-md-4 {
        width: 100% !important;
        padding: 0 !important;
    }

    .blue-div h1 {
        font-size: 38px; /* Increased font size */
        line-height: 42px;
        margin: 5px 0;
        text-align: center;
    }

    .blue-div {
        text-align: center;
        margin: 10px;
    }
}