.elementor-15 .elementor-element.elementor-element-2bfc4d2{--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;--align-items:center;--overlay-opacity:0.73;}.elementor-15 .elementor-element.elementor-element-2bfc4d2:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-2bfc4d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://avm-training.de/wp-content/uploads/2026/06/WhatsApp-Image-2026-06-03-at-14.56.01.jpeg");background-position:center center;}.elementor-15 .elementor-element.elementor-element-2bfc4d2::before, .elementor-15 .elementor-element.elementor-element-2bfc4d2 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-2bfc4d2 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-2bfc4d2 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-2bfc4d2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-2bfc4d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor5 );--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-dd8426e{--display:flex;}.elementor-15 .elementor-element.elementor-element-10e4e27{--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-15 .elementor-element.elementor-element-fcd39f8{--display:flex;}.elementor-15 .elementor-element.elementor-element-014dafe{--display:flex;}.elementor-15 .elementor-element.elementor-element-788f84f{--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-15 .elementor-element.elementor-element-137acfc{--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-15 .elementor-element.elementor-element-1c2bfb2{--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-15 .elementor-element.elementor-element-72db6a9{--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-15 .elementor-element.elementor-element-1ad32bcd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.54;}.elementor-15 .elementor-element.elementor-element-1ad32bcd:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-1ad32bcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-15 .elementor-element.elementor-element-1ad32bcd::before, .elementor-15 .elementor-element.elementor-element-1ad32bcd > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-1ad32bcd > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-1ad32bcd > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-1ad32bcd > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-1ad32bcd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor5 );--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-36b5744a{--display:flex;}.elementor-15 .elementor-element.elementor-element-718649e0{--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-15 .elementor-element.elementor-element-2da2f384 img{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-36ae66d{--display:flex;--min-height:617px;--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;--overlay-opacity:0.38;}.elementor-15 .elementor-element.elementor-element-36ae66d:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-36ae66d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://avm-training.de/wp-content/uploads/2026/04/z5870786755869_90f7c98b3f607eca491b4e8b2f38772e.jpg");background-position:center center;}.elementor-15 .elementor-element.elementor-element-36ae66d::before, .elementor-15 .elementor-element.elementor-element-36ae66d > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-36ae66d > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-36ae66d > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-36ae66d > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-36ae66d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor5 );--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-5697935{--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;--flex-wrap:wrap;}.elementor-15 .elementor-element.elementor-element-5686d34e{--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;--padding-top:53px;--padding-bottom:53px;--padding-left:53px;--padding-right:53px;}.elementor-15 .elementor-element.elementor-element-5686d34e:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-5686d34e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor6 );}.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-15 .elementor-element.elementor-element-26f38b6 .elementor-heading-title{color:var( --e-global-color-astglobalcolor8 );}.elementor-15 .elementor-element.elementor-element-17e189b6{--display:flex;}.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-15 .elementor-element.elementor-element-4ba857f1{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-5db8cb35{--display:flex;}.elementor-15 .elementor-element.elementor-element-f8d4ae1{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-28e4c9e{--display:flex;}.elementor-15 .elementor-element.elementor-element-1d5bccf6{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-3495518c{--display:flex;}.elementor-15 .elementor-element.elementor-element-68beba05{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-158e5418{--display:flex;}.elementor-15 .elementor-element.elementor-element-27432fee{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-796d307{--display:flex;}.elementor-15 .elementor-element.elementor-element-0b6c8c7{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-4e2dd6f{--display:flex;}.elementor-15 .elementor-element.elementor-element-9014f8b{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-d99a0d6{--display:flex;}.elementor-15 .elementor-element.elementor-element-61b1082{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-86b4346{--display:flex;}.elementor-15 .elementor-element.elementor-element-ae514be{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-6a61f73{--display:flex;}.elementor-15 .elementor-element.elementor-element-8d35f4b{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-bcb5124{--display:flex;}.elementor-15 .elementor-element.elementor-element-f465314{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-25a691a{--display:flex;}.elementor-15 .elementor-element.elementor-element-0bd4bf0{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-b07fe1c{--display:flex;}.elementor-15 .elementor-element.elementor-element-92e1780{font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-6f4d71c1{--n-accordion-title-font-size:1rem;box-shadow:0px 18px 34px -15px rgba(0,0,0,0.5);--n-accordion-item-title-space-between:11px;--n-accordion-item-title-distance-from-content:15px;--n-accordion-border-radius:-12px -12px -12px -12px;--n-accordion-title-normal-color:var( --e-global-color-astglobalcolor5 );--n-accordion-title-hover-color:var( --e-global-color-astglobalcolor3 );--n-accordion-title-active-color:var( --e-global-color-astglobalcolor5 );--n-accordion-icon-size:10px;}.elementor-15 .elementor-element.elementor-element-6f4d71c1 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-15 .elementor-element.elementor-element-6f4d71c1 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-astglobalcolor0 );}:where( .elementor-15 .elementor-element.elementor-element-6f4d71c1 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:var( --e-global-color-astglobalcolor6 );border-style:none;}:where( .elementor-15 .elementor-element.elementor-element-6f4d71c1 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Mulish", Sans-serif;}.elementor-15 .elementor-element.elementor-element-53d7ff64{--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;--padding-top:120px;--padding-bottom:120px;--padding-left:80px;--padding-right:80px;}.elementor-15 .elementor-element.elementor-element-53d7ff64:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-53d7ff64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF9F4;}.elementor-15 .elementor-element.elementor-element-58c3d3d9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-15 .elementor-element.elementor-element-c0512e0 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:16px;color:var( --e-global-color-text );}.elementor-15 .elementor-element.elementor-element-eb1ea88 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:37px;color:var( --e-global-color-astglobalcolor1 );}.elementor-15 .elementor-element.elementor-element-138ece7 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:18px;color:var( --e-global-color-text );}.elementor-15 .elementor-element.elementor-element-8f57ba2{background-color:#FFFFFF;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 50px 50px 50px;box-shadow:0px 4px 51px 0px rgba(0, 0, 0, 0.0392156862745098);}.elementor-15 .elementor-element.elementor-element-6e06e050{--display:flex;--padding-top:160px;--padding-bottom:10px;--padding-left:70px;--padding-right:10px;}.elementor-15 .elementor-element.elementor-element-28152e2b .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:20px;font-style:italic;color:var( --e-global-color-text );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-15 .elementor-element.elementor-element-697d2a5f{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-697d2a5f .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:22px;}.elementor-15 .elementor-element.elementor-element-697d2a5f .elementor-icon-box-title{margin-block-end:4px;color:#585858;}.elementor-15 .elementor-element.elementor-element-697d2a5f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-15 .elementor-element.elementor-element-697d2a5f.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-697d2a5f.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-15 .elementor-element.elementor-element-697d2a5f .elementor-icon{font-size:42px;}.elementor-15 .elementor-element.elementor-element-697d2a5f .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-697d2a5f .elementor-icon-box-title a{font-family:"Mulish", Sans-serif;font-size:16px;font-weight:normal;text-transform:uppercase;}.elementor-15 .elementor-element.elementor-element-697d2a5f .elementor-icon-box-description{font-family:"Mulish", Sans-serif;font-size:25px;line-height:1.4em;color:var( --e-global-color-astglobalcolor0 );}.elementor-15 .elementor-element.elementor-element-beab6f8{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-beab6f8 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:22px;}.elementor-15 .elementor-element.elementor-element-beab6f8 .elementor-icon-box-title{margin-block-end:4px;color:var( --e-global-color-astglobalcolor3 );}.elementor-15 .elementor-element.elementor-element-beab6f8 .elementor-icon{font-size:42px;}.elementor-15 .elementor-element.elementor-element-beab6f8 .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-beab6f8 .elementor-icon-box-title a{font-family:"Mulish", Sans-serif;font-size:16px;font-weight:normal;text-transform:uppercase;}.elementor-15 .elementor-element.elementor-element-beab6f8 .elementor-icon-box-description{font-family:"Mulish", Sans-serif;font-size:25px;line-height:1.4em;color:var( --e-global-color-astglobalcolor0 );}.elementor-15 .elementor-element.elementor-element-5460693b{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-5460693b .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:22px;}.elementor-15 .elementor-element.elementor-element-5460693b .elementor-icon-box-title{margin-block-end:4px;color:var( --e-global-color-astglobalcolor3 );}.elementor-15 .elementor-element.elementor-element-5460693b .elementor-icon{font-size:42px;}.elementor-15 .elementor-element.elementor-element-5460693b .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-5460693b .elementor-icon-box-title a{font-family:"Mulish", Sans-serif;font-size:16px;font-weight:normal;text-transform:uppercase;}.elementor-15 .elementor-element.elementor-element-5460693b .elementor-icon-box-description{font-family:"Mulish", Sans-serif;font-size:25px;line-height:1.4em;color:var( --e-global-color-astglobalcolor0 );}.elementor-15 .elementor-element.elementor-element-2aea580b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 65px;text-align:start;}.elementor-15 .elementor-element.elementor-element-2aea580b .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-15 .elementor-element.elementor-element-48bb25b2{--grid-template-columns:repeat(0, auto);text-align:left;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 65px;--icon-size:16px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-15 .elementor-element.elementor-element-48bb25b2 .elementor-social-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-15 .elementor-element.elementor-element-48bb25b2 .elementor-social-icon:hover{background-color:var( --e-global-color-astglobalcolor1 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-53d7ff64{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-15 .elementor-element.elementor-element-c0512e0 .elementor-heading-title{font-size:15px;}.elementor-15 .elementor-element.elementor-element-eb1ea88 .elementor-heading-title{font-size:30px;}.elementor-15 .elementor-element.elementor-element-138ece7 .elementor-heading-title{font-size:18px;}.elementor-15 .elementor-element.elementor-element-8f57ba2{padding:30px 30px 30px 30px;}.elementor-15 .elementor-element.elementor-element-6e06e050{--padding-top:10px;--padding-bottom:10px;--padding-left:50px;--padding-right:10px;}.elementor-15 .elementor-element.elementor-element-28152e2b .elementor-heading-title{font-size:16px;}.elementor-15 .elementor-element.elementor-element-697d2a5f .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-697d2a5f .elementor-icon-box-title a{font-size:15px;}.elementor-15 .elementor-element.elementor-element-697d2a5f .elementor-icon-box-description{font-size:22px;}.elementor-15 .elementor-element.elementor-element-beab6f8 .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-beab6f8 .elementor-icon-box-title a{font-size:15px;}.elementor-15 .elementor-element.elementor-element-beab6f8 .elementor-icon-box-description{font-size:22px;}.elementor-15 .elementor-element.elementor-element-5460693b .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-5460693b .elementor-icon-box-title a{font-size:15px;}.elementor-15 .elementor-element.elementor-element-5460693b .elementor-icon-box-description{font-size:22px;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-53d7ff64{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-15 .elementor-element.elementor-element-c0512e0{text-align:center;}.elementor-15 .elementor-element.elementor-element-c0512e0 .elementor-heading-title{font-size:25px;}.elementor-15 .elementor-element.elementor-element-eb1ea88{text-align:center;}.elementor-15 .elementor-element.elementor-element-eb1ea88 .elementor-heading-title{font-size:29px;}.elementor-15 .elementor-element.elementor-element-138ece7{text-align:center;}.elementor-15 .elementor-element.elementor-element-138ece7 .elementor-heading-title{font-size:12px;}.elementor-15 .elementor-element.elementor-element-8f57ba2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-6e06e050{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-15 .elementor-element.elementor-element-28152e2b{text-align:center;}.elementor-15 .elementor-element.elementor-element-697d2a5f .elementor-icon-box-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-697d2a5f .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-697d2a5f .elementor-icon-box-title a{font-size:16px;}.elementor-15 .elementor-element.elementor-element-beab6f8 .elementor-icon-box-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-beab6f8 .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-beab6f8 .elementor-icon-box-title a{font-size:16px;}.elementor-15 .elementor-element.elementor-element-5460693b .elementor-icon-box-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-5460693b .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-5460693b .elementor-icon-box-title a{font-size:16px;}.elementor-15 .elementor-element.elementor-element-2aea580b{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-48bb25b2{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-58c3d3d9{--width:59%;}.elementor-15 .elementor-element.elementor-element-6e06e050{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-15 .elementor-element.elementor-element-58c3d3d9{--width:50%;}.elementor-15 .elementor-element.elementor-element-6e06e050{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-2bfc4d2 *//* ==========================================================================
   1. HERO SECTION CONTAINER (TOTAL FORCE CENTERING + CLEAN DARK OVERLAY)
   ========================================================================== */
