.elementor-kit-5{--e-global-color-primary:#B5122B;--e-global-color-secondary:#162B5B;--e-global-color-text:#252525;--e-global-color-accent:#F4C400;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================================= MAP_PRO — INDUSTRIAL GOOGLE MAP MOVING 2PX GRADIENT BORDER + CORNER ANIMATION Primary: #9E2A2B Secondary: #00235D Accent: #FFA300 Gold: #DAA14C Warm: #F8F6F3 ========================================================= */ /* ========================================================= MAIN MAP CONTAINER ========================================================= */ .map_pro, .elementor-widget-google_maps.map_pro .elementor-widget-container { position: relative !important; display: block !important; width: 100% !important; padding: 2px !important; overflow: hidden !important; border-radius: 16px !important; background: #F8F6F3 !important; box-shadow: 0 18px 45px rgba(0, 35, 93, 0.12) !important; transform: translateZ(0); transition: transform 0.55s cubic-bezier(.22, 1, .36, 1), box-shadow 0.55s ease, filter 0.45s ease; isolation: isolate; } /* ========================================================= MOVING 2PX GRADIENT BORDER ========================================================= */ .map_pro::before, .elementor-widget-google_maps.map_pro .elementor-widget-container::before { content: ""; position: absolute; inset: -50%; z-index: 0; border-radius: inherit; background: conic-gradient( from 0deg, #9E2A2B, #9E2A2B, #FFA300, #DAA14C, #00235D, #9E2A2B ); animation: mapBorderSpin 5s linear infinite; pointer-events: none; } /* ========================================================= BOTTOM-RIGHT PRECISION CORNER ========================================================= */ .map_pro::after, .elementor-widget-google_maps.map_pro .elementor-widget-container::after { content: ""; position: absolute; right: 18px; bottom: 18px; width: 42px; height: 42px; z-index: 5; border-right: 3px solid #FFA300; border-bottom: 3px solid #DAA14C; border-radius: 0 0 7px 0; filter: drop-shadow(0 0 6px rgba(255, 163, 0, 0.30)); pointer-events: none; transition: width 0.5s cubic-bezier(.22, 1, .36, 1), height 0.5s cubic-bezier(.22, 1, .36, 1), border-color 0.4s ease, filter 0.4s ease; } /* ========================================================= IFRAME (GOOGLE MAP VIEWPORT) ========================================================= */ .map_pro iframe, .elementor-widget-google_maps.map_pro iframe { position: relative !important; z-index: 2 !important; display: block !important; width: 100% !important; border: none !important; aspect-ratio: 1.35 / 1; border-radius: 14px !important; transform: scale(1); filter: saturate(0.96) contrast(1.02); transition: transform 0.8s cubic-bezier(.22, 1, .36, 1), filter 0.6s ease !important; } .map_pro .elementor-custom-embed, .elementor-widget-google_maps.map_pro .elementor-custom-embed { border-radius: 14px !important; overflow: hidden !important; position: relative !important; z-index: 2 !important; } /* ========================================================= HOVER CONTAINER ========================================================= */ .map_pro:hover, .elementor-widget-google_maps.map_pro:hover .elementor-widget-container { transform: translateY(-6px); box-shadow: 0 25px 60px rgba(0, 35, 93, 0.16), 0 5px 20px rgba(158, 42, 43, 0.08), 0 0 25px rgba(255, 163, 0, 0.10) !important; filter: drop-shadow(0 0 5px rgba(255, 163, 0, 0.15)); } /* ========================================================= IFRAME ZOOM ON HOVER ========================================================= */ .map_pro:hover iframe, .elementor-widget-google_maps.map_pro:hover iframe { transform: scale(1.035); filter: saturate(1) contrast(1.04); } /* ========================================================= SPEED UP BORDER ON HOVER ========================================================= */ .map_pro:hover::before, .elementor-widget-google_maps.map_pro:hover .elementor-widget-container::before { animation-duration: 2.6s; filter: drop-shadow(0 0 5px rgba(255, 163, 0, 0.40)); } /* ========================================================= BOTTOM-RIGHT CORNER HOVER ========================================================= */ .map_pro:hover::after, .elementor-widget-google_maps.map_pro:hover .elementor-widget-container::after { width: 68px; height: 68px; border-right-color: #FFA300; border-bottom-color: #9E2A2B; filter: drop-shadow(0 0 10px rgba(255, 163, 0, 0.55)); } /* ========================================================= MOVING BORDER ANIMATION ========================================================= */ @keyframes mapBorderSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .map_pro, .elementor-widget-google_maps.map_pro .elementor-widget-container { border-radius: 13px !important; padding: 2px !important; box-shadow: 0 14px 38px rgba(0, 35, 93, 0.11) !important; } .map_pro iframe, .elementor-widget-google_maps.map_pro iframe { aspect-ratio: 1.3 / 1; border-radius: 11px !important; } .map_pro .elementor-custom-embed, .elementor-widget-google_maps.map_pro .elementor-custom-embed { border-radius: 11px !important; } .map_pro::after, .elementor-widget-google_maps.map_pro .elementor-widget-container::after { right: 13px; bottom: 13px; width: 36px; height: 36px; border-width: 2px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .map_pro, .elementor-widget-google_maps.map_pro .elementor-widget-container { border-radius: 9px !important; padding: 2px !important; } .map_pro iframe, .elementor-widget-google_maps.map_pro iframe { aspect-ratio: 1.15 / 1; border-radius: 7px !important; } .map_pro .elementor-custom-embed, .elementor-widget-google_maps.map_pro .elementor-custom-embed { border-radius: 7px !important; } .map_pro::after, .elementor-widget-google_maps.map_pro .elementor-widget-container::after { right: 9px; bottom: 9px; width: 28px; height: 28px; border-width: 2px; } .map_pro:hover, .elementor-widget-google_maps.map_pro:hover .elementor-widget-container { transform: translateY(-3px); } .map_pro:hover::after, .elementor-widget-google_maps.map_pro:hover .elementor-widget-container::after { width: 42px; height: 42px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .map_pro, .map_pro::before, .map_pro::after, .map_pro iframe, .elementor-widget-google_maps.map_pro .elementor-widget-container, .elementor-widget-google_maps.map_pro .elementor-widget-container::before, .elementor-widget-google_maps.map_pro .elementor-widget-container::after { transition: none !important; animation: none !important; transform: none !important; filter: none !important; } }/* End custom CSS */