.elementor-4959 .elementor-element.elementor-element-d66f50a{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4959 .elementor-element.elementor-element-d66f50a.e-con{--align-self:center;}.elementor-4959 .elementor-element.elementor-element-0c997c8{--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;}.elementor-4959 .elementor-element.elementor-element-0492e5b .elementor-heading-title{font-family:"afronut", Sans-serif;font-size:62px;line-height:59px;}.elementor-4959 .elementor-element.elementor-element-885d772{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:400;color:var( --e-global-color-text );}.elementor-4959 .elementor-element.elementor-element-b7a8fae{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4959 .elementor-element.elementor-element-46477ee .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:700;fill:var( --e-global-color-text );color:var( --e-global-color-text );background-color:var( --e-global-color-accent );border-radius:5px 5px 5px 5px;padding:15px 15px 15px 15px;}.elementor-4959 .elementor-element.elementor-element-46477ee{padding:0px 0px 0px 0px;}.elementor-4959 .elementor-element.elementor-global-5854 .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:700;border-radius:5px 5px 5px 5px;padding:15px 15px 15px 15px;}.elementor-4959 .elementor-element.elementor-element-66d308c{--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;}.elementor-4959 .elementor-element.elementor-element-9697317{--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;}.elementor-4959 .elementor-element.elementor-element-19febb5{text-align:center;}.elementor-4959 .elementor-element.elementor-element-19febb5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;color:var( --e-global-color-text );}.elementor-4959 .elementor-element.elementor-element-bba5d28{text-align:center;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 );color:var( --e-global-color-text );}.elementor-4959 .elementor-element.elementor-element-d99c3a3{--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;}.elementor-4959 .elementor-element.elementor-element-de3537e{text-align:center;}.elementor-4959 .elementor-element.elementor-element-de3537e .elementor-heading-title{font-family:"Montserrat", Sans-serif;color:var( --e-global-color-text );}.elementor-4959 .elementor-element.elementor-element-e9cde3c{text-align:center;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 );color:var( --e-global-color-text );}.elementor-4959 .elementor-element.elementor-element-82acdcf{--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;}@media(max-width:1024px){.elementor-4959 .elementor-element.elementor-element-bba5d28{font-size:var( --e-global-typography-text-font-size );}.elementor-4959 .elementor-element.elementor-element-e9cde3c{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-4959 .elementor-element.elementor-element-0c997c8{--width:50%;}.elementor-4959 .elementor-element.elementor-element-66d308c{--width:50%;}}@media(max-width:767px){.elementor-4959 .elementor-element.elementor-element-0c997c8{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4959 .elementor-element.elementor-element-0c997c8.e-con{--align-self:center;}.elementor-4959 .elementor-element.elementor-element-0492e5b{text-align:center;}.elementor-4959 .elementor-element.elementor-element-0492e5b .elementor-heading-title{font-size:34px;}.elementor-4959 .elementor-element.elementor-element-885d772{text-align:center;font-size:17px;}.elementor-4959 .elementor-element.elementor-element-b7a8fae.e-con{--align-self:center;}.elementor-4959 .elementor-element.elementor-element-46477ee.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-4959 .elementor-element.elementor-global-5854.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-4959 .elementor-element.elementor-element-66d308c{--margin-top:18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4959 .elementor-element.elementor-element-bba5d28{font-size:var( --e-global-typography-text-font-size );}.elementor-4959 .elementor-element.elementor-element-e9cde3c{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for heading, class: .elementor-element-0492e5b */.jd-hero-heading .jd-white{
  color:#ffffff;
}

.jd-hero-heading .jd-orange{
  color:#FF4E00;

  text-shadow:
  0 0 10px rgba(255,78,0,.45),
  0 0 30px rgba(255,78,0,.22);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-46477ee *//* 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 global, class: .elementor-global-5854 *//* =========================================================
   JD OUTLINE BUTTON - WHITE GLOW VERSION
========================================================= */

.jd-outline-btn .elementor-button{

    position:relative;
    overflow:hidden;

    text-transform:uppercase !important;
    letter-spacing:1.5px !important;

    background:#ffffff !important;

    border:1px solid rgba(255,255,255,.65) !important;

    color:#000000 !important;

    backdrop-filter:blur(12px);

    transition:all .4s cubic-bezier(.25,1,.5,1) !important;

    box-shadow:
    0 0 12px rgba(255,255,255,.45),
    0 0 28px rgba(255,255,255,.22),
    0 0 60px rgba(255,255,255,.12);

}

/* =========================================================
   WHITE GLOW BACK EFFECT
========================================================= */

.jd-outline-btn .elementor-button::after{

    content:"";

    position:absolute;

    inset:-8px;

    border-radius:inherit;

    background:rgba(255,255,255,.18);

    filter:blur(18px);

    z-index:-1;

    opacity:.9;

    transition:all .4s ease;

}

/* =========================================================
   HOVER
========================================================= */

.jd-outline-btn .elementor-button:hover{

    transform:translateY(-2px) scale(1.04) !important;

    background:#ffffff !important;

    color:#000000 !important;

    border-color:#ffffff !important;

    box-shadow:
    0 0 18px rgba(255,255,255,.7),
    0 0 42px rgba(255,255,255,.45),
    0 0 85px rgba(255,255,255,.22);

}

.jd-outline-btn .elementor-button:hover::after{

    opacity:1;

    filter:blur(24px);

    transform:scale(1.05);

}

/* =========================================================
   ACTIVE
========================================================= */

.jd-outline-btn .elementor-button:active{

    transform:scale(1.02) !important;

    box-shadow:
    0 0 12px rgba(255,255,255,.35);

}

/* =========================================================
   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,.45),
      transparent
    );

    transition:all .7s ease;

    z-index:1;

}

.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 container, class: .elementor-element-9697317 */.work-cont{
  margin-top:60px;
  margin-bottom:40px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d99c3a3 */.work-cont{
  margin-top:60px;
  margin-bottom:40px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'afronut';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://thejdstudio.com/wp-content/uploads/2026/05/afronaut-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */