#send_otp_btn,
#verify_otp_btn,
#send_email_otp_btn,
#verify_email_otp_btn {
    background-color: #00C896;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
 margin-right: 7px;
margin-top:8px;
}

#send_otp_btn:hover,
#verify_otp_btn:hover,
#send_email_otp_btn:hover,
#verify_email_otp_btn:hover {
    background-color: #00B085;
    color: #ffffff;
}
.page-id-3820 .custom-sticky-header {
    border-radius: 12px 12px 0px 0px !important;
    overflow: hidden !important;
}

/* Sticky header */
.page-id-3820 .custom-sticky-header {
    position: fixed;
    top: 90px; /* adjust */
    left: 0;
    width: 100%;
    z-index: 9999;
    display: none;
    background: #00D6A3;
}

/* match original table */
.page-id-3820 .custom-sticky-header table {
    width: 100%;
    border-collapse: collapse;
}

.page-id-3820 .custom-sticky-header th {
    padding: 12px;
    color: #fff;
    border: 1px solid #e5e5e5;
    text-align: center;
}

/* pricing page css start */

.page-id-3820 .jet-table__body tr.hide-row {
  display: none !important;
}

.page-id-3820 .jet-table__body tr th[colspan="5"] {
    cursor: pointer;
    background: #f6f6f6;
    font-weight: 600;
    position: relative;
    padding-right: 30px;
}

/* Arrow icon */
.page-id-3820 .jet-table__body tr th[colspan="5"]::after {
    content: "▶";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}

/* Active rotate */
.page-id-3820 .jet-table__body tr.active th[colspan="5"]::after {
    transform: translateY(-50%) rotate(90deg);
}

/* Default (non-active) */
.page-id-3820 .jet-table__body tr th[colspan="5"] {
    background-color: #ffffff;
}

/* Active section */
.page-id-3820 .jet-table__body tr.active th[colspan="5"] {
    background-color: #D8D8D857;
}

.elementor-3820 .elementor-element.elementor-element-64e80a3 .jet-table__head-cell {
    border-width: 1px 1px 1px 1px !important;
}
/*Table header background */
.page-id-3820 .jet-table__head th {
    background-color: #00D6A3 !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 500 !important;
   
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.2);
border-color :#e5e5e5!important;
}

/* FIRST COLUMN TEXT COLOR (Features) */
.page-id-3820 .jet-table__body td:first-child {
    color: #00D6A3 !important;
    border-color :#000;
}
.page-id-3820 table td,
.page-id-3820 table th {
    border-color: #e5e5e5 !important;
}


@media (max-width: 768px) {

  .page-id-3820 table,
  .page-id-3820 tbody,
  .page-id-3820 tr,
  .page-id-3820 th {
    display: block !important;
    width: 100% !important;
  }

  .page-id-3820 td {
    width: 100% !important;
  }

  /* ✅ FIX: header hide nahi, card banaya */
  .page-id-3820 .jet-table__head {
    display: block !important;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    margin-bottom: 12px;
    background: #fff;
    overflow: hidden;
  }

  .page-id-3820 .jet-table__head tr {
    display: block !important;
  }

  .page-id-3820 .jet-table__head th {
    display: block !important;
    padding: 10px 16px;
    border-bottom: 1px solid #eee;
    text-align: left;
    font-weight: 500;
  }

  .page-id-3820 .jet-table__head th:last-child {
    border-bottom: none;
  }

  .page-id-3820 th[colspan] {
    background: #f7f7f9;
    padding: 12px 16px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;  
    position: relative;
  }

  /* ❌ arrow remove */
  .page-id-3820 th[colspan]::after {
    display: none !important;
  }

  /* ✅ CARD CLEAN */
  .page-id-3820 .jet-table__body-row {
    border: 1px solid #e5e5e5; 
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: visible;
    padding: 7px 0;
    background: #fff;
  }

  /* ✅ ROW ALIGN FIX */
  .page-id-3820 .jet-table__body-row td {
  

display: flex !important;
  justify-content: space-between; /* 👈 key fix */
  align-items: center;
  padding: 8px 16px;
  }

  .page-id-3820 .jet-table__body-row td:last-child {
    border-bottom: none;
  }

  .page-id-3820 .jet-table__cell-inner,
  .page-id-3820 .jet-table__cell-content,
  .page-id-3820 .jet-table__cell-text {
    display: inline !important;
  }

  .page-id-3820 td:first-child {
    font-weight: 500;
    margin-top: 6px;
  }

  /* ✅ LABEL FIX (no left push) */
  .page-id-3820 .jet-table__body-row td::before {
  display: inline-block;
  min-width: 100px;
  padding-left: 16px;   
  font-weight: 500;
  }

  .page-id-3820 td:nth-child(2)::before { content: "Basic:"; }
  .page-id-3820 td:nth-child(3)::before { content: "Standard:"; }
  .page-id-3820 td:nth-child(4)::before { content: "Premium:"; }
  .page-id-3820 td:nth-child(5)::before { content: "Custom"; }

 .page-id-3820 th[colspan]::after {
    display: block !important;
    content: "▶";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }

  .page-id-3820 tr.active th[colspan]::after {
    transform: translateY(-50%) rotate(90deg);
  }

.page-id-3820 td:nth-child(5)::after {
  content: "Based on Request";
  margin-left: auto;
  font-weight: 500;
}

/* ✅ HIDE rows */
.page-id-3820 .jet-table__body tr.hide-row {
  display: none !important;
}

 .page-id-3820 .custom-sticky-header {
    display: none !important;
  }
}
/*prcing page css end*/
b, strong {
    font-weight: 500 !important;
}

