.elementor-383 .elementor-element.elementor-element-7b468cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-383 .elementor-element.elementor-element-b545fa6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:500;text-transform:capitalize;color:var( --e-global-color-1377158 );}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-7b468cf *//* --- TRCC Registration Core Skeleton Overrides --- */

/* 1. Main Outer Box Core Wrapper - Full Spacing & Center Alignment */
.tutor-wrap, 
.tutor-registry-form-wrap,
form[data-tutor-validation] {
    margin-top: 80px !important;    /* Top bracket extra spacing */
    margin-bottom: 80px !important; /* Bottom footer clear spacing */
    padding: 45px 40px !important;  /* Inner container breathing space */
    background: #ffffff !important;
    border: 1px solid rgba(138, 43, 226, 0.12) !important;
    box-shadow: 0 20px 40px rgba(157, 78, 221, 0.06) !important;
    border-radius: 16px !important; /* Sleek bento rounded look */
    max-width: 540px !important;    /* Form broad look handle */
    margin-left: auto !important;   /* Perfect horizontal center */
    margin-right: auto !important;  /* Perfect horizontal center */
}

/* 2. Form Grid Fields Margin & Spacing Control */
.tutor-form-row, 
.tutor-mb-3,
.tutor-registration-field-wrap {
    margin-bottom: 24px !important; /* Proper block air space */
    width: 100% !important;
}

/* 3. Fields Label Typography */
.tutor-form-label,
form label {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    color: #2d2d2d !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* 4. Smooth Premium Input Boxes */
.tutor-form-control,
form input[type="text"],
form input[type="email"],
form input[type="password"] {
    background-color: #f9f8fc !important;
    border: 1px solid #e2dbed !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    height: auto !important;
    font-size: 14px !important;
    color: #1a1a1a !important;
    width: 100% !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* Active Focus State Glow */
.tutor-form-control:focus,
form input:focus {
    background-color: #ffffff !important;
    border-color: #8a2be2 !important;
    box-shadow: 0 0 0 4px rgba(138, 43, 226, 0.12) !important;
    outline: none !important;
}

/* 5. Custom Solid Brand Button Override */
.tutor-btn-primary,
button[type="submit"],
.tutor-btn-submit {
    background: linear-gradient(135deg, #8a2be2 0%, #4b0082 100%) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 15px 30px !important;
    border-radius: 12px !important;
    border: none !important;
    width: 100% !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 8px 24px rgba(138, 43, 226, 0.25) !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
    cursor: pointer !important;
}

.tutor-btn-primary:hover,
button[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 32px rgba(138, 43, 226, 0.4) !important;
    opacity: 0.95;
}/* End custom CSS */