.elementor-kit-7{--e-global-color-primary:#0E1B2C;--e-global-color-secondary:#D4A431;--e-global-color-text:#5B6A7B;--e-global-color-accent:#1E3A5F;--e-global-color-cream:#F8F4ED;--e-global-color-gold2:#B98A20;--e-global-color-hz_indigo:#353C97;--e-global-color-hz_indigo_dark:#262C73;--e-global-color-hz_tint:#6B72D6;--e-global-color-hz_tint_bg:#E9EAF7;--e-global-color-hz_ink:#14161C;--e-global-color-hz_ink_mute:#4A4E5C;--e-global-color-hz_cream:#F6F1E9;--e-global-color-hz_line:#DDD6C9;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;color:#5B6A7B;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#D4A431;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#FFFFFF;border-radius:4px 4px 4px 4px;padding:14px 30px 14px 30px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#0E1B2C;color:#FFFFFF;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{color:#0E1B2C;font-family:"Poppins", Sans-serif;font-size:56px;font-weight:800;line-height:1.15em;}.elementor-kit-7 h2{color:#0E1B2C;font-family:"Poppins", Sans-serif;font-size:40px;font-weight:800;line-height:1.2em;}.elementor-kit-7 h3{color:#0E1B2C;font-family:"Poppins", Sans-serif;font-size:28px;font-weight:700;}.elementor-kit-7 h4{color:#0E1B2C;font-family:"Poppins", Sans-serif;font-size:22px;font-weight:700;}.elementor-kit-7 h5{color:#0E1B2C;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;}.elementor-kit-7 h6{color:#D4A431;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.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);}.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:1024px){.elementor-kit-7 h1{font-size:40px;}.elementor-kit-7 h2{font-size:32px;}.elementor-kit-7 h3{font-size:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7 h1{font-size:32px;}.elementor-kit-7 h2{font-size:26px;}.elementor-kit-7 h3{font-size:22px;}.elementor-kit-7 h4{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* Service card hover: light gold tint, text stays readable, icon turns gold */ .svc-card, .svc-card .elementor-icon-box-title, .svc-card .elementor-icon-box-description, .svc-card .elementor-icon i, .svc-card .elementor-icon svg { transition: background-color .35s ease, border-color .35s ease, color .35s ease, fill .35s ease, transform .35s ease; } .svc-card:hover { background-color: #FAF0DA !important; border-color: #D4A431 !important; transform: translateY(-6px); box-shadow: 0 20px 40px rgba(212,164,49,0.18) !important; } /* Title stays charcoal, description stays slate — readable on light gold */ .svc-card:hover .elementor-icon-box-title { color: #0E1B2C !important; } .svc-card:hover .elementor-icon-box-description, .svc-card:hover .elementor-icon-box-description p { color: #5B6A7B !important; } /* Icon stays gold (highlight on hover) */ .svc-card:hover .elementor-icon i, .svc-card:hover .elementor-icon svg { color: #D4A431 !important; fill: #D4A431 !important; } .elementor-element-vmv_0, .elementor-element-vmv_1, .elementor-element-vmv_2, .elementor-element-vmv_0 .elementor-heading-title, .elementor-element-vmv_1 .elementor-heading-title, .elementor-element-vmv_2 .elementor-heading-title, .elementor-element-vmv_0 .elementor-widget-text-editor p, .elementor-element-vmv_1 .elementor-widget-text-editor p, .elementor-element-vmv_2 .elementor-widget-text-editor p, .elementor-element-vmv_0 .elementor-icon i, .elementor-element-vmv_1 .elementor-icon i, .elementor-element-vmv_2 .elementor-icon i { transition: background-color .35s ease, border-color .35s ease, color .35s ease, fill .35s ease, transform .35s ease, box-shadow .35s ease; } .elementor-element-vmv_0:hover, .elementor-element-vmv_1:hover, .elementor-element-vmv_2:hover { background-color: #FAF0DA !important; border-color: #D4A431 !important; transform: translateY(-6px); box-shadow: 0 24px 50px rgba(212,164,49,0.25) !important; } .elementor-element-vmv_0:hover .elementor-heading-title, .elementor-element-vmv_1:hover .elementor-heading-title, .elementor-element-vmv_2:hover .elementor-heading-title { color: #0E1B2C !important; } .elementor-element-vmv_0:hover .elementor-widget-text-editor p, .elementor-element-vmv_1:hover .elementor-widget-text-editor p, .elementor-element-vmv_2:hover .elementor-widget-text-editor p { color: #5B6A7B !important; } .elementor-element-vmv_0:hover .elementor-icon i, .elementor-element-vmv_1:hover .elementor-icon i, .elementor-element-vmv_2:hover .elementor-icon i, .elementor-element-vmv_0:hover .elementor-icon svg, .elementor-element-vmv_1:hover .elementor-icon svg, .elementor-element-vmv_2:hover .elementor-icon svg { color: #D4A431 !important; fill: #D4A431 !important; } .elementor-element-vmv_0, .elementor-element-vmv_1, .elementor-element-vmv_2 { transition: background-color .4s ease, border-color .4s ease, transform .4s ease, box-shadow .4s ease; } .elementor-element-vmv_0:hover, .elementor-element-vmv_1:hover, .elementor-element-vmv_2:hover { background-color: rgba(255,255,255,0.07) !important; border-color: rgba(212,164,49,0.85) !important; transform: translateY(-8px); box-shadow: 0 30px 50px rgba(0,0,0,0.3), 0 0 0 1px rgba(212,164,49,0.25) !important; } /* Icon scales subtly on hover */ .elementor-element-vmv_0 .elementor-icon i, .elementor-element-vmv_1 .elementor-icon i, .elementor-element-vmv_2 .elementor-icon i, .elementor-element-vmv_0 .elementor-icon svg, .elementor-element-vmv_1 .elementor-icon svg, .elementor-element-vmv_2 .elementor-icon svg { transition: transform .4s ease; } .elementor-element-vmv_0:hover .elementor-icon i, .elementor-element-vmv_1:hover .elementor-icon i, .elementor-element-vmv_2:hover .elementor-icon i, .elementor-element-vmv_0:hover .elementor-icon svg, .elementor-element-vmv_1:hover .elementor-icon svg, .elementor-element-vmv_2:hover .elementor-icon svg { transform: scale(1.12); } /* Force readable heading color (override kit h3 global) */ .elementor-element-vmv_0 .elementor-heading-title, .elementor-element-vmv_1 .elementor-heading-title, .elementor-element-vmv_2 .elementor-heading-title { color: #FFFFFF !important; } /* Description: slightly brighter for readability */ .elementor-element-vmv_0 .elementor-widget-text-editor, .elementor-element-vmv_1 .elementor-widget-text-editor, .elementor-element-vmv_2 .elementor-widget-text-editor, .elementor-element-vmv_0 .elementor-widget-text-editor p, .elementor-element-vmv_1 .elementor-widget-text-editor p, .elementor-element-vmv_2 .elementor-widget-text-editor p { color: #D5D9DF !important; } /* Icon: logo light-gray */ .elementor-element-vmv_0 .elementor-icon i, .elementor-element-vmv_1 .elementor-icon i, .elementor-element-vmv_2 .elementor-icon i, .elementor-element-vmv_0 .elementor-icon svg, .elementor-element-vmv_1 .elementor-icon svg, .elementor-element-vmv_2 .elementor-icon svg { color: #BFC4CC !important; fill: #BFC4CC !important; } /* Hover: subtle premium */ .elementor-element-vmv_0, .elementor-element-vmv_1, .elementor-element-vmv_2 { transition: background-color .4s ease, border-color .4s ease, transform .4s ease, box-shadow .4s ease; } .elementor-element-vmv_0:hover, .elementor-element-vmv_1:hover, .elementor-element-vmv_2:hover { background-color: rgba(255,255,255,0.07) !important; border-color: rgba(212,164,49,0.85) !important; transform: translateY(-8px); box-shadow: 0 30px 50px rgba(0,0,0,0.3), 0 0 0 1px rgba(212,164,49,0.25) !important; } /* Icon turns gold on hover (highlight) + slight scale */ .elementor-element-vmv_0 .elementor-icon i, .elementor-element-vmv_1 .elementor-icon i, .elementor-element-vmv_2 .elementor-icon i, .elementor-element-vmv_0 .elementor-icon svg, .elementor-element-vmv_1 .elementor-icon svg, .elementor-element-vmv_2 .elementor-icon svg { transition: color .4s ease, fill .4s ease, transform .4s ease; } .elementor-element-vmv_0:hover .elementor-icon i, .elementor-element-vmv_1:hover .elementor-icon i, .elementor-element-vmv_2:hover .elementor-icon i, .elementor-element-vmv_0:hover .elementor-icon svg, .elementor-element-vmv_1:hover .elementor-icon svg, .elementor-element-vmv_2:hover .elementor-icon svg { color: #D4A431 !important; fill: #D4A431 !important; transform: scale(1.12); } /* Vision Mission Values — gold icon by default, gray on hover */ /* Force readable heading + description (override kit globals) */ .elementor-element-vmv_0 .elementor-heading-title, .elementor-element-vmv_1 .elementor-heading-title, .elementor-element-vmv_2 .elementor-heading-title { color: #FFFFFF !important; } .elementor-element-vmv_0 .elementor-widget-text-editor, .elementor-element-vmv_1 .elementor-widget-text-editor, .elementor-element-vmv_2 .elementor-widget-text-editor, .elementor-element-vmv_0 .elementor-widget-text-editor p, .elementor-element-vmv_1 .elementor-widget-text-editor p, .elementor-element-vmv_2 .elementor-widget-text-editor p { color: #D5D9DF !important; } /* Default icon: GOLD */ .elementor-element-vmv_0 .elementor-icon i, .elementor-element-vmv_1 .elementor-icon i, .elementor-element-vmv_2 .elementor-icon i, .elementor-element-vmv_0 .elementor-icon svg, .elementor-element-vmv_1 .elementor-icon svg, .elementor-element-vmv_2 .elementor-icon svg { color: #D4A431 !important; fill: #D4A431 !important; transition: color .4s ease, fill .4s ease, transform .4s ease; } /* Card transitions */ .elementor-element-vmv_0, .elementor-element-vmv_1, .elementor-element-vmv_2 { transition: background-color .4s ease, border-color .4s ease, transform .4s ease, box-shadow .4s ease; } /* Hover: card lift, border gold, icon turns light gray + scale */ .elementor-element-vmv_0:hover, .elementor-element-vmv_1:hover, .elementor-element-vmv_2:hover { background-color: rgba(255,255,255,0.07) !important; border-color: rgba(212,164,49,0.85) !important; transform: translateY(-8px); box-shadow: 0 30px 50px rgba(0,0,0,0.3), 0 0 0 1px rgba(212,164,49,0.25) !important; } .elementor-element-vmv_0:hover .elementor-icon i, .elementor-element-vmv_1:hover .elementor-icon i, .elementor-element-vmv_2:hover .elementor-icon i, .elementor-element-vmv_0:hover .elementor-icon svg, .elementor-element-vmv_1:hover .elementor-icon svg, .elementor-element-vmv_2:hover .elementor-icon svg { color: #BFC4CC !important; fill: #BFC4CC !important; transform: scale(1.12); } /* Hazwar form: premium field styling */ .hazwar-form .elementor-field { transition: border-color .3s, box-shadow .3s; } .hazwar-form .elementor-field::placeholder { color: #9CA3AF; font-weight: 500; } .hazwar-form .elementor-field:focus { border-color: #D4A431 !important; box-shadow: 0 0 0 3px rgba(212,164,49,0.15) !important; outline: none !important; } .hazwar-form .elementor-field-textual { background-color: #FFFFFF; } .hz-prod-list { list-style: none; padding: 0; margin: 0; } .hz-prod-list li { position: relative; padding-left: 18px; line-height: 2.1; font-family: Inter, sans-serif; font-size: 14px; color: #5B6A7B; } .hz-prod-list li::before { content: ''; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; background: #D4A431; border-radius: 50%; } .hz-prod-card .elementor-widget-image img { width: 100% !important; display: block; height: 200px; object-fit: cover; } .hz-prod-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } .hz-prod-list li, .hz-prod-list li *, .hz-prod-list li a { position: relative; padding-left: 18px; line-height: 2.1 !important; font-family: Inter, sans-serif !important; font-size: 14px !important; color: #5B6A7B !important; text-decoration: none !important; } .hz-prod-list li { display: list-item; } .hz-prod-list li::before { content: '' !important; position: absolute !important; left: 0 !important; top: 12px !important; width: 6px !important; height: 6px !important; background: #D4A431 !important; border-radius: 50% !important; display: inline-block !important; } .hz-prod-card .elementor-widget-image { padding: 0 !important; margin: 0 !important; } .hz-prod-card .elementor-widget-image img { width: 100% !important; display: block !important; height: 220px !important; object-fit: cover !important; } .hz-prod-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } .hz-prod-list li, .hz-prod-list li *, .hz-prod-list li a { position: relative; padding-left: 20px; line-height: 2.1 !important; font-family: Inter, sans-serif !important; font-size: 14px !important; color: #5B6A7B !important; text-decoration: none !important; } .hz-prod-list li { display: list-item; } .hz-prod-list li::before { content: '' !important; position: absolute !important; left: 0 !important; top: 12px !important; width: 6px !important; height: 6px !important; background: #D4A431 !important; border-radius: 50% !important; } .hz-prod-card { position: relative !important; overflow: hidden !important; border-color: #E5E5E5 !important; box-shadow: 0 6px 24px rgba(14,27,44,0.06) !important; transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important; } /* Gold accent line at top of card */ .hz-prod-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #D4A431 0%, #B98A20 100%); z-index: 2; transform: scaleX(0); transform-origin: left center; transition: transform .45s ease; } .hz-prod-card:hover::before { transform: scaleX(1); } .hz-prod-card:hover { transform: translateY(-8px); box-shadow: 0 24px 50px rgba(212,164,49,0.18), 0 8px 20px rgba(14,27,44,0.08) !important; border-color: rgba(212,164,49,0.3) !important; } /* Image: clean cover, slight zoom on hover */ .hz-prod-card .elementor-widget-image { padding: 0 !important; margin: 0 !important; overflow: hidden; position: relative; } .hz-prod-card .elementor-widget-image img { width: 100% !important; display: block !important; height: 220px !important; object-fit: cover !important; transition: transform .6s ease; } .hz-prod-card:hover .elementor-widget-image img { transform: scale(1.06); } /* Heading: gold square accent before title */ .hz-prod-card .elementor-widget-heading h3.elementor-heading-title { position: relative; padding-left: 18px !important; } .hz-prod-card .elementor-widget-heading h3.elementor-heading-title::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 22px; background: #D4A431; border-radius: 2px; } /* Spacing — tighter card body */ .hz-prod-card .elementor-widget-divider { padding-left: 30px !important; padding-right: 30px !important; } /* Product list bullets — gold dots, slate text */ .hz-prod-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } .hz-prod-list li, .hz-prod-list li *, .hz-prod-list li a { position: relative; padding-left: 22px; line-height: 2.4 !important; font-family: Inter, sans-serif !important; font-size: 15px !important; color: #5B6A7B !important; text-decoration: none !important; } .hz-prod-list li { display: list-item; } .hz-prod-list li::before { content: '' !important; position: absolute !important; left: 0 !important; top: 14px !important; width: 7px !important; height: 7px !important; background: #D4A431 !important; border-radius: 50% !important; } /* Engineering dev images: cap max height + center, prevents small sources from blowing up */ .ed-cap-img img { max-height: 360px !important; width: auto !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; margin: 0 auto !important; display: block !important; } .ed-cap-img { text-align: center !important; } /* Hover: circle turns charcoal + lifts */ /* Lighting feat icons — gold circle around white icon */ .lt-feat .elementor-widget-image { background-color: #D4A431 !important; border-radius: 50% !important; width: 88px !important; height: 88px !important; margin: 0 auto 22px !important; padding: 18px !important; box-sizing: border-box !important; transition: background-color .35s ease, transform .35s ease, box-shadow .35s ease !important; } .lt-feat .elementor-widget-image > .elementor-widget-container, .lt-feat .elementor-widget-image .elementor-image { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; } .lt-feat .elementor-widget-image img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; object-fit: contain !important; display: block !important; filter: brightness(0) invert(1) !important; } .lt-feat:hover .elementor-widget-image { background-color: #0E1B2C !important; transform: scale(1.08) !important; box-shadow: 0 14px 30px rgba(212,164,49,0.4) !important; } /* Lighting photo cards (Turn On Your Moments) */ .lt-photo > .elementor-widget-wrap { padding: 0 !important; } .lt-photo .elementor-widget-image { padding: 0 !important; margin: 0 !important; } .lt-photo .elementor-widget-image img { width: 100% !important; height: 220px !important; object-fit: cover !important; display: block !important; }/* End custom CSS */