div#content {
    margin: 0;
}

.mark {
   color: #00D6A3;
}

/*rotating-element-start*/
.rotating-element {
    animation: rotate_animi linear 30s infinite;
}
@keyframes rotate_animi {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/*rotating-element-end*/

/*Whatsapp Animation*/
.qlwapp-toggle {
    background-color: #1bd741;
    color: white;
    padding: 10px 10px;
    text-decoration: none;
    margin-top: 20px;
    align-items: center;
    display: flex;
    gap: 10px;
    border-radius: 50%;
}
.qlwapp-toggle .qlwapp-icon{
    font-size: 30px;
}
.qlwapp-container{
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 999;
}
@-webkit-keyframes video-out {
    100% {
        top: -28px;
        right: -28px;
        bottom: -28px;
        left: -28px;
        opacity: 0
    }
}

@keyframes video-out {
    100% {
        top: -28px;
        right: -28px;
        bottom: -28px;
        left: -28px;
        opacity: 0
    }
}
.qlwapp-toggle::before {
    content: '';
    position: absolute;
    box-shadow: #1bd741 0 0 20px;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation-name: video-out;
    animation-name: video-out;
    opacity: 1;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
/*Whatsapp Animation End*/

/* Banner for all single blog posts */
.single-post .site-content::before {
    content: "";
    display: block;
    width: 100%;
    height: 320px;
    background-image: url("https://ektos-health-dwa6h7e6c6frbper.southindia-01.azurewebsites.net//wp-content/uploads/2025/04/banner-.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
   margin-bottom: 50px;
}
.site-breadcrumbs {
    display: none !important;
}

/* Desktop Content Height Fix t&c page  */
.elementor-page-4657 .tabs-stable-section .e-n-tabs-content {
    height: auto !important;
    min-height: 800px !important;
    /*display: block !important;*/
    overflow: visible !important;
    position: relative !important;
    z-index: 999;
}

div#otp_status,
div#email_otp_status  {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}


/* css start trial page 8-4-26*/

/* ===========================
   STEP 2 - Trial Success
=========================== */

#trial-success{
    max-width:520px;
    margin:0 auto;
    text-align:center;
    color:#ffffff;
}

#trial-success .success-icon{
    width:45px;
    height:45px;
    margin:0 auto 0px;
    border:3px solid #1ED6C2;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#1ED6C2;
    font-weight:700;
}

#trial-success h2{
    font-size:28px;
    line-height:1.2;
    font-weight:700;
    color:#fff;
}

#trial-success .success-text{
    font-size:16px;
    color:#98A8B8;
    margin-bottom:30px;
}

/* Card */

#trial-success .trial-card{

    background:#142737;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    padding:24px;
    margin-bottom:35px;

}

#trial-success .trial-row{

    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:13px 0;
    border-bottom:1px solid rgba(255,255,255,.06);

}

#trial-success .trial-row:last-child{

    border-bottom:none;

}

#trial-success .trial-row span{

    color:#A7B3BE;
    font-size:15px;

}

#trial-success .trial-row strong{

    color:#fff;
    font-size:16px;
    font-weight:600;

}

/* Badge */

