.elementor-66494 .elementor-element.elementor-element-953296d{--display:flex;--min-height:620px;--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:18px 18px;--row-gap:18px;--column-gap:18px;--overlay-opacity:0.92;--padding-top:104px;--padding-bottom:104px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-953296d:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-953296d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theothertour.com/wp-content/uploads/2026/08/theodisian_wall-1-scaled.jpg");background-position:50% 58%;background-repeat:no-repeat;background-size:cover;}.elementor-66494 .elementor-element.elementor-element-953296d::before, .elementor-66494 .elementor-element.elementor-element-953296d > .elementor-background-video-container::before, .elementor-66494 .elementor-element.elementor-element-953296d > .e-con-inner > .elementor-background-video-container::before, .elementor-66494 .elementor-element.elementor-element-953296d > .elementor-background-slideshow::before, .elementor-66494 .elementor-element.elementor-element-953296d > .e-con-inner > .elementor-background-slideshow::before, .elementor-66494 .elementor-element.elementor-element-953296d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(90deg, #08151F 0%, #08151F4D 100%);}.elementor-66494 .elementor-element.elementor-element-8647fcf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-13d4bbd{--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;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-596ecc8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-596ecc8:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-596ecc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F9FF;}.elementor-66494 .elementor-element.elementor-element-ca7c758{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:51px;--padding-bottom:51px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-d0db0b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:54px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-d0db0b4:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-d0db0b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C4A6E;}.elementor-66494 .elementor-element.elementor-element-b0447f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:51px;--padding-bottom:51px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-f1673a1{--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:center;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-5299a96{--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:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-7665b17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-4d40b73 img{border-radius:14px 14px 14px 14px;}.elementor-66494 .elementor-element.elementor-element-0bdd760{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:51px;--padding-bottom:51px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-0bdd760:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-0bdd760 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F9FF;}.elementor-66494 .elementor-element.elementor-element-f067edb{--display:flex;--flex-direction:row-reverse;--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-reverse;--align-items:center;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-850b669{--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:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-f243e96{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-0a01eba img{border-radius:14px 14px 14px 14px;}.elementor-66494 .elementor-element.elementor-element-9d57e5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--overlay-opacity:0.92;--padding-top:54px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-9d57e5c:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-9d57e5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theothertour.com/wp-content/uploads/2024/12/Yedikule-Fortress-in-Istanbul-11-Day-Turkey-Tours-with-Gallipoli-Troy-1-1.jpg");background-position:50% 44%;background-repeat:no-repeat;background-size:cover;}.elementor-66494 .elementor-element.elementor-element-9d57e5c::before, .elementor-66494 .elementor-element.elementor-element-9d57e5c > .elementor-background-video-container::before, .elementor-66494 .elementor-element.elementor-element-9d57e5c > .e-con-inner > .elementor-background-video-container::before, .elementor-66494 .elementor-element.elementor-element-9d57e5c > .elementor-background-slideshow::before, .elementor-66494 .elementor-element.elementor-element-9d57e5c > .e-con-inner > .elementor-background-slideshow::before, .elementor-66494 .elementor-element.elementor-element-9d57e5c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(90deg, #08151F 0%, #08151F4D 100%);}.elementor-66494 .elementor-element.elementor-element-66a4158{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:51px;--padding-bottom:51px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-616db5e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:51px;--padding-bottom:51px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-616db5e:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-616db5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F9FF;}.elementor-66494 .elementor-element.elementor-element-beb17a0{--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:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-f4bac64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-1de440a img{border-radius:14px 14px 14px 14px;}.elementor-66494 .elementor-element.elementor-element-7c1ba0b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-6c5c137{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-ddbad1b img{border-radius:14px 14px 14px 14px;}.elementor-66494 .elementor-element.elementor-element-bc730cd{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-3b0aa23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:51px;--padding-bottom:51px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-b10b46a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:54px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-b10b46a:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-b10b46a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C4A6E;}.elementor-66494 .elementor-element.elementor-element-8aab563{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:51px;--padding-bottom:51px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-8aab563:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-8aab563 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F9FF;}.elementor-66494 .elementor-element.elementor-element-037b040{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:54px;--padding-bottom:54px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-037b040:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-037b040 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A2A3D;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-field-type-html{padding-bottom:0px;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-button[type="submit"]{color:#ffffff;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-66494 .elementor-element.elementor-element-8ab8715 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-66494 .elementor-element.elementor-element-8ab8715{--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-66494 .elementor-element.elementor-element-8647fcf{--width:780px;}.elementor-66494 .elementor-element.elementor-element-13d4bbd{--width:100%;}.elementor-66494 .elementor-element.elementor-element-5299a96{--width:56%;}.elementor-66494 .elementor-element.elementor-element-7665b17{--width:44%;}.elementor-66494 .elementor-element.elementor-element-850b669{--width:56%;}.elementor-66494 .elementor-element.elementor-element-f243e96{--width:44%;}.elementor-66494 .elementor-element.elementor-element-f4bac64{--width:50%;}.elementor-66494 .elementor-element.elementor-element-7c1ba0b{--width:100%;}.elementor-66494 .elementor-element.elementor-element-6c5c137{--width:50%;}.elementor-66494 .elementor-element.elementor-element-bc730cd{--width:100%;}}@media(max-width:1024px){.elementor-66494 .elementor-element.elementor-element-953296d:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-953296d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-66494 .elementor-element.elementor-element-9d57e5c:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-9d57e5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-66494 .elementor-element.elementor-element-953296d:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-953296d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-66494 .elementor-element.elementor-element-953296d{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-8647fcf{--width:100%;}.elementor-66494 .elementor-element.elementor-element-596ecc8{--padding-top:21px;--padding-bottom:21px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-ca7c758{--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-d0db0b4{--padding-top:38px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-b0447f9{--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-f1673a1{--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-66494 .elementor-element.elementor-element-5299a96{--width:100%;}.elementor-66494 .elementor-element.elementor-element-7665b17{--width:100%;}.elementor-66494 .elementor-element.elementor-element-0bdd760{--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-f067edb{--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-66494 .elementor-element.elementor-element-850b669{--width:100%;}.elementor-66494 .elementor-element.elementor-element-f243e96{--width:100%;}.elementor-66494 .elementor-element.elementor-element-9d57e5c:not(.elementor-motion-effects-element-type-background), .elementor-66494 .elementor-element.elementor-element-9d57e5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-66494 .elementor-element.elementor-element-9d57e5c{--padding-top:38px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-66a4158{--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-616db5e{--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-beb17a0{--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-66494 .elementor-element.elementor-element-f4bac64{--width:100%;}.elementor-66494 .elementor-element.elementor-element-6c5c137{--width:100%;}.elementor-66494 .elementor-element.elementor-element-3b0aa23{--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-b10b46a{--padding-top:38px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-8aab563{--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-66494 .elementor-element.elementor-element-037b040{--padding-top:38px;--padding-bottom:38px;--padding-left:0px;--padding-right:0px;}}/* 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-66494 .elementor-widget-text-editor {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #1f2937;
}

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

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

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


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

/* ---- Mobile: swipeable carousel ----
   justify-content stays `center` from the base rule, and a centred flex row that
   OVERFLOWS spills equally off both ends. The left spill sits before scrollLeft 0,
   so it can never be scrolled back into view: measured 26 Aug 2026 at 390px, the
   first card began at -109px with scrollLeft already 0. Reset the axis to flex-start
   here, and snap to `start` so the first card rests flush against the left edge. */
@media (max-width: 767px) {
  body.elementor-page-66494 .totc-reviews {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }

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


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


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

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

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

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

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

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

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

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

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

/* ---- Review cards ---- */
body.elementor-page-66494.jnews-dark-mode .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);
}

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

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

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

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

body.elementor-page-66494.jnews-dark-mode .totc-role,
body.elementor-page-66494.jnews-dark-mode .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;
}

/* ==========================================================================
   13. PAGE ADDITIONS — study-programs v4 gateway (9 Sep 2026)
   Same additions block as the private-guides landing, with this page's
   media crops (landscape scenes, 4:3) and a pull-quote blockquote reset.
   ========================================================================== */

body.elementor-page-66494 .elementor-widget-heading h1 {
  font-family: 'Newsreader', serif;
  font-weight: 700;
  font-size: 46px;
  line-height: 1.08;
  letter-spacing: -0.01em;
  color: #0C4A6E;
  text-wrap: balance;
  margin: 0;
}

