.elementor-9 .elementor-element.elementor-element-6189b9c{--display:flex;--min-height:600px;--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;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-6189b9c:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-6189b9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://times.azmotors.ca/wp-content/uploads/2026/01/3-13-scaled.webp");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-6189b9c::before, .elementor-9 .elementor-element.elementor-element-6189b9c > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-6189b9c > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-6189b9c > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-6189b9c > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-6189b9c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(104deg, var( --e-global-color-primary ) 44%, #F2295B00 53%);}.elementor-9 .elementor-element.elementor-element-1dc322a{--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;--justify-content:center;}.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-9 .elementor-element.elementor-element-158c62d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -26px) 0px;}.elementor-9 .elementor-element.elementor-element-158c62d .elementor-heading-title{font-family:"Qwitcher Grypen", Sans-serif;font-size:58px;font-weight:600;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-232b445 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-8483c0f{--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;}.elementor-9 .elementor-element.elementor-element-8c37a3a{--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;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-d14bae1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;}.elementor-9 .elementor-element.elementor-element-d14bae1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.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-9 .elementor-element.elementor-element-b3f9e53{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-b3f9e53 p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-38643ce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;text-align:end;}.elementor-9 .elementor-element.elementor-element-38643ce .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:37px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-ed51746 p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-ed51746{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-209817f{--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;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-6861a10{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;}.elementor-9 .elementor-element.elementor-element-6861a10 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-0e56b08{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-0e56b08 p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-d20fa16{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;text-align:end;}.elementor-9 .elementor-element.elementor-element-d20fa16 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:37px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-61ab957 p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-61ab957{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-dceb72c{--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;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-63adc1c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;}.elementor-9 .elementor-element.elementor-element-63adc1c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-2c9d912{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-2c9d912 p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-a11857d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;text-align:end;}.elementor-9 .elementor-element.elementor-element-a11857d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:37px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-4e7fd38 p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-4e7fd38{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-ed215c3{--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-9 .elementor-element.elementor-element-69fe556{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;}.elementor-9 .elementor-element.elementor-element-69fe556 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-a89e125{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-a89e125 p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-0d6f739{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;text-align:end;}.elementor-9 .elementor-element.elementor-element-0d6f739 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:37px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-cf811ed p{margin-block-end:0px;}.elementor-9 .elementor-element.elementor-element-cf811ed{color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-9b2a348 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-weight:700;text-transform:uppercase;border-style:solid;border-width:2px 2px 2px 2px;border-radius:34px 34px 34px 34px;}.elementor-9 .elementor-element.elementor-element-9b2a348{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-9b2a348.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-9b2a348 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-2870553{--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;--justify-content:center;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-2870553:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-2870553 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#015EC79C;}.elementor-9 .elementor-element.elementor-element-d676dad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -28px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-d676dad .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:33px;font-weight:800;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-3447479{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 30px 20px;z-index:1;border-radius:10px 10px 10px 10px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9 .elementor-element.elementor-element-3447479 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9 .elementor-element.elementor-element-3447479 .elementor-labels-inline .elementor-field-group > label{padding-left:7px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-3447479 .elementor-labels-inline .elementor-field-group > label{padding-right:7px;}body .elementor-9 .elementor-element.elementor-element-3447479 .elementor-labels-above .elementor-field-group > label{padding-bottom:7px;}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-field-group > label, .elementor-9 .elementor-element.elementor-element-3447479 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-field-type-html{padding-bottom:0px;}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-field-group .elementor-field{color:#000000;}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#EEEEEE;border-color:#EEEEEE;border-width:10px 10px 10px 10px;border-radius:9px 9px 9px 9px;}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-field-group .elementor-select-wrapper select{background-color:#EEEEEE;border-color:#EEEEEE;border-width:10px 10px 10px 10px;border-radius:9px 9px 9px 9px;}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-field-group .elementor-select-wrapper::before{color:#EEEEEE;}.elementor-9 .elementor-element.elementor-element-3447479 .e-form__buttons__wrapper__button-next{background-color:#FFFFFFF5;color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-button[type="submit"]{background-color:#FFFFFFF5;color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3447479 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-3447479 .e-form__buttons__wrapper__button-next:hover{color:#000000;}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-button[type="submit"]:hover{color:#000000;}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-button[type="submit"]:hover svg *{fill:#000000;}.elementor-9 .elementor-element.elementor-element-3447479 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-3447479 .elementor-button{border-radius:10px 10px 10px 10px;padding:16px 16px 16px 16px;}.elementor-9 .elementor-element.elementor-element-9466d00{--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:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-6a332bd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-6a332bd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:900;text-transform:uppercase;color:#000000;}.elementor-9 .elementor-element.elementor-element-14af47d{text-align:center;color:#000000;}.elementor-9 .elementor-element.elementor-element-fd2615f{--e-image-carousel-slides-to-show:7;}.elementor-9 .elementor-element.elementor-element-cdaa517{--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:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-cceeb28{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-cceeb28 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:900;color:#000000;}.elementor-9 .elementor-element.elementor-element-472cd08{text-align:center;color:#000000;}.elementor-9 .elementor-element.elementor-element-d029ff8{--display:flex;--min-height:285px;--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-6480e71{--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:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-6480e71:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-6480e71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://times.azmotors.ca/wp-content/uploads/2026/01/giphy.webp");background-size:cover;}.elementor-9 .elementor-element.elementor-element-6480e71::before, .elementor-9 .elementor-element.elementor-element-6480e71 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-6480e71 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-6480e71 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-6480e71 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-6480e71 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #000000 26%, #00000000 100%);}.elementor-9 .elementor-element.elementor-element-6480e71:hover::before, .elementor-9 .elementor-element.elementor-element-6480e71:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-6480e71:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-6480e71 > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-6480e71 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-6480e71:hover{--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-53d4947{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-53d4947 .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-d9ff52d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-d9ff52d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:100;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-1dd704b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:3;}.elementor-9 .elementor-element.elementor-element-1dd704b .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-0cd95cc{--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:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-0cd95cc:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-0cd95cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://times.azmotors.ca/wp-content/uploads/2026/01/photography-industry.webp");background-size:cover;}.elementor-9 .elementor-element.elementor-element-0cd95cc::before, .elementor-9 .elementor-element.elementor-element-0cd95cc > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-0cd95cc > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-0cd95cc > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-0cd95cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-0cd95cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #000000 26%, #00000000 100%);}.elementor-9 .elementor-element.elementor-element-0cd95cc:hover::before, .elementor-9 .elementor-element.elementor-element-0cd95cc:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-0cd95cc:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-0cd95cc > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-0cd95cc > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-0cd95cc:hover{--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-4c22815{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-4c22815 .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-41fd260{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-41fd260 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:100;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-77a260f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:3;}.elementor-9 .elementor-element.elementor-element-77a260f .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-3c9c40a{--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:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-3c9c40a:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-3c9c40a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://times.azmotors.ca/wp-content/uploads/2026/01/imgi_151_Image-55-600x471-2.webp");background-size:cover;}.elementor-9 .elementor-element.elementor-element-3c9c40a::before, .elementor-9 .elementor-element.elementor-element-3c9c40a > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-3c9c40a > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-3c9c40a > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-3c9c40a > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-3c9c40a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #000000 26%, #00000000 100%);}.elementor-9 .elementor-element.elementor-element-3c9c40a:hover::before, .elementor-9 .elementor-element.elementor-element-3c9c40a:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-3c9c40a:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-3c9c40a > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-3c9c40a > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-3c9c40a:hover{--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-f5b26fa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-f5b26fa .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-4a00c70{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-4a00c70 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:100;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-5fa4ffc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:3;}.elementor-9 .elementor-element.elementor-element-5fa4ffc .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-390175f{--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:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-390175f:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-390175f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://times.azmotors.ca/wp-content/uploads/2026/01/imgi_44_Image-63-1.webp");background-size:cover;}.elementor-9 .elementor-element.elementor-element-390175f::before, .elementor-9 .elementor-element.elementor-element-390175f > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-390175f > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-390175f > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-390175f > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-390175f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #000000 26%, #00000000 100%);}.elementor-9 .elementor-element.elementor-element-390175f:hover::before, .elementor-9 .elementor-element.elementor-element-390175f:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-390175f:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-390175f > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-390175f > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-390175f:hover{--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-f755fea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-f755fea .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-c479701{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-c479701 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:100;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-0260506{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:3;}.elementor-9 .elementor-element.elementor-element-0260506 .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-0eff3f7{--display:flex;--min-height:285px;--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:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-702251d{--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:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-702251d:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-702251d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://times.azmotors.ca/wp-content/uploads/2026/01/imgi_50_tour-10-650x400-1.webp");background-size:cover;}.elementor-9 .elementor-element.elementor-element-702251d::before, .elementor-9 .elementor-element.elementor-element-702251d > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-702251d > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-702251d > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-702251d > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-702251d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #000000 26%, #00000000 100%);}.elementor-9 .elementor-element.elementor-element-702251d:hover::before, .elementor-9 .elementor-element.elementor-element-702251d:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-702251d:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-702251d > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-702251d > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-702251d:hover{--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-3e3bd68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-3e3bd68 .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-f1b4517{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-f1b4517 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:100;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-470b5d1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:3;}.elementor-9 .elementor-element.elementor-element-470b5d1 .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-eb0438b{--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:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-eb0438b:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-eb0438b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://times.azmotors.ca/wp-content/uploads/2026/01/imgi_47_tour-9-650x400-1.webp");background-size:cover;}.elementor-9 .elementor-element.elementor-element-eb0438b::before, .elementor-9 .elementor-element.elementor-element-eb0438b > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-eb0438b > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-eb0438b > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-eb0438b > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-eb0438b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #000000 26%, #00000000 100%);}.elementor-9 .elementor-element.elementor-element-eb0438b:hover::before, .elementor-9 .elementor-element.elementor-element-eb0438b:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-eb0438b:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-eb0438b > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-eb0438b > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-eb0438b:hover{--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-4f6003c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-4f6003c .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-5bf3a1f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-5bf3a1f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:100;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-9a61fd1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:3;}.elementor-9 .elementor-element.elementor-element-9a61fd1 .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-53699d2{--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:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-53699d2:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-53699d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://times.azmotors.ca/wp-content/uploads/2026/01/imgi_153_Image-61-600x471-1.webp");background-size:cover;}.elementor-9 .elementor-element.elementor-element-53699d2::before, .elementor-9 .elementor-element.elementor-element-53699d2 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-53699d2 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-53699d2 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-53699d2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-53699d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #000000 26%, #00000000 100%);}.elementor-9 .elementor-element.elementor-element-53699d2:hover::before, .elementor-9 .elementor-element.elementor-element-53699d2:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-53699d2:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-53699d2 > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-53699d2 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-53699d2:hover{--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-7f8a296{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-7f8a296 .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-07f9625{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-07f9625 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:100;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-68b7362{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:3;}.elementor-9 .elementor-element.elementor-element-68b7362 .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-1527f6f{--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:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-1527f6f:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-1527f6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://times.azmotors.ca/wp-content/uploads/2026/01/imgi_155_Image-66-600x471-1.webp");background-size:cover;}.elementor-9 .elementor-element.elementor-element-1527f6f::before, .elementor-9 .elementor-element.elementor-element-1527f6f > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-1527f6f > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-1527f6f > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-1527f6f > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-1527f6f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #000000 26%, #00000000 100%);}.elementor-9 .elementor-element.elementor-element-1527f6f:hover::before, .elementor-9 .elementor-element.elementor-element-1527f6f:hover > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-1527f6f:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-1527f6f > .elementor-background-slideshow:hover::before, .elementor-9 .elementor-element.elementor-element-1527f6f > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-1527f6f:hover{--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-1d0712c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-1d0712c .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-9f68332{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;z-index:2;}.elementor-9 .elementor-element.elementor-element-9f68332 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:100;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-df62e6b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:3;}.elementor-9 .elementor-element.elementor-element-df62e6b .elementor-heading-title{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-f899a07{--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:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-a44ae4e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-a44ae4e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:900;color:#000000;}.elementor-9 .elementor-element.elementor-element-f0c9a91{text-align:center;color:#000000;}.elementor-9 .elementor-element.elementor-element-d4dfbe1{--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-9 .elementor-element.elementor-element-ad6be6f{--e-image-carousel-slides-to-show:3;}.elementor-9 .elementor-element.elementor-element-ad6be6f .elementor-swiper-button.elementor-swiper-button-prev, .elementor-9 .elementor-element.elementor-element-ad6be6f .elementor-swiper-button.elementor-swiper-button-next{font-size:6px;}.elementor-9 .elementor-element.elementor-element-ad6be6f .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-bc11549{--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:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-73e30fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-73e30fc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:900;color:#000000;}.elementor-9 .elementor-element.elementor-element-8d03b48{text-align:center;color:#000000;}.elementor-9 .elementor-element.elementor-element-36b52c2{--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-9 .elementor-element.elementor-element-5ff6923{--display:flex;}.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-9 .elementor-element.elementor-element-81b196d img{border-radius:30px 30px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-dee0eda .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-weight:700;text-transform:uppercase;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:34px 34px 34px 34px;padding:12px 10px 10px 10px;}.elementor-9 .elementor-element.elementor-element-dee0eda{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:421.955px;}.elementor-9 .elementor-element.elementor-element-dee0eda.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-dee0eda{left:217.955px;}body.rtl .elementor-9 .elementor-element.elementor-element-dee0eda{right:217.955px;}.elementor-9 .elementor-element.elementor-element-dee0eda .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-e50722a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:422.955px;z-index:2;}.elementor-9 .elementor-element.elementor-element-e50722a.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-e50722a{left:38.979px;}body.rtl .elementor-9 .elementor-element.elementor-element-e50722a{right:38.979px;}.elementor-9 .elementor-element.elementor-element-e50722a .elementor-heading-title{font-family:"RocknRoll One", Sans-serif;font-weight:600;color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-c53eaec{--display:flex;}.elementor-9 .elementor-element.elementor-element-210d622 img{border-radius:30px 30px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-229e7a4 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-weight:700;text-transform:uppercase;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:34px 34px 34px 34px;padding:12px 10px 10px 10px;}.elementor-9 .elementor-element.elementor-element-229e7a4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:421.955px;}.elementor-9 .elementor-element.elementor-element-229e7a4.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-229e7a4{left:217.955px;}body.rtl .elementor-9 .elementor-element.elementor-element-229e7a4{right:217.955px;}.elementor-9 .elementor-element.elementor-element-229e7a4 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-2b74260{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:422.955px;z-index:2;}.elementor-9 .elementor-element.elementor-element-2b74260.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-2b74260{left:38.979px;}body.rtl .elementor-9 .elementor-element.elementor-element-2b74260{right:38.979px;}.elementor-9 .elementor-element.elementor-element-2b74260 .elementor-heading-title{font-family:"RocknRoll One", Sans-serif;font-weight:600;color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-5406c10{--display:flex;}.elementor-9 .elementor-element.elementor-element-ab31566 img{border-radius:30px 30px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-f187ffc .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-weight:700;text-transform:uppercase;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:34px 34px 34px 34px;padding:12px 10px 10px 10px;}.elementor-9 .elementor-element.elementor-element-f187ffc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:421.955px;}.elementor-9 .elementor-element.elementor-element-f187ffc.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-f187ffc{left:217.955px;}body.rtl .elementor-9 .elementor-element.elementor-element-f187ffc{right:217.955px;}.elementor-9 .elementor-element.elementor-element-f187ffc .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-fc037cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:422.955px;z-index:2;}.elementor-9 .elementor-element.elementor-element-fc037cc.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-fc037cc{left:38.979px;}body.rtl .elementor-9 .elementor-element.elementor-element-fc037cc{right:38.979px;}.elementor-9 .elementor-element.elementor-element-fc037cc .elementor-heading-title{font-family:"RocknRoll One", Sans-serif;font-weight:600;color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-9579d07{--display:flex;}.elementor-9 .elementor-element.elementor-element-bcdcb51 img{border-radius:30px 30px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-6c88920 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-weight:700;text-transform:uppercase;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:34px 34px 34px 34px;padding:12px 10px 10px 10px;}.elementor-9 .elementor-element.elementor-element-6c88920{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:421.955px;}.elementor-9 .elementor-element.elementor-element-6c88920.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-6c88920{left:217.955px;}body.rtl .elementor-9 .elementor-element.elementor-element-6c88920{right:217.955px;}.elementor-9 .elementor-element.elementor-element-6c88920 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-a6812f5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:422.955px;z-index:2;}.elementor-9 .elementor-element.elementor-element-a6812f5.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-a6812f5{left:38.979px;}body.rtl .elementor-9 .elementor-element.elementor-element-a6812f5{right:38.979px;}.elementor-9 .elementor-element.elementor-element-a6812f5 .elementor-heading-title{font-family:"RocknRoll One", Sans-serif;font-weight:600;color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-c59866b{--display:flex;}.elementor-9 .elementor-element.elementor-element-1af7063 img{border-radius:30px 30px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-da9d7c0 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-weight:700;text-transform:uppercase;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:34px 34px 34px 34px;padding:12px 10px 10px 10px;}.elementor-9 .elementor-element.elementor-element-da9d7c0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:421.955px;}.elementor-9 .elementor-element.elementor-element-da9d7c0.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-da9d7c0{left:217.955px;}body.rtl .elementor-9 .elementor-element.elementor-element-da9d7c0{right:217.955px;}.elementor-9 .elementor-element.elementor-element-da9d7c0 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-2d06475{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:422.955px;z-index:2;}.elementor-9 .elementor-element.elementor-element-2d06475.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-2d06475{left:38.979px;}body.rtl .elementor-9 .elementor-element.elementor-element-2d06475{right:38.979px;}.elementor-9 .elementor-element.elementor-element-2d06475 .elementor-heading-title{font-family:"RocknRoll One", Sans-serif;font-weight:600;color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-e20227e{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-9 .elementor-element.elementor-element-3c0f6d0{--display:flex;--min-height:573px;--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;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-3c0f6d0:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-3c0f6d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;background-image:url("https://times.azmotors.ca/wp-content/uploads/2026/01/bg-footer.png");background-position:center center;background-size:cover;}.elementor-9 .elementor-element.elementor-element-07e43cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-07e43cc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:900;color:#000000;}.elementor-9 .elementor-element.elementor-element-5a084ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -45px) 0px;color:#000000;}.elementor-9 .elementor-element.elementor-element-40b5d23{margin:-180px 0px calc(var(--kit-widget-spacing, 0px) + -300px) 0px;}.elementor-9 .elementor-element.elementor-element-40b5d23.elementor-element{--align-self:flex-end;}.elementor-9 .elementor-element.elementor-element-2085534{--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-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-47a8eba{--display:flex;}.elementor-9 .elementor-element.elementor-element-22e8d9a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-8054c9c img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-b59a2c2 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-8663956 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-1a3d705 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-f1aef8d img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-e7cc3e1 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-3a80685{--display:flex;}.elementor-9 .elementor-element.elementor-element-6f41696{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-fc6e435 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-1824751 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-447eed4 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-2dc68ee img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-6b6d8a0 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-f522196 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-c86ff49{--display:flex;}.elementor-9 .elementor-element.elementor-element-9d7297d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-8e637bb img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-abfa1d7 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-b804f53 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-2c62207 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-d871449 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-c11d1a6 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-a52ab37{--display:flex;}.elementor-9 .elementor-element.elementor-element-1e4e60f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-f1b2569 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-891ec0c img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-0c6760e img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-64e0a3c img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-2ee5f48 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-ad7c1fc img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-a06aae4{--display:flex;}.elementor-9 .elementor-element.elementor-element-83d0c11{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-ff437db img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-1715ecd img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-01baa5d img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-4a1dacb img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-9c9cdda img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-d4ee820 img{border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-b2b1730{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;--n-tabs-title-gap:19px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-b2b1730 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-b2b1730.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#68AFFF;}.elementor-9 .elementor-element.elementor-element-b2b1730.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9 .elementor-element.elementor-element-b2b1730.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61AAFC;}.elementor-9 .elementor-element.elementor-element-b2b1730.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:800;text-transform:uppercase;}.elementor-9 .elementor-element.elementor-element-680a44c{--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:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-bb7c007{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-bb7c007 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:900;color:#000000;}.elementor-9 .elementor-element.elementor-element-c443f62{text-align:start;color:#000000;}.elementor-9 .elementor-element.elementor-element-91f5462{--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:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-b3e1978{--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;}.elementor-9 .elementor-element.elementor-element-afb2214{--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;}.elementor-9 .elementor-element.elementor-element-c83ff5b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-c83ff5b.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-c83ff5b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:900;color:#000000;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-d81ab57{left:417.948px;}body.rtl .elementor-9 .elementor-element.elementor-element-d81ab57{right:417.948px;}.elementor-9 .elementor-element.elementor-element-d81ab57{top:-8.955px;}.elementor-9 .elementor-element.elementor-element-81e58b2{color:#000000;}.elementor-9 .elementor-element.elementor-element-01d3a53{--display:flex;}.elementor-9 .elementor-element.elementor-element-d6bbc59{color:#000000;}.elementor-9 .elementor-element.elementor-element-ae8cf6f{--display:flex;}.elementor-9 .elementor-element.elementor-element-923d85d{color:#000000;}.elementor-9 .elementor-element.elementor-element-1f39bc4{--display:flex;}.elementor-9 .elementor-element.elementor-element-d32fd6b{color:#000000;}.elementor-9 .elementor-element.elementor-element-0fd17f8{--display:flex;}.elementor-9 .elementor-element.elementor-element-1a3be38{color:#000000;}.elementor-9 .elementor-element.elementor-element-1d64528{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:2px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-9 .elementor-element.elementor-element-1d64528 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );border-style:solid;}.elementor-9 .elementor-element.elementor-element-1d64528 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#54A4FF;}:where( .elementor-9 .elementor-element.elementor-element-1d64528 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#E4E4E4;border-style:none;--border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-1d64528 {--n-accordion-padding:14px 14px 14px 14px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-1dc322a{--width:50%;}.elementor-9 .elementor-element.elementor-element-8c37a3a{--width:25%;}.elementor-9 .elementor-element.elementor-element-209817f{--width:25%;}.elementor-9 .elementor-element.elementor-element-dceb72c{--width:25%;}.elementor-9 .elementor-element.elementor-element-ed215c3{--width:25%;}.elementor-9 .elementor-element.elementor-element-2870553{--width:50%;}.elementor-9 .elementor-element.elementor-element-6480e71{--width:25%;}.elementor-9 .elementor-element.elementor-element-0cd95cc{--width:25%;}.elementor-9 .elementor-element.elementor-element-3c9c40a{--width:25%;}.elementor-9 .elementor-element.elementor-element-390175f{--width:25%;}.elementor-9 .elementor-element.elementor-element-702251d{--width:25%;}.elementor-9 .elementor-element.elementor-element-eb0438b{--width:25%;}.elementor-9 .elementor-element.elementor-element-53699d2{--width:25%;}.elementor-9 .elementor-element.elementor-element-1527f6f{--width:25%;}.elementor-9 .elementor-element.elementor-element-b3e1978{--width:50%;}.elementor-9 .elementor-element.elementor-element-afb2214{--width:50%;}}@media(min-width:1025px){.elementor-9 .elementor-element.elementor-element-3c0f6d0:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-3c0f6d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-e20227e{--e-n-carousel-swiper-slides-to-display:2;}.elementor-9 .elementor-element.elementor-element-22e8d9a{--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-6f41696{--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-9d7297d{--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-1e4e60f{--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-83d0c11{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-6a332bd{text-align:center;}.elementor-9 .elementor-element.elementor-element-6a332bd .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-14af47d{text-align:center;}.elementor-9 .elementor-element.elementor-element-cceeb28{text-align:center;}.elementor-9 .elementor-element.elementor-element-cceeb28 .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-472cd08{text-align:center;}.elementor-9 .elementor-element.elementor-element-a44ae4e{text-align:center;}.elementor-9 .elementor-element.elementor-element-a44ae4e .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-f0c9a91{text-align:center;}.elementor-9 .elementor-element.elementor-element-73e30fc{text-align:center;}.elementor-9 .elementor-element.elementor-element-73e30fc .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-8d03b48{text-align:center;}.elementor-9 .elementor-element.elementor-element-e20227e{--e-n-carousel-swiper-slides-to-display:1;}.elementor-9 .elementor-element.elementor-element-07e43cc{text-align:center;}.elementor-9 .elementor-element.elementor-element-5a084ac{text-align:center;}.elementor-9 .elementor-element.elementor-element-22e8d9a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-6f41696{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-9d7297d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-1e4e60f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-83d0c11{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-bb7c007{text-align:center;}.elementor-9 .elementor-element.elementor-element-bb7c007 .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-c443f62{text-align:center;}.elementor-9 .elementor-element.elementor-element-c83ff5b{text-align:center;}.elementor-9 .elementor-element.elementor-element-81e58b2{text-align:center;}}/* Start custom CSS for button, class: .elementor-element-9b2a348 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dee0eda *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-229e7a4 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f187ffc *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6c88920 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-da9d7c0 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dee0eda *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-229e7a4 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f187ffc *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6c88920 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-da9d7c0 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dee0eda *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-229e7a4 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f187ffc *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6c88920 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-da9d7c0 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dee0eda *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-229e7a4 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f187ffc *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6c88920 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-da9d7c0 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dee0eda *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-229e7a4 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f187ffc *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6c88920 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-da9d7c0 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dee0eda *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-229e7a4 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f187ffc *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6c88920 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-da9d7c0 *//* --- 1. Main Button Setup --- */
.hover-swipe-btn .elementor-button {
    position: relative;
    overflow: hidden; /* Keeps the background swipe inside */
    z-index: 1; 
    transition: all 0.4s ease;
    /* Optional: Ensure initial colors match your design */
    background-color: #3b82f6; 
    color: #ffffff;
}

/* --- 2. The Background "Swipe" Effect --- */
.hover-swipe-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Starts invisible */
    height: 100%;
    background-color: #1e293b; /* CHANGE THIS to your desired Hover Color */
    z-index: -1; /* Puts it behind the text */
    transition: width 0.4s ease-in-out; /* Smooth slide animation */
}