.days-badge{

    background:#1ED6C2;
    color:#072433 !important;
    padding:8px 18px;
    border-radius:30px;
    font-weight:700;

}

/* Included */

#trial-success h4{

    text-align:left;
    margin-bottom:18px;
    color:#8EA0AF;
    letter-spacing:1px;
    font-size:14px;
    text-transform:uppercase;

}

.trial-features{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
    text-align:left;
    margin-bottom:30px;

}

.feature-column p{

    margin:2px 0;
    color:#fff;
    font-size:15px;

}

/* Step Navigation Buttons */

.e-form__buttons{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:15px;
}

/* Previous Button */

.e-form__buttons > .elementor-field-type-previous{
    width:40% !important;
    flex:0 0 40% !important;
    margin:0 !important;
}

/* Next Button */

.e-form__buttons > .elementor-field-type-next{
    width:60% !important;
    flex:0 0 60% !important;
    margin:0 !important;
}

.e-form__buttons__wrapper__button{
    width:100% !important;
}

/* Remove extra space below HTML field */
.elementor-field-type-html{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.elementor-field-type-html .elementor-field{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

/* Reduce gap below features */
.trial-features{
    margin-bottom:10px !important;
}
/* Step 1 - Full Width Button */

.e-form__buttons:has(.elementor-field-type-next):not(:has(.elementor-field-type-previous)) .e-form__buttons__wrapper{
    width:100% !important;
    flex:0 0 100% !important;
    max-width:100% !important;
}

.e-form__buttons:has(.elementor-field-type-next):not(:has(.elementor-field-type-previous)) .e-form__buttons__wrapper__button{
    width:100% !important;
}
/* ==========================================
   Same Location / Same Billing Toggle
========================================== */

.elementor-field-group-same_location,
.elementor-field-group-same_billing {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    height: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-field-group-same_location .elementor-field-subgroup,
.elementor-field-group-same_billing .elementor-field-subgroup {
    position: absolute !important;
    right: 14px !important;
    top: -57px !important;
    margin: 0 !important;
    z-index: 99;
}

.elementor-field-group-same_location .elementor-field-option,
.elementor-field-group-same_billing .elementor-field-option {
    display: flex;
    align-items: center;
    gap: 8px;
}


/* ==========================================
   Active Status
========================================== */

.elementor-field-group-active_status {
    background-color: #FFFFFF0F;
    border: 1px solid #FFFFFF1A;
    border-radius: 8px;
}


/* ==========================================
   Toggle Header
========================================== */

.toggle-header {
    background-color: #FFFFFF0F;
    border: 1px solid #FFFFFF1A;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
}

.toggle-content h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.toggle-content p {
    margin: 4px 0 0;
    font-size: 14px;
    color: #6B7280;
}


/* ==========================================
   Last Name Spacing
========================================== */

.elementor-field-group-last_name {
    margin-top: 28px !important;
}


/* ==========================================
   Form Step Indicator
========================================== */

.elementor-form .e-form__indicators__indicator__label {
    white-space: nowrap !important;
}


/* ==========================================
   OTP Eye Icon - Page 5921 Only
========================================== */

body.page-id-5921 #toggle_mobile_otp,
body.page-id-5921 #toggle_email_otp {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* Organisation Logo Upload - Ektos Trial Form */
body.page-id-5921 .elementor-field-group-organization_logo {
    width: 100%;
}

body.page-id-5921 .elementor-field-group-organization_logo .elementor-field-label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 500;
}

/* Upload area */
body.page-id-5921 #form-field-organization_logo {
    width: 100%;
    height: 52px;
    padding: 6px;
    border: 1px dashed rgba(255,255,255,0.25);
    border-radius: 6px;
    background: #16283a;
    color: #8fa2b5;
    font-size: 12px;
    cursor: pointer;
    box-sizing: border-box;
}

/* Choose file button */
body.page-id-5921 #form-field-organization_logo::file-selector-button {
    height: 38px;
    margin-right: 12px;
    padding: 0 16px;
    border: 0;
    border-radius: 5px;
    background: #00D4B8;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

/* Hover */
body.page-id-5921 #form-field-organization_logo::file-selector-button:hover {
    background: #00bfa8;
}
/* OTP Buttons - Page 5921 */
body.page-id-5921 #send_email_otp_btn,
body.page-id-5921 #verify_email_otp_btn,
body.page-id-5921 #send_otp_btn,
body.page-id-5921 #verify_otp_btn {
    background: #00D4B8;
    color: #ffffff;
    border: none;
}

