.elementor-kit-601{--e-global-color-primary:#C90F16;--e-global-color-secondary:#16171A;--e-global-color-text:#525766;--e-global-color-accent:#F6F4F3;--e-global-color-c907e85:#DADBDF;--e-global-color-be71d6b:#FFFFFF;--e-global-color-0c03085:#8C8C8C9C;--e-global-color-1dc1331:#FFFFFF00;--e-global-color-49bb237:#FFB76D;--e-global-color-73d5faf:#FFE815;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-size:70px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:50px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Kanit";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:uppercase;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Kanit";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:300;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-line-height:1.4em;--e-global-typography-852d72d-font-family:"Plus Jakarta Sans";--e-global-typography-852d72d-font-size:37px;--e-global-typography-852d72d-font-weight:700;--e-global-typography-852d72d-text-transform:capitalize;--e-global-typography-852d72d-line-height:1.2em;--e-global-typography-2204974-font-family:"Plus Jakarta Sans";--e-global-typography-2204974-font-size:24px;--e-global-typography-2204974-font-weight:700;--e-global-typography-2204974-text-transform:capitalize;--e-global-typography-2204974-line-height:1.3em;--e-global-typography-1a96777-font-family:"Kanit";--e-global-typography-1a96777-font-size:16px;--e-global-typography-1a96777-font-weight:500;--e-global-typography-1a96777-text-transform:uppercase;--e-global-typography-1a96777-line-height:1.3em;--e-global-typography-1a96777-letter-spacing:0.05em;--e-global-typography-12be3de-font-family:"Plus Jakarta Sans";--e-global-typography-12be3de-font-size:150px;--e-global-typography-12be3de-font-weight:700;--e-global-typography-12be3de-text-transform:capitalize;--e-global-typography-12be3de-line-height:1.1em;color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-601 button,.elementor-kit-601 input[type="button"],.elementor-kit-601 input[type="submit"],.elementor-kit-601 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-be71d6b );border-style:none;border-radius:50px 50px 50px 50px;padding:13px 25px 13px 25px;}.elementor-kit-601 button:hover,.elementor-kit-601 button:focus,.elementor-kit-601 input[type="button"]:hover,.elementor-kit-601 input[type="button"]:focus,.elementor-kit-601 input[type="submit"]:hover,.elementor-kit-601 input[type="submit"]:focus,.elementor-kit-601 .elementor-button:hover,.elementor-kit-601 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-be71d6b );border-style:none;border-radius:50px 50px 50px 50px;}.elementor-kit-601 e-page-transition{background-color:#FFBC7D;}.elementor-kit-601 a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-601 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-601 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-601 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-2204974-font-family ), Sans-serif;font-size:var( --e-global-typography-2204974-font-size );font-weight:var( --e-global-typography-2204974-font-weight );text-transform:var( --e-global-typography-2204974-text-transform );line-height:var( --e-global-typography-2204974-line-height );}.elementor-kit-601 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-852d72d-font-family ), Sans-serif;font-size:var( --e-global-typography-852d72d-font-size );font-weight:var( --e-global-typography-852d72d-font-weight );text-transform:var( --e-global-typography-852d72d-text-transform );line-height:var( --e-global-typography-852d72d-line-height );}.elementor-kit-601 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-601 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1250px;}.e-con{--container-max-width:1250px;}.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:1024px){.elementor-kit-601{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-601 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-601 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-601 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-601 h3{font-size:var( --e-global-typography-2204974-font-size );line-height:var( --e-global-typography-2204974-line-height );}.elementor-kit-601 h4{font-size:var( --e-global-typography-852d72d-font-size );line-height:var( --e-global-typography-852d72d-line-height );}.elementor-kit-601 h5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-601 h6{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-601 button,.elementor-kit-601 input[type="button"],.elementor-kit-601 input[type="submit"],.elementor-kit-601 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-601{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:26px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:13px;--e-global-typography-852d72d-font-size:26px;--e-global-typography-2204974-font-size:21px;--e-global-typography-1a96777-font-size:14px;--e-global-typography-12be3de-font-size:130px;font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-601 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-601 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-601 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-601 h3{font-size:var( --e-global-typography-2204974-font-size );line-height:var( --e-global-typography-2204974-line-height );}.elementor-kit-601 h4{font-size:var( --e-global-typography-852d72d-font-size );line-height:var( --e-global-typography-852d72d-line-height );}.elementor-kit-601 h5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-601 h6{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-601 button,.elementor-kit-601 input[type="button"],.elementor-kit-601 input[type="submit"],.elementor-kit-601 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================================= RB HANDYMAN — GOLD & BLACK LUXURY GLOBAL CSS Elementor Pro ========================================================= */ /* ========================================================= 1. GOLD METALLIC TEXT Class: gold-text ========================================================= */ .gold-text { background: linear-gradient( 120deg, #8a6418 0%, #c99a2e 18%, #fff3a6 35%, #d4a83a 50%, #fff8c7 65%, #b88622 82%, #6f4b0f 100% ); background-size: 250% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: goldMetallic 5s linear infinite; font-weight: 800; } /* GOLD TEXT ANIMATION */ @keyframes goldMetallic { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* ========================================================= 2. GOLD SHIMMER TEXT Class: gold-shimmer ========================================================= */ .gold-shimmer { position: relative; background: linear-gradient( 110deg, #8a6418 0%, #d4a83a 25%, #fff6b0 45%, #d4a83a 55%, #8a6418 75%, #fff0a0 100% ); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: goldShimmer 4s ease-in-out infinite; } @keyframes goldShimmer { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* ========================================================= 3. LUXURY GOLD BUTTON Class: gold-button ========================================================= */ .gold-button .elementor-button { position: relative; background: linear-gradient( 145deg, #6f4b0f 0%, #b88622 18%, #f4d56b 38%, #fff1a3 50%, #c99a2e 65%, #8a6418 85%, #5a3d0c 100% ); background-size: 220% 220%; color: #111111; border: 1px solid #f5dc7a; border-radius: 8px; padding: 15px 30px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; box-shadow: 0 5px 0 #5a3d0c, 0 8px 18px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.65), inset 0 -2px 5px rgba(70, 40, 0, 0.35); transition: all 0.35s ease, background 0.35s ease; animation: goldButtonShine 5s ease-in-out infinite; transform: translateY(0); } /* BUTTON HOVER — METALLIC BLACK */ .gold-button .elementor-button:hover { background: linear-gradient( 145deg, #050505 0%, #252525 25%, #555555 45%, #171717 60%, #020202 100% ); background-size: 220% 220%; color: #f5d76e; border-color: #d4af37; transform: translateY(-3px); box-shadow: 0 7px 0 #000000, 0 12px 25px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -2px 5px rgba(0, 0, 0, 0.7); } /* BUTTON ACTIVE */ .gold-button .elementor-button:active { transform: translateY(2px); box-shadow: 0 2px 0 #000000, 0 5px 10px rgba(0, 0, 0, 0.4); } /* BUTTON ANIMATION */ @keyframes goldButtonShine { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================================= 4. GOLD METALLIC CONTAINER Class: gold-container ========================================================= */ .gold-container { position: relative; background: linear-gradient( 145deg, #0b0b0b, #181818 45%, #050505 ); border: 1px solid rgba(212, 175, 55, 0.75); border-radius: 14px; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 0 25px rgba(212, 175, 55, 0.06); overflow: hidden; transition: all 0.4s ease; } /* GOLD LIGHT EFFECT */ .gold-container::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 241, 170, 0.12), rgba(255, 255, 255, 0.25), rgba(255, 241, 170, 0.12), transparent ); transform: skewX(-20deg); transition: 0.8s ease; pointer-events: none; } .gold-container:hover::before { left: 140%; } .gold-container:hover { border-color: #f0cc55; transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.55), 0 0 20px rgba(212, 175, 55, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.15); } /* ========================================================= 5. GOLD CARD Class: gold-card ========================================================= */ .gold-card { background: linear-gradient( 145deg, #111111, #1c1c1c, #080808 ); border: 1px solid rgba(212, 175, 55, 0.45); border-radius: 12px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08); transition: all 0.35s ease; } .gold-card:hover { border-color: #d4af37; transform: translateY(-6px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5), 0 0 18px rgba(212, 175, 55, 0.12); } /* ========================================================= 6. GOLD BORDER Class: gold-border ========================================================= */ .gold-border { border: 1px solid #c9a227; box-shadow: 0 0 12px rgba(212, 175, 55, 0.12), inset 0 0 12px rgba(212, 175, 55, 0.04); } /* ========================================================= 7. BLACK LUXURY CONTAINER Class: black-luxury ========================================================= */ .black-luxury { background: linear-gradient( 145deg, #030303, #181818 50%, #050505 ); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 14px; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08); } /* ========================================================= 8. GOLD ICON Class: gold-icon ========================================================= */ .gold-icon { color: #d4af37; filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.35)); transition: all 0.3s ease; } .gold-icon:hover { color: #fff0a0; filter: drop-shadow(0 0 10px rgba(255, 215, 80, 0.65)); transform: scale(1.08); } /* ========================================================= 9. GOLD DIVIDER Class: gold-divider ========================================================= */ .gold-divider { height: 2px; width: 100%; background: linear-gradient( 90deg, transparent, #8a6418, #fff1a3, #d4af37, #8a6418, transparent ); background-size: 200% 100%; animation: dividerGold 4s linear infinite; box-shadow: 0 0 8px rgba(212, 175, 55, 0.3); } @keyframes dividerGold { 0% { background-position: 0% center; } 100% { background-position: 200% center; } } /* ========================================================= 10. GOLD GLOW TEXT Class: gold-glow ========================================================= */ .gold-glow { color: #d4af37; text-shadow: 0 0 5px rgba(212, 175, 55, 0.35), 0 0 15px rgba(212, 175, 55, 0.15); } /* ========================================================= 11. GOLD IMAGE FRAME Class: gold-image-frame ========================================================= */ .gold-image-frame { border: 2px solid #b88622; border-radius: 12px; box-shadow: 0 0 0 1px rgba(255, 241, 163, 0.25), 0 10px 30px rgba(0, 0, 0, 0.45); overflow: hidden; transition: all 0.4s ease; } .gold-image-frame:hover { border-color: #f1d56b; box-shadow: 0 0 20px rgba(212, 175, 55, 0.25), 0 15px 35px rgba(0, 0, 0, 0.5); transform: translateY(-4px); } /* ========================================================= 12. GOLD LABEL / BADGE Class: gold-badge ========================================================= */ .gold-badge { display: inline-block; background: linear-gradient( 135deg, #8a6418, #f4d56b, #b88622 ); color: #111111; border: 1px solid #f5dc7a; border-radius: 50px; padding: 7px 16px; font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6); } /* ========================================================= 13. GOLD SECTION Class: gold-section ========================================================= */ .gold-section { position: relative; background: radial-gradient( circle at 50% 0%, rgba(212, 175, 55, 0.08), transparent 45% ), linear-gradient( 180deg, #050505, #101010, #050505 ); } /* ========================================================= 14. GOLD HOVER LINE Class: gold-hover-line ========================================================= */ .gold-hover-line { position: relative; } .gold-hover-line::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 0; height: 2px; background: linear-gradient( 90deg, #8a6418, #fff0a0, #d4af37 ); transition: width 0.4s ease; } .gold-hover-line:hover::after { width: 100%; } /* ========================================================= 15. ACCESSIBILITY / REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .gold-text, .gold-shimmer, .gold-button .elementor-button, .gold-divider { animation: none; } .gold-container, .gold-card, .gold-button .elementor-button, .gold-image-frame { transition: none; } }/* End custom CSS */