.elementor-356 .elementor-element.elementor-element-fe4d42a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-356 .elementor-element.elementor-element-fe4d42a:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;box-shadow:0px 0px 10px 0px rgba(171.9656768798828, 149.58414246252917, 5.855565713817575, 0.5);}.elementor-356 .elementor-element.elementor-element-fe4d42a, .elementor-356 .elementor-element.elementor-element-fe4d42a::before{--border-transition:0.3s;}.elementor-356 .elementor-element.elementor-element-a922bf6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-f8975f4 img{border-radius:15px 15px 15px 15px;}.elementor-356 .elementor-element.elementor-element-9c74dc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-18540f5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-356 .elementor-element.elementor-element-18540f5:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;box-shadow:0px 0px 10px 0px rgba(171.9656768798828, 149.58414246252917, 5.855565713817575, 0.5);}.elementor-356 .elementor-element.elementor-element-18540f5, .elementor-356 .elementor-element.elementor-element-18540f5::before{--border-transition:0.3s;}.elementor-356 .elementor-element.elementor-element-39c1e15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-cec8ac1 img{border-radius:15px 15px 15px 15px;}.elementor-356 .elementor-element.elementor-element-0e3d52c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-b735f58{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-356 .elementor-element.elementor-element-b735f58:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;box-shadow:0px 0px 10px 0px rgba(171.9656768798828, 149.58414246252917, 5.855565713817575, 0.5);}.elementor-356 .elementor-element.elementor-element-b735f58, .elementor-356 .elementor-element.elementor-element-b735f58::before{--border-transition:0.3s;}.elementor-356 .elementor-element.elementor-element-fa85f9a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-848e8b1 img{border-radius:15px 15px 15px 15px;}.elementor-356 .elementor-element.elementor-element-9cb5bcd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-48df64e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-356 .elementor-element.elementor-element-48df64e:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;box-shadow:0px 0px 10px 0px rgba(171.9656768798828, 149.58414246252917, 5.855565713817575, 0.5);}.elementor-356 .elementor-element.elementor-element-48df64e, .elementor-356 .elementor-element.elementor-element-48df64e::before{--border-transition:0.3s;}.elementor-356 .elementor-element.elementor-element-320b759{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-1600d40 img{border-radius:15px 15px 15px 15px;}.elementor-356 .elementor-element.elementor-element-95312e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-312c9ac{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-356 .elementor-element.elementor-element-312c9ac:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;box-shadow:0px 0px 10px 0px rgba(171.9656768798828, 149.58414246252917, 5.855565713817575, 0.5);}.elementor-356 .elementor-element.elementor-element-312c9ac, .elementor-356 .elementor-element.elementor-element-312c9ac::before{--border-transition:0.3s;}.elementor-356 .elementor-element.elementor-element-1b35f90{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-cc1df2c img{border-radius:15px 15px 15px 15px;}.elementor-356 .elementor-element.elementor-element-2cbbd38{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-3ac93f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-356 .elementor-element.elementor-element-3ac93f7:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;box-shadow:0px 0px 10px 0px rgba(171.9656768798828, 149.58414246252917, 5.855565713817575, 0.5);}.elementor-356 .elementor-element.elementor-element-3ac93f7, .elementor-356 .elementor-element.elementor-element-3ac93f7::before{--border-transition:0.3s;}.elementor-356 .elementor-element.elementor-element-eacac03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-4756b31 img{border-radius:15px 15px 15px 15px;}.elementor-356 .elementor-element.elementor-element-bf9ff44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-86e5ddb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-356 .elementor-element.elementor-element-86e5ddb:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;box-shadow:0px 0px 10px 0px rgba(171.9656768798828, 149.58414246252917, 5.855565713817575, 0.5);}.elementor-356 .elementor-element.elementor-element-86e5ddb, .elementor-356 .elementor-element.elementor-element-86e5ddb::before{--border-transition:0.3s;}.elementor-356 .elementor-element.elementor-element-5b0f688{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-d4610bc img{border-radius:15px 15px 15px 15px;}.elementor-356 .elementor-element.elementor-element-a913ae1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-435f30d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-356 .elementor-element.elementor-element-435f30d:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;box-shadow:0px 0px 10px 0px rgba(171.9656768798828, 149.58414246252917, 5.855565713817575, 0.5);}.elementor-356 .elementor-element.elementor-element-435f30d, .elementor-356 .elementor-element.elementor-element-435f30d::before{--border-transition:0.3s;}.elementor-356 .elementor-element.elementor-element-57db4e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-9a9199e img{border-radius:15px 15px 15px 15px;}.elementor-356 .elementor-element.elementor-element-80a86b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-2491f6d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-356 .elementor-element.elementor-element-2491f6d:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;box-shadow:0px 0px 10px 0px rgba(171.9656768798828, 149.58414246252917, 5.855565713817575, 0.5);}.elementor-356 .elementor-element.elementor-element-2491f6d, .elementor-356 .elementor-element.elementor-element-2491f6d::before{--border-transition:0.3s;}.elementor-356 .elementor-element.elementor-element-fdd4276{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-71e9cbe img{border-radius:15px 15px 15px 15px;}.elementor-356 .elementor-element.elementor-element-bb5a08a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-4d6b449{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-356 .elementor-element.elementor-element-4d6b449:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:15px 15px 15px 15px;--border-top-left-radius:15px;--border-top-right-radius:15px;--border-bottom-right-radius:15px;--border-bottom-left-radius:15px;box-shadow:0px 0px 10px 0px rgba(171.9656768798828, 149.58414246252917, 5.855565713817575, 0.5);}.elementor-356 .elementor-element.elementor-element-4d6b449, .elementor-356 .elementor-element.elementor-element-4d6b449::before{--border-transition:0.3s;}.elementor-356 .elementor-element.elementor-element-7373ae0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-6f417e2 img{border-radius:15px 15px 15px 15px;}.elementor-356 .elementor-element.elementor-element-f90d7e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-356 .elementor-element.elementor-element-32051b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-356 .elementor-element.elementor-element-fe4d42a{--content-width:1452px;}.elementor-356 .elementor-element.elementor-element-a922bf6{--width:30%;}.elementor-356 .elementor-element.elementor-element-9c74dc7{--width:80%;}.elementor-356 .elementor-element.elementor-element-18540f5{--content-width:1452px;}.elementor-356 .elementor-element.elementor-element-39c1e15{--width:30%;}.elementor-356 .elementor-element.elementor-element-0e3d52c{--width:80%;}.elementor-356 .elementor-element.elementor-element-b735f58{--content-width:1452px;}.elementor-356 .elementor-element.elementor-element-fa85f9a{--width:30%;}.elementor-356 .elementor-element.elementor-element-9cb5bcd{--width:80%;}.elementor-356 .elementor-element.elementor-element-48df64e{--content-width:1452px;}.elementor-356 .elementor-element.elementor-element-320b759{--width:30%;}.elementor-356 .elementor-element.elementor-element-95312e0{--width:80%;}.elementor-356 .elementor-element.elementor-element-312c9ac{--content-width:1452px;}.elementor-356 .elementor-element.elementor-element-1b35f90{--width:30%;}.elementor-356 .elementor-element.elementor-element-2cbbd38{--width:80%;}.elementor-356 .elementor-element.elementor-element-3ac93f7{--content-width:1452px;}.elementor-356 .elementor-element.elementor-element-eacac03{--width:30%;}.elementor-356 .elementor-element.elementor-element-bf9ff44{--width:80%;}.elementor-356 .elementor-element.elementor-element-86e5ddb{--content-width:1452px;}.elementor-356 .elementor-element.elementor-element-5b0f688{--width:30%;}.elementor-356 .elementor-element.elementor-element-a913ae1{--width:80%;}.elementor-356 .elementor-element.elementor-element-435f30d{--content-width:1452px;}.elementor-356 .elementor-element.elementor-element-57db4e7{--width:30%;}.elementor-356 .elementor-element.elementor-element-80a86b6{--width:80%;}.elementor-356 .elementor-element.elementor-element-2491f6d{--content-width:1452px;}.elementor-356 .elementor-element.elementor-element-fdd4276{--width:30%;}.elementor-356 .elementor-element.elementor-element-bb5a08a{--width:80%;}.elementor-356 .elementor-element.elementor-element-4d6b449{--content-width:1452px;}.elementor-356 .elementor-element.elementor-element-7373ae0{--width:30%;}.elementor-356 .elementor-element.elementor-element-f90d7e2{--width:80%;}}/* Start custom CSS for container, class: .elementor-element-a922bf6 *//* ========================================================= AMVAJ MAGAZINE DYNAMIC MOUSE PERSPECTIVE ========================================================= */ .amvaj-magazine-card { position: relative; overflow: hidden; transform-style: preserve-3d; perspective: 1200px; transition: box-shadow .6s ease; will-change: transform; cursor: pointer; } /* ========================================================= IMAGE ========================================================= */ .amvaj-magazine-card img { display: block; width: 100%; transform: translateZ(0) scale(1); transition: transform .12s ease-out, filter .5s ease; will-change: transform; } /* ========================================================= MOVING LIGHT ========================================================= */ .amvaj-magazine-card::before { content: ""; position: absolute; top: -60%; left: -80%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.02) 30%, rgba(245,191,56,.20) 50%, rgba(255,255,255,.08) 65%, transparent 100% ); transform: rotate(18deg) translateX(0); opacity: 0; pointer-events: none; z-index: 3; filter: blur(8px); } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 4; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(245,191,56,0); transition: box-shadow .5s ease; } /* ========================================================= HOVER STATE ========================================================= */ .amvaj-magazine-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,.30), 0 0 35px rgba(245,191,56,.12); } /* ========================================================= IMAGE HOVER ========================================================= */ .amvaj-magazine-card:hover img { filter: brightness(1.06) saturate(1.05); } /* ========================================================= LIGHT SWEEP ========================================================= */ .amvaj-magazine-card:hover::before { opacity: 1; animation: amvajMagazineLight 1.4s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card:hover::after { box-shadow: inset 0 0 0 1px rgba(245,191,56,.35), inset 0 0 25px rgba(245,191,56,.06); } /* ========================================================= LIGHT ANIMATION ========================================================= */ @keyframes amvajMagazineLight { 0% { left: -80%; opacity: 0; } 15% { opacity: 1; } 70% { opacity: .8; } 100% { left: 135%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .amvaj-magazine-card { perspective: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .amvaj-magazine-card, .amvaj-magazine-card img, .amvaj-magazine-card::before, .amvaj-magazine-card::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-39c1e15 *//* ========================================================= AMVAJ MAGAZINE DYNAMIC MOUSE PERSPECTIVE ========================================================= */ .amvaj-magazine-card { position: relative; overflow: hidden; transform-style: preserve-3d; perspective: 1200px; transition: box-shadow .6s ease; will-change: transform; cursor: pointer; } /* ========================================================= IMAGE ========================================================= */ .amvaj-magazine-card img { display: block; width: 100%; transform: translateZ(0) scale(1); transition: transform .12s ease-out, filter .5s ease; will-change: transform; } /* ========================================================= MOVING LIGHT ========================================================= */ .amvaj-magazine-card::before { content: ""; position: absolute; top: -60%; left: -80%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.02) 30%, rgba(245,191,56,.20) 50%, rgba(255,255,255,.08) 65%, transparent 100% ); transform: rotate(18deg) translateX(0); opacity: 0; pointer-events: none; z-index: 3; filter: blur(8px); } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 4; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(245,191,56,0); transition: box-shadow .5s ease; } /* ========================================================= HOVER STATE ========================================================= */ .amvaj-magazine-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,.30), 0 0 35px rgba(245,191,56,.12); } /* ========================================================= IMAGE HOVER ========================================================= */ .amvaj-magazine-card:hover img { filter: brightness(1.06) saturate(1.05); } /* ========================================================= LIGHT SWEEP ========================================================= */ .amvaj-magazine-card:hover::before { opacity: 1; animation: amvajMagazineLight 1.4s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card:hover::after { box-shadow: inset 0 0 0 1px rgba(245,191,56,.35), inset 0 0 25px rgba(245,191,56,.06); } /* ========================================================= LIGHT ANIMATION ========================================================= */ @keyframes amvajMagazineLight { 0% { left: -80%; opacity: 0; } 15% { opacity: 1; } 70% { opacity: .8; } 100% { left: 135%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .amvaj-magazine-card { perspective: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .amvaj-magazine-card, .amvaj-magazine-card img, .amvaj-magazine-card::before, .amvaj-magazine-card::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fa85f9a *//* ========================================================= AMVAJ MAGAZINE DYNAMIC MOUSE PERSPECTIVE ========================================================= */ .amvaj-magazine-card { position: relative; overflow: hidden; transform-style: preserve-3d; perspective: 1200px; transition: box-shadow .6s ease; will-change: transform; cursor: pointer; } /* ========================================================= IMAGE ========================================================= */ .amvaj-magazine-card img { display: block; width: 100%; transform: translateZ(0) scale(1); transition: transform .12s ease-out, filter .5s ease; will-change: transform; } /* ========================================================= MOVING LIGHT ========================================================= */ .amvaj-magazine-card::before { content: ""; position: absolute; top: -60%; left: -80%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.02) 30%, rgba(245,191,56,.20) 50%, rgba(255,255,255,.08) 65%, transparent 100% ); transform: rotate(18deg) translateX(0); opacity: 0; pointer-events: none; z-index: 3; filter: blur(8px); } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 4; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(245,191,56,0); transition: box-shadow .5s ease; } /* ========================================================= HOVER STATE ========================================================= */ .amvaj-magazine-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,.30), 0 0 35px rgba(245,191,56,.12); } /* ========================================================= IMAGE HOVER ========================================================= */ .amvaj-magazine-card:hover img { filter: brightness(1.06) saturate(1.05); } /* ========================================================= LIGHT SWEEP ========================================================= */ .amvaj-magazine-card:hover::before { opacity: 1; animation: amvajMagazineLight 1.4s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card:hover::after { box-shadow: inset 0 0 0 1px rgba(245,191,56,.35), inset 0 0 25px rgba(245,191,56,.06); } /* ========================================================= LIGHT ANIMATION ========================================================= */ @keyframes amvajMagazineLight { 0% { left: -80%; opacity: 0; } 15% { opacity: 1; } 70% { opacity: .8; } 100% { left: 135%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .amvaj-magazine-card { perspective: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .amvaj-magazine-card, .amvaj-magazine-card img, .amvaj-magazine-card::before, .amvaj-magazine-card::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-320b759 *//* ========================================================= AMVAJ MAGAZINE DYNAMIC MOUSE PERSPECTIVE ========================================================= */ .amvaj-magazine-card { position: relative; overflow: hidden; transform-style: preserve-3d; perspective: 1200px; transition: box-shadow .6s ease; will-change: transform; cursor: pointer; } /* ========================================================= IMAGE ========================================================= */ .amvaj-magazine-card img { display: block; width: 100%; transform: translateZ(0) scale(1); transition: transform .12s ease-out, filter .5s ease; will-change: transform; } /* ========================================================= MOVING LIGHT ========================================================= */ .amvaj-magazine-card::before { content: ""; position: absolute; top: -60%; left: -80%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.02) 30%, rgba(245,191,56,.20) 50%, rgba(255,255,255,.08) 65%, transparent 100% ); transform: rotate(18deg) translateX(0); opacity: 0; pointer-events: none; z-index: 3; filter: blur(8px); } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 4; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(245,191,56,0); transition: box-shadow .5s ease; } /* ========================================================= HOVER STATE ========================================================= */ .amvaj-magazine-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,.30), 0 0 35px rgba(245,191,56,.12); } /* ========================================================= IMAGE HOVER ========================================================= */ .amvaj-magazine-card:hover img { filter: brightness(1.06) saturate(1.05); } /* ========================================================= LIGHT SWEEP ========================================================= */ .amvaj-magazine-card:hover::before { opacity: 1; animation: amvajMagazineLight 1.4s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card:hover::after { box-shadow: inset 0 0 0 1px rgba(245,191,56,.35), inset 0 0 25px rgba(245,191,56,.06); } /* ========================================================= LIGHT ANIMATION ========================================================= */ @keyframes amvajMagazineLight { 0% { left: -80%; opacity: 0; } 15% { opacity: 1; } 70% { opacity: .8; } 100% { left: 135%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .amvaj-magazine-card { perspective: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .amvaj-magazine-card, .amvaj-magazine-card img, .amvaj-magazine-card::before, .amvaj-magazine-card::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b35f90 *//* ========================================================= AMVAJ MAGAZINE DYNAMIC MOUSE PERSPECTIVE ========================================================= */ .amvaj-magazine-card { position: relative; overflow: hidden; transform-style: preserve-3d; perspective: 1200px; transition: box-shadow .6s ease; will-change: transform; cursor: pointer; } /* ========================================================= IMAGE ========================================================= */ .amvaj-magazine-card img { display: block; width: 100%; transform: translateZ(0) scale(1); transition: transform .12s ease-out, filter .5s ease; will-change: transform; } /* ========================================================= MOVING LIGHT ========================================================= */ .amvaj-magazine-card::before { content: ""; position: absolute; top: -60%; left: -80%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.02) 30%, rgba(245,191,56,.20) 50%, rgba(255,255,255,.08) 65%, transparent 100% ); transform: rotate(18deg) translateX(0); opacity: 0; pointer-events: none; z-index: 3; filter: blur(8px); } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 4; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(245,191,56,0); transition: box-shadow .5s ease; } /* ========================================================= HOVER STATE ========================================================= */ .amvaj-magazine-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,.30), 0 0 35px rgba(245,191,56,.12); } /* ========================================================= IMAGE HOVER ========================================================= */ .amvaj-magazine-card:hover img { filter: brightness(1.06) saturate(1.05); } /* ========================================================= LIGHT SWEEP ========================================================= */ .amvaj-magazine-card:hover::before { opacity: 1; animation: amvajMagazineLight 1.4s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card:hover::after { box-shadow: inset 0 0 0 1px rgba(245,191,56,.35), inset 0 0 25px rgba(245,191,56,.06); } /* ========================================================= LIGHT ANIMATION ========================================================= */ @keyframes amvajMagazineLight { 0% { left: -80%; opacity: 0; } 15% { opacity: 1; } 70% { opacity: .8; } 100% { left: 135%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .amvaj-magazine-card { perspective: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .amvaj-magazine-card, .amvaj-magazine-card img, .amvaj-magazine-card::before, .amvaj-magazine-card::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eacac03 *//* ========================================================= AMVAJ MAGAZINE DYNAMIC MOUSE PERSPECTIVE ========================================================= */ .amvaj-magazine-card { position: relative; overflow: hidden; transform-style: preserve-3d; perspective: 1200px; transition: box-shadow .6s ease; will-change: transform; cursor: pointer; } /* ========================================================= IMAGE ========================================================= */ .amvaj-magazine-card img { display: block; width: 100%; transform: translateZ(0) scale(1); transition: transform .12s ease-out, filter .5s ease; will-change: transform; } /* ========================================================= MOVING LIGHT ========================================================= */ .amvaj-magazine-card::before { content: ""; position: absolute; top: -60%; left: -80%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.02) 30%, rgba(245,191,56,.20) 50%, rgba(255,255,255,.08) 65%, transparent 100% ); transform: rotate(18deg) translateX(0); opacity: 0; pointer-events: none; z-index: 3; filter: blur(8px); } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 4; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(245,191,56,0); transition: box-shadow .5s ease; } /* ========================================================= HOVER STATE ========================================================= */ .amvaj-magazine-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,.30), 0 0 35px rgba(245,191,56,.12); } /* ========================================================= IMAGE HOVER ========================================================= */ .amvaj-magazine-card:hover img { filter: brightness(1.06) saturate(1.05); } /* ========================================================= LIGHT SWEEP ========================================================= */ .amvaj-magazine-card:hover::before { opacity: 1; animation: amvajMagazineLight 1.4s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card:hover::after { box-shadow: inset 0 0 0 1px rgba(245,191,56,.35), inset 0 0 25px rgba(245,191,56,.06); } /* ========================================================= LIGHT ANIMATION ========================================================= */ @keyframes amvajMagazineLight { 0% { left: -80%; opacity: 0; } 15% { opacity: 1; } 70% { opacity: .8; } 100% { left: 135%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .amvaj-magazine-card { perspective: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .amvaj-magazine-card, .amvaj-magazine-card img, .amvaj-magazine-card::before, .amvaj-magazine-card::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5b0f688 *//* ========================================================= AMVAJ MAGAZINE DYNAMIC MOUSE PERSPECTIVE ========================================================= */ .amvaj-magazine-card { position: relative; overflow: hidden; transform-style: preserve-3d; perspective: 1200px; transition: box-shadow .6s ease; will-change: transform; cursor: pointer; } /* ========================================================= IMAGE ========================================================= */ .amvaj-magazine-card img { display: block; width: 100%; transform: translateZ(0) scale(1); transition: transform .12s ease-out, filter .5s ease; will-change: transform; } /* ========================================================= MOVING LIGHT ========================================================= */ .amvaj-magazine-card::before { content: ""; position: absolute; top: -60%; left: -80%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.02) 30%, rgba(245,191,56,.20) 50%, rgba(255,255,255,.08) 65%, transparent 100% ); transform: rotate(18deg) translateX(0); opacity: 0; pointer-events: none; z-index: 3; filter: blur(8px); } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 4; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(245,191,56,0); transition: box-shadow .5s ease; } /* ========================================================= HOVER STATE ========================================================= */ .amvaj-magazine-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,.30), 0 0 35px rgba(245,191,56,.12); } /* ========================================================= IMAGE HOVER ========================================================= */ .amvaj-magazine-card:hover img { filter: brightness(1.06) saturate(1.05); } /* ========================================================= LIGHT SWEEP ========================================================= */ .amvaj-magazine-card:hover::before { opacity: 1; animation: amvajMagazineLight 1.4s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card:hover::after { box-shadow: inset 0 0 0 1px rgba(245,191,56,.35), inset 0 0 25px rgba(245,191,56,.06); } /* ========================================================= LIGHT ANIMATION ========================================================= */ @keyframes amvajMagazineLight { 0% { left: -80%; opacity: 0; } 15% { opacity: 1; } 70% { opacity: .8; } 100% { left: 135%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .amvaj-magazine-card { perspective: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .amvaj-magazine-card, .amvaj-magazine-card img, .amvaj-magazine-card::before, .amvaj-magazine-card::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-57db4e7 *//* ========================================================= AMVAJ MAGAZINE DYNAMIC MOUSE PERSPECTIVE ========================================================= */ .amvaj-magazine-card { position: relative; overflow: hidden; transform-style: preserve-3d; perspective: 1200px; transition: box-shadow .6s ease; will-change: transform; cursor: pointer; } /* ========================================================= IMAGE ========================================================= */ .amvaj-magazine-card img { display: block; width: 100%; transform: translateZ(0) scale(1); transition: transform .12s ease-out, filter .5s ease; will-change: transform; } /* ========================================================= MOVING LIGHT ========================================================= */ .amvaj-magazine-card::before { content: ""; position: absolute; top: -60%; left: -80%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.02) 30%, rgba(245,191,56,.20) 50%, rgba(255,255,255,.08) 65%, transparent 100% ); transform: rotate(18deg) translateX(0); opacity: 0; pointer-events: none; z-index: 3; filter: blur(8px); } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 4; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(245,191,56,0); transition: box-shadow .5s ease; } /* ========================================================= HOVER STATE ========================================================= */ .amvaj-magazine-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,.30), 0 0 35px rgba(245,191,56,.12); } /* ========================================================= IMAGE HOVER ========================================================= */ .amvaj-magazine-card:hover img { filter: brightness(1.06) saturate(1.05); } /* ========================================================= LIGHT SWEEP ========================================================= */ .amvaj-magazine-card:hover::before { opacity: 1; animation: amvajMagazineLight 1.4s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card:hover::after { box-shadow: inset 0 0 0 1px rgba(245,191,56,.35), inset 0 0 25px rgba(245,191,56,.06); } /* ========================================================= LIGHT ANIMATION ========================================================= */ @keyframes amvajMagazineLight { 0% { left: -80%; opacity: 0; } 15% { opacity: 1; } 70% { opacity: .8; } 100% { left: 135%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .amvaj-magazine-card { perspective: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .amvaj-magazine-card, .amvaj-magazine-card img, .amvaj-magazine-card::before, .amvaj-magazine-card::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fdd4276 *//* ========================================================= AMVAJ MAGAZINE DYNAMIC MOUSE PERSPECTIVE ========================================================= */ .amvaj-magazine-card { position: relative; overflow: hidden; transform-style: preserve-3d; perspective: 1200px; transition: box-shadow .6s ease; will-change: transform; cursor: pointer; } /* ========================================================= IMAGE ========================================================= */ .amvaj-magazine-card img { display: block; width: 100%; transform: translateZ(0) scale(1); transition: transform .12s ease-out, filter .5s ease; will-change: transform; } /* ========================================================= MOVING LIGHT ========================================================= */ .amvaj-magazine-card::before { content: ""; position: absolute; top: -60%; left: -80%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.02) 30%, rgba(245,191,56,.20) 50%, rgba(255,255,255,.08) 65%, transparent 100% ); transform: rotate(18deg) translateX(0); opacity: 0; pointer-events: none; z-index: 3; filter: blur(8px); } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 4; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(245,191,56,0); transition: box-shadow .5s ease; } /* ========================================================= HOVER STATE ========================================================= */ .amvaj-magazine-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,.30), 0 0 35px rgba(245,191,56,.12); } /* ========================================================= IMAGE HOVER ========================================================= */ .amvaj-magazine-card:hover img { filter: brightness(1.06) saturate(1.05); } /* ========================================================= LIGHT SWEEP ========================================================= */ .amvaj-magazine-card:hover::before { opacity: 1; animation: amvajMagazineLight 1.4s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card:hover::after { box-shadow: inset 0 0 0 1px rgba(245,191,56,.35), inset 0 0 25px rgba(245,191,56,.06); } /* ========================================================= LIGHT ANIMATION ========================================================= */ @keyframes amvajMagazineLight { 0% { left: -80%; opacity: 0; } 15% { opacity: 1; } 70% { opacity: .8; } 100% { left: 135%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .amvaj-magazine-card { perspective: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .amvaj-magazine-card, .amvaj-magazine-card img, .amvaj-magazine-card::before, .amvaj-magazine-card::after { transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7373ae0 *//* ========================================================= AMVAJ MAGAZINE DYNAMIC MOUSE PERSPECTIVE ========================================================= */ .amvaj-magazine-card { position: relative; overflow: hidden; transform-style: preserve-3d; perspective: 1200px; transition: box-shadow .6s ease; will-change: transform; cursor: pointer; } /* ========================================================= IMAGE ========================================================= */ .amvaj-magazine-card img { display: block; width: 100%; transform: translateZ(0) scale(1); transition: transform .12s ease-out, filter .5s ease; will-change: transform; } /* ========================================================= MOVING LIGHT ========================================================= */ .amvaj-magazine-card::before { content: ""; position: absolute; top: -60%; left: -80%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.02) 30%, rgba(245,191,56,.20) 50%, rgba(255,255,255,.08) 65%, transparent 100% ); transform: rotate(18deg) translateX(0); opacity: 0; pointer-events: none; z-index: 3; filter: blur(8px); } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 4; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(245,191,56,0); transition: box-shadow .5s ease; } /* ========================================================= HOVER STATE ========================================================= */ .amvaj-magazine-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,.30), 0 0 35px rgba(245,191,56,.12); } /* ========================================================= IMAGE HOVER ========================================================= */ .amvaj-magazine-card:hover img { filter: brightness(1.06) saturate(1.05); } /* ========================================================= LIGHT SWEEP ========================================================= */ .amvaj-magazine-card:hover::before { opacity: 1; animation: amvajMagazineLight 1.4s cubic-bezier(.22,.61,.36,1) forwards; } /* ========================================================= GOLDEN EDGE ========================================================= */ .amvaj-magazine-card:hover::after { box-shadow: inset 0 0 0 1px rgba(245,191,56,.35), inset 0 0 25px rgba(245,191,56,.06); } /* ========================================================= LIGHT ANIMATION ========================================================= */ @keyframes amvajMagazineLight { 0% { left: -80%; opacity: 0; } 15% { opacity: 1; } 70% { opacity: .8; } 100% { left: 135%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .amvaj-magazine-card { perspective: none; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .amvaj-magazine-card, .amvaj-magazine-card img, .amvaj-magazine-card::before, .amvaj-magazine-card::after { transition: none !important; animation: none !important; } }/* End custom CSS */