/* Hover */
body.page-id-5921 #send_email_otp_btn:hover,
body.page-id-5921 #verify_email_otp_btn:hover,
body.page-id-5921 #send_otp_btn:hover,
body.page-id-5921 #verify_otp_btn:hover {
    background: #00bfa8;
}
/* Terms & Conditions link - Page 5921 */
body.page-id-5921 #form-field-terms_conditions + label a:hover {
    color: #ffffff !important;
}
/* Hide old OTP buttons - Page 5921 */
.page-id-5921 #send_email_otp_btn,
.page-id-5921 #verify_email_otp_btn,
.page-id-5921 #send_otp_btn,
.page-id-5921 #verify_otp_btn {
    display: none !important;
}

.page-id-5921 #new_send_otp_btn {
    width: 100%;
    margin-top: 10px;
    padding: 13px 18px;
    border: none;
    border-radius: 6px;
    background: #00D4B8;
    color: #071827;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

.page-id-5921 #new_send_otp_btn:hover {
    background: #00bfa8;
}

/* Hide old Email OTP HTML field completely - Page 5921 */
body.page-id-5921 .elementor-field-group-field_b8d94a2 {
    display: none !important;
}

.page-id-5921 #ektos_verify_otp_section {
    margin-top: 15px;
}

.page-id-5921 .ektos-verify-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.page-id-5921 .ektos-verify-header h3 {
    margin: 0;
    font-size: 14px;
    color: #00D4B8;
}

.page-id-5921 #ektos_otp_counter {
    font-size: 12px;
    color: #718096;
}

.page-id-5921 .ektos-otp-card {
    background: #172638;
    border: 1px solid #2b3d50;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 12px;
}

.page-id-5921 .ektos-otp-card h4 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 14px;
}

.page-id-5921 .ektos-otp-card p {
    margin: 0 0 12px;
    font-size: 11px;
    color: #00D4B8;
}

.page-id-5921 .ektos-otp-boxes {
    display: flex;
    gap: 6px;
    margin-bottom: 12px;
}

.page-id-5921 .ektos-otp-boxes input {
    width: 42px;
    height: 42px;
    text-align: center;
    border: 1px solid #3a4b5d;
    border-radius: 6px;
    background: #0f1d2b;
    color: #fff;
    font-size: 18px;
}

.page-id-5921 .ektos-otp-card button {
    background: #00D4B8;
    color: #ffffff;
    border: 0;
    border-radius: 5px;
    padding: 8px 18px;
    font-weight: 500;
    cursor: pointer;
}
/* =====================================================
   EKTOS OTP UI
   START FREE TRIAL - PAGE 5921 ONLY
   ===================================================== */

/* Main OTP section */
.page-id-5921 #ektos_verify_otp_section {
    width: 100%;
    box-sizing: border-box;
}

/* =====================================================
   OTP CARDS - SIDE BY SIDE
   ===================================================== */

.page-id-5921 #ektos_verify_otp_section .ektos-otp-card {
    display: inline-flex !important;
    vertical-align: top;
    flex-direction: column;

    width: calc(50% - 7px) !important;
    max-width: calc(50% - 7px) !important;

    min-height: 225px;
    box-sizing: border-box;

    margin: 0 10px 12px 0;
    padding: 20px;

    overflow: hidden;
}

/* Second card */
.page-id-5921 #ektos_verify_otp_section .ektos-otp-card:nth-of-type(2) {
    margin-right: 0;
}


/* =====================================================
   OTP BOX CONTAINER
   ===================================================== */

.page-id-5921 #ektos_verify_otp_section .ektos-otp-boxes {
    display: grid !important;

    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    gap: 6px;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box;

    margin: 8px 0 14px;
}


/* =====================================================
   OTP INDIVIDUAL BOXES
   ===================================================== */

.page-id-5921 #ektos_verify_otp_section .ektos-otp-boxes input {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 50px;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;

    text-align: center;
}


/* =====================================================
   VERIFY BUTTON
   ===================================================== */

.page-id-5921 #ektos_verify_otp_section .ektos-otp-card button {
    align-self: flex-start;
}


/* =====================================================
   SUCCESS MESSAGE
   ===================================================== */

.page-id-5921 #ektos_email_new_status,
.page-id-5921 #ektos_mobile_new_status {
    color: #ffffff !important;
    margin-top: 8px;
}

/* =====================================================
   PAGE 5921
   ===================================================== */

