.elementor-978 .elementor-element.elementor-element-5dfcc49d{--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:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-978 .elementor-element.elementor-element-48448a09{--display:flex;--min-height:650px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:300px;--padding-right:300px;}.elementor-978 .elementor-element.elementor-element-48448a09:not(.elementor-motion-effects-element-type-background), .elementor-978 .elementor-element.elementor-element-48448a09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://satucreative.com/wp-content/uploads/2025/06/SC-Who-We-Are-Banner.png");background-position:center center;background-size:cover;}.elementor-978 .elementor-element.elementor-element-48448a09::before, .elementor-978 .elementor-element.elementor-element-48448a09 > .elementor-background-video-container::before, .elementor-978 .elementor-element.elementor-element-48448a09 > .e-con-inner > .elementor-background-video-container::before, .elementor-978 .elementor-element.elementor-element-48448a09 > .elementor-background-slideshow::before, .elementor-978 .elementor-element.elementor-element-48448a09 > .e-con-inner > .elementor-background-slideshow::before, .elementor-978 .elementor-element.elementor-element-48448a09 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-978 .elementor-element.elementor-element-4e6ffce > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-978 .elementor-element.elementor-element-4e6ffce{text-align:center;}.elementor-978 .elementor-element.elementor-element-4e6ffce .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:70px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#FFFFFF;}.elementor-978 .elementor-element.elementor-element-42932e41 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-978 .elementor-element.elementor-element-42932e41{text-align:center;font-family:"Poppins", Sans-serif;font-size:25px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;color:#FFFFFF;}.elementor-978 .elementor-element.elementor-element-12293435{--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;--align-items:center;--padding-top:010%;--padding-bottom:05%;--padding-left:12%;--padding-right:12%;}.elementor-978 .elementor-element.elementor-element-76ce85aa{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:34px;color:#000000;}.elementor-978 .elementor-element.elementor-element-1fc087d{--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;--align-items:center;--padding-top:0%;--padding-bottom:05%;--padding-left:12%;--padding-right:12%;}.elementor-978 .elementor-element.elementor-element-15477b2{--display:flex;}.elementor-978 .elementor-element.elementor-element-7c34f38e.elementor-element{--align-self:flex-start;}.elementor-978 .elementor-element.elementor-element-7c34f38e{text-align:center;}.elementor-978 .elementor-element.elementor-element-7c34f38e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-978 .elementor-element.elementor-element-7188712{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:34px;color:#000000;}.elementor-978 .elementor-element.elementor-element-aca2bb9{--display:flex;--min-height:100%;--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-978 .elementor-element.elementor-element-06ed996{--display:flex;--min-height:100%;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-8e0556f .elementor-button{background-color:transparent;fill:#02010100;color:#02010100;background-image:linear-gradient(180deg, #2E319200 0%, #F2295B00 100%);}.elementor-978 .elementor-element.elementor-element-cb1a463 img{width:100%;max-width:100%;height:100%;}.elementor-978 .elementor-element.elementor-element-bbc9537{--display:flex;--min-height:100%;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-7fc46a4 .elementor-button{background-color:transparent;fill:#02010100;color:#02010100;background-image:linear-gradient(180deg, #2E319200 0%, #F2295B00 100%);}.elementor-978 .elementor-element.elementor-element-b695c8b img{width:100%;max-width:100%;height:100%;}.elementor-978 .elementor-element.elementor-element-446b0fd{--display:flex;--min-height:100%;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-7419020 .elementor-button{background-color:transparent;fill:#02010100;color:#02010100;background-image:linear-gradient(180deg, #2E319200 0%, #F2295B00 100%);}.elementor-978 .elementor-element.elementor-element-15f816b img{width:100%;max-width:100%;height:100%;}.elementor-978 .elementor-element.elementor-element-9bf4853{--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;--align-items:center;--padding-top:0%;--padding-bottom:05%;--padding-left:12%;--padding-right:12%;}.elementor-978 .elementor-element.elementor-element-9809988{--display:flex;}.elementor-978 .elementor-element.elementor-element-5ce600b.elementor-element{--align-self:flex-start;}.elementor-978 .elementor-element.elementor-element-5ce600b{text-align:left;}.elementor-978 .elementor-element.elementor-element-5ce600b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-978 .elementor-element.elementor-element-cdf57a1{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:34px;color:#000000;}.elementor-978 .elementor-element.elementor-element-38de511{--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:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-123d3c5{--display:flex;--min-height:100%;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-b2d9495 .elementor-button{background-color:transparent;fill:#02010100;color:#02010100;background-image:linear-gradient(180deg, #2E319200 0%, #F2295B00 100%);}.elementor-978 .elementor-element.elementor-element-5458bef img{width:100%;max-width:100%;height:100%;}.elementor-978 .elementor-element.elementor-element-fad7585{--display:flex;--min-height:100%;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-de93428 .elementor-button{background-color:transparent;fill:#02010100;color:#02010100;background-image:linear-gradient(180deg, #2E319200 0%, #F2295B00 100%);}.elementor-978 .elementor-element.elementor-element-67916cc img{width:100%;max-width:100%;height:100%;}.elementor-978 .elementor-element.elementor-element-3eee1cc5{--display:flex;--min-height:467px;--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;--justify-content:center;--gap:20px 100px;--row-gap:20px;--column-gap:100px;--flex-wrap:nowrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-3eee1cc5:not(.elementor-motion-effects-element-type-background), .elementor-978 .elementor-element.elementor-element-3eee1cc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E3192;}.elementor-978 .elementor-element.elementor-element-3eee1cc5::before, .elementor-978 .elementor-element.elementor-element-3eee1cc5 > .elementor-background-video-container::before, .elementor-978 .elementor-element.elementor-element-3eee1cc5 > .e-con-inner > .elementor-background-video-container::before, .elementor-978 .elementor-element.elementor-element-3eee1cc5 > .elementor-background-slideshow::before, .elementor-978 .elementor-element.elementor-element-3eee1cc5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-978 .elementor-element.elementor-element-3eee1cc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://satucreative.com/wp-content/uploads/2025/06/SC-Careers.png");--background-overlay:'';background-size:cover;}.elementor-978 .elementor-element.elementor-element-2e7fadf1{--display:flex;}.elementor-978 .elementor-element.elementor-element-559e9d5b{text-align:center;}.elementor-978 .elementor-element.elementor-element-559e9d5b .elementor-heading-title{color:#FFFFFF;}.elementor-978 .elementor-element.elementor-element-6ce74c4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-978 .elementor-element.elementor-element-6ce74c4{text-align:center;font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:34px;color:#FFFFFF;}.elementor-978 .elementor-element.elementor-element-157e2d8 .elementor-button{background-color:#FFFFFF00;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-978 .elementor-element.elementor-element-157e2d8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-978 .elementor-element.elementor-element-157e2d8.elementor-element{--order:99999 /* order end hack */;}.elementor-978 .elementor-element.elementor-element-157e2d8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-978 .elementor-element.elementor-element-157e2d8 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-978 .elementor-element.elementor-element-157e2d8 .elementor-button-icon{font-size:45px;}.elementor-978 .elementor-element.elementor-element-157e2d8 .elementor-button .elementor-button-icon i, .elementor-978 .elementor-element.elementor-element-157e2d8 .elementor-button .elementor-button-icon svg{transform:rotate(0deg);}.elementor-978 .elementor-element.elementor-element-16e9ff01{--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 100px;--row-gap:20px;--column-gap:100px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-6cb2597{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-978 .elementor-element.elementor-element-37b70cd{text-align:center;}.elementor-978 .elementor-element.elementor-element-37b70cd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-978 .elementor-element.elementor-element-722fe05{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:21px;--padding-right:21px;}.elementor-978 .elementor-element.elementor-element-f1badb6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-978 .elementor-element.elementor-element-f1badb6{text-align:center;font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;letter-spacing:0px;color:#161616;}.elementor-978 .elementor-element.elementor-element-69a85fd > .elementor-widget-container{margin:17px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-978 .elementor-element.elementor-element-aca2bb9{--width:100%;}.elementor-978 .elementor-element.elementor-element-06ed996{--width:100%;}.elementor-978 .elementor-element.elementor-element-bbc9537{--width:100%;}.elementor-978 .elementor-element.elementor-element-446b0fd{--width:100%;}.elementor-978 .elementor-element.elementor-element-123d3c5{--width:100%;}.elementor-978 .elementor-element.elementor-element-fad7585{--width:100%;}.elementor-978 .elementor-element.elementor-element-3eee1cc5{--content-width:1300px;}.elementor-978 .elementor-element.elementor-element-16e9ff01{--content-width:1300px;}.elementor-978 .elementor-element.elementor-element-722fe05{--width:63%;}}@media(max-width:1024px){.elementor-978 .elementor-element.elementor-element-48448a09{--min-height:400px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-978 .elementor-element.elementor-element-4e6ffce .elementor-heading-title{font-size:52px;}.elementor-978 .elementor-element.elementor-element-42932e41{font-size:23px;}.elementor-978 .elementor-element.elementor-element-12293435{--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-978 .elementor-element.elementor-element-1fc087d{--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-978 .elementor-element.elementor-element-9bf4853{--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-978 .elementor-element.elementor-element-3eee1cc5{--gap:20px 50px;--row-gap:20px;--column-gap:50px;--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-978 .elementor-element.elementor-element-16e9ff01{--gap:20px 50px;--row-gap:20px;--column-gap:50px;--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-978 .elementor-element.elementor-element-37b70cd .elementor-heading-title{font-size:72px;}}@media(max-width:767px){.elementor-978 .elementor-element.elementor-element-5dfcc49d{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-978 .elementor-element.elementor-element-48448a09{--min-height:350px;}.elementor-978 .elementor-element.elementor-element-4e6ffce{text-align:center;}.elementor-978 .elementor-element.elementor-element-4e6ffce .elementor-heading-title{font-size:44px;}.elementor-978 .elementor-element.elementor-element-42932e41{font-size:16px;line-height:1.6em;}.elementor-978 .elementor-element.elementor-element-12293435{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-978 .elementor-element.elementor-element-76ce85aa{font-size:16px;line-height:1.6em;}.elementor-978 .elementor-element.elementor-element-1fc087d{--padding-top:0px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-978 .elementor-element.elementor-element-15477b2{--padding-top:-2px;--padding-bottom:-2px;--padding-left:-2px;--padding-right:-2px;}.elementor-978 .elementor-element.elementor-element-7188712{font-size:16px;line-height:1.6em;}.elementor-978 .elementor-element.elementor-element-aca2bb9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-06ed996{--width:100%;--min-height:322px;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-bbc9537{--width:100%;--min-height:322px;}.elementor-978 .elementor-element.elementor-element-446b0fd{--min-height:322px;}.elementor-978 .elementor-element.elementor-element-9bf4853{--padding-top:0px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-978 .elementor-element.elementor-element-cdf57a1{font-size:16px;line-height:1.6em;}.elementor-978 .elementor-element.elementor-element-123d3c5{--width:100%;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-fad7585{--width:100%;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-3eee1cc5{--gap:50px 20px;--row-gap:50px;--column-gap:20px;--flex-wrap:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-978 .elementor-element.elementor-element-6ce74c4{font-size:16px;line-height:1.6em;}.elementor-978 .elementor-element.elementor-element-16e9ff01{--gap:50px 20px;--row-gap:50px;--column-gap:20px;--flex-wrap:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-978 .elementor-element.elementor-element-37b70cd .elementor-heading-title{font-size:55px;}.elementor-978 .elementor-element.elementor-element-722fe05{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-978 .elementor-element.elementor-element-f1badb6{font-size:16px;line-height:1.6em;}}/* Start custom CSS for button, class: .elementor-element-8e0556f *//* Make button full width of its container */
.full-card-button button,
.full-card-button .elementor-button {
    width: 100% !important;
    display: block !important;
    border-radius: 0 !important; /* optional if you want square edges */
}

/* Remove border/padding around the button container */
.full-card-button {
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}

/* Make the button cover the entire card */

.full-card-btn {
    position: relative;
    overflow: hidden;           /* hides anything outside the card */
}

/* Wrapper that Elementor adds around the button */
.full-card-btn .elementor-button-wrapper {
    position: absolute;
    inset: 0;                   /* top:0; right:0; bottom:0; left:0; */
}

/* The actual button */
.full-card-btn .elementor-button {
    width: 100%;
    height: 100%;               /* fill full height of the card */
    border-radius: 0;           /* remove rounded corners so it matches the card */
    display: flex;
    align-items: center;        /* vertical center text */
    justify-content: center;    /* horizontal center text */
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-06ed996 *//* Make the card act as a wrapper for the full-size button */
.elementor-978 .elementor-element.elementor-element-06ed996 {
    position: relative;
    overflow: hidden; /* keeps button corners clipped to card radius */
}

/* 1. Stretch the *button widget* to cover the entire card */
.elementor-978 .elementor-element.elementor-element-06ed996 .elementor-widget-button {
    position: absolute;
    inset: 0;        /* top:0; right:0; bottom:0; left:0 */
    z-index: 1;      /* sits above the background */
}

/* 2. Make the internal wrapper and button fill that widget */
.elementor-978 .elementor-element.elementor-element-06ed996 .elementor-widget-button .elementor-button-wrapper,
.elementor-978 .elementor-element.elementor-element-06ed996 .elementor-widget-button .elementor-button {
    width: 100%;
    height: 100%;
}

/* 3. Center the text inside and remove rounding on the button itself */
.elementor-978 .elementor-element.elementor-element-06ed996 .elementor-widget-button .elementor-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;        /* use the card’s radius instead */
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7fc46a4 *//* Make button full width of its container */
.full-card-button button,
.full-card-button .elementor-button {
    width: 100% !important;
    display: block !important;
    border-radius: 0 !important; /* optional if you want square edges */
}

/* Remove border/padding around the button container */
.full-card-button {
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}

/* Make the button cover the entire card */

.full-card-btn {
    position: relative;
    overflow: hidden;           /* hides anything outside the card */
}

/* Wrapper that Elementor adds around the button */
.full-card-btn .elementor-button-wrapper {
    position: absolute;
    inset: 0;                   /* top:0; right:0; bottom:0; left:0; */
}

/* The actual button */
.full-card-btn .elementor-button {
    width: 100%;
    height: 100%;               /* fill full height of the card */
    border-radius: 0;           /* remove rounded corners so it matches the card */
    display: flex;
    align-items: center;        /* vertical center text */
    justify-content: center;    /* horizontal center text */
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbc9537 *//* Make the card act as a wrapper for the full-size button */
.elementor-978 .elementor-element.elementor-element-bbc9537 {
    position: relative;
    overflow: hidden; /* keeps button corners clipped to card radius */
}

/* 1. Stretch the *button widget* to cover the entire card */
.elementor-978 .elementor-element.elementor-element-bbc9537 .elementor-widget-button {
    position: absolute;
    inset: 0;        /* top:0; right:0; bottom:0; left:0 */
    z-index: 1;      /* sits above the background */
}

/* 2. Make the internal wrapper and button fill that widget */
.elementor-978 .elementor-element.elementor-element-bbc9537 .elementor-widget-button .elementor-button-wrapper,
.elementor-978 .elementor-element.elementor-element-bbc9537 .elementor-widget-button .elementor-button {
    width: 100%;
    height: 100%;
}

/* 3. Center the text inside and remove rounding on the button itself */
.elementor-978 .elementor-element.elementor-element-bbc9537 .elementor-widget-button .elementor-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;        /* use the card’s radius instead */
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7419020 *//* Make button full width of its container */
.full-card-button button,
.full-card-button .elementor-button {
    width: 100% !important;
    display: block !important;
    border-radius: 0 !important; /* optional if you want square edges */
}

/* Remove border/padding around the button container */
.full-card-button {
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}

/* Make the button cover the entire card */

.full-card-btn {
    position: relative;
    overflow: hidden;           /* hides anything outside the card */
}

/* Wrapper that Elementor adds around the button */
.full-card-btn .elementor-button-wrapper {
    position: absolute;
    inset: 0;                   /* top:0; right:0; bottom:0; left:0; */
}

/* The actual button */
.full-card-btn .elementor-button {
    width: 100%;
    height: 100%;               /* fill full height of the card */
    border-radius: 0;           /* remove rounded corners so it matches the card */
    display: flex;
    align-items: center;        /* vertical center text */
    justify-content: center;    /* horizontal center text */
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-446b0fd *//* Make the card act as a wrapper for the full-size button */
.elementor-978 .elementor-element.elementor-element-446b0fd {
    position: relative;
    overflow: hidden; /* keeps button corners clipped to card radius */
}

/* 1. Stretch the *button widget* to cover the entire card */
.elementor-978 .elementor-element.elementor-element-446b0fd .elementor-widget-button {
    position: absolute;
    inset: 0;        /* top:0; right:0; bottom:0; left:0 */
    z-index: 1;      /* sits above the background */
}

/* 2. Make the internal wrapper and button fill that widget */
.elementor-978 .elementor-element.elementor-element-446b0fd .elementor-widget-button .elementor-button-wrapper,
.elementor-978 .elementor-element.elementor-element-446b0fd .elementor-widget-button .elementor-button {
    width: 100%;
    height: 100%;
}

/* 3. Center the text inside and remove rounding on the button itself */
.elementor-978 .elementor-element.elementor-element-446b0fd .elementor-widget-button .elementor-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;        /* use the card’s radius instead */
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b2d9495 *//* Make button full width of its container */
.full-card-button button,
.full-card-button .elementor-button {
    width: 100% !important;
    display: block !important;
    border-radius: 0 !important; /* optional if you want square edges */
}

/* Remove border/padding around the button container */
.full-card-button {
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}

/* Make the button cover the entire card */

.full-card-btn {
    position: relative;
    overflow: hidden;           /* hides anything outside the card */
}

/* Wrapper that Elementor adds around the button */
.full-card-btn .elementor-button-wrapper {
    position: absolute;
    inset: 0;                   /* top:0; right:0; bottom:0; left:0; */
}

/* The actual button */
.full-card-btn .elementor-button {
    width: 100%;
    height: 100%;               /* fill full height of the card */
    border-radius: 0;           /* remove rounded corners so it matches the card */
    display: flex;
    align-items: center;        /* vertical center text */
    justify-content: center;    /* horizontal center text */
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-123d3c5 *//* Make the card act as a wrapper for the full-size button */
.elementor-978 .elementor-element.elementor-element-123d3c5 {
    position: relative;
    overflow: hidden; /* keeps button corners clipped to card radius */
}

/* 1. Stretch the *button widget* to cover the entire card */
.elementor-978 .elementor-element.elementor-element-123d3c5 .elementor-widget-button {
    position: absolute;
    inset: 0;        /* top:0; right:0; bottom:0; left:0 */
    z-index: 1;      /* sits above the background */
}

/* 2. Make the internal wrapper and button fill that widget */
.elementor-978 .elementor-element.elementor-element-123d3c5 .elementor-widget-button .elementor-button-wrapper,
.elementor-978 .elementor-element.elementor-element-123d3c5 .elementor-widget-button .elementor-button {
    width: 100%;
    height: 100%;
}

/* 3. Center the text inside and remove rounding on the button itself */
.elementor-978 .elementor-element.elementor-element-123d3c5 .elementor-widget-button .elementor-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;        /* use the card’s radius instead */
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-de93428 *//* Make button full width of its container */
.full-card-button button,
.full-card-button .elementor-button {
    width: 100% !important;
    display: block !important;
    border-radius: 0 !important; /* optional if you want square edges */
}

/* Remove border/padding around the button container */
.full-card-button {
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}

/* Make the button cover the entire card */

.full-card-btn {
    position: relative;
    overflow: hidden;           /* hides anything outside the card */
}

/* Wrapper that Elementor adds around the button */
.full-card-btn .elementor-button-wrapper {
    position: absolute;
    inset: 0;                   /* top:0; right:0; bottom:0; left:0; */
}

/* The actual button */
.full-card-btn .elementor-button {
    width: 100%;
    height: 100%;               /* fill full height of the card */
    border-radius: 0;           /* remove rounded corners so it matches the card */
    display: flex;
    align-items: center;        /* vertical center text */
    justify-content: center;    /* horizontal center text */
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fad7585 *//* Make the card act as a wrapper for the full-size button */
.elementor-978 .elementor-element.elementor-element-fad7585 {
    position: relative;
    overflow: hidden; /* keeps button corners clipped to card radius */
}

/* 1. Stretch the *button widget* to cover the entire card */
.elementor-978 .elementor-element.elementor-element-fad7585 .elementor-widget-button {
    position: absolute;
    inset: 0;        /* top:0; right:0; bottom:0; left:0 */
    z-index: 1;      /* sits above the background */
}

/* 2. Make the internal wrapper and button fill that widget */
.elementor-978 .elementor-element.elementor-element-fad7585 .elementor-widget-button .elementor-button-wrapper,
.elementor-978 .elementor-element.elementor-element-fad7585 .elementor-widget-button .elementor-button {
    width: 100%;
    height: 100%;
}

/* 3. Center the text inside and remove rounding on the button itself */
.elementor-978 .elementor-element.elementor-element-fad7585 .elementor-widget-button .elementor-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;        /* use the card’s radius instead */
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69a85fd */.forminator-edit-module {
    display: none !important;
}

/* ===== Input Field Style ===== */
.forminator-ui .forminator-input {
    background: #e9e9e9 !important;    /* light grey */
    border: none !important;
    height: 60px !important;
    border-radius: 12px !important;
    font-size: 20px !important;
    padding: 0 20px !important;
    box-shadow: none !important;
    width: 100% !important;
}

/* Placeholder text */
.forminator-ui .forminator-input::placeholder {
    color: #b5b5b5 !important;
    opacity: 1 !important;
}

/* Remove focus outline */
.forminator-ui .forminator-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ===== Button Style ===== */
.forminator-ui .forminator-button {
    
}

.forminator-button-submit {
    /* Main button size and background */
 
    border-radius: 50px !important; /* Extremely rounded corners */
  
    background: #2E3192 !important; /* Make main button background transparent */
    color: #FFFFFF !important; /* Text color */
    font-size: 20px !important; /* Adjust text size */
    font-weight: 600 !important;
    
    /* Crucial for positioning the icon container */
    position: relative !important; 
    
    /* Push text over to the right to make space for the icon container */
    padding-left: 70px !important; 
}

/* --- 2. Create the Circular Icon Container and the Arrow Icon --- */
.forminator-button-submit::before {
    /* Positioning the circle */
    content: ''; /* Must be set for pseudo-elements */
    position: absolute;
    top: 50%;
    left: 0px; /* Distance from the left edge of the button */
    transform: translateY(-50%); /* Centers the circle vertically */
    
    /* Sizing the circle */
    width: 60px; /* Width of the green circle */
    height: 60px; /* Height of the green circle */
    border-radius: 50%; /* Make it perfectly circular */
    
    /* Styling the circle */
    background-color: #A9E8BC; /* The light green background color */
}

/* --- 3. Add the Arrow Icon inside the circle --- */
.forminator-button-submit::after {
    /* Positioning the arrow */
    content: '\f061'; /* Font Awesome 5 Solid right arrow code */
    font-family: 'Font Awesome 5 Free'; 
    font-weight: 900; 
    
    /* Position the arrow inside the circle */
    position: absolute;
    top: 50%;
    left: 10px; /* Match the circle's left position */
    transform: translateY(-50%); /* Center the arrow vertically */
    
    /* Adjust arrow position inside the 50x50 circle */
    padding: 10px; /* Pushes the icon inward relative to its container */
    
    /* Styling the arrow */
    color: #000080; /* Dark blue color for the arrow */
    font-size: 22px; /* Size of the arrow */
}

/* Optional: Change hover state */
.forminator-button-submit:hover {
    background-color: #000080 !important; /* Example hover background change */
    color: #FFFFFF !important;
}

/* Hover */
.forminator-ui .forminator-button:hover {
    background: #23235e !important;
}

/* ==============================
   DESKTOP – inline (row layout)
   ============================== */
#forminator-module-625 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important; /* space between input & button */
}

/* Remove default Forminator spacing */
#forminator-module-625 .forminator-row {
  margin: 0 !important;
  padding: 0 !important;
}

/* Email row grows, button stays natural width */
#forminator-module-625 .forminator-row:not(.forminator-row-last) {
  flex: 1 1 auto !important;
}

#forminator-module-625 .forminator-row-last {
  flex: 0 0 auto !important;
}


/* ==============================
   MOBILE – stacked + full width
   ============================== */
@media (max-width: 768px) {

  #forminator-module-625 {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important; /* vertical space */
  }

  /* Make rows full width */
  #forminator-module-625 .forminator-row {
    width: 100% !important;
  }

  /* Email input full width */
  #forminator-module-625 input[type="email"],
  #forminator-module-625 input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Button wrapper full width */
  #forminator-module-625 .forminator-row-last,
  #forminator-module-625 .forminator-row-last .forminator-button {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Button fills full width */
  #forminator-module-625 .forminator-row-last .forminator-button {
    display: block !important;
    text-align: center !important;
  }
}/* End custom CSS */