.elementor-891 .elementor-element.elementor-element-64195b40{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:60px;--padding-left:5px;--padding-right:10px;}.elementor-891 .elementor-element.elementor-element-64195b40:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-64195b40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFA;}.elementor-891 .elementor-element.elementor-element-5522dc2b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-7beb9c66{--display:flex;}.elementor-891 .elementor-element.elementor-element-74dbb915{--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;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-891 .elementor-element.elementor-element-6a06d5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:20px;--icon-vertical-align:flex-start;}.elementor-891 .elementor-element.elementor-element-6a06d5f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-891 .elementor-element.elementor-element-6a06d5f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-891 .elementor-element.elementor-element-6a06d5f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-891 .elementor-element.elementor-element-6a06d5f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-891 .elementor-element.elementor-element-6a06d5f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-891 .elementor-element.elementor-element-6a06d5f .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-891 .elementor-element.elementor-element-6a06d5f .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-891 .elementor-element.elementor-element-6a06d5f .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-891 .elementor-element.elementor-element-6a06d5f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-891 .elementor-element.elementor-element-6a06d5f .elementor-icon-list-item > a{font-family:"Nunito Sans", Sans-serif;font-weight:700;}.elementor-891 .elementor-element.elementor-element-6a06d5f .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-891 .elementor-element.elementor-element-6a06d5f .elementor-icon-list-item:hover .elementor-icon-list-text{color:#56579B;}.elementor-891 .elementor-element.elementor-element-4d034307{--display:flex;}.elementor-891 .elementor-element.elementor-element-d91e5fb{--display:flex;border-style:solid;--border-style:solid;border-width:5px 0px 0px 0px;--border-top-width:5px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C7D6EC;--border-color:#C7D6EC;--padding-top:010px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-891 .elementor-element.elementor-element-6c9f72e{padding:0px 0px 20px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-6c9f72e .elementor-heading-title{font-family:"Halant", Sans-serif;font-size:20px;font-weight:500;color:#000000FC;}.elementor-891 .elementor-element.elementor-element-a0fd673{--display:flex;}.elementor-891 .elementor-element.elementor-element-a5f90cd{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-a5f90cd:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-a5f90cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-891 .elementor-element.elementor-element-a5f90cd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-891 .elementor-element.elementor-element-1a82563{padding:10px 10px 10px 10px;text-align:center;}.elementor-891 .elementor-element.elementor-element-1a82563 .elementor-heading-title{font-family:"Sarabun", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.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-891 .elementor-element.elementor-element-9ddbb84{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-f69fe4e{--display:flex;}.elementor-891 .elementor-element.elementor-element-90d42ff{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-90d42ff:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-90d42ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-891 .elementor-element.elementor-element-90d42ff.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-891 .elementor-element.elementor-element-d127776{padding:10px 10px 10px 10px;text-align:center;}.elementor-891 .elementor-element.elementor-element-d127776 .elementor-heading-title{font-family:"Sarabun", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-891 .elementor-element.elementor-element-46754a0{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-e52d94e{--display:flex;}.elementor-891 .elementor-element.elementor-element-bec1f23{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-bec1f23:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-bec1f23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-891 .elementor-element.elementor-element-bec1f23.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-891 .elementor-element.elementor-element-8c4baba{padding:10px 10px 10px 10px;text-align:center;}.elementor-891 .elementor-element.elementor-element-8c4baba .elementor-heading-title{font-family:"Sarabun", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-891 .elementor-element.elementor-element-4ec114f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-fca2087{--display:flex;}.elementor-891 .elementor-element.elementor-element-82efe46{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-82efe46:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-82efe46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-891 .elementor-element.elementor-element-82efe46.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-891 .elementor-element.elementor-element-1d839ec{padding:10px 10px 10px 10px;text-align:center;}.elementor-891 .elementor-element.elementor-element-1d839ec .elementor-heading-title{font-family:"Sarabun", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-891 .elementor-element.elementor-element-1cf5af0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-382a0c7{--display:flex;}.elementor-891 .elementor-element.elementor-element-6d8f129{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-6d8f129:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-6d8f129 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-891 .elementor-element.elementor-element-6d8f129.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-891 .elementor-element.elementor-element-1007c28{padding:10px 10px 10px 10px;text-align:center;}.elementor-891 .elementor-element.elementor-element-1007c28 .elementor-heading-title{font-family:"Sarabun", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-891 .elementor-element.elementor-element-999df5c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-dea08aa{--display:flex;}.elementor-891 .elementor-element.elementor-element-6ab89c5{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-6ab89c5:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-6ab89c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-891 .elementor-element.elementor-element-6ab89c5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-891 .elementor-element.elementor-element-b79c1e0{padding:10px 10px 10px 10px;text-align:center;}.elementor-891 .elementor-element.elementor-element-b79c1e0 .elementor-heading-title{font-family:"Sarabun", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-891 .elementor-element.elementor-element-068145b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-418c5fe{--display:flex;}.elementor-891 .elementor-element.elementor-element-8edb779{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-8edb779:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-8edb779 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-891 .elementor-element.elementor-element-8edb779.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-891 .elementor-element.elementor-element-d626dac{padding:10px 10px 10px 10px;text-align:center;}.elementor-891 .elementor-element.elementor-element-d626dac .elementor-heading-title{font-family:"Sarabun", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-891 .elementor-element.elementor-element-5cfffd7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-774ae3f{--display:flex;}.elementor-891 .elementor-element.elementor-element-fa056ba{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-fa056ba:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-fa056ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-891 .elementor-element.elementor-element-fa056ba.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-891 .elementor-element.elementor-element-9d9e722{padding:10px 10px 10px 10px;text-align:center;}.elementor-891 .elementor-element.elementor-element-9d9e722 .elementor-heading-title{font-family:"Sarabun", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-891 .elementor-element.elementor-element-74f8622{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-e5b0f61{--display:flex;}.elementor-891 .elementor-element.elementor-element-93c4700{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-93c4700:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-93c4700 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-891 .elementor-element.elementor-element-93c4700.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-891 .elementor-element.elementor-element-bf8ecd9{padding:10px 10px 10px 10px;text-align:center;}.elementor-891 .elementor-element.elementor-element-bf8ecd9 .elementor-heading-title{font-family:"Sarabun", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-891 .elementor-element.elementor-element-ab6f490{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-1259c40{--display:flex;}.elementor-891 .elementor-element.elementor-element-835f667{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-835f667:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-835f667 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-891 .elementor-element.elementor-element-835f667.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-891 .elementor-element.elementor-element-4a004db{padding:10px 10px 10px 10px;text-align:center;}.elementor-891 .elementor-element.elementor-element-4a004db .elementor-heading-title{font-family:"Sarabun", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-891 .elementor-element.elementor-element-10ff89b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-7e21e64{--display:flex;}.elementor-891 .elementor-element.elementor-element-f99d4f2{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-f99d4f2:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-f99d4f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-891 .elementor-element.elementor-element-9a36ba3{padding:10px 10px 10px 10px;text-align:center;}.elementor-891 .elementor-element.elementor-element-9a36ba3 .elementor-heading-title{font-family:"Sarabun", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-891 .elementor-element.elementor-element-e0bfed0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-6e55109{--e-n-carousel-swiper-slides-to-display:2;--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-891 .elementor-element.elementor-element-7221c326{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(45.9, 43.80456521739131, 43.80456521739131, 0.5);--margin-top:0px;--margin-bottom:-5px;--margin-left:0px;--margin-right:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-7221c326:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-7221c326 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-891 .elementor-element.elementor-element-7221c326.e-con{--order:-99999 /* order start hack */;}.elementor-891 .elementor-element.elementor-element-51f9cd76{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-891 .elementor-element.elementor-element-51f9cd76 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-weight:800;}.elementor-891 .elementor-element.elementor-element-18cb7bb > .elementor-widget-container{padding:0px 0px 0px 10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-891 .elementor-element.elementor-element-74dbb915{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-891 .elementor-element.elementor-element-6e55109{--e-n-carousel-swiper-slides-to-display:2;}.elementor-891 .elementor-element.elementor-element-51f9cd76 .elementor-heading-title{font-size:16px;}}@media(min-width:768px){.elementor-891 .elementor-element.elementor-element-5522dc2b{--content-width:1350px;}}@media(max-width:767px){.elementor-891 .elementor-element.elementor-element-5522dc2b{--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:space-around;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-891 .elementor-element.elementor-element-a5f90cd{--width:100%;}.elementor-891 .elementor-element.elementor-element-90d42ff{--width:100%;}.elementor-891 .elementor-element.elementor-element-d127776{padding:12px 12px 12px 12px;}.elementor-891 .elementor-element.elementor-element-bec1f23{--width:100%;}.elementor-891 .elementor-element.elementor-element-82efe46{--width:100%;}.elementor-891 .elementor-element.elementor-element-6d8f129{--width:100%;}.elementor-891 .elementor-element.elementor-element-6ab89c5{--width:100%;}.elementor-891 .elementor-element.elementor-element-8edb779{--width:100%;}.elementor-891 .elementor-element.elementor-element-fa056ba{--width:100%;}.elementor-891 .elementor-element.elementor-element-93c4700{--width:100%;}.elementor-891 .elementor-element.elementor-element-835f667{--width:100%;}.elementor-891 .elementor-element.elementor-element-6e55109{--e-n-carousel-swiper-slides-to-display:2;}.elementor-891 .elementor-element.elementor-element-7221c326{--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-891 .elementor-element.elementor-element-51f9cd76{margin:010px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-891 .elementor-element.elementor-element-51f9cd76 .elementor-heading-title{font-size:23px;}.elementor-891 .elementor-element.elementor-element-18cb7bb > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for image, class: .elementor-element-9ddbb84 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f90cd */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46754a0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d42ff */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ec114f */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bec1f23 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cf5af0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82efe46 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-999df5c */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d8f129 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-068145b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab89c5 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cfffd7 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8edb779 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-74f8622 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa056ba */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab6f490 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c4700 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10ff89b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f667 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e0bfed0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99d4f2 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ddbb84 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f90cd */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46754a0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d42ff */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ec114f */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bec1f23 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cf5af0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82efe46 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-999df5c */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d8f129 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-068145b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab89c5 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cfffd7 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8edb779 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-74f8622 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa056ba */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab6f490 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c4700 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10ff89b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f667 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e0bfed0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99d4f2 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ddbb84 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f90cd */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46754a0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d42ff */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ec114f */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bec1f23 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cf5af0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82efe46 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-999df5c */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d8f129 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-068145b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab89c5 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cfffd7 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8edb779 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-74f8622 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa056ba */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab6f490 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c4700 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10ff89b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f667 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e0bfed0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99d4f2 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ddbb84 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f90cd */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46754a0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d42ff */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ec114f */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bec1f23 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cf5af0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82efe46 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-999df5c */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d8f129 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-068145b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab89c5 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cfffd7 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8edb779 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-74f8622 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa056ba */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab6f490 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c4700 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10ff89b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f667 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e0bfed0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99d4f2 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ddbb84 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f90cd */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46754a0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d42ff */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ec114f */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bec1f23 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cf5af0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82efe46 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-999df5c */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d8f129 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-068145b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab89c5 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cfffd7 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8edb779 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-74f8622 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa056ba */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab6f490 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c4700 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10ff89b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f667 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e0bfed0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99d4f2 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ddbb84 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f90cd */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46754a0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d42ff */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ec114f */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bec1f23 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cf5af0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82efe46 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-999df5c */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d8f129 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-068145b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab89c5 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cfffd7 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8edb779 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-74f8622 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa056ba */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab6f490 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c4700 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10ff89b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f667 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e0bfed0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99d4f2 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ddbb84 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f90cd */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46754a0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d42ff */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ec114f */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bec1f23 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cf5af0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82efe46 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-999df5c */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d8f129 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-068145b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab89c5 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cfffd7 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8edb779 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-74f8622 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa056ba */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab6f490 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c4700 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10ff89b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f667 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e0bfed0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99d4f2 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ddbb84 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f90cd */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46754a0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d42ff */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ec114f */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bec1f23 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cf5af0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82efe46 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-999df5c */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d8f129 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-068145b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab89c5 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cfffd7 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8edb779 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-74f8622 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa056ba */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab6f490 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c4700 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10ff89b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f667 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e0bfed0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99d4f2 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ddbb84 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f90cd */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46754a0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d42ff */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ec114f */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bec1f23 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cf5af0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82efe46 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-999df5c */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d8f129 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-068145b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab89c5 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cfffd7 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8edb779 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-74f8622 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa056ba */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab6f490 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c4700 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10ff89b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f667 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e0bfed0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99d4f2 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ddbb84 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f90cd */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46754a0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d42ff */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ec114f */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bec1f23 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cf5af0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82efe46 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-999df5c */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d8f129 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-068145b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab89c5 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cfffd7 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8edb779 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-74f8622 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa056ba */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab6f490 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c4700 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10ff89b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f667 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e0bfed0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99d4f2 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ddbb84 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f90cd */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46754a0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d42ff */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ec114f */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bec1f23 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cf5af0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82efe46 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-999df5c */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d8f129 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-068145b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab89c5 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cfffd7 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8edb779 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-74f8622 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa056ba */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab6f490 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c4700 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10ff89b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f667 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e0bfed0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99d4f2 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ddbb84 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f90cd */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46754a0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d42ff */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4ec114f */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bec1f23 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cf5af0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82efe46 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-999df5c */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d8f129 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-068145b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ab89c5 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cfffd7 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8edb779 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-74f8622 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa056ba */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ab6f490 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c4700 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-10ff89b */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f667 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e0bfed0 */.my-hover-img img {
  transition: transform 0.3s ease;
}

.my-hover-img img:hover {
  transform: scale(1.05);}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f99d4f2 */.center-diagonal-shadow {
    position: relative;
    overflow: hidden;
    
}

/* shadow layer */
.center-diagonal-shadow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.45) 0%,
        rgba(255,255,255,0.25) 25%,
        rgba(255,255,255,0.08) 45%,
        transparent 100%
    );
    transform: translate(-50%, -50%) scale(0.4);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.7;
    pointer-events: none;
}

/* hover → move to corners */
.center-diagonal-shadow:hover::before {
    transform: translate(-50%, -50%) scale(1.2) rotate(45deg);
    opacity: 1;
}/* End custom CSS */