/* Complete Registration initially hidden */
.page-id-5921 .e-form__buttons__wrapper__button-next {
    display: none !important;
}

/* =========================================================
   EKTOS TRIAL FORM
   Production Page: 5921
   Test Page: 6262
   ========================================================= */


/* =========================================================
   ORGANISATION LOGO UPLOAD
   ========================================================= */

body:is(.page-id-5921, .page-id-6262) .elementor-field-group-organization_logo {
    width: 100%;
}

body:is(.page-id-5921, .page-id-6262) .elementor-field-group-organization_logo .elementor-field-label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 500;
}

/* Upload area */
body:is(.page-id-5921, .page-id-6262) #form-field-organization_logo {
    width: 100%;
    height: 52px;
    padding: 6px;
    border: 1px dashed rgba(255,255,255,0.25);
    border-radius: 6px;
    background: #16283a;
    color: #8fa2b5;
    font-size: 12px;
    cursor: pointer;
    box-sizing: border-box;
}

/* Choose file button */
body:is(.page-id-5921, .page-id-6262) #form-field-organization_logo::file-selector-button {
    height: 38px;
    margin-right: 12px;
    padding: 0 16px;
    border: 0;
    border-radius: 5px;
    background: #00D4B8;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

/* Hover */
body:is(.page-id-5921, .page-id-6262) #form-field-organization_logo::file-selector-button:hover {
    background: #00bfa8;
}


/* =========================================================
   OLD OTP BUTTONS
   Hide old OTP buttons because NEW OTP UI is being used   ========================================================= */

body:is(.page-id-5921, .page-id-6262) #send_email_otp_btn,
body:is(.page-id-5921, .page-id-6262) #verify_email_otp_btn,
body:is(.page-id-5921, .page-id-6262) #send_otp_btn,
body:is(.page-id-5921, .page-id-6262) #verify_otp_btn {
    display: none !important;
}


/* =========================================================
   SEND OTP & VERIFY BUTTON
========================================================= */

body:is(.page-id-5921, .page-id-6262) #new_send_otp_btn {
    width: 100%;
    margin-top: 10px;
    padding: 13px 18px;
    border: none;
    border-radius: 6px;
    background: #00D4B8;
    color: #071827;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

body:is(.page-id-5921, .page-id-6262) #new_send_otp_btn:hover {
    background: #00bfa8;
}


/* =========================================================
   HIDE OLD EMAIL OTP HTML FIELD
========================================================= */

body:is(.page-id-5921, .page-id-6262) .elementor-field-group-field_b8d94a2 {
    display: none !important;
}


/* =========================================================
   VERIFY OTP SECTION
========================================================= */

body:is(.page-id-5921, .page-id-6262) #ektos_verify_otp_section {
    width: 100%;
    margin-top: 15px;
    box-sizing: border-box;
}


/* =========================================================
   VERIFY OTP HEADER
========================================================= */

body:is(.page-id-5921, .page-id-6262) .ektos-verify-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

body:is(.page-id-5921, .page-id-6262) .ektos-verify-header h3 {
    margin: 0;
    font-size: 14px;
    color: #00D4B8;
}

body:is(.page-id-5921, .page-id-6262) #ektos_otp_counter {
    font-size: 12px;
    color: #718096;
}


/* =========================================================
   OTP CARDS - SIDE BY SIDE
========================================================= */

body:is(.page-id-5921, .page-id-6262) #ektos_verify_otp_section .ektos-otp-card {
    display: inline-flex !important;
    vertical-align: top;
    flex-direction: column;

    width: calc(50% - 7px) !important;
    max-width: calc(50% - 7px) !important;

    min-height: 225px;
    box-sizing: border-box;

    margin: 0 10px 12px 0;
    padding: 20px;

    overflow: hidden;

    background: #172638;
    border: 1px solid #2b3d50;
    border-radius: 12px;
}

/* Second card */
body:is(.page-id-5921, .page-id-6262) #ektos_verify_otp_section .ektos-otp-card:nth-of-type(2) {
    margin-right: 0;
}


/* =========================================================
   OTP CARD CONTENT
========================================================= */

body:is(.page-id-5921, .page-id-6262) .ektos-otp-card h4 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 14px;
}

body:is(.page-id-5921, .page-id-6262) .ektos-otp-card p {
    margin: 0 0 12px;
    font-size: 11px;
    color: #00D4B8;
}