@media (max-width: 767px) {
  body.elementor-page-66494 .elementor-widget-heading h1 {
    font-size: 32px;
  }
}

body.elementor-page-66494 .elementor-widget-heading h2,
body.elementor-page-66494 .elementor-widget-heading h3 {
  color: #0C4A6E;
}

/* ---- Rhythm: the flex gap is the single source of spacing between blocks ---- */
body.elementor-page-66494 .elementor-widget-text-editor p:last-child,
body.elementor-page-66494 .elementor-widget-text-editor ul:last-child {
  margin-bottom: 0;
}

body.elementor-page-66494 .pullquote {
  margin: 0;
}

body.elementor-page-66494 .tot-cta-card {
  margin: 0;
}

body.elementor-page-66494 .elementor-widget-text-editor a,
body.elementor-page-66494 .elementor-tab-content a {
  color: #6EC1E4;
}

body.elementor-page-66494 .elementor-widget-text-editor a:hover,
body.elementor-page-66494 .elementor-tab-content a:hover {
  color: #2b8fc4;
}

body.elementor-page-66494 .elementor-widget-text-editor ul,
body.elementor-page-66494 .elementor-tab-content ul {
  list-style: square;
  padding-left: 1.4em;
  margin: 0 0 1em;
}

body.elementor-page-66494 .elementor-widget-text-editor li,
body.elementor-page-66494 .elementor-tab-content li {
  margin: 0 0 6px;
}

body.elementor-page-66494 .didyouknow,
body.elementor-page-66494 .didyouknow p,
body.elementor-page-66494 .didyouknow li {
  font-size: 17px;
  line-height: 1.6;
}

body.elementor-page-66494 .elementor-accordion .elementor-accordion-title {
  font-family: 'Newsreader', serif;
  font-weight: 600;
  font-size: 21px;
  line-height: 1.3;
}

body.elementor-page-66494 .elementor-accordion .elementor-tab-content,
body.elementor-page-66494 .elementor-accordion .elementor-tab-content p {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 1.7;
  color: #1f2937;
}

body.elementor-page-66494 .tot-hero-media img,
body.elementor-page-66494 .tot-guide-media img {
  width: 100%;
  object-fit: cover;
  border-radius: 14px;
  display: block;
}

body.elementor-page-66494 .tot-hero-media img {
  aspect-ratio: 1 / 1;
}

body.elementor-page-66494 .tot-guide-media img {
  aspect-ratio: 4 / 3;
}

/* desktop: the photo fills its column's full height beside the text */
@media (min-width: 768px) {
  body.elementor-page-66494 .tot-hero-media,
  body.elementor-page-66494 .tot-guide-media,
  body.elementor-page-66494 .tot-hero-media .elementor-widget-container,
  body.elementor-page-66494 .tot-guide-media .elementor-widget-container {
    height: 100%;
  }

  body.elementor-page-66494 .tot-hero-media img,
  body.elementor-page-66494 .tot-guide-media img {
    aspect-ratio: auto;
    height: 100%;
  }
}

@media (max-width: 767px) {
  body.elementor-page-66494 .tot-guide-media img {
    aspect-ratio: 3 / 2;
  }
}

body.elementor-page-66494 .tot-trust {
  background: #F0F9FF;
  border-radius: 12px;
  padding: 14px 22px;
}

body.elementor-page-66494 .tot-trust,
body.elementor-page-66494 .tot-trust p {
  font-size: 15px;
  line-height: 1.6;
  color: #334155;
  text-align: center;
  margin: 0;
}

body.elementor-page-66494 .tot-trust strong {
  color: #0C4A6E;
}

body.elementor-page-66494 .tot-trust a,
body.elementor-page-66494 .tot-trust a strong {
  color: #C2410C;
}

/* pull-quote written as a real <blockquote> for machine readability;
   neutralise any theme/editor blockquote chrome inside it */
body.elementor-page-66494 .pullquote blockquote {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
}

body.elementor-page-66494 .tot-quote-by,
body.elementor-page-66494 .tot-quote-by p {
  font-size: 14px;
  line-height: 1.5;
  color: #64748b;
  margin: -6px 0 0 28px;
}

.tot-cta-card .totc-body {
  padding: 22px 26px;
}

.tot-form-lede,
.tot-form-lede .elementor-heading-title {
  font-family: 'Newsreader', serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  color: #0C4A6E;
  margin: 0 0 4px;
}

body.elementor-page-66494 .tot-book .elementor-field-group label {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #334155;
}

body.elementor-page-66494 .tot-book .elementor-button[type="submit"] {
  min-height: 46px;
}

@media (prefers-reduced-motion: reduce) {
  .tot-cta-card,
  body.elementor-page-66494 .totc-review,
  body.elementor-page-66494 a {
    transition: none;
  }
  .tot-cta-card:hover {
    transform: none;
  }
}


/* ==========================================================================
   14. DARK MODE — page additions
   ========================================================================== */

body.elementor-page-66494.jnews-dark-mode .elementor-widget-heading h1 {
  color: #F1F5F9;
}

body.elementor-page-66494.jnews-dark-mode .elementor-widget-heading h2,
body.elementor-page-66494.jnews-dark-mode .elementor-widget-heading h3 {
  color: #F1F5F9;
}

body.elementor-page-66494.jnews-dark-mode .tot-trust {
  background: #152B3A;
}

body.elementor-page-66494.jnews-dark-mode .tot-trust,
body.elementor-page-66494.jnews-dark-mode .tot-trust p {
  color: #CBD5E1 !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-trust strong {
  color: #F1F5F9;
}

body.elementor-page-66494.jnews-dark-mode .tot-trust a,
body.elementor-page-66494.jnews-dark-mode .tot-trust a strong {
  color: #FDBA74 !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-quote-by,
body.elementor-page-66494.jnews-dark-mode .tot-quote-by p {
  color: #9FB3C4;
}

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

body.elementor-page-66494.jnews-dark-mode .tot-book {
  background-color: #0F2A3D !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-book .elementor-field-group label {
  color: #CBD5E1;
}


/* ==========================================================================
   15. FULL-BLEED VARIANT BANDS (explicit colours; identical in both themes)
   ========================================================================== */

body.elementor-page-66494 .tot-hero-full .elementor-widget-heading h1 {
  color: #FFFFFF;
  font-size: 54px;
}

@media (max-width: 767px) {
  body.elementor-page-66494 .tot-hero-full .elementor-widget-heading h1 {
    font-size: 34px;
  }
}

body.elementor-page-66494 .tot-hero-full .lead p:first-of-type {
  color: #E2E8F0;
}

body.elementor-page-66494 .tot-band-dark .elementor-widget-heading h2,
body.elementor-page-66494 .tot-band-dark .elementor-widget-heading h3 {
  color: #F1F5F9;
}

body.elementor-page-66494 .tot-band-dark .elementor-widget-text-editor,
body.elementor-page-66494 .tot-band-dark .elementor-widget-text-editor p,
body.elementor-page-66494 .tot-band-dark .elementor-widget-text-editor li {
  color: #CBD5E1;
}

body.elementor-page-66494 .tot-band-dark .elementor-widget-text-editor strong {
  color: #F1F5F9;
}

body.elementor-page-66494 .tot-band-dark .elementor-widget-text-editor a,
body.elementor-page-66494 .tot-band-dark .elementor-widget-text-editor a strong {
  color: #7DD3FC;
}

body.elementor-page-66494 .tot-band-dark .elementor-widget-text-editor a:hover,
body.elementor-page-66494 .tot-band-dark .elementor-widget-text-editor a:hover strong {
  color: #BAE6FD;
}

body.elementor-page-66494 .tot-band-dark .pullquote,
body.elementor-page-66494 .tot-band-dark .pullquote blockquote,
body.elementor-page-66494 .tot-band-dark .pullquote p {
  color: #F1F5F9;
}

body.elementor-page-66494 .tot-band-dark .pullquote {
  border-left-color: #FB923C;
}

body.elementor-page-66494 .tot-band-dark .tot-quote-by,
body.elementor-page-66494 .tot-band-dark .tot-quote-by p,
body.elementor-page-66494 .tot-band-dark .tot-quote-by em {
  color: #9FB3C4;
}

body.elementor-page-66494 .tot-band-dark .tot-cta-btn-alt .elementor-button,
body.elementor-page-66494 .tot-band-dark .tot-cta-btn-alt a.elementor-button {
  color: #FDBA74 !important;
  border-color: rgba(251, 146, 60, .55);
}

body.elementor-page-66494 .tot-band-dark .tot-cta-btn-alt .elementor-button .elementor-button-text,
body.elementor-page-66494 .tot-band-dark .tot-cta-btn-alt .elementor-button .elementor-button-content-wrapper {
  color: #FDBA74 !important;
}

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

body.elementor-page-66494 .tot-band-dark .tot-cta-btn-alt .elementor-button:hover .elementor-button-text {
  color: #FED7AA !important;
}

body.elementor-page-66494 .tot-band-dark .tot-form-lede,
body.elementor-page-66494 .tot-band-dark .tot-form-lede .elementor-heading-title {
  color: #F1F5F9;
}

body.elementor-page-66494 .tot-band-dark .elementor-field-group label {
  color: #CBD5E1;
}

body.elementor-page-66494 .tot-band-tint .tot-trust {
  background: transparent;
  padding: 6px 0;
}

body.elementor-page-66494 .tot-band-tint .didyouknow {
  background: #FFFFFF;
}



/* ==========================================================================
   15b. REVIEW CARD SOURCE LINKS (pinned over the kit's link colour)
   ========================================================================== */

body.elementor-page-66494 .totc-role a,
body.elementor-page-66494 .totc-role a:visited {
  color: #C2410C !important;
  text-decoration: none;
}

body.elementor-page-66494 .totc-role a:hover {
  color: #9A3412 !important;
  text-decoration: underline;
}



/* ==========================================================================
   15c. HOUSE COMPONENTS - icon trust bar, labelled icon row, comparison table
   ========================================================================== */

/* Trust bar: one icon per fact, wraps on small screens */
body.elementor-page-66494 .tot-trustbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 40px;
}

