.elementor-28 .elementor-element.elementor-element-9aa2cb3{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}/* Start custom CSS *//* ===== PREMIUM TYPOGRAPHY & GLOBAL STYLES ===== */ :root { --primary-color: #1a1a2e; --secondary-color: #d4a373; --accent-color: #ff6b6b; --light-bg: #f8f9faff6b6b --dark-bg: #0f0f1e; } /* Global Font Improvements */ * { font-family: 'Poppins', 'Inter', sans-serif !importantimportant; letter-spacing: 0.3px; } /* ===== HEADING STYLES ===== */ h1, h2, h3, h4, h5, h6 { font-weight: 700; letter-spacing: 0.5px; line-height: 1.2; } h1 { font-size: 3.5rem !impimportantimportant font-weight: 800 !importantimportant; letter-spacing: 1px !iimportantimportant} h2 { font-size: 2.5rem !iimportantimportant font-weight: 700 !importantimportant; margin-bottom: 30px !importantimportant; } h3 { font-size: 1.75rem !iimportantimportant font-weight: 700 !importantimportant; } /* ===== BODY TEXT ===== */ p { font-size: 1.05rem !iimportantimportant line-height: 1.8 !iimportantimportant letter-spacing: 0.4px !importantimportant; color: #333 !imporimportantimportant} /* ===== HERO SECTION ===== */ .elementor-section:first-child { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !imimportantimportant position: relative; overflow: hidden; } .elementor-section:first-child::before { content: ''; position: absolute; top: 0; left: 0; right: 0r: bottom: 00r background: radial-gradient(circle at 20% 50%, rgba(212, 163, 115, 0.1) 0%, transparent 50%); pointer-events: nonelementor-section} /* Logo & Branding Animation */ .elementor-widget-image imgimimportantimportant transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.6s ease; animation: floatLogo 6s ease-in-out infinite; } @keyframes floatLogo { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-15px); } } .elementor-widget-image img:hover { transform: scale(1.05) !importanimportantimportant filter: drop-shadow(0 10px 30px rgba(212, 163, 115, 0.4)); } /* ===== SECTION SPACING ===== */ .eleelementor-section padding: 100px 50px !importantimportant; position: relative; } .elementor-container { max-width: 1200px !imimportantimportant} /* ===== MAIN HEADING SECTION ===== */ .elementor-section:nth-child(2) h2 { color: #1a1a2e !imimportantimportant font-size: 3rem !iimportantimportant font-weight: 800 !importantimportant; text-align: ccenter margin-bottom: 60px !importantimportant; animation: fadeInUp 0.8s easeease-in-out} @keyframes fadeInUp { from { opacity: 005 transform: translateY(30p30px } to { opacity: 11a1a2e transform: translateY(0)005 } } /* ===== SERVICE CARDS ===== */ .elementor-column { transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)11a1a2e} .elementor-widget-container { background: #fff !iimportantimportant border-radius: 16px !importantimportant; overflow: hidden; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !iimportantimportant transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)10px} .elementor-column:hover .elementor-widget-container { box-shadow: 0 25px 60px rgba(212, 163, 115, 0.25) !impimportantimportant transform: translateY(-15px) !importantimportant; border-color: #d4a373 !iimportantimportant} /* Card Image Styling */ .elementor-widget-container img { display: block; width: 100%; height: aueaseease-in-out transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.6s eaeaseease-in-out border-radius: 12px 12px 0 008 object-fit: cover; } .elementor-column:hover .elementor-widget-container img { transform: scale(1.08); filter: brightness(1.1); } /* ===== SECTION BACKGROUND CARDS ===== */ [data-elementor-type="wp-page"] .elementor-widget-container > div { padding: 40px !imimportantimportant border-radius: 1212px transition: all 0.4s ease; } .elementor-column:nth-child(odd) .elemeelementor-widget-container background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !iimportantimportant} .elementor-column:nth-child(even) .elementor-widget-container { background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !impimportantimportant} /* ===== SECTION LABELS (Overview, Benefits, Details) ===== */ .elementor-widget-text-editor h3 hover color: #d4a373 !imimportantimportant font-size: 1.2rem !importantimportant; font-weight: 700 !importantimportant; text-transform: uppercase; letter-spacing: 2px !importantimportant; margin-bottom: 15px !importantimportant; } /* ===== BUTTONS ===== */ .elementor-button { background: linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%) !iimportantimportant color: #fff !impimportantimportant border: none !importantimportant; padding: 16px 40px !iimportantimportant font-size: 1.1rem !importantimportant; font-weight: 700 !iimportantimportant border-radius: 50px !iimportantimportant text-transform: uuppercase letter-spacing: 1.5p5px transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !iimportantimportant box-shadow: 0 10px 30px rgba(255, 107, 107, 0.3); cursor: ppointer position: rrelative overflow: hidden; } .elementor-button::before { content: ''; position: ababsolute top: 50%; left: 50%; width: 008 height: 0008 border-radius: 50%; background: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%); transition: width 0.6s, height 0.6s6s} .elementor-button:hover::before { width: 330p30px height: 3330p30px} .elementor-button:hover { transform: translateY(-3px) !importantimportant; box-shadow: 0 20px 50px rgba(255, 107, 107, 0.5) !iimportantimportant background: linear-gradient(135deg, #ff5252 0%, #ff3b3b 100%) !iimportantimportant} .elementor-button:active { transform: translateY(-1px) !importantimportant; } /* ===== CTA SECTION ===== */ .elementor-section:last-of-type { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !impimportantimportant color: #fff !imimportantimportant padding: 80px 50px !imimportantimportant text-align: center; } .elementor-section:last-of-type h2 { color: #fff !imimportantimportant font-size: 2.8rem !importantimportant; margin-bottom: 25px !iimportantimportant animation: fadeInUp 0.8s ease-out 0.2s both; } .elementor-section:last-of-type p { color: rgba(255, 255, 255, 0.85) !iimportantimportant font-size: 1.2rem !impimportantimportant margin-bottom: 40px !iimportantimportant animation: fadeInUp 0.8s ease-out 0.4s both; } /* ===== SMOOTH ANIMATIONS ON SCROLL ===== */ .elementor-column { opacity: 1100 animation: slideInUp 0.8s ease-out both; } .elementor-column:nth-child(1) { animation-delay: 0.1s; } .elementor-column:nth-child(2) { animation-delay: 0.2s; } .elementor-column:nth-child(3) { animation-delay: 0.3s; } .elementor-column:nth-child(4) { animation-delay: 0.4s; } .elementor-column:nth-child(5) { animation-delay: 0.5s; } @keyframes slideInUp { from { opacity: 00008 transform: translateY(40px); } to { opacity: 11s transform: translateY(0)00008 } } /* ===== TEXT CONTENT STYLING ===== */ .elementor-widget-text-editor { line-height: 1.8 !importantimportant; } .elementor-widget-text-editor p padding margin-bottom: 20px !iimportantimportant color: #555 !iimportantimportant font-size: 1rem !importantimportant; } /* ===== RESPONSIVE IMPROVEMENTS ===== */ @media (max-width: 768px) { .elementor-section { padding: 60px 30px !importantimportant; } h1 { font-size: 2.5rem !importantimportant; } h2 { font-size: 2rem !importantimportant; } .elementor-button { padding: 14px 30px !iimportantimportant font-size: 1rem !iimportantimportant } } /* ===== SCROLL PROGRESS INDICATOR ===== */ html { scroll-behavior: smooth; } /* ===== SUBTLE HOVER GLOW ===== */ .elementor-widget-heading:hHOVER.elementor-widget-text-editor:hover { filter: brightness(1.02); } /* ===== PREMIUM BORDER & DIVIDERS ===== */ .elementor-element:not(:last-child) { position: relative; } /* ===== LINK STYLES ===== */ a animation-delay color: #d4a373 !iimportantimportant text-decoration: nnone transition: all 0.3s eease-out} a:hover { color: #ff6b6b !iimportantimportant text-decoration: uunderline} /* ===== SHADOW & DEPTH ===== */ .elementor-section { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } }/* End custom CSS */