.elementor-3367 .elementor-element.elementor-element-6c5a9b9a{--display:flex;}.elementor-3367 .elementor-element.elementor-element-e9a735a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:25px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-3367 .elementor-element.elementor-element-eb7d6b0{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}.elementor-3367 .elementor-element.elementor-element-9b37e70{width:var( --container-widget-width, 60% );max-width:60%;padding:25px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-3367 .elementor-element.elementor-element-9b37e70 img{max-width:100%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3367 .elementor-element.elementor-element-a5e49cd{width:100%;max-width:100%;padding:10px 10px 10px 10px;text-align:start;}.elementor-3367 .elementor-element.elementor-element-a5e49cd .elementor-heading-title{font-family:"DM Sans";font-size:27px;font-weight:600;}.elementor-3367 .elementor-element.elementor-element-ca4efc9{--display:flex;}@media(min-width:768px){.elementor-3367 .elementor-element.elementor-element-eb7d6b0{--width:20%;}.elementor-3367 .elementor-element.elementor-element-ca4efc9{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3367 .elementor-element.elementor-element-eb7d6b0{--width:100%;}}@media(max-width:1024px){.elementor-3367 .elementor-element.elementor-element-e9a735a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3367 .elementor-element.elementor-element-eb7d6b0{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-3367 .elementor-element.elementor-element-9b37e70{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-3367 .elementor-element.elementor-element-a5e49cd{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-3367 .elementor-element.elementor-element-9b37e70{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-3367 .elementor-element.elementor-element-a5e49cd{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-3367 .elementor-element.elementor-element-a5e49cd .elementor-heading-title{font-size:20px;}}/* Start custom CSS *//* =============================================
   TPP Academy – Registration Form FINAL CSS
   User Registration & Membership by WPEverest
   Paste into: Elementor → Page Settings (⚙️) → Custom CSS
   ============================================= */

/* --- Wrapper --- */
.tpp-register {
  max-width: 900px !important;
  margin: 10px auto !important;
  padding: 30px 25px !important;
  background-color: #ffffff !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
  border-top: 5px solid #FF3333 !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* --- Labels --- */
.tpp-register .ur-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #666666 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* --- All input fields --- */
.tpp-register input[type="text"],
.tpp-register input[type="email"],
.tpp-register input[type="password"],
.tpp-register select {
  width: 100% !important;
  padding: 16px 14px !important;
  height: auto !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px !important;
  background-color: #f2f2f2 !important;
  color: #333333 !important;
  font-size: 15px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.tpp-register input[type="text"]:focus,
.tpp-register input[type="email"]:focus,
.tpp-register input[type="password"]:focus,
.tpp-register select:focus {
  border-color: #FF3333 !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(255,51,51,0.12) !important;
}

/* --- Submit button --- */
.tpp-register button[type="submit"],
.tpp-register input[type="submit"],
.tpp-register .ur-submit-button {
  width: 100% !important;
  padding: 15px 30px !important;
  background: linear-gradient(to right, #000000, #FF3333) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  font-family: 'DM Sans', sans-serif !important;
  cursor: pointer !important;
  transition: background 0.3s ease, transform 0.1s ease !important;
  margin-top: 8px !important;
  letter-spacing: 0.3px !important;
}

.tpp-register button[type="submit"]:hover,
.tpp-register input[type="submit"]:hover,
.tpp-register .ur-submit-button:hover {
  background: linear-gradient(to right, #FF3333, #000000) !important;
  transform: translateY(-1px) !important;
}

/* --- Checkbox --- */
.tpp-register input[type="checkbox"] {
  accent-color: #FF3333 !important;
  width: auto !important;
  transform: scale(1.2) !important;
  margin-right: 8px !important;
}

/* --- Error messages --- */
.tpp-register .ur-field-error {
  color: #A32D2D !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}

/* --- Links --- */
.tpp-register a {
  color: #FF3333 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.tpp-register a:hover {
  text-decoration: underline !important;
}

/* --- Mobile --- */
@media (max-width: 650px) {
  .tpp-register {
    padding: 20px 15px !important;
  }
  .tpp-register input[type="text"],
  .tpp-register input[type="email"],
  .tpp-register input[type="password"],
  .tpp-register select {
    font-size: 14px !important;
    padding: 13px 12px !important;
  }
}/* End custom CSS */