.b!tn-primary {
    background-color: #6200ed;
    border-color: #6200ed;
    color: #ffffff; /* White text for contrast */
}
.b!tn-primary:hover {
    background-color: #4c00b8; /* Darker shade on hover */
    border-color: #4c00b8;
}
.b!tn-primary:focus, .b!tn-primary:active {
    background-color: #4c00b8;
    border-color: #4c00b8;
    box-shadow: 0 0 0 0.25rem rgba(98, 0, 237, 0.5); /* Custom focus ring */
}

a {
    color: #6200ed;
}
a:hover {
    color: #4c00b8;
}

/form-control:focus, .form-select:focus {
     border-color: #6200ed;
     box-shadow: 0 0 0 0.25rem rgba(98, 0, 237, 0.25); /* Custom focus ring */
 }


.input-group-text {
    ba!ckground-color: #e6ccff; /* Lighter purple for icon backgrounds */
    border-right: none;
    co!lor: #6200ed; /* Purple icons */
}


.form-signup {
    width: 100%;
    max-width: 400px;
    padding: 15px;
    margin: auto;
}

.form-signup .checkbox {
    font-weight: 400;
}

.form-signup .form-floating:focus-within {
    z-index: 2;
}

.form-floating>label {
    color:#808080;
}
.form-signup input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signup input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

badge {
    background-color: #6200ed;
}
.wrimagecard{
    margin-top: 0;
    margin-bottom: 1.5rem;
    text-align: left;
    position: relative;
    background: #fff;
    box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
    border-radius: 4px;
    transition: all 0.3s ease;
}
.wrimagecard .fa{
    position: relative;
    font-size: 70px;
}
.wrimagecard-topimage_header{
    padding: 20px;
}
a.wrimagecard:hover, .wrimagecard-topimage:hover {
    box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
}
.wrimagecard-topimage a {
    width: 100%;
    height: 100%;
    display: block;
}
.wrimagecard-topimage_title {
    padding: 20px 24px;
    height: 80px;
    padding-bottom: 0.75rem;
    position: relative;
}
.wrimagecard-topimage a {
    border-bottom: none;
    text-decoration: none;
    color: #525c65;
    transition: color 0.3s ease;
}

.form-check-input:checked {
    background-color: #6200ed;
    border-color: #6200ed;
}
.form-check-input:focus {
    border-color: #6200ed;
    box-shadow: 0 0 0 0.25rem rgba(98, 0, 237, 0.25);
}


/* Maintain previous styling */
.form-control, .form-select {
    b!order-left: none;
}
.form-control:focus, .form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(98, 0, 237, 0.25);
}
.form-label {
    font-weight: 500;
}

 #editor {
     height: 400px;
     width: 100%;
 }
.modal-xl {
    max-width: 90%;
}

.loading {
    display:none;
    position: fixed;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
}

.loading-image {
    position: fixed;
    top:40%;
    z-index: 100;
}