/* =========================================================
   OTP BOX CONTAINER
========================================================= */

body:is(.page-id-5921, .page-id-6262) #ektos_verify_otp_section .ektos-otp-boxes {
    display: grid !important;

    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    gap: 6px;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box;

    margin: 8px 0 14px;
}


/* =========================================================
   OTP INDIVIDUAL BOXES
========================================================= */

body:is(.page-id-5921, .page-id-6262) #ektos_verify_otp_section .ektos-otp-boxes input {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 50px;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;

    text-align: center;

    border: 1px solid #3a4b5d;
    border-radius: 6px;
    background: #0f1d2b;
    color: #fff;
    font-size: 18px;
}


/* =========================================================
   VERIFY BUTTON
========================================================= */

body:is(.page-id-5921, .page-id-6262) #ektos_verify_otp_section .ektos-otp-card button {
    align-self: flex-start;

    background: #00D4B8;
    color: #ffffff;

    border: 0;
    border-radius: 5px;

    padding: 8px 18px;

    font-weight: 500;
    cursor: pointer;
}


/* =========================================================
   SUCCESS MESSAGE
========================================================= */

body:is(.page-id-5921, .page-id-6262) #ektos_email_new_status,
body:is(.page-id-5921, .page-id-6262) #ektos_mobile_new_status {
    color: #ffffff !important;
    margin-top: 8px;
}


/* =========================================================
   COMPLETE REGISTRATION BUTTON
   Initially hidden.
   JS will show it after "Send OTP & Verify".
========================================================= */

body:is(.page-id-5921, .page-id-6262) .e-form__buttons__wrapper__button-next {
    display: none !important;
}


/* Disabled state added by JS */
body:is(.page-id-5921, .page-id-6262) .ektos-registration-disabled {
    opacity: 0.5 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}


/* ==========================================
   ENVIRONMENT TOGGLE
   TEST PAGE - ONLY PAGE 6262
   ========================================== */

body.page-id-6262 .elementor-field-group-environment {
    display: block !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

/* Environment heading */
body.page-id-6262 .elementor-field-group-environment > .elementor-field-label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    color: #00D4B8 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* Toggle background */
body.page-id-6262 .elementor-field-group-environment .elementor-field-subgroup {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    width: max-content !important;
    min-width: 105px !important;
    max-width: max-content !important;

    height: 36px !important;

    padding: 3px !important;
    margin: 0 !important;

    background: #1B2A3A !important;
    border: 1px solid #2C4158 !important;
    border-radius: 30px !important;

    box-sizing: border-box !important;
}

/* Each option */
body.page-id-6262 .elementor-field-group-environment .elementor-field-option {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 50% !important;
    min-width: 50px !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 50% !important;
}

/* Hide radio */
body.page-id-6262 .elementor-field-group-environment input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;

    width: 1px !important;
    height: 1px !important;

    pointer-events: none !important;
}

/* Dev / Test text */
body.page-id-6262 .elementor-field-group-environment
.elementor-field-option label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    border-radius: 25px !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    cursor: pointer !important;
    white-space: nowrap !important;
}

/* Selected option */
body.page-id-6262 .elementor-field-group-environment
input[type="radio"]:checked + label {
    background: #00D4B8 !important;
    color: #071827 !important;
}

/* Submit & Start Free Trial button spacing - 3 pages only */
body.page-id-5921 #field_223344,
body.page-id-6262 #field_223344,
body.page-id-5121 #field_223344 {
    margin-top: 24px !important;
}

.page-id-5921 .ektos-validation-error,
.page-id-6262 .ektos-validation-error {
    color: #ff4d4f;
    font-size: 12px;
    margin-top: 6px;
    line-height: 1.4;
}
/* Mobile */

@media(max-width:767px){
  body:is(.page-id-5921, .page-id-6262) #ektos_verify_otp_section .ektos-otp-card {
        display: flex !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 12px 0;

        min-height: auto;
    }

    body:is(.page-id-5921, .page-id-6262) #ektos_verify_otp_section .ektos-otp-boxes {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 5px;
    }

    body:is(.page-id-5921, .page-id-6262) #ektos_verify_otp_section .ektos-otp-boxes input {
        height: 45px;
    }



.trial-features{

grid-template-columns:1fr;

}

#trial-success h2{

font-size:28px;

}

#trial-success .trial-row{

flex-direction:column;
align-items:flex-start;
gap:6px;

}

.days-badge{

margin-top:8px;

}

}