.elementor-kit-6{--e-global-color-primary:#D2DFF0;--e-global-color-hover:#91AECF;--e-global-color-accent:#91AECF;--e-global-color-secondary:#000000;--e-global-color-title_2:#000000;--e-global-color-title_3:#000000;--e-global-color-title_4:#555555;--e-global-color-text:#757575;--e-global-color-text_2:#D3D3D3;--e-global-color-text_3:#15263D;--e-global-color-text_4:#A9A9A9;--e-global-color-card:#070713;--e-global-color-card_2:#0C1C3180;--e-global-color-card_3:#000000;--e-global-color-background:#FFFFFF;--e-global-color-background_2:#0D1F37;--e-global-color-background_3:#000000;--e-global-color-border:#FFFFFF22;--e-global-color-border_2:#00000022;--e-global-typography-title-font-family:"Inter";--e-global-typography-title-font-size:70px;--e-global-typography-title-font-weight:700;--e-global-typography-title-line-height:1.2em;--e-global-typography-title_2-font-family:"Inter";--e-global-typography-title_2-font-size:50px;--e-global-typography-title_2-font-weight:700;--e-global-typography-title_2-line-height:1.2em;--e-global-typography-title_3-font-family:"Inter";--e-global-typography-title_3-font-size:34px;--e-global-typography-title_3-font-weight:700;--e-global-typography-title_3-line-height:1.2em;--e-global-typography-title_4-font-family:"Inter";--e-global-typography-title_4-font-size:20px;--e-global-typography-title_4-font-weight:700;--e-global-typography-title_4-line-height:1.7em;--e-global-typography-title_5-font-family:"Inter";--e-global-typography-title_5-font-size:18px;--e-global-typography-title_5-font-weight:600;--e-global-typography-title_5-line-height:1.2em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-text_2-font-family:"Inter";--e-global-typography-text_2-font-size:16px;--e-global-typography-text_2-font-weight:500;--e-global-typography-text_2-line-height:1.2em;--e-global-typography-text_3-font-family:"Inter";--e-global-typography-text_3-font-size:14px;--e-global-typography-text_3-font-weight:400;--e-global-typography-text_3-line-height:1.2em;--e-global-typography-text_4-font-family:"Inter";--e-global-typography-text_4-font-size:12px;--e-global-typography-text_4-font-weight:400;--e-global-typography-text_4-line-height:1.2em;--e-global-typography-text_5-font-family:"Inter";--e-global-typography-text_5-font-size:10px;--e-global-typography-text_5-font-weight:300;--e-global-typography-text_5-line-height:1.7em;--e-global-typography-button-font-family:"Inter";--e-global-typography-button-font-size:16px;--e-global-typography-button-font-weight:600;--e-global-typography-button-line-height:1em;--e-global-typography-button_2-font-family:"Inter";--e-global-typography-button_2-font-size:16px;--e-global-typography-button_2-font-weight:600;--e-global-typography-button_2-line-height:1em;--e-global-typography-button_3-font-family:"Inter";--e-global-typography-button_3-font-size:12px;--e-global-typography-button_3-font-weight:400;--e-global-typography-button_3-line-height:1em;--e-global-typography-number_icon-font-family:"Inter";--e-global-typography-number_icon-font-size:80px;--e-global-typography-number_icon-font-weight:500;--e-global-typography-number_icon-line-height:1.2em;--e-global-typography-number_icon_2-font-family:"Inter";--e-global-typography-number_icon_2-font-size:80px;--e-global-typography-number_icon_2-font-weight:500;--e-global-typography-number_icon_2-line-height:1.2em;--e-page-transition-entrance-animation:e-page-transition-slide-out-up;--e-page-transition-animation-duration:1200ms;--e-preloader-animation-duration:1400ms;--e-preloader-delay:0ms;--e-preloader-width:8%;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );color:var( --e-global-color-text_3 );border-radius:50px 50px 50px 50px;padding:14px 32px 14px 32px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-text_3 );}.elementor-kit-6 e-page-transition{background-color:#15263D;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{border-radius:10px 10px 10px 10px;padding:10px 16px 10px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-6{--e-global-typography-title-font-size:60px;--e-global-typography-title_2-font-size:34px;}}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-title-font-size:50px;--e-global-typography-title_2-font-size:34px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-title-font-size:38px;--e-global-typography-title_2-font-size:28px;--e-preloader-width:36%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body { overflow-x: hidden; max-width: 100%; position: relative; overscroll-behavior-x: none; touch-action: pan-y; } .elementor-section { overflow-x: hidden; } * { box-sizing: border-box; } html { scroll-behavior: auto !important; } /* ---------- Left-aligned hover reveal (responsive, no overlap) ---------- */ .fx-hover-headings{ /* tweakables */ --lift: clamp(6px, 1.2vw, 14px); /* H1 upward shift on hover */ --duration: .45s; --ease: cubic-bezier(.22,.61,.36,1); --h2-max: 260px; /* safety cap for H2 height when expanded */ display: flex; flex-direction: column; align-items: flex-start; /* left align content */ justify-content: center; /* centers H1 when H2 is collapsed */ text-align: left; min-height: clamp(250px, 16vh, 250px);/* room for both on hover; responsive */ overflow: hidden; /* hide H2 while collapsed */ gap: 0; /* avoid jumpy spacing */ } .fx-hover-headings .fx-h1, .fx-hover-headings .fx-h2{ margin: 0; line-height: 1.15; will-change: transform, opacity, max-height; } /* H1: idle centered via parent; on hover lift a bit */ .fx-hover-headings .fx-h1{ transition: transform var(--duration) var(--ease); } /* H2: collapsed by default, no overlap, stays in normal flow */ .fx-hover-headings .fx-h2{ max-height: 0; /* collapse without absolute positioning */ opacity: 0; overflow: hidden; /* prevent text overlap */ transform: translateY(8px); /* start slightly below for a nicer slide-up */ transition: max-height var(--duration) var(--ease), opacity var(--duration) var(--ease), transform var(--duration) var(--ease); pointer-events: none; /* prevents hover flicker */ } /* Hover state: reveal H2, lift H1 a little */ .fx-hover-headings:hover .fx-h1{ transform: translateY(calc(-1 * var(--lift))); } .fx-hover-headings:hover .fx-h2{ max-height: var(--h2-max); /* expand to show content */ opacity: 1; transform: translateY(0); pointer-events: auto; } /* Accessibility: respect reduced motion */ @media (prefers-reduced-motion: reduce){ .fx-hover-headings .fx-h1, .fx-hover-headings .fx-h2{ transition: none; transform: none; } .fx-hover-headings .fx-h2{ max-height: none; opacity: 1; } } /* Optional: desktops only (keep both visible on touch to avoid awkward reveals) */ /* ---------- DESKTOP: hover reveal ---------- */ @media (hover:hover) and (pointer:fine){ .fx-hover-headings:hover .fx-h1{ transform: translateY(calc(-1 * var(--lift))); } .fx-hover-headings:hover .fx-h2{ max-height: 1000px; /* big enough for long lines */ opacity: 1; transform: translateY(0); pointer-events: auto; } } /* ---------- MOBILE/TABLET: always visible, no animation ---------- */ @media (hover:none), (pointer:coarse){ .fx-hover-headings{ justify-content: flex-start; /* normal flow */ min-height: auto; overflow: visible; } .fx-hover-headings .fx-h1, .fx-hover-headings .fx-h2{ transition: none !important; /* remove any animation */ transform: none !important; opacity: 1 !important; } .fx-hover-headings .fx-h2{ max-height: none !important; /* fully expanded */ pointer-events: auto; } } /* ---------- Button always visible, slides right on hover ---------- */ .service-cont { position: relative; } .service-cont .read-btn { transition: transform 0.4s cubic-bezier(.22,.61,.36,1); transform: translateX(0); /* default */ } /* Hover effect: slide right */ .service-cont:hover .read-btn { transform: translateX(30px); } /* ---------- Mobile: no hover movement ---------- */ @media (hover:none), (pointer:coarse){ .service-cont .read-btn { transform: none !important; transition: none !important; } }/* End custom CSS */