.elementor-3304 .elementor-element.elementor-element-4e64273{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3304 .elementor-element.elementor-element-4e64273:not(.elementor-motion-effects-element-type-background), .elementor-3304 .elementor-element.elementor-element-4e64273 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5da70ae );}.elementor-3304 .elementor-element.elementor-element-06de6ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 28px;--row-gap:20px;--column-gap:28px;}.elementor-3304 .elementor-element.elementor-element-06de6ec.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3304 .elementor-element.elementor-element-2b1bd3a{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3304 .elementor-element.elementor-element-2b1bd3a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3304 .elementor-element.elementor-element-2b1bd3a .elementor-heading-title{font-family:"Afronaut", Sans-serif;font-size:58px;color:var( --e-global-color-text );}.elementor-3304 .elementor-element.elementor-element-9fa46ba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3304 .elementor-element.elementor-element-b052fe9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-3304 .elementor-element.elementor-element-b8b4c30{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3304 .elementor-element.elementor-element-f9f3fdd .elementor-button{background-color:var( --e-global-color-accent );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:5px 5px 5px 5px;padding:15px 15px 15px 15px;}.elementor-3304 .elementor-element.elementor-element-f9f3fdd{padding:20px 0px 0px 0px;}.elementor-3304 .elementor-element.elementor-element-fdead43{padding:20px 0px 0px 0px;}.elementor-3304 .elementor-element.elementor-element-fdead43 .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:700;border-radius:5px 5px 5px 5px;padding:15px 15px 15px 15px;}.elementor-3304 .elementor-element.elementor-element-0be9706{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;}.elementor-3304 .elementor-element.elementor-element-0be9706.e-con{--align-self:flex-end;}.elementor-3304 .elementor-element.elementor-element-49e0944{width:var( --container-widget-width, 84% );max-width:84%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:84%;--container-widget-flex-grow:0;}.elementor-3304 .elementor-element.elementor-element-2b8f4dd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3304 .elementor-element.elementor-element-a751dfa{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;box-shadow:1px 0px 19px -5px #FFFFFF;}.elementor-3304 .elementor-element.elementor-element-a751dfa .elementor-wrapper{--video-aspect-ratio:1.77777;}@media(max-width:767px){.elementor-3304 .elementor-element.elementor-element-4e64273{--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3304 .elementor-element.elementor-element-2b1bd3a{width:var( --container-widget-width, 298px );max-width:298px;--container-widget-width:298px;--container-widget-flex-grow:0;text-align:center;}.elementor-3304 .elementor-element.elementor-element-2b1bd3a .elementor-heading-title{font-size:34px;}.elementor-3304 .elementor-element.elementor-element-b052fe9{text-align:center;font-size:14px;}.elementor-3304 .elementor-element.elementor-element-b8b4c30{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3304 .elementor-element.elementor-element-b8b4c30.e-con{--align-self:center;}.elementor-3304 .elementor-element.elementor-element-f9f3fdd.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-3304 .elementor-element.elementor-element-fdead43.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-3304 .elementor-element.elementor-element-49e0944{margin:37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3304 .elementor-element.elementor-element-49e0944.elementor-element{--align-self:center;}.elementor-3304 .elementor-element.elementor-element-a751dfa{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-3304 .elementor-element.elementor-element-4e64273{--content-width:1300px;}.elementor-3304 .elementor-element.elementor-element-06de6ec{--width:53.67%;}.elementor-3304 .elementor-element.elementor-element-0be9706{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-f9f3fdd *//* Styling the Elementor Button with Capitalization and Normal State Glow */ .jd-glow-btn .elementor-button { text-transform: uppercase !important; /* Forces text to be ALL CAPS when normal */ letter-spacing: 1.5px !important; /* Premium spacing between capital letters */ transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; /* Ultra smooth transition */ /* 🌟 NORMAL STATE GLOW: Beautiful continuous neon glow around the button */ box-shadow: 0 0 12px rgba(255, 78, 0, 0.5), 0 0 25px rgba(255, 78, 0, 0.3) !important; } /* ⚡ HOVER STATE: Grows bigger and glow intensifies */ .jd-glow-btn .elementor-button:hover { transform: scale(1.06) translateY(-2px) !important; /* Grow effect & slight lift up */ background-color: #FF4E00 !important; /* Slightly brighter orange on hover */ /* Stronger, wider glow effect when hovering */ box-shadow: 0 0 18px rgba(255, 78, 0, 0.7), 0 0 35px rgba(255, 78, 0, 0.5), 0 0 50px rgba(255, 78, 0, 0.3) !important; color: #ffffff !important; /* Keeps text white */ } /* Restores layout balance slightly when button is actively clicked */ .jd-glow-btn .elementor-button:active { transform: scale(1.02) translateY(-1px) !important; box-shadow: 0 0 10px rgba(255, 78, 0, 0.4) !important; } @media (max-width: 768px) { .jd-glow-btn .elementor-button { font-size: 14px !important; padding: 12px 24px !important; letter-spacing: 1px !important; } .jd-glow-btn .elementor-button { box-shadow: 0 0 10px rgba(255, 78, 0, 0.4), 0 0 20px rgba(255, 78, 0, 0.2) !important; } .jd-glow-btn .elementor-button:hover { transform: scale(1.04) translateY(-1px) !important; box-shadow: 0 0 15px rgba(255, 78, 0, 0.6), 0 0 25px rgba(255, 78, 0, 0.3) !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fdead43 *//* ========================================================= JD OUTLINE BUTTON ========================================================= */ .jd-outline-btn .elementor-button{ position:relative; overflow:hidden; text-transform:uppercase !important; letter-spacing:1.5px !important; background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,78,0,.45) !important; color:#ffffff !important; backdrop-filter:blur(12px); transition:all .4s cubic-bezier(.25,1,.5,1) !important; box-shadow: 0 0 12px rgba(255,78,0,.18), inset 0 0 0 rgba(255,78,0,0); } /* ========================================================= HOVER ========================================================= */ .jd-outline-btn .elementor-button:hover{ transform:translateY(-2px) scale(1.04) !important; background:rgba(255,78,0,.12) !important; border-color:#FF4E00 !important; color:#ffffff !important; box-shadow: 0 0 16px rgba(255,78,0,.45), 0 0 35px rgba(255,78,0,.22); } /* ========================================================= ACTIVE ========================================================= */ .jd-outline-btn .elementor-button:active{ transform:scale(1.02) !important; box-shadow: 0 0 10px rgba(255,78,0,.22); } /* ========================================================= OPTIONAL SHINE EFFECT ========================================================= */ .jd-outline-btn .elementor-button::before{ content:""; position:absolute; top:0; left:-120%; width:80%; height:100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.18), transparent ); transition:all .7s ease; } .jd-outline-btn .elementor-button:hover::before{ left:130%; } /* ========================================================= MOBILE ========================================================= */ @media(max-width:768px){ .jd-outline-btn .elementor-button{ font-size:14px !important; padding:12px 24px !important; letter-spacing:1px !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-49e0944 *//* 🌟 PREMIUM AMBIENT PULSING & SCALING BACKEND GLOW */ .jd-pic-glow { position: relative; display: inline-block; } .jd-pic-glow img { position: relative; z-index: 2; /* Keeps your transparent PNG strictly on top */ } /* Creating the fluid breathing glow layer behind the image */ .jd-pic-glow::before { content: ''; position: absolute; top: 50%; left: 50%; /* Base dimensions of the glow area */ width: 65%; height: 65%; border-radius: 50%; z-index: 1; /* 🎨 ACCENT COLOR GRADIENT (Terracotta Orange) */ background: radial-gradient(circle, rgba(216, 111, 80, 0.55) 0%, rgba(216, 111, 80, 0) 70%); /* Ultra smooth rendering settings */ filter: blur(10px) !important; /* ⚡ THE BREATHING MAGIC: Handles scaling (ඇකිලෙන්න දිගහැරෙන්න) and opacity (එලිය අඩු වැඩි වෙන්න) smoothly over a 4-second continuous loop. */ animation: jdStrictPulse 4s ease-in-out infinite; } /* 💨 THE BREATHING ANIMATION LOGIC */ @keyframes jdStrictPulse { 0%, 100% { /* 1. ඇකිලෙන අවස්ථාව (Normal Size) */ transform: translate(-50%, -50%) scale(0.95); /* 2. එළිය අඩු අවස්ථාව (Faded Glow) */ box-shadow: 0 0 50px rgba(216, 111, 80, 0.35), 0 0 90px rgba(216, 111, 80, 0.15); opacity: 0.6; } 50% { /* 1. දිගහැරෙන අවස්ථාව (Expanded Size) */ transform: translate(-50%, -50%) scale(1.08); /* 2. එළිය වැඩි අවස්ථාව (Intensive Glow) */ box-shadow: 0 0 75px rgba(216, 111, 80, 0.6), 0 0 140px rgba(216, 111, 80, 0.35); opacity: 1; } } /* 📱 Mobile Responsive Performance Safeguards */ @media (max-width: 768px) { .jd-pic-glow::before { width: 70%; height: 70%; animation: jdStrictPulse 5s ease-in-out infinite; /* Slightly slower on mobile for a smoother visual feel */ } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Afronaut'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://new.thejdstudio.com/wp-content/uploads/2025/09/afronaut.ttf') format('truetype'); } @font-face { font-family: 'Afronaut'; font-style: normal; font-weight: normal; font-display: auto; src: ; } /* End Custom Fonts CSS */