body.elementor-page-66494 .tot-trustfact {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #0C4A6E;
}

body.elementor-page-66494 .tot-trustfact strong { font-weight: 700; }

body.elementor-page-66494 .tot-trust-ico {
  width: 34px;
  height: 34px;
  flex: none;
}

/* Labelled icon row */
body.elementor-page-66494 .tot-kindsrow {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin: 2px 0 4px;
}

body.elementor-page-66494 .tot-kind {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #0C4A6E;
}

body.elementor-page-66494 .tot-kind-ico {
  width: 34px;
  height: 34px;
  flex: none;
}

/* Comparison table */
body.elementor-page-66494 .tot-table-wrap { overflow-x: auto; margin: 6px 0 2px; }

body.elementor-page-66494 .tot-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16.5px;
  min-width: 520px;
}

body.elementor-page-66494 .tot-table th {
  text-align: left;
  font-family: 'Newsreader', Georgia, serif;
  font-size: 15px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #0C4A6E;
  border-bottom: 2px solid #EA580C;
  padding: 10px 14px 8px 0;
}

body.elementor-page-66494 .tot-table td {
  padding: 11px 14px 11px 0;
  border-bottom: 1px solid #E2E8F0;
  color: #334155;
  vertical-align: top;
}

body.elementor-page-66494 .tot-table tr:last-child td { border-bottom: none; }
body.elementor-page-66494 .tot-table td strong { color: #0C4A6E; }


/* ==========================================================================
   19. V4 GATEWAY (value lattice, routing rail, full-bleed folds)
   ========================================================================== */

/* --- the fold: every band owns its ground, so the page reads as a sequence of
   rooms rather than a scroll of prose. Width is handled by the container; this
   only owns the inner alignment to the 1140 frame. --------------------------- */
body.elementor-page-66494 .tot-fold-pad {
  padding-left: max(20px, calc((100vw - 1140px) / 2));
  padding-right: max(20px, calc((100vw - 1140px) / 2));
}
@media (max-width: 767px) {
  body.elementor-page-66494 .tot-fold-pad { padding-left: 16px !important; padding-right: 16px !important; }
}

/* --- value lattice ---------------------------------------------------------
   NOT a card grid. One continuous field cut by hairline rules, so six values read
   as one argument instead of six boxes.
   🔴 Fixed 3 columns, not auto-fit: auto-fit at minmax(260px) resolved to FOUR on a
   1140 frame, which left a six-item lattice with two filled cells and two holes on
   its second row. A lattice's column count has to divide its item count. */
body.elementor-page-66494 .tot-lattice {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
  margin: 6px 0 0;
}
@media (max-width: 999px) {
  body.elementor-page-66494 .tot-lattice { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 599px) {
  body.elementor-page-66494 .tot-lattice { grid-template-columns: 1fr; }
}
body.elementor-page-66494 .tot-lattice > div {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
  padding: 30px 28px 32px;
  min-width: 0;
}
/* The icon is a MASK, not a filtered PNG: a filter chain that tries to reach amber
   from navy is guesswork and measured as a washed grey. A mask paints the exact
   token colour, and it is the same PNG either way. */
body.elementor-page-66494 .tot-lattice .tot-ico {
  display: block; width: 44px; height: 44px; margin: 0 0 18px;
  background-color: #FDBA74;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
}
body.elementor-page-66494 .tot-lattice h4 {
  font-family: 'Newsreader', Georgia, serif;
  font-size: 21px; line-height: 1.25; font-weight: 600;
  color: #FFFFFF; margin: 0 0 9px; text-wrap: balance;
}
body.elementor-page-66494 .tot-lattice p {
  font-family: 'Roboto', system-ui, sans-serif;
  font-size: 16px; line-height: 1.62; color: #CBD5E1; margin: 0;
  max-width: 42ch; text-wrap: pretty;
}

/* --- routing rail ----------------------------------------------------------
   The doors. A destination, a reason, a whole-tile hit area. */
body.elementor-page-66494 .tot-routes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 14px;
  margin: 8px 0 0;
}
body.elementor-page-66494 .tot-route {
  display: block;
  padding: 22px 24px 24px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 14px;
  text-decoration: none !important;
  /* 180ms, strong ease-out: a hover is seen tens of times a day, so it has to feel
     instant. 280ms read as the tile lagging the cursor. */
  transition: background-color 180ms cubic-bezier(.23,1,.32,1),
              border-color 180ms cubic-bezier(.23,1,.32,1),
              transform 180ms cubic-bezier(.23,1,.32,1);
}
/* hover only where a hover exists: touch fires it on tap and leaves the tile raised */
@media (hover: hover) and (pointer: fine) {
  body.elementor-page-66494 .tot-route:hover {
    background: rgba(255,255,255,.11);
    border-color: rgba(253,186,116,.75);
    transform: translateY(-2px);
  }
}
body.elementor-page-66494 .tot-route:focus-visible {
  background: rgba(255,255,255,.11);
  border-color: rgba(253,186,116,.75);
  outline: 2px solid #FDBA74; outline-offset: 2px;
}
/* press feedback: the interface heard the tap */
body.elementor-page-66494 .tot-route:active { transform: scale(.985); transition-duration: 120ms; }
body.elementor-page-66494 .tot-route span.r-t {
  display: block;
  font-family: 'Newsreader', Georgia, serif;
  font-size: 19px; font-weight: 600; line-height: 1.3;
  color: #FFFFFF !important; margin: 0 0 6px;
}
body.elementor-page-66494 .tot-route span.r-d {
  display: block;
  font-family: 'Roboto', system-ui, sans-serif;
  font-size: 15px; line-height: 1.55; color: #CBD5E1 !important; margin: 0;
}
/* 🔴 A LITERAL arrow glyph, never the CSS escape. `update_post_meta` unslashes what it
   stores, so `content: "\2192"` loses its backslash on the way into
   _elementor_page_settings and the tile prints the digits 2192. Measured on tot-test-2,
   6 Sep. Same class of bug the house CSS hit with its curly quotes. */
/* The space before the arrow is a LITERAL no-break space (U+00A0), so the arrow can never
   wrap onto a line of its own. An orphaned arrow under a two-line title read as a bug on
   three of the eight tiles. */
body.elementor-page-66494 .tot-route span.r-t::after {
  content: " →"; color: #FDBA74; font-weight: 400;
}
@media (prefers-reduced-motion: reduce) {
  body.elementor-page-66494 .tot-route { transition: background-color .01ms linear; }
  body.elementor-page-66494 .tot-route:hover, body.elementor-page-66494 .tot-route:focus-visible { transform: none; }
}

/* --- face row: three guides as a row of portraits, nav-paced ----------------
   🔴 A FIXED height, not height:100%. The roster's photographs are a mix of portrait
   and landscape, so height:100% let each one keep its own aspect and the tallest
   pushed its whole column out of line with the other two. A face row is a row. */
body.elementor-page-66494 .tot-face-media img {
  width: 100%; height: 360px;
  object-fit: cover; object-position: center 26%;
}
@media (max-width: 767px) {
  body.elementor-page-66494 .tot-face-media img { height: 280px; }
}

/* Each face column is a flex column; pushing the actions row to the bottom lines the
   three buttons up even when the credential lines run 2, 3 and 4 lines. */
body.elementor-page-66494 .tot-face { display: flex; flex-direction: column; }
body.elementor-page-66494 .tot-face > .e-con-inner,
body.elementor-page-66494 .tot-face .tot-cta-actions { margin-top: auto; }

/* --- step strip: a REAL sequence, so the numerals are earned ---------------
   Four light tiles on a photo fold: a different family from the navy route rail,
   the navy lattice and the white/tint splits, so the page keeps changing shape. */
body.elementor-page-66494 .tot-steps {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 10px 0 0;
}
@media (max-width: 999px) { body.elementor-page-66494 .tot-steps { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 599px) { body.elementor-page-66494 .tot-steps { grid-template-columns: 1fr; } }
body.elementor-page-66494 .tot-step {
  background: rgba(255,255,255,.94); border-radius: 14px; padding: 22px 22px 24px;
  min-width: 0;
}
body.elementor-page-66494 .tot-step b {
  display: block; font-family: 'Newsreader', Georgia, serif; font-weight: 700;
  font-size: 30px; line-height: 1; color: #EA580C; margin: 0 0 12px;
}
body.elementor-page-66494 .tot-step h4 {
  font-family: 'Newsreader', Georgia, serif; font-size: 20px; line-height: 1.25;
  font-weight: 600; color: #0C4A6E !important; margin: 0 0 8px; text-wrap: balance;
}
body.elementor-page-66494 .tot-step p {
  font-family: 'Roboto', system-ui, sans-serif; font-size: 15.5px; line-height: 1.58;
  color: #334155 !important; margin: 0;
}

/* --- shape list: the six things that decide a quote, scannable, no paragraph ------- */
body.elementor-page-66494 .tot-shape {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 32px; margin: 6px 0 0;
}
@media (max-width: 767px) { body.elementor-page-66494 .tot-shape { grid-template-columns: 1fr; } }
body.elementor-page-66494 .tot-shape div {
  border-top: 1px solid #E2E8F0; padding: 16px 0 18px; min-width: 0;
}
body.elementor-page-66494 .tot-shape h4 {
  font-family: 'Newsreader', Georgia, serif; font-size: 20px; line-height: 1.25;
  font-weight: 600; color: #0C4A6E; margin: 0 0 6px;
}
body.elementor-page-66494 .tot-shape p {
  font-family: 'Roboto', system-ui, sans-serif; font-size: 16px; line-height: 1.58;
  color: #334155; margin: 0;
}

/* --- press feedback on every house button: the house CSS transitions hover but has no
   :active, so a tap gave nothing back. 120ms, scale only. ------------------------- */
body.elementor-page-66494 .tot-cta-btn .elementor-button,
body.elementor-page-66494 .tot-cta-btn-alt .elementor-button,
body.elementor-page-66494 .elementor-button[type="submit"] {
  transition: transform 120ms cubic-bezier(.23,1,.32,1), background-color .2s ease,
              color .2s ease, border-color .2s ease;
}
body.elementor-page-66494 .tot-cta-btn .elementor-button:active,
body.elementor-page-66494 .tot-cta-btn-alt .elementor-button:active,
body.elementor-page-66494 .elementor-button[type="submit"]:active { transform: scale(.97); }
@media (prefers-reduced-motion: reduce) {
  body.elementor-page-66494 .tot-cta-btn .elementor-button:active,
  body.elementor-page-66494 .tot-cta-btn-alt .elementor-button:active,
  body.elementor-page-66494 .elementor-button[type="submit"]:active,
  body.elementor-page-66494 .tot-route:active { transform: none; }
}

/* --- comparison table on a phone -------------------------------------------
   Three prose columns do not fit 390px; the house .tot-table-wrap falls back to a
   horizontal scroll, which on a nav page reads as a cut-off column (measured: the
   "Group tour" column clipped at the viewport edge). Under 600px each row becomes a
   block: the label full width, the two values side by side with their column name
   restated as a literal-text ::before, so nothing depends on the hidden header. */
@media (max-width: 599px) {
  body.elementor-page-66494 .tot-table-wrap { overflow: visible; }
  /* the house component sets a min-width so the columns never crush; on a phone the
     columns no longer exist, so the floor goes with them */
  body.elementor-page-66494 .tot-table, body.elementor-page-66494 .tot-table tbody { display: block; width: 100%;
    min-width: 0 !important; }
  body.elementor-page-66494 .tot-table thead { display: none; }
  body.elementor-page-66494 .tot-table tr {
    display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px;
    padding: 12px 0 14px; border-bottom: 1px solid #E2E8F0;
  }
  body.elementor-page-66494 .tot-table tr:last-child { border-bottom: none; }
  body.elementor-page-66494 .tot-table td { display: block; border: none !important; padding: 0 !important; }
  body.elementor-page-66494 .tot-table td:first-child { grid-column: 1 / -1; padding-bottom: 2px !important; }
  body.elementor-page-66494 .tot-table td:nth-child(2)::before,
  body.elementor-page-66494 .tot-table td:nth-child(3)::before {
    display: block; font: 600 11px/1.4 'Roboto', system-ui, sans-serif;
    letter-spacing: .06em; text-transform: uppercase; color: #64748B; margin: 0 0 2px;
  }
  body.elementor-page-66494 .tot-table td:nth-child(2)::before { content: ""; }
  body.elementor-page-66494 .tot-table td:nth-child(3)::before { content: ""; }
}

/* --- ordered lists ---------------------------------------------------------
   Elementor Full Width has no .entry-content, so the theme's OL styling never
   arrives and a numbered sequence renders with no numbers at all. */
body.elementor-page-66494 .elementor-widget-text-editor ol { list-style: decimal; padding-left: 24px;
  margin: 0 0 16px; }
body.elementor-page-66494 .elementor-widget-text-editor ol > li { margin: 0 0 13px; padding-left: 4px; }
body.elementor-page-66494 .elementor-widget-text-editor ol > li::marker { color: #EA580C; font-weight: 700; }
body.elementor-page-66494 .tot-fold-dark .elementor-widget-text-editor ol > li::marker { color: #FDBA74; }

/* --- kit pins: values measured on LIVE, because the tot-test-2 kit is empty and
   paints both of these green. Reference pages /private-istanbul-tour-guides/ and
   /services/culinary-tours/, 6 Sep. ------------------------------------------ */
body.elementor-page-66494 .elementor-accordion .elementor-accordion-title,
body.elementor-page-66494 a.elementor-accordion-title { color: #0C4A6E !important;
  font-family: 'Newsreader', Georgia, serif !important; font-size: 21px !important; }
/* 🔴 Reconciler, 11 Sep (brief B7, dmc-partners' finding). The OPEN item's +/- mark is not
   covered by the title pin above, and the tot-test-2 kit is empty, so Elementor paints it
   its stock accent #61CE70. Measured: stock green on an open FAQ item on six of the seven
   institutional pages. Pin the mark and the open row with the house colours. */
body.elementor-page-66494 .elementor-accordion .elementor-tab-title.elementor-active,
body.elementor-page-66494 .elementor-toggle .elementor-tab-title.elementor-active {
  background: #F0F9FF; color: #0C4A6E;
}
body.elementor-page-66494 .elementor-accordion .elementor-active .elementor-accordion-icon,
body.elementor-page-66494 .elementor-accordion .elementor-active .elementor-accordion-icon i,
body.elementor-page-66494 .elementor-accordion .elementor-active .elementor-accordion-icon svg,
body.elementor-page-66494 .elementor-accordion .elementor-tab-title .elementor-accordion-icon,
body.elementor-page-66494 .elementor-accordion .elementor-tab-title .elementor-accordion-icon i,
body.elementor-page-66494 .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
  color: #EA580C !important; fill: #EA580C !important;
}
body.elementor-page-66494 .elementor-button[type="submit"] { background-color: #EA580C !important;
  color: #ffffff !important; border-radius: 8px !important; }

/* --- oversized fold heading, one per fold ---------------------------------- */
body.elementor-page-66494 .tot-fold h2.elementor-heading-title,
body.elementor-page-66494 .tot-fold .elementor-widget-heading h2 {
  font-size: clamp(28px, 3.1vw, 40px);
  line-height: 1.14;
  letter-spacing: -0.015em;
  text-wrap: balance;
}
body.elementor-page-66494 .tot-fold-dark h2.elementor-heading-title,
body.elementor-page-66494 .tot-fold-dark .elementor-widget-heading h2,
body.elementor-page-66494 .tot-fold-dark .elementor-widget-heading h3 { color: #FFFFFF !important; }
body.elementor-page-66494 .tot-fold-dark .elementor-widget-text-editor,
body.elementor-page-66494 .tot-fold-dark .elementor-widget-text-editor p,
body.elementor-page-66494 .tot-fold-dark .elementor-widget-text-editor li { color: #CBD5E1; }
body.elementor-page-66494 .tot-fold-dark .elementor-widget-text-editor a,
body.elementor-page-66494 .tot-fold-dark .elementor-widget-text-editor a strong { color: #7DD3FC; }

/* hero: the photograph is the design, so the type sits on it rather than beside it */
body.elementor-page-66494 .tot-fold-hero h1.elementor-heading-title,
body.elementor-page-66494 .tot-fold-hero h1 {
  color: #FFFFFF !important;
  font-size: clamp(34px, 4.4vw, 60px);
  line-height: 1.06;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
body.elementor-page-66494 .tot-fold-hero .elementor-widget-text-editor,
body.elementor-page-66494 .tot-fold-hero .elementor-widget-text-editor p {
  color: #E2E8F0; font-size: 19px; line-height: 1.62; max-width: 56ch;
}


/* ==========================================================================
   19t. [tot_trust] RECORDS PANEL, SKINNED BY GROUND
   One skin for the plugin's records panel on every v4 page, chosen by the fold it
   sits on. "Blend" means the panel paints no box of its own, and its record cards
   speak the tile language of the fold around them: translucent with a white hairline
   on a dark fold (the routing rail), white with a #DBEAFE edge on tint (the step tile
   on tint), #F8FAFC with a #E2E8F0 edge on white.
   🔴 The body.elementor-page-66494 is exactly section.tot-trust.tot-inst. The page trust STRIP is a
   text-editor widget whose wrapper ALSO carries class tot-trust, and the house strip
   rules (lifted from the culinary build: #F0F9FF ground, 12px radius, 15px, centred)
   reach the panel through that shared class. That collision is what painted the pale
   box and centred the opened record's prose. csr's records FOLD container carries
   tot-inst as well, so neither class alone is safe. Never restyle the strip from here.
   🔴 The plugin's yellow #F8F812 is removed everywhere it can appear: the open-card
   bar, the record's top edge, the pull-quote bar, the focus ring, the control hover
   fill and the credit-link hover fill. The open card keeps TWO signals, its border
   colour and its 5px bar, because colour alone is not a state.
   ========================================================================== */
body.elementor-page-66494 section.tot-trust.tot-inst {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 6px 0 0 !important;
  text-align: left !important;
}
body.elementor-page-66494 section.tot-trust.tot-inst,
body.elementor-page-66494 section.tot-trust.tot-inst * {
  font-family: 'Roboto', system-ui, sans-serif;
}
/* the three display strings take the house serif (generalised from university's pin) */
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__org,
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__pax,
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__record h3 {
  font-family: 'Newsreader', Georgia, serif;
}
body.elementor-page-66494 section.tot-trust.tot-inst p { text-align: left; }
/* the strip collision set the opened record's prose to 15px under 17px body copy; the pull
   quote is excluded because a specificity win here would flatten its own size */
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__record p:not(.tot-trust__pull) {
  font-size: 16.5px; line-height: 1.62;
}

/* the rail: its own ground and border go, and the plugin's 1px hairline grid becomes the
   14px tile gap the routing rail uses. The padding keeps the plugin's focus-ring room (the
   rail is a scrollport, so an outward ring needs space to paint) and its scroll-snap. */
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__rail {
  background: transparent !important;
  border: 0 !important;
  gap: 14px;
  padding: 6px 6px 8px;
}
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__rec {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 14px !important;
  transition: background-color 180ms cubic-bezier(.23,1,.32,1),
              border-color 180ms cubic-bezier(.23,1,.32,1),
              transform 180ms cubic-bezier(.23,1,.32,1);
}
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__rec:active { transform: scale(.99); }

body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__ctrl { margin-bottom: 10px; }
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__pause,
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__nav {
  background: transparent !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-radius: 10px;
  transition: background-color 180ms cubic-bezier(.23,1,.32,1),
              border-color 180ms cubic-bezier(.23,1,.32,1), color 180ms ease;
}
/* the plugin's hover fill is UNGATED yellow, and a touch screen fires :hover on tap and leaves
   it there. Neutralised here for every pointer; the real fill below is gated to a mouse. */
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__pause:hover,
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__nav:hover { background: transparent !important; }
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__credit a:hover,
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__credit a:focus-visible {
  background: transparent !important;
}

body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__record {
  border-width: 1px !important;
  border-style: solid !important;
  border-top-width: 5px !important;
  border-radius: 14px !important;
  margin-top: 14px !important;
}
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__record p.tot-trust__pull {
  border-left-width: 5px !important;
  border-left-style: solid !important;
}
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__rec:focus-visible,
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__pause:focus-visible,
body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__nav:focus-visible { outline: 0; }

@media (prefers-reduced-motion: reduce) {
  body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__rec,
  body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__pause,
  body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__nav { transition: none !important; }
  body.elementor-page-66494 section.tot-trust.tot-inst .tot-trust__rec:active { transform: none; }
}

/* --- on a DARK fold (navy, deep, photograph) --- */
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__rec {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.20) !important;
  box-shadow: none !important;
}
@media (hover: hover) and (pointer: fine) {
  body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__rec:hover {
    background: rgba(255,255,255,.11) !important;
    border-color: rgba(253,186,116,.75) !important;
  }
}
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__rec[aria-expanded="true"] {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(253,186,116,.85) !important;
  box-shadow: inset 0 5px 0 #FDBA74 !important;
}
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__pause,
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__nav {
  color: #CBD5E1 !important;
  border-color: rgba(255,255,255,.48) !important;
}
@media (hover: hover) and (pointer: fine) {
  body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__pause:hover,
  body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__nav:hover {
    color: #0A2A3D !important; background: #FDBA74 !important; border-color: #FDBA74 !important;
  }
}
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__rec:focus-visible,
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__pause:focus-visible,
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__nav:focus-visible {
  box-shadow: 0 0 0 3px #0A2A3D, 0 0 0 6px #FDBA74 !important;
}
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__sector {
  color: #FDBA74 !important; border-color: rgba(253,186,116,.55) !important;
}
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__rec[aria-expanded="true"] .tot-trust__sector {
  color: #FED7AA !important;
}
@media (hover: hover) and (pointer: fine) {
  body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__rec:hover .tot-trust__sector {
    color: #FED7AA !important;
  }
}
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__org,
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__pax { color: #FFFFFF !important; }
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__line,
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__when,
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__unit { color: #CBD5E1 !important; }
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__record {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.20) !important;
  border-top-color: #FDBA74 !important;
  box-shadow: none !important;
}
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__record h3 { color: #FFFFFF !important; }
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__record p { color: #CBD5E1 !important; }
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__record .tot-trust__sub { color: #CBD5E1 !important; }
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__led { border-top-color: rgba(255,255,255,.40) !important; }
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__led > div { border-bottom-color: rgba(255,255,255,.18) !important; }
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__led dt { color: #CBD5E1 !important; }
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__led dd { color: #FFFFFF !important; }
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__record p.tot-trust__pull {
  border-left-color: #FDBA74 !important; color: #FFFFFF !important;
}
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__credit a[href] { color: #7DD3FC !important; }
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__credit a[href]:hover,
body.elementor-page-66494 .tot-fold-dark section.tot-trust.tot-inst .tot-trust__credit a[href]:focus-visible { color: #FDBA74 !important; }

/* --- on a LIGHT fold (white; tint follows) --- */
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__rec {
  background: #F8FAFC !important;
  border-color: #E2E8F0 !important;
  box-shadow: none !important;
}
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__record {
  background: #F8FAFC !important;
  border-color: #E2E8F0 !important;
  border-top-color: #EA580C !important;
  box-shadow: none !important;
}
@media (hover: hover) and (pointer: fine) {
  body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__rec:hover {
    border-color: rgba(234,88,12,.55) !important;
  }
}
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__rec[aria-expanded="true"] {
  border-color: rgba(234,88,12,.55) !important;
  box-shadow: inset 0 5px 0 #EA580C !important;
}
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__pause,
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__nav {
  color: #0C4A6E !important;
  border-color: rgba(12,74,110,.65) !important;
}
@media (hover: hover) and (pointer: fine) {
  body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__pause:hover,
  body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__nav:hover {
    color: #FFFFFF !important; background: #0C4A6E !important; border-color: #0C4A6E !important;
  }
}
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__rec:focus-visible,
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__pause:focus-visible,
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__nav:focus-visible {
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #0C4A6E !important;
}
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__sector {
  color: #5B6878 !important; border-color: rgba(91,104,120,.45) !important;
}
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__org,
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__pax { color: #0C4A6E !important; }
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__line { color: #334155 !important; }
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__when,
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__unit { color: #5B6878 !important; }
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__record h3 { color: #0C4A6E !important; }
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__record p { color: #334155 !important; }
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__record .tot-trust__sub { color: #5B6878 !important; }
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__led { border-top-color: #0C4A6E !important; }
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__led > div { border-bottom-color: #CBD5E1 !important; }
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__led dt { color: #5B6878 !important; }
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__led dd { color: #0C4A6E !important; }
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__record p.tot-trust__pull {
  border-left-color: #EA580C !important; color: #0C4A6E !important;
}
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__credit a[href] {
  color: #0369A1 !important; text-decoration: underline !important;
}
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__credit a[href]:hover,
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__credit a[href]:focus-visible { color: #075985 !important; }

/* --- on a TINT fold --- */
body.elementor-page-66494 .tot-band-tint:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__rec {
  background: #FFFFFF !important;
  border-color: #DBEAFE !important;
  box-shadow: 0 1px 2px rgba(12,74,110,.05) !important;
}
body.elementor-page-66494 .tot-band-tint:not(.tot-fold-dark) section.tot-trust.tot-inst .tot-trust__record {
  background: #FFFFFF !important;
  border-color: #DBEAFE !important;
  border-top-color: #EA580C !important;
  box-shadow: 0 1px 2px rgba(12,74,110,.05) !important;
}

/* END 19t. [tot_trust] RECORDS PANEL */



/* ==========================================================================
   20. STUDY PROGRAMMES - guide quote, ground media
   ========================================================================== */

/* The trust band carries FOUR facts. The house `.tot-trustbar` is a centred flex-wrap, so
   at 1440 the fourth fact drops onto its own line and floats in the middle of the band, and
   at 390 each fact centres itself so the four icons never share a gutter. A fixed grid whose
   column count divides the fact count fixes both: four across on desktop, two on tablet, one
   left-aligned column on a phone. */
body.elementor-page-66494 .tot-trustbar {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
  gap: 14px 28px;
}
body.elementor-page-66494 .tot-trustfact { align-items: flex-start; line-height: 1.4; text-align: left; }
body.elementor-page-66494 .tot-trustfact span { text-align: left; }
body.elementor-page-66494 .tot-trust-ico { flex: 0 0 auto; margin-top: 1px; }
@media (max-width: 999px) {
  body.elementor-page-66494 .tot-trustbar { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 599px) {
  body.elementor-page-66494 .tot-trustbar { grid-template-columns: 1fr; gap: 12px; }
}

/* Prose link colour on the LIGHT grounds.
   Measured, both here and on the LIVE /services/guide/ page: a link inside a text-editor
   widget on a white or tint fold computes to rgb(110,193,228), Elementor's default accent,
   because Full Width has no `.entry-content` and nothing in the house CSS pins it. That is
   2.02:1 on white and 1.89:1 on tint. This page's buyer is public-sector procurement, so it
   is pinned to the house orange (5.18:1 on white, 4.86:1 on tint). Buttons, accordion
   titles, route tiles and the dark folds are excluded: they set their own ink.
   SITE-WIDE, not page-specific. Reported for the cluster and for live. */
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) .elementor-widget-text-editor a,
body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) .elementor-tab-content a {
/* Reconciler ruling, 11 Sep 2026 (brief B10). Two link colours were in the cluster:
   #0369A1 (congress, csr) and #C2410C (event-planning, hub, study, university).
   Measured on the three light grounds: #0369A1 is 5.93:1 on white, 5.57:1 on the
   #F0F9FF tint and 5.67:1 on the #F8FAFC card; #C2410C is 5.18 / 4.86 / 4.95, and
   4.86 leaves 0.36 of headroom over the 4.5 floor. #0369A1 also does not read as the
   house CTA orange #EA580C. Ruling: #0369A1 in body, #075985 on hover (7.56 / 7.09 /
   7.23). Dark folds keep #7DD3FC, which is unchanged. */
  color: #0369A1 !important;
  text-decoration-color: rgba(3, 105, 161, .42);
}
@media (hover: hover) and (pointer: fine) {
  body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) .elementor-widget-text-editor a:hover,
  body.elementor-page-66494 .tot-fold:not(.tot-fold-dark) .elementor-tab-content a:hover {
    color: #075985 !important;
  }
}

/* The routing rail carries NINE doors on this page, so it is pinned to three columns.
   `tot_v4.css()` ships the rail as `auto-fit, minmax(250px, 1fr)`, which resolves to four
   on the 1140 frame and leaves 4 + 4 + 1 with three holes in the last row. Same fault the
   lattice paid for on /services/guide/: a grid's column count has to divide its item count. */
@media (min-width: 1000px) {
  body.elementor-page-66494 .tot-routes { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 700px) and (max-width: 999px) {
  body.elementor-page-66494 .tot-routes { grid-template-columns: repeat(3, 1fr); }
}

/* The guide quote. Three of them carry this page and they are the only first-person voice
   on it, so they get a component rather than the theme's blockquote: a navy rule on the
   leading edge, the quote in the display face, the attribution small and linked to the
   guide's own long-form page. */
body.elementor-page-66494 .tot-gq {
  margin: 6px 0 0;
  padding: 2px 0 2px 22px;
  border-left: 3px solid #FDBA74;
  background: none;
  border-radius: 0;
}
body.elementor-page-66494 .tot-gq p {
  font-family: 'Newsreader', Georgia, serif;
  font-size: 20px; line-height: 1.5; font-style: italic;
  color: #0C4A6E; margin: 0 0 8px; text-wrap: pretty;
}
body.elementor-page-66494 .tot-gq cite {
  display: block;
  font-family: 'Roboto', system-ui, sans-serif;
  font-size: 14px; line-height: 1.5; font-style: normal;
  letter-spacing: .01em; color: #64748B;
}
body.elementor-page-66494 .tot-gq cite a,
body.elementor-page-66494 .tot-gq cite a:visited { color: #0369A1 !important; text-decoration: none; }
body.elementor-page-66494 .tot-gq cite a:hover { color: #075985 !important; text-decoration: underline; }

/* The source line under a ground fold: present, checkable, and quiet. */
body.elementor-page-66494 .tot-srcline {
  /* #64748B measured 4.46:1 on the tint ground, under the 4.5 floor. #5B6878 is 5.33. */
  font-size: 14.5px !important; line-height: 1.6 !important; color: #5B6878 !important;
  margin: 0 !important;
}
body.elementor-page-66494 .tot-srcline a strong { font-weight: 600; }

/* Ground photographs run taller than the face row, because terrain needs the height and a
   face does not. Fixed, not height:100%: the pool mixes 4:3 and 3:2 sources. */
body.elementor-page-66494 .tot-ground-media img {
  width: 100%; height: 440px;
  object-fit: cover; object-position: center 50%;
  display: block;
}
@media (max-width: 767px) {
  body.elementor-page-66494 .tot-ground-media img { height: 300px; }
}

/* Two faces, not three, so the row is halves rather than thirds. */
body.elementor-page-66494 .tot-face-media img { object-position: center 30%; }

/* ==========================================================================
   21. STUDY PROGRAMMES - measure
   ========================================================================== */

/* MEASURE. The 1140 frame is the right frame for a lattice, a rail and a face row, and the
   wrong one for a paragraph. Measured on the rendered page at 1440: the definition fold ran
   about 127 characters to the line, the open FAQ answer about 129, and the enquiry form put
   a Name input 1150px wide. 45 to 85 characters is the readable band, and folds 5 and 6 of
   this page already set their prose in a 56% column, about 73 characters, so the page has
   its own measure and these three folds were the ones ignoring it.

   Capped rather than centred: the fold's eyebrow rule, H2 and prose all stay on one left
   edge, which is what every other fold here does.

   🔴 SPECIFICITY, measured rather than assumed, twice. Elementor's frontend.min.css carries
   `.elementor.elementor .e-con>.elementor-widget{max-width:100%}`, which is (0,4,0). The
   obvious `body.elementor-page-66494 .tot-fold-prose .elementor-widget-text-editor` is (0,3,0), so the first
   version of this block was written, shipped, and changed nothing: the widget still computed
   max-width 100% and the line still ran 127 characters.

   The second version added `.elementor` to `body.elementor-page-66494` to buy a class, and changed nothing
   either, for a different reason: in PAGE custom CSS `body.elementor-page-66494` expands to
   `body.elementor-page-659`, NOT to `.elementor-659`, so `body.elementor-page-66494.elementor` demands the
   class `elementor` on <body>, which is not there, and the rule matched no element at all.
   Read the generated post-659.css rather than assuming what `body.elementor-page-66494` means.

   What holds: `body.elementor-page-66494` already contributes one element and one class, so doubling the
   fold's own classes and taking the child combinator gives (0,4,1), which beats Elementor's
   (0,4,0) on specificity rather than on `!important` or on source order. The proof is the
   rendered width printed in report.md, not this comment. */
body.elementor-page-66494 .tot-fold-prose.tot-fold > .elementor-widget-text-editor { max-width: 720px; }
body.elementor-page-66494 .tot-fold-prose.tot-fold .tot-gq { max-width: 760px; }

body.elementor-page-66494 .tot-fold.tot-fold-pad > .elementor-widget-accordion { max-width: 900px; }
body.elementor-page-66494 .elementor-accordion .elementor-tab-content p { max-width: 720px; }

/* The enquiry form. A text input's width is a promise about how long the answer should be,
   and a Name field a metre wide reads as a mistake before it reads as an invitation. */
body.elementor-page-66494 .tot-fold-book.tot-fold > .elementor-widget-form { max-width: 760px; }
body.elementor-page-66494 .tot-fold-book .tot-form-lede { max-width: 760px; }
@media (max-width: 767px) {
  body.elementor-page-66494 .tot-fold-book .tot-form-lede { font-size: 18px !important; line-height: 1.55; }
}

@media (max-width: 1023px) {
  body.elementor-page-66494 .tot-fold-prose.tot-fold > .elementor-widget-text-editor,
  body.elementor-page-66494 .tot-fold-prose.tot-fold .tot-gq,
  body.elementor-page-66494 .tot-fold.tot-fold-pad > .elementor-widget-accordion,
  body.elementor-page-66494 .elementor-accordion .elementor-tab-content p,
  body.elementor-page-66494 .tot-fold-book.tot-fold > .elementor-widget-form,
  body.elementor-page-66494 .tot-fold-book .tot-form-lede { max-width: none; }
}



/* ==========================================================================
   16. DARK MODE - full-bleed bands
   Bands carry an explicit background from the Elementor container, which does not
   follow the theme, so they are flipped here. Must stay the LAST section.
   ========================================================================== */

body.elementor-page-66494.jnews-dark-mode .tot-band-tint {
  background-color: #10344A !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-band-tint .elementor-widget-heading h2,
body.elementor-page-66494.jnews-dark-mode .tot-band-tint .elementor-widget-heading h3 {
  color: #F1F5F9 !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor,
body.elementor-page-66494.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor p,
body.elementor-page-66494.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor li {
  color: #CBD5E1 !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor strong {
  color: #F1F5F9 !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor a,
body.elementor-page-66494.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor a strong {
  color: #7DD3FC !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-band-tint .didyouknow {
  background: #152B3A !important;
  border-left-color: #38BDF8 !important;
}

/* The trust strip paints its own pale panel (.tot-trust{background:#F0F9FF}), separate
   from the band behind it. Inside a band it stays transparent as it does in light mode;
   standing on its own (the private-guides layout) it needs repainting. */
body.elementor-page-66494.jnews-dark-mode .tot-trust {
  background: #152B3A !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-band-tint .tot-trust,
body.elementor-page-66494.jnews-dark-mode .tot-band-dark .tot-trust {
  background: transparent !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-band-tint .tot-trust,
body.elementor-page-66494.jnews-dark-mode .tot-band-tint .tot-trust p {
  color: #CBD5E1 !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-band-tint .tot-trust strong {
  color: #F1F5F9 !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-band-tint .tot-trust a,
body.elementor-page-66494.jnews-dark-mode .tot-band-tint .tot-trust a strong {
  color: #FDBA74 !important;
}

/* ---- Review cards: readable on both the page ground and a flipped band ---- */
body.elementor-page-66494.jnews-dark-mode .totc-review {
  background: #0F2A3D !important;
  border-color: rgba(255,255,255,.16) !important;
  border-top-color: #FB923C !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-band-tint .totc-review {
  background: #0C2637 !important;
}

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

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

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

/* ---- Accordion: its white panels come from widget settings, not from CSS ---- */
body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-tab-title,
body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-tab-content {
  background-color: #0F2A3D !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-tab-title,
body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-tab-title a,
body.elementor-page-66494.jnews-dark-mode .elementor-accordion a.elementor-accordion-title {
  color: #F1F5F9 !important;
}

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

body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-tab-content a {
  color: #7DD3FC !important;
}

/* ---- CTA card sitting on a flipped band ---- */
body.elementor-page-66494.jnews-dark-mode .tot-cta-card {
  background: #12293A !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* ---- In-body links on the plain (theme-darkened) ground ---- */
body.elementor-page-66494.jnews-dark-mode .elementor-widget-text-editor a,
body.elementor-page-66494.jnews-dark-mode .elementor-widget-text-editor a strong {
  color: #7DD3FC !important;
}

body.elementor-page-66494.jnews-dark-mode .elementor-widget-text-editor a:hover,
body.elementor-page-66494.jnews-dark-mode .elementor-widget-text-editor a:hover strong {
  color: #BAE6FD !important;
}

/* ---- The navy bands and the photo hero are already dark in both themes and are
       deliberately NOT flipped here: section 14 deepens .tot-book, and touching
       background-color on .tot-band-dark would wipe the hero's photo. ---- */


/* ---- 15c components in dark mode ---- */
body.elementor-page-66494.jnews-dark-mode .tot-trustfact,
body.elementor-page-66494.jnews-dark-mode .tot-kind {
  color: #CBD5E1 !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-trustfact strong {
  color: #F1F5F9 !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-trust-ico,
body.elementor-page-66494.jnews-dark-mode .tot-kind-ico {
  filter: brightness(0) invert(1);
  opacity: .88;
}

body.elementor-page-66494.jnews-dark-mode .tot-table th {
  color: #F1F5F9 !important;
  border-bottom-color: #FB923C !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-table td {
  color: #CBD5E1 !important;
  border-bottom-color: rgba(255,255,255,.14) !important;
}

body.elementor-page-66494.jnews-dark-mode .tot-table td strong {
  color: #F1F5F9 !important;
}

/* A linked cell must still read as a link once the row goes near-white */
body.elementor-page-66494.jnews-dark-mode .tot-table td a,
body.elementor-page-66494.jnews-dark-mode .tot-table td a strong {
  color: #7DD3FC !important;
}


/* --- 19d. v4 gateway, dark mode -------------------------------------------
   The lattice and the rail paint their own dark ground from the container, so they
   are already correct; what needs restating is anything the shared dark block or a
   light-mode lock would otherwise flip back. */
body.elementor-page-66494.jnews-dark-mode .tot-lattice h4 { color: #FFFFFF !important; }
body.elementor-page-66494.jnews-dark-mode .tot-lattice p { color: #CBD5E1 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-route span.r-t { color: #FFFFFF !important; }
body.elementor-page-66494.jnews-dark-mode .tot-route span.r-d { color: #CBD5E1 !important; }
body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-accordion-title,
body.elementor-page-66494.jnews-dark-mode a.elementor-accordion-title { color: #F1F5F9 !important; }
/* the outline button's light lock colours the <a>, the wrapper AND the text span, each
   with !important; naming only some of them leaves the wrapper orange on dark */
body.elementor-page-66494.jnews-dark-mode .tot-cta-btn-alt,
body.elementor-page-66494.jnews-dark-mode .tot-cta-btn-alt * { color: #FDBA74 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-cta-btn-alt .elementor-button { border-color: #FDBA74 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor,
body.elementor-page-66494.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor p {
  color: #CBD5E1 !important;
}
/* Step tiles keep a LIGHT ground in dark mode (they sit on a photograph, not the theme),
   so the shared rule above that lightens every paragraph inside a dark fold turned their
   text #CBD5E1 on #F1F1F1: measured 1.32:1. Restate the tile's own ink after it. */
body.elementor-page-66494.jnews-dark-mode .tot-step h4 { color: #0C4A6E !important; }
body.elementor-page-66494.jnews-dark-mode .tot-step p { color: #334155 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-step b { color: #EA580C !important; }
/* 🔴 Reconciler, 11 Sep (brief B9). The three rules above are three classes deep, and the
   shared dark rule they are meant to beat,
   `body.elementor-page-66494.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor p`, is four, with
   !important on both sides. Specificity decided it and the step tiles stayed #CBD5E1 on
   #F1F1F1: 1.32:1. Congress found it and restated it inside its own page CSS; restated here
   at four classes so every v4 page gets it, not only the page that noticed. */
body.elementor-page-66494.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step h4 {
  color: #0C4A6E !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step p {
  color: #334155 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step b {
  color: #EA580C !important; }

/* The open accordion row and its mark in dark mode (brief B7). */
body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-tab-title.elementor-active,
body.elementor-page-66494.jnews-dark-mode .elementor-toggle .elementor-tab-title.elementor-active {
  background: #10344A; color: #F1F5F9 !important;
}
body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-active .elementor-accordion-icon,
body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-active .elementor-accordion-icon i,
body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-active .elementor-accordion-icon svg,
body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-tab-title .elementor-accordion-icon,
body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-tab-title .elementor-accordion-icon i,
body.elementor-page-66494.jnews-dark-mode .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
  color: #FB923C !important; fill: #FB923C !important;
}


/* --- 19t-d. [tot_trust] RECORDS PANEL, DARK MODE ---------------------------------------------
   MEASURED 12 Sep on tot-test-2 with jnews-dark-mode on <body>: every records fold ground
   goes dark. Navy #0C4A6E and deep #0A2A3D keep their container colour, tint flips to
   #10344A (section 16), white folds go to the theme's #1A1A1A. So in dark mode EVERY panel
   takes the dark treatment: never a pale card on a dark ground, never dark ink on a dark
   card. The shared dark block paints .tot-trust #152B3A !important at (0,3,1) and lightens
   text-editor paragraphs at (0,4,2) !important; every rule here is (0,6,2) or more, and the
   ancestor .tot-fold matches the light-fold rules' (0,3,1) prefix and comes later. --- */
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst,
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__rail {
  background: transparent !important;
  border: 0 !important;
}
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__rec {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.20) !important;
  box-shadow: none !important;
}
@media (hover: hover) and (pointer: fine) {
  body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__rec:hover {
    background: rgba(255,255,255,.11) !important;
    border-color: rgba(253,186,116,.75) !important;
  }
}
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__rec[aria-expanded="true"] {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(253,186,116,.85) !important;
  box-shadow: inset 0 5px 0 #FDBA74 !important;
}
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__pause,
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__nav {
  color: #CBD5E1 !important;
  border-color: rgba(255,255,255,.48) !important;
}
@media (hover: hover) and (pointer: fine) {
  body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__pause:hover,
  body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__nav:hover {
    color: #0A2A3D !important; background: #FDBA74 !important; border-color: #FDBA74 !important;
  }
}
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__rec:focus-visible,
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__pause:focus-visible,
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__nav:focus-visible {
  box-shadow: 0 0 0 3px #0A2A3D, 0 0 0 6px #FDBA74 !important;
}
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__sector {
  color: #FDBA74 !important; border-color: rgba(253,186,116,.55) !important;
}
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__rec[aria-expanded="true"] .tot-trust__sector {
  color: #FED7AA !important;
}
@media (hover: hover) and (pointer: fine) {
  body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__rec:hover .tot-trust__sector {
    color: #FED7AA !important;
  }
}
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__org,
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__pax { color: #FFFFFF !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__line,
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__when,
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__unit { color: #CBD5E1 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__record {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.20) !important;
  border-top-color: #FDBA74 !important;
  box-shadow: none !important;
}
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__record h3 { color: #FFFFFF !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__record p { color: #CBD5E1 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__record .tot-trust__sub { color: #CBD5E1 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__led { border-top-color: rgba(255,255,255,.40) !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__led > div { border-bottom-color: rgba(255,255,255,.18) !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__led dt { color: #CBD5E1 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__led dd { color: #FFFFFF !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__record p.tot-trust__pull {
  border-left-color: #FDBA74 !important; color: #FFFFFF !important;
}
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__credit a[href] { color: #7DD3FC !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__credit a[href]:hover,
body.elementor-page-66494.jnews-dark-mode .tot-fold section.tot-trust.tot-inst .tot-trust__credit a[href]:focus-visible { color: #FDBA74 !important; }

/* END 19t-d. [tot_trust] RECORDS PANEL */



/* --- 20d. study programmes, dark mode ------------------------------------- */
body.elementor-page-66494.jnews-dark-mode .tot-gq p { color: #E2E8F0 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-gq cite { color: #94A3B8 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-gq cite a,
body.elementor-page-66494.jnews-dark-mode .tot-gq cite a:visited { color: #FDBA74 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-gq { border-left-color: #FDBA74 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-srcline { color: #94A3B8 !important; }

/* The light-ground link pin above must not survive into dark mode, where those folds are
   painted dark by the theme. One extra class beats it.

   🔴 `a strong` IS NOT OPTIONAL HERE. Every prose link on this page is written by `L()` as
   `<a><strong>keyword</strong></a>`, so the glyphs a reader sees belong to the `strong`, not
   to the `a`. The house dark block ships
   `…jnews-dark-mode .elementor-widget-text-editor a, … a strong { color:#7DD3FC !important }`
   at (0,3,1), and this rule, without the `strong` half, painted the anchor #FDBA74 while
   every visible character stayed #7DD3FC. Measured, not read: getComputedStyle on the `a`
   reported the new colour and the rendered pixels reported the old one, which is how a
   remedy that does not exist passes a review. darkcheck also samples the `a`, so it would
   have agreed with the broken version forever. */
body.elementor-page-66494.jnews-dark-mode .tot-fold:not(.tot-fold-dark) .elementor-widget-text-editor a,
body.elementor-page-66494.jnews-dark-mode .tot-fold:not(.tot-fold-dark) .elementor-widget-text-editor a strong,
body.elementor-page-66494.jnews-dark-mode .tot-fold:not(.tot-fold-dark) .elementor-tab-content a,
body.elementor-page-66494.jnews-dark-mode .tot-fold:not(.tot-fold-dark) .elementor-tab-content a strong {
  color: #FDBA74 !important;
}

/* The [tot_trust] records panel is skinned once, by the ground it sits on, in tot_v4.py
   section 19t (12 Sep 2026). Never restyle it here: tot_inst_guards fails the build. */

/* THE STEP TILES IN DARK MODE. `tot_v4.css_dark()` already tries to restate this ink, and
   it CANNOT WORK: its `.jnews-dark-mode .tot-step p` is (0,2,1) while the rule it is meant
   to beat, `.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor p`, is (0,4,1),
   and specificity beats source order. Measured on this page AND on the live
   /services/guide/ today: 1.32:1, the exact number the trap doc records as fixed. Matching
   the specificity and landing later in the file is what actually moves it. */
body.elementor-page-66494.jnews-dark-mode .tot-fold-dark .tot-step h4 { color: #0C4A6E !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold-dark .tot-step p  { color: #334155 !important; }
body.elementor-page-66494.jnews-dark-mode .tot-fold-dark .tot-step b  { color: #EA580C !important; }/* End custom CSS */