.elementor-277 .elementor-element.elementor-element-b42100d{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-277 .elementor-element.elementor-element-b42100d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-277 .elementor-element.elementor-element-51b7750{--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-277 .elementor-element.elementor-element-51b7750.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-277 .elementor-element.elementor-element-974fb20{width:var( --container-widget-width, 103.492% );max-width:103.492%;--container-widget-width:103.492%;--container-widget-flex-grow:0;}.elementor-277 .elementor-element.elementor-element-974fb20.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-277 .elementor-element.elementor-element-11a2698{width:var( --container-widget-width, 17.27% );max-width:17.27%;--container-widget-width:17.27%;--container-widget-flex-grow:0;}.elementor-277 .elementor-element.elementor-element-11a2698.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-277 .elementor-element.elementor-element-28d0b85{width:var( --container-widget-width, 17.722% );max-width:17.722%;--container-widget-width:17.722%;--container-widget-flex-grow:0;}.elementor-277 .elementor-element.elementor-element-28d0b85.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-277 .elementor-element.elementor-element-fe49f67{--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:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-277 .elementor-element.elementor-element-ea16aa6{--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-277 .elementor-element.elementor-element-d3085dd img{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}.elementor-277 .elementor-element.elementor-element-c8ed85c{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-277 .elementor-element.elementor-element-afab005{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-277 .elementor-element.elementor-element-afab005 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:27px;font-weight:400;}.elementor-277 .elementor-element.elementor-element-a90a3b7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:400;}.elementor-277 .elementor-element.elementor-element-e9a61e1{font-family:"Roboto", Sans-serif;font-weight:400;line-height:41px;}.elementor-277 .elementor-element.elementor-element-58d5a26 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:400;line-height:35px;}.elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-overlay{background-color:rgba(0,0,0,.5);}.elementor-277 .elementor-element.elementor-element-f75ac31 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-button{text-align:center;}.elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-button .exad-modal-image-action{width:100%;background-color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-button .exad-modal-image-action span{font-weight:600;color:#ffffff;fill:#ffffff;}.elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-image-action, .elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-image-action::before{border-radius:6px 6px 6px 6px;}.elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-image-action{padding:18px 0px 18px 0px;}.elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-button .exad-modal-image-action:hover span{color:#FFFFFF;fill:#FFFFFF;}.elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-button .exad-modal-image-action:before{background-color:var( --e-global-color-primary );}.elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn{left:540px;top:10px;background:transparent;}.elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn span::before{width:20px;}.elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn span::after{height:20px;}.elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn span::before, .elementor-277 .elementor-element.elementor-element-f75ac31 .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn span::after{background:#000000;}.elementor-277 .elementor-element.elementor-element-d106f69{--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;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}@media(max-width:767px){.elementor-277 .elementor-element.elementor-element-11a2698 img{width:100%;}}@media(min-width:768px){.elementor-277 .elementor-element.elementor-element-b42100d{--content-width:1118px;}.elementor-277 .elementor-element.elementor-element-51b7750{--width:67.847%;}.elementor-277 .elementor-element.elementor-element-ea16aa6{--width:50%;}.elementor-277 .elementor-element.elementor-element-c8ed85c{--width:50%;}}/* Start custom CSS for exad-modal-popup, class: .elementor-element-f75ac31 *//* 1. Set the initial state of the button */
.elementor-277 .elementor-element.elementor-element-f75ac31 .elementor-button {
    background-color: #D4A017 !important; /* Your Blue */
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.4s ease;
    width: 500px !important;
}

/* 2. Create the "Slide" layer */
.elementor-277 .elementor-element.elementor-element-f75ac31 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Hidden to the left */
    width: 100%;
    height: 100%;
    background-color: #0A2342 !important; /* Your Gold */
    transition: left 0.4s ease;
    z-index: -1;
}

/* 3. Slide it in on hover */
.elementor-277 .elementor-element.elementor-element-f75ac31 .elementor-button:hover::before {
    left: 0;
}

/* 4. Ensure text stays visible */
.elementor-277 .elementor-element.elementor-element-f75ac31 .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}
.elementor-277 .elementor-element.elementor-element-f75ac31 .elementor-button {
    width: 100%; /* Default width for all screens */
}

@media (max-width: 768px) {
    .elementor-277 .elementor-element.elementor-element-f75ac31 .elementor-button {
        width: 350px !important; /* Width for tablets and smaller screens */
    }
}

@media (max-width: 480px) {
    .elementor-277 .elementor-element.elementor-element-f75ac31 .elementor-button {
        width: 310px !important; /* Full width for mobile screens */
    }
}/* End custom CSS */