.elementor-15 .elementor-element.elementor-element-2bfc4d2 {
    background-color: #ffffff !important;
    padding: 120px 8% 100px 8% !important;
    display: flex !important;
    flex-direction: column !important; 
    align-items: center !important;
    justify-content: center !important; 
    gap: 40px !important;
    font-family: 'Mulish', sans-serif !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
}

/* THE OVERLAY: Evenly tones down the image background so text stands out perfectly */
.elementor-15 .elementor-element.elementor-element-2bfc4d2::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.35) !important; /* Elegant 35% dark tint */
    z-index: -1 !important;
    pointer-events: none !important;
}

.elementor-15 .elementor-element.elementor-element-2bfc4d2 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* ==========================================================================
   2. CONTENT ENGINE (CENTERED BOUNDING BOX)
   ========================================================================== */
.hero-content-engine {
    width: 100% !important;
    max-width: 820px !important; 
    text-align: center !important;
    margin: 0 auto !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; 
}

/* MAIN HEADING: Swapped securely to Pure White with crisp contrast protection */
.hero-content-engine h1,
.hero-content-engine h1 .elementor-heading-title {
    color: #FFFFFF !important; /* CHANGED: Clean white text */
    font-size: 54px !important; 
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
    text-align: center !important;
    width: 100% !important;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important; /* Premium drop shadow for readability */
}

