/* Internal styles extracted from ClientReview/ClientForgotPassword.blade.php */

/* CSS Block 1 */
input#email:focus {
            outline: 1px solid #002855a3;
            /* Set red outline */
        }

        input#email {
            transition: outline 0.3s ease;
        }

        .container {
            max-width: 500px;
            width: 100%;
            background: #ffffff;
            /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
        }

        .header {
            background-color: #002855;
            padding: 20px;
            text-align: center;
        }

        .header h4 {
            color: #ffffff;
            margin: 0;
            font-weight: 400;
            font-size: 25px;
        }

        .form-container label {
            display: block;
            font-size: 14px;
            margin-bottom: 8px;
            color: #555555;
        }

        .form-container input[type="email"] {
            margin-top: 30px;
            width: 75%;
            padding: 10px;
            border: 1px solid #dddddd;
            border-radius: 4px;
            /* font-size: 14px; */
            /* padding-bottom: 30px; */
            display: flex;
            align-items: center;
            justify-content: center;
            align-self: center;
            align-content: center;
            margin: auto;
        }

        .header {
            margin-bottom: 26px;
        }

        .form-container button {
            width: 100%;
            background-color: #00d976;
            color: #ffffff;
            font-size: 20px;
            padding: 10px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.3s;
            font-weight: 500
        }

        .form-container button:hover {
            background-color: #00b665;
        }

        section.Main-container-01 {
            display: flex;
            margin-top: 10%;
            margin-bottom: 9%;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        .Main-c-forget-passwd {
            width: 85%;
            margin: auto;
            background: #FFFFFF;
        }

        .container.main-c-0-1 {
            background: #C1D6FF47;
            padding: 60px 1px 60px 1px;
            max-width: 1100px;
        }

        #btn-submit-reset-pas {
            width: 25.5%;
            margin-top: 25px;
            /* align-self: center; */
            /* display: flex
; */
            /* justify-content: space-around; */
            /* flex-direction: row; */
            /* align-content: center; */
        }

        form.main-form-reset-p {
            margin: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding-bottom: 25px;
        }

        .alert.alert-success-ma {
            border: 1px solid #188038!important;
            color: #188038!important;
            background: #f8fff9;
            font-weight: 500;
            padding: 12px 16px;
            border-radius: 4px;
            margin: 10px 0;
            text-align: center;
            font-size: 15px;
        }

        .text-danger {
            margin: auto;
            width: 74%;
            font-weight: 500;
            color: #dc3545;
            background-color: #f8d7da;
            border: 1px solid #f5c6cb;
            border-radius: 4px;
            padding: 12px 15px;
            margin-top: 10px;
            text-align: center;
            font-size: 14px;
        }

        .alert.alert-danger {
            margin: auto;
            width: 64%;
            font-weight: 500;
            color: #dc3545;
            background-color: #f8d7da;
            border: 1px solid #f5c6cb;
            border-radius: 4px;
            padding: 12px 15px;
            margin-top: 10px;
            text-align: center;
            font-size: 14px;
        }

        .alert.alert-success {
            border: 1px solid #188038!important;
            color: #188038!important;
            background: #f8fff9;
            font-weight: 500;
            padding: 12px 16px;
            border-radius: 4px;
            margin: 10px 0;
            text-align: center;
            width: 74%;
            margin: auto;
            font-size: 14px;
        }

        @media (max-width: 768px) {
            #btn-submit-reset-pas {
                width: 59.5%;
            }

            section.Main-container-01 {
                display: flex;
                margin-top: 38%;
                margin-bottom: 20%;
                align-items: center;
                justify-content: center;
                flex-direction: column;
            }

            .form-container input[type="email"] {
                margin-top: 30px;
                width: 87%;
            }

            .form-container input[type="email"] {
                margin-top: 8px;
            }

            .text-danger,
            .alert.alert-danger {
                width: 87%;
            }
            
            .alert.alert-success {
                border: 1px solid #188038!important;
                color: #188038!important;
                background: #f8fff9;
                font-weight: 500;
                padding: 12px 16px;
                border-radius: 4px;
                margin: 10px 0;
                text-align: center;
                width: 87%;
            }

            .Main-c-forget-passwd {
                width: 94%;
            }
        }

        @media (min-width: 768px) and (max-width: 1024px) {
            section.Main-container-01 {
                display: flex;
                margin-top: 23%;
                margin-bottom: 14%;
            }

            #btn-submit-reset-pas {
                width: 31.5%;
            }
        }

        section.Main-container-01 div ul {
            margin: 0px;
            text-decoration: none;
        }