.umrah-date-picker {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            margin-top: 15px;
            margin-bottom: 10px;
        }

        .umrah-date {
            /* border: 2px solid #ccc; */
            /* border-radius: 8px; */
            /* padding: 10px; */
            text-align: center;
            /* width: 80px; */
            cursor: pointer;
            transition: all 0.2s ease;
            min-width: 20%;
            position: relative;
        }

        .umrah-date.selected {
            border-color: #0073aa;
            /* background: #0073aa; */
            color: #0c69ffff;
        }

        .umrah-date.selected .calendar{
            transform: scale(1.1);
                box-shadow: 0px 5px 7px -3px #000;
        }

        .umrah-day {
            font-size: 30px;
            font-weight: bold;
            color: #784421;
        }

        .umrah-month {
            font-size: 20px;
            color: #f4eed7;
        }

        .umrah-seats {
            font-size: 15px;
            color: #666;
            margin-top: 10px;
        }

        .date-wrap{
            display: flex;
            flex-direction: column;
            position: absolute;
            top:20px;
            left:36px;
        }

        .calendar{
            width:100px;
            transition: ease .5s;

        }
        .bookbtn{
            background-color: #784421 !important;
            
        }
        .bookbtn:hover{
            background-color: #d38d5f !important;
            border-radius: 10px !important;
        }
        #aqsa-umrah-form label{
                margin: 10px 0px 10px 0px;
                font-size: 20px;
                color: #5e503f;
                font-weight: 500;
                font-family: "Playfair Display";
        }
        
        
        .required {
    color: red !important;
    margin-left: 2px ;
     font-size: 13px !important;
    display: block !important;
}

.field-wrap {
    position: relative ;
    margin-bottom: 15px ;
}

.error-message {
    color: red ;
    font-size: 13px ;
    position: absolute ;
    top: 50% ;
    right: 0 ;
    transform: translateY(-50%) ;
}