/* SUBTITLE TEXT: Kept at crisp, standalone pure white */
.hero-content-engine p,
.hero-content-engine p .elementor-heading-title {
    color: #FFFFFF !important; 
    font-size: 19px !important;
    line-height: 1.6 !important;
    margin: 0 auto 35px auto !important;
    font-weight: 700 !important; 
    text-align: center !important;
    max-width: 680px !important; 
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

/* ==========================================================================
   3. BUTTON FLEX WRAPPER & PROPERTIES
   ========================================================================== */
.hero-btn-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    width: 100% !important;
    margin-top: 10px !important;
}

/* Primary Contact CTA Button */
.hero-content-engine .btn-hero {
    background-color: #D5B584 !important; 
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px 36px !important;
    border-radius: 30px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    white-space: nowrap !important;
}

.hero-content-engine .btn-hero:hover {
    background-color: #69A3E0 !important;
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(105, 163, 224, 0.35) !important;
}

/* Premium WhatsApp Link Button */
.hero-content-engine .btn-hero-whatsapp {
    background-color: transparent !important;
    color: #25D366 !important; 
    border: 2px solid #25D366 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 14px 34px !important; 
    border-radius: 30px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
    text-shadow: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* SVG Icon alignment scaling */
.hero-content-engine .wa-icon {
    width: 18px !important;
    height: 18px !important;
    fill: #25D366 !important;
    transition: fill 0.25s ease !important;
}

/* WhatsApp Hover Interaction Styles */
.hero-content-engine .btn-hero-whatsapp:hover {
    background-color: #25D366 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.35) !important;
}

.hero-content-engine .btn-hero-whatsapp:hover .wa-icon {
    fill: #FFFFFF !important;
}

/* ==========================================================================
   4. HIDE / RESET STRAGGLED BLOCKS
   ========================================================================== */
.elementor-15 .elementor-element.elementor-element-2bfc4d2 .e-con:not(.hero-content-engine) {
    display: none !important; 
}

/* ==========================================================================
   5. RESPONSIVE MOBILE OPTIMIZATION
   ========================================================================== */
@media (max-width: 991px) {
    .elementor-15 .elementor-element.elementor-element-2bfc4d2, .elementor-15 .elementor-element.elementor-element-2bfc4d2 > .e-con-inner {
        padding: 80px 20px 80px 20px !important;
    }
    
    .hero-btn-group {
        flex-direction: column !important; 
        width: 100% !important;
        max-width: 340px !important; 
        gap: 15px !important;
    }
    
    .hero-content-engine .btn-hero,
    .hero-content-engine .btn-hero-whatsapp {
        width: 100% !important; 
    }

    .hero-content-engine h1 {
        font-size: 38px !important;
    }
    
    .hero-content-engine p {
        font-size: 17px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcd39f8 */.hero-left-content {
    width: 55% !important;
    max-width: 55% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    flex-grow: 1;
}

/* The Top Badge */
.hero-left-content::before {
    content: "⭐ In unter 2 Monaten gezielt zum telc B1 oder B2";
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 25px !important;
    display: inline-block;
}

/* Main Heading H1 */
.hero-left-content h1 {
    color: #ffffff !important;
    font-size: 52px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
    margin-top: 20px !important;
    text-align: left !important;
}

/* Highlighted Text inside Heading */
.hero-left-content h1 span {
    color: #D5B584 !important;
}

/* Subtext/Description Paragraph */
.hero-left-content p {
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    margin: 0 0 35px 0 !important;
    opacity: 0.95;
    text-align: left !important;
}

/* Button Container */
.hero-left-content .cta-group {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
}

/* CTA Button 1 (Gold Base State) */
.hero-left-content .btn-primary {
    background-color: #D5B584 !important;
    color: #ffffff !important;
    padding: 14px 28px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    display: inline-block !important;
    transition: all 0.25s ease-in-out !important; /* Adds a fluid micro-interaction transition */
}

/* CTA Button 1 Hover State (Shines dynamically to Bright Azure) */
.hero-left-content .btn-primary:hover {
    background-color: #D7CAC1 !important; /* Swaps background to Brand Bright Azure */
    color: #ffffff !important;
    transform: translateY(-2px); /* Subtle premium lift effect */
    box-shadow: 0 12px 25px rgba(105, 163, 224, 0.35) !important; /* Soft matching blue shadow glow */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-014dafe */.hero-right-card {
    width: 40% !important;
    max-width: 40% !important;
    background: #ffffff !important;
    border-radius: 24px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1;
}

/* Card Header Banner */
.hero-right-card .card-header {
    background-color: #D5B584 !important;
    padding: 24px 30px !important;
    position: relative !important;
    text-align: left !important;
}

.hero-right-card .card-header .tag {
    color: #5E9ED9 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
    display: block !important;
}

.hero-right-card .card-header h3 {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* Graduation Cap Icon on the Header */
.hero-right-card .card-header::after {
    content: "🎓";
    position: absolute !important;
    right: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 28px !important;
    opacity: 0.8 !important;
}

/* Card Content Body */
.hero-right-card .card-body {
    padding: 30px !important;
    background: #ffffff !important;
}

/* Custom Bullet List */
.hero-right-card ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 25px 0 !important;
}

.hero-right-card ul li {
    position: relative !important;
    padding-left: 35px !important;
    margin-bottom: 16px !important;
    color: #222222 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

/* Custom Checkmark Icons */
.hero-right-card ul li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    width: 20px !important;
    height: 20px !important;
    background: #ffffff !important;
    border: 2px solid #D9A74A !important;
    color: #D5B584 !important;
    border-radius: 50% !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 16px !important;
}

/* Bottom Callout Info Box */
.hero-right-card .info-box {
    background-color: #FBF9F4 !important;
    border: 1px solid #EFEAE0 !important;
    border-radius: 16px !important;
    padding: 20px !important;
    text-align: left !important;
}

.hero-right-card .info-box h4 {
    color: #5E9ED9 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 0 0 8px 0 !important;
}

.hero-right-card .info-box p {
    color: #555555 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10e4e27 */.elementor-15 .elementor-element.elementor-element-10e4e27 {
    background: linear-gradient(135deg, #5E9ED9 0%, #4A8BC4 100%) !important;
    padding: 80px 10% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 40px !important;
    font-family: 'Montserrat', 'Helvetica Neue', sans-serif;
    min-height: 600px;
    width: 100% !important;
}

/* Force Elementor's internal layout wrappers to behave as a row */
.elementor-15 .elementor-element.elementor-element-10e4e27 > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    gap: 40px;
}

@media (max-width: 991px) {
    /* Force main section and inner wrappers to stack vertically */
    .elementor-15 .elementor-element.elementor-element-10e4e27, 
    .elementor-15 .elementor-element.elementor-element-10e4e27 > .e-con-inner,
    .elementor-15 .elementor-element.elementor-element-10e4e27.e-con {
        flex-direction: column !important;
        padding: 50px 20px !important;
        gap: 40px !important;
        display: flex !important;
        width: 100% !important;
    }

    /* Force both the left column and right card to take full width */
    .elementor-15 .elementor-element.elementor-element-10e4e27 .hero-left-content,
    .elementor-15 .elementor-element.elementor-element-10e4e27 .hero-right-card,
    .hero-left-content,
    .hero-right-card,
    .hero-left-content.e-con,
    .hero-right-card.e-con {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Scale down the massive heading size so it fits mobile screens */
    .hero-left-content h1 {
        font-size: 32px !important;
        line-height: 1.3 !important;
        word-break: break-word !important;
        margin-top: 32px !important; /* Adds space right below the badge */
    }
    
    /* FIX: Make the top star badge expand cleanly without squishing text */
    .hero-left-content::before {
        font-size: 14px !important;
        margin-bottom: 25px !important;
        white-space: normal !important;
        display: block !important;
        text-align: left !important;
        line-height: 1.4 !important;
        padding: 10px 20px !important; /* Gives the text interior space */
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* FIX: Force CTA Button text to stay tightly locked in one beautiful line */
    .hero-left-content .btn-primary {
        white-space: nowrap !important; /* Prevents text wrapping */
        font-size: 14px !important;    /* Marginally scales font down for small screens */
        padding: 14px 20px !important; /* Adjusts side padding to guarantee full fit */
        text-align: center !important;
        display: inline-block !important;
        width: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-788f84f *//* ==========================================================================
   1. MAIN MASTER CONTAINER LAYOUT
   ========================================================================== */
.elementor-15 .elementor-element.elementor-element-788f84f {
    background-color: #FBF9F4 !important; /* Soft cream background */
    padding: 100px 10% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 50px !important;
    font-family: 'Montserrat', 'Helvetica Neue', sans-serif;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Force Elementor's interior structural layout row to behave */
.elementor-15 .elementor-element.elementor-element-788f84f > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 50px !important;
}

/* ==========================================================================
   2. LEFT CONTENT SIDE
   ========================================================================== */
.features-left-content {
    width: 48% !important;
    max-width: 48% !important;
}

.features-left-content .eyebrow {
    color: #D5B584 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 15px !important;
    display: block !important;
}

.features-left-content h2 {
    color: #5E9ED9 !important;
    font-size: 46px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 0 25px 0 !important;
}

.features-left-content p {
    color: #4A5568 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 0 30px 0 !important;
}

.features-left-content ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.features-left-content ul li {
    position: relative !important;
    padding-left: 35px !important;
    margin-bottom: 16px !important;
    color: #2D3748 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.features-left-content ul li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #D5B584 !important;
    color: #D5B584 !important;
    border-radius: 50% !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 16px !important;
}

/* ==========================================================================
   3. RIGHT SIDE - GRID CARDS
   ========================================================================== */
.features-right-grid {
    width: 48% !important;
    max-width: 48% !important;
}

/* Forces the contents inside the HTML widget to form a 2x2 grid wrapper */
.features-right-grid .elementor-widget-container,
.features-right-grid .elementor-html-widget-custom,
.features-right-grid-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    width: 100% !important;
}

/* Individual Grid Cards */
.features-right-grid .grid-card {
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 25px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    box-sizing: border-box !important;
    width: calc(50% - 10px) !important; /* Locks exactly 2 items per row */
    min-width: 200px !important;
    flex-grow: 1;
}

.features-right-grid .grid-card .card-icon {
    font-size: 28px !important;
    margin-bottom: 12px !important;
    line-height: 1 !important;
}

.features-right-grid .grid-card h3 {
    color: #5E9ED9 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 8px 0 !important;
}

.features-right-grid .grid-card p {
    color: #718096 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* ==========================================================================
   4. RESPONSIVE DESIGN (MOBILE STACKING)
   ========================================================================== */
@media (max-width: 991px) {
    .elementor-15 .elementor-element.elementor-element-788f84f, .elementor-15 .elementor-element.elementor-element-788f84f > .e-con-inner {
        flex-direction: column !important;
        padding: 60px 20px !important;
        gap: 40px !important;
    }
    
    .features-left-content,
    .features-right-grid {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .features-right-grid .elementor-widget-container {
        flex-direction: column !important;
        gap: 15px !important;
    }

    .features-right-grid .grid-card {
        width: 100% !important;
    }
    
    .features-left-content h2 {
        font-size: 34px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-137acfc *//* ==========================================================================
   1. MAIN SECTION LAYOUT (PREMIUM SOFT STONE BEIGE)
   ========================================================================== */
.elementor-15 .elementor-element.elementor-element-137acfc {
    background-color: #D7CAC1 !important; /* Premium Soft Stone Beige backdrop */
    padding: 100px 10% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 50px !important;
    font-family: 'Mulish', sans-serif !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-15 .elementor-element.elementor-element-137acfc > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 50px !important;
}

/* ==========================================================================
   2. TOP HEADER CENTERED CONTENT
   ========================================================================== */
.course-section-header {
    text-align: center !important;
    max-width: 700px !important;
    width: 100% !important;
}

.course-section-header .eyebrow {
    color: #FFFFFF !important; /* Crisp white eyebrow pop on beige */
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 15px !important;
    display: block !important;
}

.course-section-header h2 {
    color: #69A3E0 !important; /* Exact Brand Bright Azure */
    font-size: 46px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.course-section-header p {
    color: #5D5D5D !important; /* Brand Urban Slate Grey */
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   3. COURSE CARDS SIDE-BY-SIDE CONTAINER & HOVER ENGINE
   ========================================================================== */
.course-cards-container {
    width: 100% !important;
}

.course-cards-container .elementor-widget-container,
.course-cards-wrapper {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 30px !important;
    width: 100% !important;
}

/* Crisp Floating White Cards */
.course-card {
    background: #FFFFFF !important; /* Solid white pop */
    border-radius: 24px !important;
    padding: 40px !important;
    box-shadow: 0 15px 35px rgba(27, 49, 99, 0.06) !important; /* Masterfully subtle blue-tinted depth */
    width: calc(50% - 15px) !important;
    max-width: 520px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    text-align: left !important;
    transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important; /* Premium fluid timing framework */
}

/* Ribbon Pill Badges */
.course-card .badge {
    background-color: rgba(213, 181, 132, 0.12) !important; /* Soft tint of Golden Sand */
    color: #D5B584 !important; /* Muted Golden Sand text */
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    align-self: flex-start !important;
    margin-bottom: 20px !important;
}

/* Ribbon Medal Icon placement */
.course-card .medal-icon {
    position: absolute !important;
    right: 40px !important;
    top: 35px !important;
    font-size: 32px !important;
    color: #D5B584 !important; /* Brand Muted Golden Sand */
}

.course-card h3 {
    color: #69A3E0 !important; /* Brand Bright Azure */
    font-size: 36px !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
}

.course-card .description {
    color: #5D5D5D !important; /* Brand Urban Slate Grey */
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-bottom: 25px !important;
    min-height: 45px;
    font-weight: 600 !important;
}

/* Decorative Separator Line */
.course-card .divider {
    height: 1px !important;
    background-color: #EFECE9 !important;
    width: 100% !important;
    margin-bottom: 25px !important;
}

/* Card Feature List */
.course-card ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 35px 0 !important;
    flex-grow: 1;
}

.course-card ul li {
    position: relative !important;
    padding-left: 32px !important;
    margin-bottom: 16px !important;
    color: #5D5D5D !important; /* Brand Urban Slate Grey */
    font-size: 15px !important;
    font-weight: 600 !important;
}

.course-card ul li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #D5B584 !important; /* Brand Muted Golden Sand */
    color: #D5B584 !important;
    border-radius: 50% !important;
    text-align: center !important;
    font-size: 10px !important;
    font-weight: bold !important;
    line-height: 15px !important;
}

/* Bright Azure Action Buttons */
.course-card .btn-course {
    background-color: #69A3E0 !important; /* Brand Bright Azure standard state */
    color: #FFFFFF !important;
    text-align: center !important;
    padding: 15px 20px !important;
    border-radius: 30px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    display: block !important;
    transition: all 0.3s ease-in-out !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 14px rgba(105, 163, 224, 0.3 !important);
}

/* MICRO-INTERACTION EFFECTS ON CARD HOVER */
.course-card:hover {
    transform: translateY(-6px) !important; /* Elegant architectural lift */
    box-shadow: 0 22px 45px rgba(27, 49, 99, 0.12) !important; /* Richer depth profile */
}

/* Pull the inner button color shift effortlessly into Sand Gold */
.course-card:hover .btn-course {
    background-color: #D5B584 !important; /* Swaps background to Brand Muted Golden Sand */
    box-shadow: 0 8px 22px rgba(213, 181, 132, 0.35) !important; /* Shifts shadow glow accent to gold */
}


/* ==========================================================================
   4. RESPONSIVE DESIGN (MOBILE STACKING)
   ========================================================================== */
@media (max-width: 991px) {
    .elementor-15 .elementor-element.elementor-element-137acfc, .elementor-15 .elementor-element.elementor-element-137acfc > .e-con-inner {
        padding: 60px 20px !important;
        gap: 35px !important;
    }
    
    .course-section-header h2 {
        font-size: 34px !important;
    }
    
    .course-cards-container .elementor-widget-container,
    .course-cards-wrapper {
        flex-direction: column !important;
        align-items: center !important;
        gap: 25px !important;
    }
    
    .course-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 35px 25px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bfd1601 *//* ==========================================================================
   STEP CARD HOVER ANIMATION ENGINE
   ========================================================================== */

/* 1. Base State Transition Configuration */
.steps-timeline-wrapper .step-card {
    transition: all 0.3s ease-in-out !important;
}

.steps-timeline-wrapper .step-card .step-number,
.steps-timeline-wrapper .step-card h3,
.steps-timeline-wrapper .step-card p {
    transition: color 0.3s ease-in-out !important;
}

/* 2. Hover State: Complete Card Transformation */
.steps-timeline-wrapper .step-card:hover {
    background-color: #D5B584 !important; /* Brand Muted Golden Sand */
    transform: translateY(-5px); /* Premium editorial lift effect */
    box-shadow: 0 15px 30px rgba(213, 181, 132, 0.25) !important; /* Soft golden shadow aura */
}

/* 3. Hover State: Text Color Inversion for Flawless Contrast */
.steps-timeline-wrapper .step-card:hover .step-number {
    color: rgba(255, 255, 255, 0.4) !important; /* Muted translucent white for the large number */
}

.steps-timeline-wrapper .step-card:hover h3 {
    color: #ffffff !important; /* High-contrast white headline */
}

.steps-timeline-wrapper .step-card:hover p {
    color: #ffffff !important; /* High-contrast white body text */
    opacity: 0.95 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c2bfb2 *//* ==========================================================================
   1. MAIN SECTION LAYOUT
   ========================================================================== */
.elementor-15 .elementor-element.elementor-element-1c2bfb2 {
    background-color: #FBF9F4 !important; /* Soft cream background return */
    padding: 100px 5% !important; /* Slightly wider sides to let 4 cards sit comfortably */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 50px !important;
    font-family: 'Mulish', sans-serif !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-15 .elementor-element.elementor-element-1c2bfb2 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 50px !important;
}

/* ==========================================================================
   2. TOP HEADER CENTERED CONTENT
   ========================================================================== */
.steps-section-header {
    text-align: center !important;
    max-width: 800px !important;
    width: 100% !important;
}

.steps-section-header .eyebrow {
    color: #D5B584 !important; /* Brand Muted Golden Sand */
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 15px !important;
    display: block !important;
}

.steps-section-header h2 {
    color: #69A3E0 !important; /* Brand Bright Azure */
    font-size: 46px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

/* ==========================================================================
   3. 4-STEP TIMELINE CARDS HORIZONTAL WRAPPER
   ========================================================================== */
.steps-timeline-container {
    width: 100% !important;
}

.steps-timeline-container .elementor-widget-container,
.steps-timeline-wrapper {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: stretch !important; /* Keeps all cards exactly the same height */
    gap: 20px !important;
    width: 100% !important;
}

/* Individual Step Cards */
.step-card {
    background: #FFFFFF !important; /* Floating white cards */
    border-radius: 24px !important;
    padding: 35px 25px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    width: calc(25% - 15px) !important; /* Mathematically distributes 4 cards evenly */
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    position: relative !important;
}

/* Big Giant Step Counter Numbers */
.step-card .step-number {
    color: rgba(213, 181, 132, 0.3) !important; /* Golden Sand faded out for elegant editorial scaling */
    font-size: 48px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin-bottom: 15px !important;
}

/* Step Title Card Header */
.step-card h3 {
    color: #69A3E0 !important; /* Brand Bright Azure */
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    margin: 0 0 15px 0 !important;
    min-height: 50px !important; /* Keeps headers cleanly uniform if they wrap */
}

/* Step Card Paragraph text description */
.step-card p {
    color: #5D5D5D !important; /* Brand Urban Slate Grey */
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   4. RESPONSIVE DESIGN (TABLET & MOBILE BREAKPOINTS)
   ========================================================================== */
@media (max-width: 1100px) and (min-width: 768px) {
    /* Wraps into a clean 2x2 grid on small tablet monitors */
    .steps-timeline-container .elementor-widget-container,
    .steps-timeline-wrapper {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 25px !important;
    }
    .step-card {
        width: calc(50% - 15px) !important;
    }
}

@media (max-width: 767px) {
    .elementor-15 .elementor-element.elementor-element-1c2bfb2, .elementor-15 .elementor-element.elementor-element-1c2bfb2 > .e-con-inner {
        padding: 60px 20px !important;
        gap: 40px !important;
    }
    
    .steps-section-header h2 {
        font-size: 34px !important;
    }
    
    .steps-timeline-container .elementor-widget-container,
    .steps-timeline-wrapper {
        flex-direction: column !important; /* Stacks vertically on phone screens */
        align-items: center !important;
        gap: 20px !important;
    }
    
    .step-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 30px 25px !important;
    }
    
    .step-card h3 {
        min-height: auto !important; /* Disables min-height locks on small screens */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72db6a9 *//* ==========================================================================
   1. MAIN SECTION LAYOUT (SOLID BRAND AZURE)
   ========================================================================== */
.elementor-15 .elementor-element.elementor-element-72db6a9 {
    background-color: #69A3E0 !important; /* Bold Bright Azure background */
    padding: 100px 10% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 50px !important;
    font-family: 'Mulish', sans-serif !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-15 .elementor-element.elementor-element-72db6a9 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 50px !important;
}

/* ==========================================================================
   2. TOP HEADER CENTERED CONTENT
   ========================================================================== */
.pricing-section-header {
    text-align: center !important;
    max-width: 800px !important;
    width: 100% !important;
}

.pricing-section-header .eyebrow {
    color: #D5B584 !important; /* Muted Golden Sand */
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 15px !important;
    display: block !important;
}

.pricing-section-header h2 {
    color: #FFFFFF !important; /* White title stands out on blue background */
    font-size: 46px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

/* ==========================================================================
   3. PRICING CARDS SIDE-BY-SIDE CONTAINER
   ========================================================================== */
.pricing-cards-container {
    width: 100% !important;
}

.pricing-cards-container .elementor-widget-container,
.pricing-cards-wrapper {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 30px !important;
    width: 100% !important;
}

/* General Base Card Rules */
.price-card {
    border-radius: 32px !important; /* Beautifully rounded modern aesthetic */
    padding: 45px 40px !important;
    width: calc(50% - 15px) !important;
    max-width: 500px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    text-align: left !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}

/* Left Card Styling (White) */
.price-card.white-card {
    background: #FFFFFF !important;
    color: #5D5D5D !important;
}

/* Right Card Styling (Golden Sand) */
.price-card.gold-card {
    background: #D5B584 !important;
    color: #FFFFFF !important;
}

/* Card Card Type Labels */
.price-card .card-label {
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 15px !important;
    display: block !important;
}
.price-card.white-card .card-label { color: #69A3E0 !important; }
.price-card.gold-card .card-label { color: rgba(255, 255, 255, 0.8) !important; }

/* Pricing Layout Engines */
.price-card .price-block {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    margin-bottom: 20px !important;
}

.price-card .amount {
    font-size: 64px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}
.price-card.white-card .amount { color: #69A3E0 !important; }
.price-card.gold-card .amount { color: #FFFFFF !important; }

/* Subtle '/ Monat' styling flag */
.price-card .period {
    font-size: 16px !important;
    font-weight: 700 !important;
    opacity: 0.85 !important;
}
.price-card.white-card .period { color: #5D5D5D !important; }
.price-card.gold-card .period { color: #FFFFFF !important; }

/* Description Typography */
.price-card .desc {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 0 0 30px 0 !important;
    font-weight: 600 !important;
    min-height: 48px !important;
}
.price-card.white-card .desc { color: #5D5D5D !important; }
.price-card.gold-card .desc { color: rgba(255, 255, 255, 0.9) !important; }

/* Checkmark Elements */
.price-card .feature-check {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.price-card .feature-check::before {
    content: "✓" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 17px !important;
    box-sizing: border-box !important;
}

.price-card.white-card .feature-check::before {
    border: 2px solid #D5B584 !important;
    color: #D5B584 !important;
}

.price-card.gold-card .feature-check::before {
    border: 2px solid #FFFFFF !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   4. RESPONSIVE DESIGN (MOBILE STACKING)
   ========================================================================== */
@media (max-width: 991px) {
    .elementor-15 .elementor-element.elementor-element-72db6a9 {
        padding: 60px 20px !important;
        gap: 40px !important;
    }
    
    .pricing-section-header h2 {
        font-size: 34px !important;
    }
    
    .pricing-cards-container .elementor-widget-container,
    .pricing-cards-wrapper {
        flex-direction: column !important;
        align-items: center !important;
        gap: 25px !important;
    }
    
    .price-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 35px 30px !important;
    }
    
    .price-card .desc {
        min-height: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ad32bcd *//* ==========================================================================
   1. SPLIT SECTION WRAPPER (SOFT CREAM BACKGROUND ENGINE)
   ========================================================================== */
.elementor-15 .elementor-element.elementor-element-1ad32bcd {
    background-color: #FBF9F4 !important; /* Premium light grey soft cream */
    padding: 100px 5% !important; 
    display: flex !important;
    flex-direction: row !important; 
    align-items: center !important; /* CHANGED: Vertically centers items instead of stretching them */
    justify-content: space-between !important;
    gap: 6% !important; 
    font-family: 'Mulish', sans-serif !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-15 .elementor-element.elementor-element-1ad32bcd > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important; /* Keeps row alignment clean and centered */
    justify-content: space-between !important;
    width: 100% !important;
}

/* ==========================================================================
   2. LEFT COLUMN: CONTENT ENGINE (35% WIDTH)
   ========================================================================== */
.split-content-engine {
    flex: 1 1 35% !important; 
    max-width: 440px !important;
    text-align: left !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; 
}

.split-content-engine h1 {
    color: #69A3E0 !important; 
    font-size: 46px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin: 0 0 20px 0 !important;
    text-align: left !important;
}

.split-content-engine p {
    color: #5D5D5D !important; 
    font-size: 17px !important;
    line-height: 1.6 !important;
    margin: 0 0 30px 0 !important;
    font-weight: 600 !important;
    text-align: left !important;
}

/* ==========================================================================
   3. BUTTONS ROUTING GROUP
   ========================================================================== */
.split-btn-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important; 
    gap: 12px !important; 
    width: 100% !important;
}

/* Primary Contact CTA Button */
.split-content-engine .btn-split {
    background-color: #D5B584 !important; 
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 24px !important; 
    border-radius: 30px !important;
    font-weight: 800 !important;
    font-size: 13px !important; 
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 6px 15px rgba(213, 181, 132, 0.2) !important;
    white-space: nowrap !important;
}

.split-content-engine .btn-split:hover {
    background-color: #69A3E0 !important; 
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(105, 163, 224, 0.25) !important;
}

/* Premium Outlined WhatsApp CTA */
.split-content-engine .btn-split-whatsapp {
    background-color: transparent !important;
    color: #25D366 !important; 
    border: 2px solid #25D366 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 22px !important; 
    border-radius: 30px !important;
    font-weight: 800 !important;
    font-size: 13px !important; 
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}

.split-content-engine .wa-icon {
    width: 14px !important;
    height: 14px !important;
    fill: #25D366 !important;
    transition: fill 0.25s ease !important;
}

.split-content-engine .btn-split-whatsapp:hover {
    background-color: #25D366 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(37, 211, 102, 0.15) !important;
}

.split-content-engine .btn-split-whatsapp:hover .wa-icon {
    fill: #FFFFFF !important;
}

/* ==========================================================================
   4. RIGHT COLUMN: IMAGE WRAPPER BOX (ORIGINAL ASPECT RATIO ENGINE)
   ========================================================================== */
.elementor-15 .elementor-element.elementor-element-1ad32bcd .e-con:last-child,
.elementor-15 .elementor-element.elementor-element-1ad32bcd .elementor-widget-image {
    flex: 1 1 60% !important; 
    max-width: 820px !important; 
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-15 .elementor-element.elementor-element-1ad32bcd .e-con:last-child img,
.elementor-15 .elementor-element.elementor-element-1ad32bcd .elementor-widget-image img {
    border-radius: 24px !important; 
    width: 100% !important;
    height: auto !important; /* CHANGED: Height calculates automatically based on original width aspect ratio */
    object-fit: contain !important; /* CHANGED: Locks image from cropping layout frames */
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.06) !important; 
}

/* ==========================================================================
   5. SMART RESPONSIVE LAYOUT (MOBILE OPTIMIZATION STACKING)
   ========================================================================== */
@media (max-width: 991px) {
    .elementor-15 .elementor-element.elementor-element-1ad32bcd, .elementor-15 .elementor-element.elementor-element-1ad32bcd > .e-con-inner {
        flex-direction: column-reverse !important; 
        align-items: center !important;
        padding: 60px 24px !important;
        gap: 40px !important;
    }
    
    .split-content-engine {
        text-align: center !important; 
        align-items: center !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .split-content-engine h1 {
        font-size: 36px !important;
        text-align: center !important;
    }
    
    .split-content-engine p {
        text-align: center !important;
    }
    
    .split-btn-group {
        flex-direction: column !important; 
        justify-content: center !important;
        max-width: 320px !important;
        gap: 12px !important;
    }
    
    .split-content-engine .btn-split,
    .split-content-engine .btn-split-whatsapp {
        width: 100% !important;
    }
    
    .elementor-15 .elementor-element.elementor-element-1ad32bcd .e-con:last-child,
    .elementor-15 .elementor-element.elementor-element-1ad32bcd .elementor-widget-image {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36ae66d *//* ==========================================================================
   1. PERSONAL PROMO WRAPPER (CENTERED BREATHING CONTAINER)
   ========================================================================== */
.elementor-15 .elementor-element.elementor-element-36ae66d {
    /* Background image is handled via Elementor Style tab; padding keeps elements structured */
    padding: 120px 4% !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Mulish', sans-serif !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-15 .elementor-element.elementor-element-36ae66d > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

/* ==========================================================================
   2. TYPOGRAPHY & BRAND LINK ENGINE
   ========================================================================== */
.personal-promo-engine {
    text-align: center !important;
    max-width: 760px !important;
    width: 100% !important;
}

/* Section Main Question */
.personal-promo-engine h2 {
    color: #69A3E0 !important; /* Main brand Azure */
    font-size: 46px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin: 0 0 16px 0 !important;
    text-align: center !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important; /* Soft text shadow for maximum legibility */
}

/* Subhead Call to Action (UPDATED TO PURE WHITE) */
.personal-promo-engine p {
    color: #FFFFFF !important; /* Crisp pure white for brilliant background contrast */
    font-size: 22px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important; /* Increased slightly to hold weight against images */
    margin: 0 !important;
    text-align: center !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important; /* Gives the white text an anchor over light backgrounds */
}

/* THE AVM PERSONAL BRAND LINK */
.personal-promo-engine .personal-brand-link {
    color: #1B3163 !important; /* Pure AVM Personal Dark Blue */
    text-decoration: none !important;
    font-weight: 800 !important;
    position: relative !important;
    display: inline-block !important;
    transition: color 0.25s ease !important;
}

/* Elegant smooth underline effect */
.personal-promo-engine .personal-brand-link::after {
    content: '' !important;
    position: absolute !important;
    width: 100% !important;
    height: 2px !important;
    bottom: -2px !important;
    left: 0 !important;
    background-color: #1B3163 !important; /* Matches native link state */
    transition: background-color 0.25s ease !important;
}

/* Hover Interaction Style (UPDATED TO GOLDEN SAND) */
.personal-promo-engine .personal-brand-link:hover {
    color: #D5B584 !important; /* Turns into your official brand gold on hover */
}

.personal-promo-engine .personal-brand-link:hover::after {
    background-color: #D5B584 !important; /* Underline transitions dynamically to gold */
}

/* ==========================================================================
   3. MOBILE RESPONSIVE TUNING
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-15 .elementor-element.elementor-element-36ae66d {
        padding: 80px 24px !important;
    }
    
    .personal-promo-engine h2 {
        font-size: 34px !important;
    }
    
    .personal-promo-engine p {
        font-size: 19px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5697935 *//* ==========================================================================
   1. SECTION CONTAINER (CREAM BACKGROUND)
   ========================================================================== */
.elementor-15 .elementor-element.elementor-element-5697935 {
    background-color: #FBF9F4 !important;
    padding: 110px 4% 140px 4% !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    font-family: 'Mulish', sans-serif !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-15 .elementor-element.elementor-element-5697935 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

/* Header Text Alignments */
.testimonial-header {
    text-align: center !important;
    margin-bottom: 60px !important;
    max-width: 750px !important;
}

.testimonial-header h2 {
    color: #69A3E0 !important; 
    font-size: 46px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin: 0 0 14px 0 !important;
}

.testimonial-header p {
    color: #D5B584 !important; 
    font-size: 21px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* ==========================================================================
   2. VERTICAL PORTRAIT GRID ENGINE (ORIGINAL 1:1 FIT)
   ========================================================================== */
.video-grid-engine.vertical-mode {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 45px 35px !important; 
    width: 100% !important;
    max-width: 1100px !important; 
}

/* Individual Video Cards */
.video-grid-engine.vertical-mode .video-card {
    flex: 0 1 calc(33.333% - 24px) !important;
    width: calc(33.333% - 24px) !important;
    max-width: calc(33.333% - 24px) !important;
    position: relative !important;
    aspect-ratio: 9 / 16 !important;
    background-color: #1a1a1a !important;
    border-radius: 24px !important; 
    overflow: hidden !important;
    box-shadow: 0 15px 35px rgba(27, 49, 99, 0.08) !important;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease !important;
}

.video-grid-engine.vertical-mode .video-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 25px 50px rgba(27, 49, 99, 0.18) !important;
}

/* Original Clean Setup: No scales, no offsets */
.video-grid-engine.vertical-mode .video-card iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
}

/* ==========================================================================
   3. SMART RESPONSIVE DESIGN TRANSLATIONS
   ========================================================================== */
@media (max-width: 1024px) {
    .elementor-15 .elementor-element.elementor-element-5697935 {
        padding: 80px 4% 100px 4% !important;
    }
    .testimonial-header h2 { font-size: 38px !important; }
    .video-grid-engine.vertical-mode .video-card {
        flex: 0 1 calc(50% - 18px) !important;
        width: calc(50% - 18px) !important;
        max-width: calc(50% - 18px) !important;
    }
}

@media (max-width: 767px) {
    .elementor-15 .elementor-element.elementor-element-5697935 {
        padding: 60px 20px 80px 20px !important;
    }
    .testimonial-header h2 { font-size: 32px !important; }
    .testimonial-header p { font-size: 18px !important; }
    .video-grid-engine.vertical-mode .video-card {
        flex: 0 1 100% !important;
        width: 100% !important;
        max-width: 360px !important; 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e06e050 *//* Container wrapper to align button cleanly under the text data */
.contact-wa-wrapper {
    margin-top: 15px !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

/* Base button properties using your cohesive brand identity */
.btn-contact-whatsapp {
    background-color: transparent !important;
    color: #25D366 !important; 
    border: 2px solid #25D366 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 12px 28px !important; 
    border-radius: 30px !important;
    font-family: 'Mulish', sans-serif !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    text-decoration: none !important;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* Scaled SVG Vector Graphics Alignment */
.contact-wa-icon {
    width: 16px !important;
    height: 16px !important;
    fill: #25D366 !important;
    transition: fill 0.28s ease !important;
}

/* Interactive Hover States */
.btn-contact-whatsapp:hover {
    background-color: #25D366 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 22px rgba(37, 211, 102, 0.25) !important;
}

.btn-contact-whatsapp:hover .contact-wa-icon {
    fill: #FFFFFF !important;
}

/* Responsiveness alignment tuning for centered mobile columns */
@media (max-width: 767px) {
    .contact-wa-wrapper {
        justify-content: center !important;
        margin-top: 10px !important;
    }
    .btn-contact-whatsapp {
        width: 100% !important;
        max-width: 290px !important;
    }
}/* End custom CSS */