
    .patient-container {
        display: flex;
        align-items: center;
        font-size: 24px;
        color: #333;
    }

    .patient-icon {
        margin-right: 10px;
        /* Space between icon and text */
    }

    .patient-text {
        font-size: 1.5rem;
        /* Adjust the font size of the text */
    }

    :root {
        --main-color: #f75c03;
    }

    .loader {
        width: 100px;
        height: 35px;
        perspective: 1000px;
        margin: 0 auto;
        position: relative;
    }

    .loader .inner_loader {
        background: var(--main-color);
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: inline-block;
    }

    .loader .inner_loader:nth-child(1) {
        animation: rollInOut 3s 500ms ease infinite;
    }

    .loader .inner_loader:nth-child(2) {
        animation: rollInOut 3s 1s ease infinite;
    }

    .loader .inner_loader:nth-child(3) {
        animation: rollInOut 3s 1.5s ease infinite;
    }

    @keyframes rollInOut {
        0% {
            transform: translateX(-100px) scale(0);
        }

        30%,
        70% {
            background: var(--main-color);
            transform: translateX(0) scale(1);
        }

        100% {
            transform: translateX(100px) scale(0);
        }
    }

    .demo {
        background: #F2F2F2;
    }

    .form-container {
        background: #ecf0f3;
        font-family: 'Nunito', sans-serif;
        padding: 40px;
        border-radius: 20px;
        box-shadow: 14px 14px 20px #cbced1, -14px -14px 20px white;
        width: 150%;
        height: 150%;
        float: none;
    }

    .form-container .form-icon {
        color: #ac40ab;
        font-size: 55px;
        text-align: center;
        line-height: 100px;
        width: 100px;
        height: 100px;
        margin: 0 auto 15px;
        border-radius: 50px;
        box-shadow: 7px 7px 10px #cbced1, -7px -7px 10px #fff;
    }

    .form-container .title {
        color: #ac40ab;
        font-size: 25px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        margin: 0 0 20px;
    }

    .form-container .form-horizontal .form-group {
        margin: 0 0 25px 0;
    }

    .form-container .form-horizontal .form-group label {
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .form-container .form-horizontal .form-control {
        color: #333;
        background: #ecf0f3;
        font-size: 15px;
        height: 50px;
        padding: 20px;
        letter-spacing: 1px;
        border: none;
        border-radius: 50px;
        box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px #fff;
        display: inline-block;
        transition: all 0.3s ease 0s;
    }

    .form-container .form-horizontal .form-control:focus {
        box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px #fff;
        outline: none;
    }

    .form-container .form-horizontal .form-control::placeholder {
        color: #808080;
        font-size: 14px;
    }

    .form-container .form-horizontal .btn {
        color: #000;
        background-color: #ac40ab;
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
        width: 100%;
        padding: 12px 15px 11px;
        border-radius: 20px;
        box-shadow: 6px 6px 6px #cbced1, -6px -6px 6px #fff;
        border: none;
        transition: all 0.5s ease 0s;
    }

    .form-container .form-horizontal .btn:hover,
    .form-container .form-horizontal .btn:focus {
        color: #fff;
        letter-spacing: 3px;
        box-shadow: none;
        outline: none;
    }
   .loader-container {
    display: none; /* Initially hidden */
    text-align: center;
    margin-top: 20px;
}

.loader {
    width: 100px;  /* Reduced size */
    height: 100px; /* Reduced size */
    border-radius: 50%;
    border: 3px solid transparent; /* Adjusted thickness */
    border-top-color: #FF4500;
    margin: 0 auto;
    position: relative;
    animation: rotating 2.5s infinite ease;
}

  