body {
            background: linear-gradient(99deg, #EAECEF, #f1f1f1, #baadc9);
            color: white;
        }

        .radius-35 {
            border-radius: 35px;
        }

        .radius-25 {
            border-radius: 25px;
        }

        .dark-text-wave {
            color: #000000d1 !important;
        }

        .dark-bg-wave {
            background-color: #000000d1 !important;
        }

        .form-container {
            background-color: transparent;
            padding: 40px;
            border-radius: 10px;
        }

        .carousel-item {
            position: relative;
            height: 100%;
        }

        .carousel-item img {
            height: 25vw;
            object-fit: cover;
            border-radius: 35px;
        }

        .password-toggle {
            cursor: pointer;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #aaa;
        }

        .slider-text-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            width: 100%;
            z-index: 2;
            color: white;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }

        .slider-text-overlay h2 {
            font-size: 2.5rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
            white-space: pre-line;
        }

        .carousel-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.3);
            z-index: 1;
        }

        /* ====================== */
        .material-textfield {
            position: relative;
        }

        label {
            position: absolute;
            font-size: 1rem;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            background-color: white;
            color: gray;
            padding: 0 0.3rem;
            margin: 0 0.5rem;
            transition: .1s ease-out;
            transform-origin: left top;
            pointer-events: none;
            border-radius: 5px !important;
        }

        .form-control:focus {
            box-shadow: none !important;
            border-color: #3030300f !important;
        }

        input {
            font-size: 1rem;
            outline: none;
            border: 1px solid gray;
            border-radius: 5px;
            padding: 1rem 0.7rem;
            color: gray;
            transition: 0.1s ease-out;
        }

        input:focus+label {
            color: #303030;
            font-weight: 500;
            top: 0;
            transform: translateY(-50%) scale(.9);
        }

        input:not(:placeholder-shown)+label {
            top: 0;
            transform: translateY(-50%) scale(.9);
        }

        input.form-control {
            border-radius: 11px !important;
        }

        .ltr-spc {
            letter-spacing: -0.1px;
        }

        .material-textfield label i {
            transition: opacity 0.2s ease-in-out;
        }

        input:focus+label i,
        input:not(:placeholder-shown)+label i {
            opacity: 0;
            display: none;
        }

        .pl-37 {
            padding-left: 37px;
        }

        /* ------------------------------------ */
        .h-45 {
            height: 45px !important;
        }

        /* =========================== */