.elementor-58383 .elementor-element.elementor-element-98dfde7{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--item-text-hover-decoration:underline;}.elementor-58383 .elementor-element.elementor-element-98dfde7 .elementor-toc__header-title{text-align:start;}.elementor-58383 .elementor-element.elementor-element-98dfde7 .elementor-toc__header{flex-direction:row;}.elementor-58383 .elementor-element.elementor-element-c9327ae{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-b4c7154{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-87d90c9{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-38a976e{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-eb8c5ae{padding:15px 0px 0px 22px;}.elementor-58383 .elementor-element.elementor-element-898d0ef{--spacer-size:20px;}.elementor-58383 .elementor-element.elementor-element-45d2775{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-2063825{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-9b16841{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-2fc2095{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-7c9cca8{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-58383 .elementor-element.elementor-element-7c9cca8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-58383 .elementor-element.elementor-element-457dddc img{height:203px;object-fit:cover;object-position:center center;border-radius:14px 14px 14px 14px;}.elementor-58383 .elementor-element.elementor-element-113f234{--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;--justify-content:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;}.elementor-58383 .elementor-element.elementor-element-e290860{text-align:center;}.elementor-58383 .elementor-element.elementor-element-72a79cf{text-align:center;}.elementor-58383 .elementor-element.elementor-element-928c8c8.elementor-element{--align-self:center;}.elementor-58383 .elementor-element.elementor-element-928c8c8{text-align:center;}.elementor-58383 .elementor-element.elementor-element-8a837ab{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-58383 .elementor-element.elementor-element-8a837ab.elementor-element{--align-self:center;}.elementor-58383 .elementor-element.elementor-element-8a837ab .elementor-button{fill:#FFFFFF;color:#FFFFFF;}.elementor-58383 .elementor-element.elementor-element-d04d0e1{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-e4ba11e{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-77d6696{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-58383 .elementor-element.elementor-element-77d6696.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-58383 .elementor-element.elementor-element-0f88b11 img{height:203px;object-fit:cover;object-position:center center;border-radius:14px 14px 14px 14px;}.elementor-58383 .elementor-element.elementor-element-e3990e7{--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;--justify-content:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;}.elementor-58383 .elementor-element.elementor-element-7d6a420{text-align:center;}.elementor-58383 .elementor-element.elementor-element-5d50332{text-align:center;}.elementor-58383 .elementor-element.elementor-element-d762a7e.elementor-element{--align-self:center;}.elementor-58383 .elementor-element.elementor-element-d762a7e{text-align:center;}.elementor-58383 .elementor-element.elementor-element-a9bed73{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-58383 .elementor-element.elementor-element-2d453d8{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-f7c539b{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-a02acfe{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-58383 .elementor-element.elementor-element-546b4d4 img{height:203px;object-fit:cover;object-position:center right;border-radius:14px 14px 14px 14px;}.elementor-58383 .elementor-element.elementor-element-c9dc156{--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;--justify-content:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;}.elementor-58383 .elementor-element.elementor-element-d383237{text-align:center;}.elementor-58383 .elementor-element.elementor-element-6ea187b{text-align:center;}.elementor-58383 .elementor-element.elementor-element-436ac71.elementor-element{--align-self:center;}.elementor-58383 .elementor-element.elementor-element-436ac71{text-align:center;}.elementor-58383 .elementor-element.elementor-element-847d1b6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-58383 .elementor-element.elementor-element-75331d5{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-2acb67d{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-ec77b8d{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-58383 .elementor-element.elementor-element-85f0469 img{height:203px;object-fit:cover;object-position:center right;border-radius:14px 14px 14px 14px;}.elementor-58383 .elementor-element.elementor-element-20f52a6{--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;--justify-content:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;}.elementor-58383 .elementor-element.elementor-element-0cdac79{text-align:center;}.elementor-58383 .elementor-element.elementor-element-9ddb4a0{text-align:center;}.elementor-58383 .elementor-element.elementor-element-859407b.elementor-element{--align-self:center;}.elementor-58383 .elementor-element.elementor-element-859407b{text-align:center;}.elementor-58383 .elementor-element.elementor-element-e80f7dd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-58383 .elementor-element.elementor-element-c8e511f{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-53e7cde{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-a051762{padding:15px 0px 0px 22px;}.elementor-58383 .elementor-element.elementor-element-acfaa13{--spacer-size:20px;}.elementor-58383 .elementor-element.elementor-element-d3d0281{--spacer-size:17px;}.elementor-58383 .elementor-element.elementor-element-52f7a42{--spacer-size:13px;}.elementor-58383 .elementor-element.elementor-element-e4450bc .jnews-faq-wrapper .list-wrapper a.list-toogle h5.question{color:#6EC1E4;}.elementor-58383 .elementor-element.elementor-element-e4450bc .jnews-faq-wrapper .list-wrapper .card-expand{color:var( --e-global-color-primary );}.elementor-58383 .elementor-element.elementor-element-e4450bc .jnews-faq-wrapper .list-wrapper svg.faq-icon path{fill:#6EC1E4;}.elementor-58383 .elementor-element.elementor-element-e4450bc .jnews-faq-wrapper.style-3 .list-wrapper, .elementor-58383 .elementor-element.elementor-element-e4450bc .jnews-faq-wrapper.style-4 .list-wrapper{border-color:#E2E8F0;}.elementor-58383 .elementor-element.elementor-element-e06d61c{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#6EC1E4;}.elementor-58383 .elementor-element.elementor-element-e06d61c .elementor-headline{text-align:center;}.elementor-58383 .elementor-element.elementor-element-e06d61c .elementor-headline-dynamic-wrapper path{stroke:#6EC1E4;}.elementor-58383 .elementor-element.elementor-element-dc0ebbf{--spacer-size:12px;}.elementor-58383 .elementor-element.elementor-element-0e15056{--spacer-size:12px;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-field-type-html{padding-bottom:0px;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-button{font-size:16px;font-weight:600;padding:16px 16px 16px 16px;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .e-form__buttons__wrapper__button-next{background-color:#6EC1E4;color:#ffffff;transition-duration:200ms;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-button[type="submit"]{background-color:#6EC1E4;color:#ffffff;transition-duration:200ms;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-button[type="submit"] svg *{fill:#ffffff;transition-duration:200ms;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .e-form__buttons__wrapper__button-previous{color:#ffffff;transition-duration:200ms;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .e-form__buttons__wrapper__button-next:hover{background-color:#C2410C;color:#ffffff;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-button[type="submit"]:hover{background-color:#C2410C;color:#ffffff;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-58383 .elementor-element.elementor-element-5d504e6 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-58383 .elementor-element.elementor-element-5d504e6{--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;}@media(min-width:768px){.elementor-58383 .elementor-element.elementor-element-7c9cca8{--width:95.616%;}.elementor-58383 .elementor-element.elementor-element-77d6696{--width:95.616%;}}@media(max-width:1024px){.elementor-58383 .elementor-element.elementor-element-457dddc img{height:500px;object-position:center center;}.elementor-58383 .elementor-element.elementor-element-0f88b11 img{height:500px;object-position:center center;}.elementor-58383 .elementor-element.elementor-element-546b4d4 img{height:500px;object-position:center center;}.elementor-58383 .elementor-element.elementor-element-85f0469 img{height:500px;object-position:center center;}}@media(max-width:767px){.elementor-58383 .elementor-element.elementor-element-457dddc img{height:189px;}.elementor-58383 .elementor-element.elementor-element-0f88b11 img{height:189px;}.elementor-58383 .elementor-element.elementor-element-546b4d4 img{height:189px;}.elementor-58383 .elementor-element.elementor-element-85f0469 img{height:189px;}}/* 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-58383 .elementor-widget-text-editor {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #1f2937;
}

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

body.elementor-page-58383 .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-58383 .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-58383 .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-58383 .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-58383 a {
  transition: color 0.2s ease;
}

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


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

/* ---- Pull-quote: class "pullquote" on a Text Editor widget ---- */
body.elementor-page-58383 .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-58383 .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-58383 .frame img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

/* ---- Captions (set Caption to "Custom Caption" on the image widget) ---- */
body.elementor-page-58383 .elementor-widget-image figcaption,
body.elementor-page-58383 .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-58383 .elementor-accordion .elementor-tab-title,
body.elementor-page-58383 .elementor-toggle .elementor-toggle-title {
  transition: background 0.2s ease, color 0.2s ease;
  font-family: 'Newsreader', serif;
  font-weight: 600;
}

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

body.elementor-page-58383 .elementor-accordion .elementor-tab-content,
body.elementor-page-58383 .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-58383 .myra-faq .jeg_faq_title,
body.elementor-page-58383 .myra-faq .jeg_faq_question,
body.elementor-page-58383 .myra-faq h3,
body.elementor-page-58383 .myra-faq a {
  font-family: 'Newsreader', serif !important;
  font-weight: 600;
}


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

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

body.elementor-page-58383 .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-58383 .totc-reviews {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: stretch;
  justify-content: center;
}

body.elementor-page-58383 .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-58383 .totc-review:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 22px rgba(12,74,110,.14);
}

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

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

body.elementor-page-58383 .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-58383 .totc-name {
  margin-top: auto;
}

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

body.elementor-page-58383 .totc-role,
body.elementor-page-58383 .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-58383 .totc-reviews {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }

  body.elementor-page-58383 .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; justify-content: center;
}

/* ---- 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-58383 .didyouknow,
body.elementor-page-58383 .didyouknow p {
  color: #1f2937 !important;
}


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

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

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

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

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

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

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

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

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

/* ---- Review cards ---- */
.jnews-dark-mode body.elementor-page-58383 .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-58383 .totc-review:hover {
  box-shadow: 0 12px 22px rgba(0,0,0,.55);
}

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

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

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

.jnews-dark-mode body.elementor-page-58383 .totc-role,
.jnews-dark-mode body.elementor-page-58383 .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 */