/* Trigger the Swipe on Hover */
.hover-swipe-btn .elementor-button:hover::before {
    width: 100%;
}

/* --- 3. The Icon Animation (Diagonal Swap) --- */

/* Wrapper adjustment to allow icon movement */
.hover-swipe-btn .elementor-button-icon {
    position: relative;
    overflow: hidden; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The Original Icon moves Out (Top-Right) */
.hover-swipe-btn .elementor-button-icon i,
.hover-swipe-btn .elementor-button-icon svg {
    transition: transform 0.4s ease;
    display: inline-block;
}

.hover-swipe-btn .elementor-button:hover .elementor-button-icon i,
.hover-swipe-btn .elementor-button:hover .elementor-button-icon svg {
    transform: translate(120%, -120%); /* Move diagonally out */
}

/* The "New" Icon moves In (From Bottom-Left) */
.hover-swipe-btn .elementor-button-icon::after {
    /* --- IMPORTANT: ICON CODE --- */
    content: '\f061'; /* This is the FontAwesome code for an Arrow. See note below. */
    
    font-family: "Font Awesome 5 Free"; /* Ensures the icon renders */
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff; /* Icon Color */
    
    /* Start position: Bottom-Left */
    transform: translate(-120%, 120%); 
    transition: transform 0.4s ease;
    
    /* Center the icon */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Trigger the New Icon to center on Hover */
.hover-swipe-btn .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c443f62 */.elementor-9 .elementor-element.elementor-element-c443f62{
    max-height: 230px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.elementor-9 .elementor-element.elementor-element-c443f62::-webkit-scrollbar{
width: 14px;
}

.elementor-9 .elementor-element.elementor-element-c443f62::-webkit-scrollbar-track{
background: rgba(0, 0, 0, 0.1);
}

.elementor-9 .elementor-element.elementor-element-c443f62::-webkit-scrollbar-thumb{
background: #015EC7;
}/* End custom CSS */