.elementor-63808 .elementor-element.elementor-element-4328cf14{--display:flex;}.elementor-63808 .elementor-element.elementor-element-7774cb0{padding:15px 0px 0px 22px;text-align:start;}.elementor-63808 .elementor-element.elementor-element-97a8bcc{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-88c460b .elementor-toc__header-title{text-align:start;}.elementor-63808 .elementor-element.elementor-element-88c460b .elementor-toc__header{flex-direction:row;}.elementor-63808 .elementor-element.elementor-element-88c460b{--item-text-hover-decoration:underline;}.elementor-63808 .elementor-element.elementor-element-79bc088{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-a23ac0c{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-1c20731{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-4acd214{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-375ae00{--spacer-size:10px;}.elementor-63808 .elementor-element.elementor-element-ae83efc{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-3f8f7b9{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-f692d9c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 22px;}.elementor-63808 .elementor-element.elementor-element-5ae733a{--spacer-size:10px;}.elementor-63808 .elementor-element.elementor-element-5ee265a{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-f573945{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-f5830df{padding:15px 0px 0px 22px;}.elementor-63808 .elementor-element.elementor-element-efaa3e2{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-da66398{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-2af2370{padding:15px 0px 0px 22px;}.elementor-63808 .elementor-element.elementor-element-8bd6f31{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-7fe87c2{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-484f8b6{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-e462459{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-749bbd8{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-6f9a914{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-631cc10{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-e832d50{--spacer-size:20px;}.elementor-63808 .elementor-element.elementor-element-b4b2968{padding:15px 0px 0px 22px;}.elementor-63808 .elementor-element.elementor-element-2a515685{--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;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-field-type-html{padding-bottom:0px;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-button[type="submit"]{color:#ffffff;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-63808 .elementor-element.elementor-element-627f6f2d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-63808 .elementor-element.elementor-element-627f6f2d{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-63808 .elementor-element.elementor-element-477c684c{--spacer-size:5px;}/* Start custom CSS *//* ==========================================================================
   THE OTHER TOUR — BLOG PAGE CUSTOM CSS
   --------------------------------------------------------------------------
   CONTENTS
     00. Fonts
     01. Typography
     02. Links
     03. Editorial components
     04. Images & captions
     05. FAQ / accordion
     06. Slides widget
     07. Review cards
     08. CTA card — structure
     09. CTA card — text
     10. CTA card — buttons
     11. Light-mode colour locks
     12. Dark mode

   NOTE ON ORDER: sections 11 and 12 both use !important at equal specificity,
   so source order decides the winner. Dark mode MUST stay last.
   ========================================================================== */


/* ==========================================================================
   00. FONTS
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');


/* ==========================================================================
   01. TYPOGRAPHY
   ========================================================================== */

/* ---- Body text ---- */
body.elementor-page-63808 .elementor-widget-text-editor {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #1f2937;
}

/* ---- Headings ---- */
body.elementor-page-63808 .elementor-widget-heading h2 {
  font-family: 'Newsreader', serif;
  font-weight: 700;
  font-size: 31px;
  line-height: 1.2;
}

body.elementor-page-63808 .elementor-widget-heading h3 {
  font-family: 'Newsreader', serif;
  font-weight: 600;
  font-size: 23px;
  line-height: 1.3;
}

/* ---- Section divider accent before each H2 ---- */
body.elementor-page-63808 .elementor-widget-heading h2::before {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: #EA580C;
  margin-bottom: 16px;
  border-radius: 2px;
}

/* ---- Lead paragraph: class "lead" on a Text Editor widget ---- */
body.elementor-page-63808 .lead p:first-of-type {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
  color: #334155;
}

/* ---- Drop cap: class "dropcap" on a Text Editor widget ---- */
body.elementor-page-63808 .dropcap p:first-of-type::first-letter {
  float: left;
  font-family: 'Newsreader', serif;
  font-size: 3.4em;
  line-height: 0.8;
  font-weight: 700;
  margin: 0.05em 0.1em 0 0;
  color: #0C4A6E;
}


/* ==========================================================================
   02. LINKS
   ========================================================================== */

body.elementor-page-63808 a {
  transition: color 0.2s ease;
}

body.elementor-page-63808 a:hover {
  color: #2b8fc4;
  text-decoration: underline;
}


/* ==========================================================================
   03. EDITORIAL COMPONENTS
   ========================================================================== */

/* ---- Pull-quote: class "pullquote" on a Text Editor widget ---- */
body.elementor-page-63808 .pullquote {
  border-left: 4px solid #EA580C;
  padding: 8px 0 8px 24px;
  margin: 24px 0;
  font-family: 'Newsreader', serif;
  font-size: 1.4em;
  font-style: italic;
  color: #0C4A6E;
}

/* ---- "Did You Know?" callout: class "didyouknow" on a Text Editor widget ---- */
body.elementor-page-63808 .didyouknow {
  background: #F0F9FF;
  border-radius: 12px;
  padding: 20px 24px;
  border-left: 4px solid #0EA5E9;
  font-size: 1.05em;
}


/* ==========================================================================
   04. IMAGES & CAPTIONS
   ========================================================================== */

/* ---- Uniform framing for in-article images: class "frame" ---- */
body.elementor-page-63808 .frame img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

/* ---- Captions (set Caption to "Custom Caption" on the image widget) ---- */
body.elementor-page-63808 .elementor-widget-image figcaption,
body.elementor-page-63808 .elementor-image-caption {
  font-family: 'Newsreader', serif;
  font-style: italic;
  font-size: 14px;
  color: #64748b;
  text-align: center;
  margin-top: 8px;
  line-height: 1.4;
}


/* ==========================================================================
   05. FAQ / ACCORDION
   ========================================================================== */

/* ---- Elementor accordion & toggle ---- */
body.elementor-page-63808 .elementor-accordion .elementor-tab-title,
body.elementor-page-63808 .elementor-toggle .elementor-toggle-title {
  transition: background 0.2s ease, color 0.2s ease;
  font-family: 'Newsreader', serif;
  font-weight: 600;
}

body.elementor-page-63808 .elementor-accordion .elementor-tab-title.elementor-active,
body.elementor-page-63808 .elementor-toggle .elementor-tab-title.elementor-active {
  background: #F0F9FF;
  color: #0C4A6E;
}

body.elementor-page-63808 .elementor-accordion .elementor-tab-content,
body.elementor-page-63808 .elementor-toggle .elementor-tab-content {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 1.7;
}

/* ---- JNews FAQ block — question font ---- */
body.elementor-page-63808 .myra-faq .jeg_faq_title,
body.elementor-page-63808 .myra-faq .jeg_faq_question,
body.elementor-page-63808 .myra-faq h3,
body.elementor-page-63808 .myra-faq a {
  font-family: 'Newsreader', serif !important;
  font-weight: 600;
}


/* ==========================================================================
   06. SLIDES WIDGET
   ========================================================================== */

body.elementor-page-63808 .elementor-slides .elementor-slide-heading {
  font-family: 'Newsreader', serif;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 6px;
}

body.elementor-page-63808 .elementor-slides .elementor-slide-description {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 1.5;
}


/* ==========================================================================
   07. REVIEW CARDS
   Wrapper: class "totc-reviews"   Card: class "totc-review"
   ========================================================================== */

body.elementor-page-63808 .totc-reviews {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: stretch;
  justify-content: center;
}

body.elementor-page-63808 .totc-review {
  flex: 1 1 260px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #fff;
  border: 1px solid #E2E8F0;
  border-top: 3px solid #EA580C;
  border-radius: 14px;
  padding: 26px 26px 28px;
  box-shadow: 0 4px 6px rgba(12,74,110,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}

body.elementor-page-63808 .totc-review:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 22px rgba(12,74,110,.14);
}

/* ---- Quote ---- */
body.elementor-page-63808 .totc-quote,
body.elementor-page-63808 .totc-quote * {
  font-size: 15.5px;
  line-height: 1.65;
  color: #334155;
  margin: 0;
}

body.elementor-page-63808 .totc-quote {
  position: relative;
  padding-top: 6px;
}

body.elementor-page-63808 .totc-quote::before {
  content: "\201C";
  font-family: 'Newsreader', serif;
  font-size: 52px;
  line-height: 0;
  color: #EA580C;
  opacity: .22;
  position: absolute;
  top: 22px;
  left: -8px;
}

/* ---- Attribution ---- */
body.elementor-page-63808 .totc-name {
  margin-top: auto;
}

body.elementor-page-63808 .totc-name,
body.elementor-page-63808 .totc-name * {
  font-family: 'Newsreader', serif;
  font-size: 17px;
  font-weight: 600;
  color: #0C4A6E;
  margin: 0;
}

body.elementor-page-63808 .totc-role,
body.elementor-page-63808 .totc-role * {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C2410C;
  margin: 0;
}

/* ---- Mobile: swipeable carousel ---- */
@media (max-width: 767px) {
  body.elementor-page-63808 .totc-reviews {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }

  body.elementor-page-63808 .totc-review {
    flex: 0 0 82%;
    max-width: none;
    scroll-snap-align: center;
  }
}


/* ==========================================================================
   08. CTA CARD — STRUCTURE
   Class "tot-cta-card" on the CONTAINER holding the whole card.
   Class "tot-cta-media" on the image column.
   ========================================================================== */

.tot-cta-card {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(12,74,110,.08);
  transition: transform .2s ease, box-shadow .2s ease;
  font-family: 'Roboto', sans-serif;
  margin: 10px 0;
}

.tot-cta-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 22px rgba(12,74,110,.14);
}

/* ---- Media column ---- */
.tot-cta-media {
  flex: 0 0 210px;
  min-height: 200px;
  align-self: stretch;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
}

.tot-cta-card .tot-cta-media,
.tot-cta-card .tot-cta-media .elementor-widget-container,
.tot-cta-card .tot-cta-media figure {
  margin: 0;
  height: 100%;
}

.tot-cta-card .tot-cta-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ---- Mobile: media goes full width above the text ---- */
@media (max-width: 767px) {
  .tot-cta-media {
    flex-basis: auto;
    width: 100%;
    min-height: 170px;
  }
}


/* ==========================================================================
   09. CTA CARD — TEXT
   ========================================================================== */

/* ---- Eyebrow: class "tot-cta-eyebrow" on a Heading or Text widget ---- */
.tot-cta-eyebrow,
.tot-cta-eyebrow .elementor-heading-title,
.tot-cta-eyebrow p {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #C2410C;
  margin: 0;
}

/* ---- Title: class "tot-cta-title" on a Heading widget ---- */
.tot-cta-title,
.tot-cta-title .elementor-heading-title {
  font-family: 'Newsreader', serif;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.22;
  color: #0C4A6E;
  margin: 0;
}

/* ---- Body: class "tot-cta-text" on a Text Editor widget ---- */
.tot-cta-text,
.tot-cta-text p {
  font-size: 15px;
  line-height: 1.6;
  color: #334155;
  margin: 0;
}


/* ==========================================================================
   10. CTA CARD — BUTTONS
   Row container       -> class "tot-cta-actions"
   Primary button      -> class "tot-cta-btn"
   Secondary button    -> class "tot-cta-btn-alt"
   ========================================================================== */

/* ---- Button row ---- */
.tot-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: stretch;
}

/* ---- Shared geometry: flex centring is what actually centres the label.
        Elementor's default inline-block dumps the min-height leftover at
        the bottom, which pushes the text visually high. ---- */
.tot-cta-btn .elementor-button,
.tot-cta-btn a.elementor-button,
.tot-cta-btn-alt .elementor-button,
.tot-cta-btn-alt a.elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: 8px;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
}

/* ---- Primary (filled) ----
        Colour is forced for the same reason as the secondary button: the theme
        styles .elementor-button as a link, and its blue wins whenever the
        widget's own text colour isn't set in Elementor. */
.tot-cta-btn .elementor-button,
.tot-cta-btn a.elementor-button {
  background: #EA580C;
  color: #fff !important;
  padding: 12px 22px;
  border: 2px solid #EA580C;
  transition: background .2s ease, border-color .2s ease;
}

.tot-cta-btn .elementor-button .elementor-button-text,
.tot-cta-btn .elementor-button .elementor-button-content-wrapper,
.tot-cta-btn .elementor-button .elementor-button-icon,
.tot-cta-btn .elementor-button i,
.tot-cta-btn .elementor-button svg {
  color: #fff !important;
  fill: currentColor;
}

.tot-cta-btn .elementor-button:hover,
.tot-cta-btn a.elementor-button:hover {
  background: #C2410C;
  border-color: #C2410C;
  color: #fff !important;
}

.tot-cta-btn .elementor-button:hover .elementor-button-text,
.tot-cta-btn .elementor-button:hover .elementor-button-icon,
.tot-cta-btn .elementor-button:hover i,
.tot-cta-btn .elementor-button:hover svg {
  color: #fff !important;
}

/* ---- Secondary (outline) ----
        The !important on colour is required: a button duplicated from the
        primary one keeps its widget-level "color: #fff" in Elementor's own
        stylesheet, which would otherwise win and leave the label invisible.
        The inner span is targeted too, since that's where the label lives. */
.tot-cta-btn-alt .elementor-button,
.tot-cta-btn-alt a.elementor-button {
  background: transparent !important;
  color: #C2410C !important;
  padding: 12px 22px;
  border: 2px solid #EA580C;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.tot-cta-btn-alt .elementor-button .elementor-button-text,
.tot-cta-btn-alt .elementor-button .elementor-button-content-wrapper,
.tot-cta-btn-alt .elementor-button .elementor-button-icon,
.tot-cta-btn-alt .elementor-button i,
.tot-cta-btn-alt .elementor-button svg {
  color: #C2410C !important;
  fill: currentColor;
}

.tot-cta-btn-alt .elementor-button:hover,
.tot-cta-btn-alt a.elementor-button:hover {
  background: #FFF7ED !important;
  color: #9A3412 !important;
  border-color: #C2410C;
}

.tot-cta-btn-alt .elementor-button:hover .elementor-button-text,
.tot-cta-btn-alt .elementor-button:hover .elementor-button-icon,
.tot-cta-btn-alt .elementor-button:hover i,
.tot-cta-btn-alt .elementor-button:hover svg {
  color: #9A3412 !important;
}

/* Navy variant — if you'd rather the outline echo the card title, swap the
   three secondary values for: #0C4A6E text, #0C4A6E border, #F0F9FF hover. */

/* ---- Mobile: stack full width ---- */
@media (max-width: 480px) {
  .tot-cta-actions {
    flex-direction: column;
  }

  .tot-cta-actions .elementor-widget-button {
    width: 100%;
  }

  .tot-cta-actions .elementor-button {
    width: 100%;
  }
}


/* ==========================================================================
   11. LIGHT-MODE COLOUR LOCKS
   These beat theme and widget-level colours. Section 12 overrides them by
   source order, so nothing below this point may be moved above it.
   ========================================================================== */

.tot-cta-card .tot-cta-eyebrow,
.tot-cta-card .tot-cta-eyebrow .elementor-heading-title,
.tot-cta-card .tot-cta-eyebrow p {
  color: #C2410C !important;
}

.tot-cta-card .tot-cta-title,
.tot-cta-card .tot-cta-title .elementor-heading-title {
  color: #0C4A6E !important;
}

.tot-cta-card .tot-cta-text,
.tot-cta-card .tot-cta-text p {
  color: #334155 !important;
}

body.elementor-page-63808 .didyouknow,
body.elementor-page-63808 .didyouknow p {
  color: #1f2937 !important;
}


/* ==========================================================================
   12. DARK MODE
   Body class: .jnews-dark-mode  (JNews theme)
   ========================================================================== */

/* ---- Pull-quote ---- */
.jnews-dark-mode body.elementor-page-63808 .pullquote,
.jnews-dark-mode body.elementor-page-63808 .elementor-widget-text-editor blockquote {
  border-left-color: #FB923C;
  color: #F1F5F9 !important;
}

/* ---- "Did You Know?" callout ---- */
.jnews-dark-mode body.elementor-page-63808 .didyouknow {
  background: #152B3A !important;
  border-left-color: #38BDF8;
}

.jnews-dark-mode body.elementor-page-63808 .didyouknow,
.jnews-dark-mode body.elementor-page-63808 .didyouknow p {
  color: #CBD5E1 !important;
}

.jnews-dark-mode body.elementor-page-63808 .didyouknow strong {
  color: #F1F5F9 !important;
}

.jnews-dark-mode body.elementor-page-63808 .didyouknow a,
.jnews-dark-mode body.elementor-page-63808 .didyouknow a strong {
  color: #7DD3FC !important;
}

/* ---- Image captions ---- */
.jnews-dark-mode body.elementor-page-63808 .elementor-widget-image figcaption,
.jnews-dark-mode body.elementor-page-63808 .elementor-image-caption {
  color: #9FB3C4;
}

/* ---- FAQ accordion ---- */
.jnews-dark-mode body.elementor-page-63808 .elementor-accordion .elementor-tab-title.elementor-active,
.jnews-dark-mode body.elementor-page-63808 .elementor-toggle .elementor-tab-title.elementor-active {
  background: #10344A;
  color: #F1F5F9 !important;
}

.jnews-dark-mode body.elementor-page-63808 .elementor-accordion .elementor-tab-content,
.jnews-dark-mode body.elementor-page-63808 .elementor-toggle .elementor-tab-content {
  color: #DDE5EC !important;
}

/* ---- Review cards ---- */
.jnews-dark-mode body.elementor-page-63808 .totc-review {
  background: #0F2A3D !important;
  border-color: rgba(255,255,255,.14);
  border-top-color: #FB923C;
  box-shadow: 0 4px 6px rgba(0,0,0,.40);
}

.jnews-dark-mode body.elementor-page-63808 .totc-review:hover {
  box-shadow: 0 12px 22px rgba(0,0,0,.55);
}

.jnews-dark-mode body.elementor-page-63808 .totc-quote,
.jnews-dark-mode body.elementor-page-63808 .totc-quote * {
  color: #CBD5E1 !important;
}

.jnews-dark-mode body.elementor-page-63808 .totc-quote::before {
  color: #FB923C;
}

.jnews-dark-mode body.elementor-page-63808 .totc-name,
.jnews-dark-mode body.elementor-page-63808 .totc-name * {
  color: #F1F5F9 !important;
}

.jnews-dark-mode body.elementor-page-63808 .totc-role,
.jnews-dark-mode body.elementor-page-63808 .totc-role * {
  color: #FB923C !important;
}

/* ---- CTA card — structure ---- */
.jnews-dark-mode .tot-cta-card {
  background: #1B2733 !important;
  border-color: rgba(255,255,255,.10);
  box-shadow: none;
}

.jnews-dark-mode .tot-cta-card:hover {
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 10px 24px rgba(0,0,0,.45);
}

.jnews-dark-mode .tot-cta-media {
  background-color: #22323F;
}

/* ---- CTA card — text ---- */
.jnews-dark-mode .tot-cta-eyebrow,
.jnews-dark-mode .tot-cta-eyebrow .elementor-heading-title,
.jnews-dark-mode .tot-cta-eyebrow p {
  color: #FB923C !important;
}

.jnews-dark-mode .tot-cta-title,
.jnews-dark-mode .tot-cta-title .elementor-heading-title {
  color: #F1F5F9 !important;
}

.jnews-dark-mode .tot-cta-text,
.jnews-dark-mode .tot-cta-text p {
  color: #CBD5E1 !important;
}

/* ---- CTA card — primary button ---- */
.jnews-dark-mode .tot-cta-btn .elementor-button:hover,
.jnews-dark-mode .tot-cta-btn a.elementor-button:hover {
  background: #F97316;
  border-color: #F97316;
  color: #fff !important;
}

.jnews-dark-mode .tot-cta-btn .elementor-button:hover .elementor-button-text,
.jnews-dark-mode .tot-cta-btn .elementor-button:hover .elementor-button-icon,
.jnews-dark-mode .tot-cta-btn .elementor-button:hover i,
.jnews-dark-mode .tot-cta-btn .elementor-button:hover svg {
  color: #fff !important;
}

/* ---- CTA card — secondary button ---- */
.jnews-dark-mode .tot-cta-btn-alt .elementor-button,
.jnews-dark-mode .tot-cta-btn-alt a.elementor-button {
  background: transparent !important;
  color: #FDBA74 !important;
  border-color: rgba(251,146,60,.55);
}

.jnews-dark-mode .tot-cta-btn-alt .elementor-button .elementor-button-text,
.jnews-dark-mode .tot-cta-btn-alt .elementor-button .elementor-button-icon,
.jnews-dark-mode .tot-cta-btn-alt .elementor-button i,
.jnews-dark-mode .tot-cta-btn-alt .elementor-button svg {
  color: #FDBA74 !important;
}

.jnews-dark-mode .tot-cta-btn-alt .elementor-button:hover,
.jnews-dark-mode .tot-cta-btn-alt a.elementor-button:hover {
  background: rgba(249,115,22,.14) !important;
  color: #FED7AA !important;
  border-color: #FB923C;
}

.jnews-dark-mode .tot-cta-btn-alt .elementor-button:hover .elementor-button-text,
.jnews-dark-mode .tot-cta-btn-alt .elementor-button:hover .elementor-button-icon,
.jnews-dark-mode .tot-cta-btn-alt .elementor-button:hover i,
.jnews-dark-mode .tot-cta-btn-alt .elementor-button:hover svg {
  color: #FED7AA !important;
}/* End custom CSS */