.elementor-290 .elementor-element.elementor-element-cc0805f{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-290 .elementor-element.elementor-element-3f8b574{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-290 .elementor-element.elementor-element-3f8b574.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-290 .elementor-element.elementor-element-3f8b574 .elementor-heading-title{font-family:"Parastoo", Sans-serif;font-size:4rem;font-weight:600;line-height:2rem;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-cd855a8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-290 .elementor-element.elementor-element-cd855a8.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-290 .elementor-element.elementor-element-cd855a8 .elementor-heading-title{font-family:"Parastoo", Sans-serif;font-size:1.1rem;font-weight:600;line-height:2rem;color:var( --e-global-color-accent );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-290 .elementor-element.elementor-element-c958d4f{margin:30px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:0px;text-align:start;}body:not(.rtl) .elementor-290 .elementor-element.elementor-element-c958d4f{left:0px;}body.rtl .elementor-290 .elementor-element.elementor-element-c958d4f{right:0px;}.elementor-290 .elementor-element.elementor-element-c958d4f img{width:8%;}.elementor-290 .elementor-element.elementor-element-46a2376{margin:0px 300px calc(var(--kit-widget-spacing, 0px) + 130px) 0px;bottom:0px;text-align:end;}body:not(.rtl) .elementor-290 .elementor-element.elementor-element-46a2376{left:0px;}body.rtl .elementor-290 .elementor-element.elementor-element-46a2376{right:0px;}.elementor-290 .elementor-element.elementor-element-46a2376 img{width:10%;}.elementor-290 .elementor-element.elementor-element-0c54794{margin:1px 100px calc(var(--kit-widget-spacing, 0px) + 300px) 0px;bottom:-70.003px;text-align:start;}body:not(.rtl) .elementor-290 .elementor-element.elementor-element-0c54794{left:-80px;}body.rtl .elementor-290 .elementor-element.elementor-element-0c54794{right:-80px;}.elementor-290 .elementor-element.elementor-element-0c54794 img{width:10%;}.elementor-290 .elementor-element.elementor-element-5f69b9a{margin:300px 500px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:0px;text-align:end;}body:not(.rtl) .elementor-290 .elementor-element.elementor-element-5f69b9a{left:0px;}body.rtl .elementor-290 .elementor-element.elementor-element-5f69b9a{right:0px;}.elementor-290 .elementor-element.elementor-element-5f69b9a img{width:6%;}.elementor-290 .elementor-element.elementor-element-6d0b7ab{margin:180px 250px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:0px;text-align:end;}body:not(.rtl) .elementor-290 .elementor-element.elementor-element-6d0b7ab{left:0px;}body.rtl .elementor-290 .elementor-element.elementor-element-6d0b7ab{right:0px;}.elementor-290 .elementor-element.elementor-element-6d0b7ab img{width:8%;}.elementor-290 .elementor-element.elementor-element-18725db{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;text-align:center;}.elementor-290 .elementor-element.elementor-element-18725db .elementor-heading-title{font-family:"Parastoo", Sans-serif;font-size:1.1rem;font-weight:600;line-height:2rem;color:var( --e-global-color-51cb2a5 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-290 .elementor-element.elementor-element-7887b02{z-index:100;text-align:center;font-family:"Parastoo", Sans-serif;font-size:1.1rem;font-weight:400;line-height:2rem;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-c4b2138{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-290 .elementor-element.elementor-element-c4b2138.elementor-element{--align-self:center;}.elementor-290 .elementor-element.elementor-element-cc40c77{text-align:center;font-family:"Parastoo", Sans-serif;font-size:1.1rem;font-weight:400;line-height:2rem;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-237c3f6{--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:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-290 .elementor-element.elementor-element-07f34f8 .elementor-button{background-color:transparent;font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );background-image:linear-gradient(108deg, var( --e-global-color-51cb2a5 ) 0%, var( --e-global-color-9c07915 ) 99%);transition-duration:3s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-51cb2a5 );}.elementor-290 .elementor-element.elementor-element-07f34f8 .elementor-button:hover, .elementor-290 .elementor-element.elementor-element-07f34f8 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(108deg, var( --e-global-color-51cb2a5 ) 0%, var( --e-global-color-9c07915 ) 99%);}.elementor-290 .elementor-element.elementor-element-07f34f8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-290 .elementor-element.elementor-element-d6ea8d6 .elementor-button{background-color:var( --e-global-color-51cb2a5 );font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );transition-duration:3s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-51cb2a5 );}.elementor-290 .elementor-element.elementor-element-d6ea8d6 .elementor-button:hover, .elementor-290 .elementor-element.elementor-element-d6ea8d6 .elementor-button:focus{background-color:var( --e-global-color-51cb2a5 );color:var( --e-global-color-text );}.elementor-290 .elementor-element.elementor-element-d6ea8d6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-290 .elementor-element.elementor-element-d6ea8d6 .elementor-button:hover svg, .elementor-290 .elementor-element.elementor-element-d6ea8d6 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-290 .elementor-element.elementor-element-3dbe363 .elementor-button{background-color:#1B1C1F00;font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:500;fill:var( --e-global-color-51cb2a5 );color:var( --e-global-color-51cb2a5 );transition-duration:3s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-51cb2a5 );}.elementor-290 .elementor-element.elementor-element-3dbe363 .elementor-button:hover, .elementor-290 .elementor-element.elementor-element-3dbe363 .elementor-button:focus{background-color:#10172A00;color:var( --e-global-color-51cb2a5 );}.elementor-290 .elementor-element.elementor-element-3dbe363 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-290 .elementor-element.elementor-element-3dbe363 .elementor-button:hover svg, .elementor-290 .elementor-element.elementor-element-3dbe363 .elementor-button:focus svg{fill:var( --e-global-color-51cb2a5 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-290 .elementor-element.elementor-element-71885a6{--divider-border-style:solid;--divider-color:var( --e-global-color-d09d83c );--divider-border-width:1px;}.elementor-290 .elementor-element.elementor-element-71885a6 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-290 .elementor-element.elementor-element-71885a6 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-290 .elementor-element.elementor-element-71885a6 .elementor-divider__text{color:var( --e-global-color-51cb2a5 );font-family:"Parastoo", Sans-serif;font-size:1.5rem;font-weight:600;line-height:2rem;}.elementor-290 .elementor-element.elementor-element-1392ff3{text-align:center;font-family:"Parastoo", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.5rem;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-648ca7a{--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:space-between;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290 .elementor-element.elementor-element-e385a5f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-e385a5f:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-e385a5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-782c1b1{width:100%;max-width:100%;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-290 .elementor-element.elementor-element-b0c587b{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-b0c587b .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-b0c587b .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-b0c587b .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-b0c587b .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-b0c587b:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-b0c587b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-b0c587b .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-290 .elementor-element.elementor-element-9abf978{width:var( --container-widget-width, 1% );max-width:1%;--container-widget-width:1%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-9abf978 .elementor-icon-list-icon i{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-9abf978 .elementor-icon-list-icon svg{fill:#FFF57900;transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-9abf978 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-9abf978 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-9abf978 .elementor-icon-list-text{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-9abf978 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-c0b8364{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-c0b8364:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-c0b8364 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-a3868f9{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-883b734{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-883b734 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-883b734 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-883b734 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-883b734 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-883b734:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-883b734:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-883b734 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-2d17662{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-2d17662 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-2d17662 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-2d17662 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-2d17662 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-2d17662 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-2d17662 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-03a843a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-03a843a:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-03a843a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-1960aca{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-fb2fd67{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-fb2fd67 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-fb2fd67 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-fb2fd67 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-fb2fd67 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-fb2fd67:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-fb2fd67:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-fb2fd67 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-8b16d16{width:var( --container-widget-width, 1% );max-width:1%;--container-widget-width:1%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-8b16d16 .elementor-icon-list-icon i{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-8b16d16 .elementor-icon-list-icon svg{fill:#FFF57900;transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-8b16d16 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-8b16d16 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-8b16d16 .elementor-icon-list-text{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-8b16d16 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-7cb3f30{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-7cb3f30:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-7cb3f30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-2de6e10{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-32955c5{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-32955c5 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-32955c5 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-32955c5 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-32955c5 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-32955c5:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-32955c5:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-32955c5 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-a060e01{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-a060e01 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-a060e01 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-a060e01 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-a060e01 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-a060e01 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-a060e01 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-4f51622{--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:space-between;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290 .elementor-element.elementor-element-1321453{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-1321453:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-1321453 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-ed853e0{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-741ffdb{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-741ffdb .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-741ffdb .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-741ffdb .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-741ffdb .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-741ffdb:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-741ffdb:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-741ffdb .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-8b79c87{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-8b79c87 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-8b79c87 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-8b79c87 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-8b79c87 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-8b79c87 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-8b79c87 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-72394bf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-72394bf:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-72394bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-aa5d7cc{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-39e8893{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-39e8893 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-39e8893 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-39e8893 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-39e8893 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-39e8893:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-39e8893:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-39e8893 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-b16babd{width:var( --container-widget-width, 1% );max-width:1%;--container-widget-width:1%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-b16babd .elementor-icon-list-icon i{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-b16babd .elementor-icon-list-icon svg{fill:#FFF57900;transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-b16babd .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-b16babd .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-b16babd .elementor-icon-list-text{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-b16babd .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-d8cd3f2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-d8cd3f2:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-d8cd3f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-78e2abc{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-fb5a072{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-fb5a072 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-fb5a072 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-fb5a072 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-fb5a072 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-fb5a072:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-fb5a072:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-fb5a072 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-8c2e0ab{width:var( --container-widget-width, 1% );max-width:1%;--container-widget-width:1%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-8c2e0ab .elementor-icon-list-icon i{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-8c2e0ab .elementor-icon-list-icon svg{fill:#FFF57900;transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-8c2e0ab .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-8c2e0ab .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-8c2e0ab .elementor-icon-list-text{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-8c2e0ab .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-e8ddafa{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-e8ddafa:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-e8ddafa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-b9d44e9{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-074284c{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-074284c .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-074284c .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-074284c .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-074284c .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-074284c:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-074284c:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-074284c .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-f2271ae{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-f2271ae .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-f2271ae .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-f2271ae .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-f2271ae .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-f2271ae .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-f2271ae .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-a322876{--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:space-between;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290 .elementor-element.elementor-element-c06dc74{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-c06dc74:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-c06dc74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-e54bb36{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-ce2caf1{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-ce2caf1 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-ce2caf1 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-ce2caf1 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-ce2caf1 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-ce2caf1:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-ce2caf1:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-ce2caf1 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-d289299{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-d289299 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-d289299 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-d289299 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-d289299 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-d289299 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-d289299 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-8d3fccb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-8d3fccb:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-8d3fccb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-0aae0ed{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-1670e97{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-1670e97 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-1670e97 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-1670e97 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-1670e97 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-1670e97:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-1670e97:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-1670e97 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-9ebb1b4{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-9ebb1b4 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-9ebb1b4 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-9ebb1b4 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-9ebb1b4 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-9ebb1b4 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-9ebb1b4 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-ce5defd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-ce5defd:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-ce5defd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-0b2bdfb{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-77b6b16{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-77b6b16 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-77b6b16 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-77b6b16 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-77b6b16 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-77b6b16:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-77b6b16:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-77b6b16 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-441efc1{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-441efc1 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-441efc1 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-441efc1 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-441efc1 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-441efc1 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-441efc1 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-9c913f1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-9c913f1:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-9c913f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-5fdc3e2{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-3a356f4{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-3a356f4 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-3a356f4 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-3a356f4 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-3a356f4 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-3a356f4:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-3a356f4:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-3a356f4 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-e8d24dc{width:var( --container-widget-width, 1% );max-width:1%;--container-widget-width:1%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-e8d24dc .elementor-icon-list-icon i{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-e8d24dc .elementor-icon-list-icon svg{fill:#FFF57900;transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-e8d24dc .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-e8d24dc .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-e8d24dc .elementor-icon-list-text{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-e8d24dc .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-1f0f514{--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:space-between;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290 .elementor-element.elementor-element-1f986b3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-1f986b3:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-1f986b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-9f6ae7e{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-2225b82{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-2225b82 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-2225b82 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-2225b82 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-2225b82 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-2225b82:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-2225b82:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-2225b82 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-d07a575{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-d07a575 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-d07a575 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-d07a575 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-d07a575 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-d07a575 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-d07a575 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-bb94abf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-bb94abf:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-bb94abf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-c86cc28{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-0298353{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-0298353 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-0298353 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-0298353 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-0298353 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-0298353:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-0298353:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-0298353 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-fa085f3{width:var( --container-widget-width, 1% );max-width:1%;--container-widget-width:1%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-fa085f3 .elementor-icon-list-icon i{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-fa085f3 .elementor-icon-list-icon svg{fill:#FFF57900;transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-fa085f3 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-fa085f3 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-fa085f3 .elementor-icon-list-text{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-fa085f3 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-74773c8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-74773c8:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-74773c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-0641f1a{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-4ff46ee{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-4ff46ee .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-4ff46ee .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-4ff46ee .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-4ff46ee .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-4ff46ee:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-4ff46ee:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-4ff46ee .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-f2fa8c2{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-f2fa8c2 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-f2fa8c2 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-f2fa8c2 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-f2fa8c2 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-f2fa8c2 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-f2fa8c2 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-973d678{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-973d678:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-973d678 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-ba003ba{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-67de932{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-67de932 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-67de932 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-67de932 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-67de932 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-67de932:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-67de932:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-67de932 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-a34f3bb{width:var( --container-widget-width, 1% );max-width:1%;--container-widget-width:1%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-a34f3bb .elementor-icon-list-icon i{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-a34f3bb .elementor-icon-list-icon svg{fill:#FFF57900;transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-a34f3bb .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-a34f3bb .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-a34f3bb .elementor-icon-list-text{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-a34f3bb .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-6c67ac3{--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:space-between;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290 .elementor-element.elementor-element-f2da3b9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-f2da3b9:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-f2da3b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-692b6f4{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-88afa0a{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-88afa0a .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-88afa0a .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-88afa0a .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-88afa0a .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-88afa0a:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-88afa0a:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-88afa0a .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-c6a4e23{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-c6a4e23 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-c6a4e23 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-c6a4e23 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-c6a4e23 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-c6a4e23 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-c6a4e23 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-99f86b9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-99f86b9:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-99f86b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-f1b673c{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-8d23ba1{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-8d23ba1 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-8d23ba1 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-8d23ba1 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-8d23ba1 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-8d23ba1:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-8d23ba1:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-8d23ba1 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-b4ed425{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-b4ed425 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-b4ed425 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-b4ed425 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-b4ed425 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-b4ed425 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-b4ed425 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-1b57224{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-1b57224:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-1b57224 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-ac26d38{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-b3433e0{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-b3433e0 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-b3433e0 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-b3433e0 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-b3433e0 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-b3433e0:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-b3433e0:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-b3433e0 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-c191986{width:var( --container-widget-width, 1% );max-width:1%;--container-widget-width:1%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-c191986 .elementor-icon-list-icon i{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-c191986 .elementor-icon-list-icon svg{fill:#FFF57900;transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-c191986 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-c191986 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-c191986 .elementor-icon-list-text{color:#FFF57900;transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-c191986 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFAB700;}.elementor-290 .elementor-element.elementor-element-0a5633a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-0a5633a:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-0a5633a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-0023e67{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-1e02cec{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-1e02cec .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-1e02cec .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-1e02cec .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-1e02cec .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-1e02cec:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-1e02cec:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-1e02cec .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-2787386{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-2787386 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-2787386 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-2787386 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-2787386 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-2787386 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-2787386 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-ffb9764{--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:space-between;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290 .elementor-element.elementor-element-f71c0e2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-f71c0e2:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-f71c0e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-238b0c8{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-52faeab{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-52faeab .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-52faeab .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-52faeab .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-52faeab .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-52faeab:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-52faeab:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-52faeab .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-7164d47{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-7164d47 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-7164d47 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-7164d47 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-7164d47 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-7164d47 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-7164d47 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-aaac43c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-aaac43c:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-aaac43c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-7226810{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-eb6b9ef{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-eb6b9ef .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-eb6b9ef .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-eb6b9ef .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-eb6b9ef .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-eb6b9ef:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-eb6b9ef:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-eb6b9ef .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-fc2aa88{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-fc2aa88 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-fc2aa88 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-fc2aa88 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-fc2aa88 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-fc2aa88 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-fc2aa88 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-8e679b1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-8e679b1:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-8e679b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-6b6cf96{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-78b567b{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-78b567b .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-78b567b .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-78b567b .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-78b567b .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-78b567b:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-78b567b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-78b567b .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-b81aad8{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-b81aad8 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-b81aad8 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-b81aad8 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-b81aad8 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-b81aad8 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-b81aad8 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-a0c9162{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-a0c9162:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-a0c9162 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-28b67a1{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-9271acd{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:100;}.elementor-290 .elementor-element.elementor-element-9271acd .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-9271acd .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-9271acd .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-9271acd .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2.2rem;}.elementor-290 .elementor-element.elementor-element-9271acd:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-9271acd:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-9271acd .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:2rem;color:#C1C1C1;}.elementor-290 .elementor-element.elementor-element-574dd10{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-290 .elementor-element.elementor-element-574dd10 .elementor-icon-list-icon i{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-574dd10 .elementor-icon-list-icon svg{fill:var( --e-global-color-d09d83c );transition:fill 0.3s;}.elementor-290 .elementor-element.elementor-element-574dd10 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-574dd10 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-574dd10 .elementor-icon-list-text{color:var( --e-global-color-d09d83c );transition:color 0.3s;}.elementor-290 .elementor-element.elementor-element-574dd10 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9c07915 );}.elementor-290 .elementor-element.elementor-element-9b00083{--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:space-between;--align-items:center;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:#FFFAB7;--border-color:#FFFAB7;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px #FFFAB7;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-290 .elementor-element.elementor-element-9b00083:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-9b00083 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-290 .elementor-element.elementor-element-3c50789{width:100%;max-width:100%;}.elementor-290 .elementor-element.elementor-element-3c50789 .elementor-icon-box-wrapper{text-align:start;}.elementor-290 .elementor-element.elementor-element-3c50789 .elementor-icon-box-title{margin-block-end:3px;color:var( --e-global-color-51cb2a5 );}.elementor-290 .elementor-element.elementor-element-3c50789 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-3c50789 .elementor-icon-box-title a{font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:600;line-height:2rem;}.elementor-290 .elementor-element.elementor-element-3c50789:has(:hover) .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-3c50789:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-51cb2a5 );}.elementor-290 .elementor-element.elementor-element-3c50789 .elementor-icon-box-description{font-family:"Parastoo", Sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem;color:var( --e-global-color-accent );}.elementor-290 .elementor-element.elementor-element-b745b6f{--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-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290 .elementor-element.elementor-element-3204cd7 .elementor-button{background-color:transparent;font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );background-image:linear-gradient(108deg, var( --e-global-color-51cb2a5 ) 0%, var( --e-global-color-9c07915 ) 99%);transition-duration:3s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-51cb2a5 );}.elementor-290 .elementor-element.elementor-element-3204cd7 .elementor-button:hover, .elementor-290 .elementor-element.elementor-element-3204cd7 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(108deg, var( --e-global-color-51cb2a5 ) 0%, var( --e-global-color-9c07915 ) 99%);}.elementor-290 .elementor-element.elementor-element-3204cd7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-290 .elementor-element.elementor-element-4357138 .elementor-button{background-color:var( --e-global-color-51cb2a5 );font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );transition-duration:3s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-51cb2a5 );}.elementor-290 .elementor-element.elementor-element-4357138 .elementor-button:hover, .elementor-290 .elementor-element.elementor-element-4357138 .elementor-button:focus{background-color:var( --e-global-color-51cb2a5 );color:var( --e-global-color-text );}.elementor-290 .elementor-element.elementor-element-4357138 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-290 .elementor-element.elementor-element-4357138 .elementor-button:hover svg, .elementor-290 .elementor-element.elementor-element-4357138 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-290 .elementor-element.elementor-element-d9b2ba0 .elementor-button{background-color:#02010100;font-family:"Parastoo", Sans-serif;font-size:1.2rem;font-weight:500;fill:var( --e-global-color-51cb2a5 );color:var( --e-global-color-51cb2a5 );transition-duration:3s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-51cb2a5 );}.elementor-290 .elementor-element.elementor-element-d9b2ba0 .elementor-button:hover, .elementor-290 .elementor-element.elementor-element-d9b2ba0 .elementor-button:focus{background-color:#10172A00;color:var( --e-global-color-51cb2a5 );}.elementor-290 .elementor-element.elementor-element-d9b2ba0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-290 .elementor-element.elementor-element-d9b2ba0 .elementor-button:hover svg, .elementor-290 .elementor-element.elementor-element-d9b2ba0 .elementor-button:focus svg{fill:var( --e-global-color-51cb2a5 );}body.elementor-page-290:not(.elementor-motion-effects-element-type-background), body.elementor-page-290 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#171717;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px) and (min-width:768px){.elementor-290 .elementor-element.elementor-element-e385a5f{--width:48%;}.elementor-290 .elementor-element.elementor-element-c0b8364{--width:48%;}.elementor-290 .elementor-element.elementor-element-03a843a{--width:48%;}.elementor-290 .elementor-element.elementor-element-7cb3f30{--width:48%;}.elementor-290 .elementor-element.elementor-element-1321453{--width:48%;}.elementor-290 .elementor-element.elementor-element-72394bf{--width:48%;}.elementor-290 .elementor-element.elementor-element-d8cd3f2{--width:48%;}.elementor-290 .elementor-element.elementor-element-e8ddafa{--width:48%;}.elementor-290 .elementor-element.elementor-element-c06dc74{--width:48%;}.elementor-290 .elementor-element.elementor-element-8d3fccb{--width:48%;}.elementor-290 .elementor-element.elementor-element-ce5defd{--width:48%;}.elementor-290 .elementor-element.elementor-element-9c913f1{--width:48%;}.elementor-290 .elementor-element.elementor-element-1f986b3{--width:48%;}.elementor-290 .elementor-element.elementor-element-bb94abf{--width:48%;}.elementor-290 .elementor-element.elementor-element-74773c8{--width:48%;}.elementor-290 .elementor-element.elementor-element-973d678{--width:48%;}.elementor-290 .elementor-element.elementor-element-f2da3b9{--width:48%;}.elementor-290 .elementor-element.elementor-element-99f86b9{--width:48%;}.elementor-290 .elementor-element.elementor-element-1b57224{--width:48%;}.elementor-290 .elementor-element.elementor-element-0a5633a{--width:48%;}.elementor-290 .elementor-element.elementor-element-f71c0e2{--width:48%;}.elementor-290 .elementor-element.elementor-element-aaac43c{--width:48%;}.elementor-290 .elementor-element.elementor-element-8e679b1{--width:48%;}.elementor-290 .elementor-element.elementor-element-a0c9162{--width:48%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-290 .elementor-element.elementor-element-648ca7a{--justify-content:space-between;--gap:40px 20px;--row-gap:40px;--column-gap:20px;--flex-wrap:wrap;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-290 .elementor-element.elementor-element-4f51622{--justify-content:space-between;--gap:40px 20px;--row-gap:40px;--column-gap:20px;--flex-wrap:wrap;}.elementor-290 .elementor-element.elementor-element-a322876{--justify-content:space-between;--gap:40px 20px;--row-gap:40px;--column-gap:20px;--flex-wrap:wrap;}.elementor-290 .elementor-element.elementor-element-1f0f514{--justify-content:space-between;--gap:40px 20px;--row-gap:40px;--column-gap:20px;--flex-wrap:wrap;}.elementor-290 .elementor-element.elementor-element-6c67ac3{--justify-content:space-between;--gap:40px 20px;--row-gap:40px;--column-gap:20px;--flex-wrap:wrap;}.elementor-290 .elementor-element.elementor-element-ffb9764{--justify-content:space-between;--gap:40px 20px;--row-gap:40px;--column-gap:20px;--flex-wrap:wrap;}.elementor-290 .elementor-element.elementor-element-9b00083{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-290 .elementor-element.elementor-element-3c50789 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-b745b6f{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-290 .elementor-element.elementor-element-3f8b574{text-align:center;}.elementor-290 .elementor-element.elementor-element-3f8b574 .elementor-heading-title{font-size:5rem;}.elementor-290 .elementor-element.elementor-element-cd855a8{text-align:center;}.elementor-290 .elementor-element.elementor-element-cd855a8 .elementor-heading-title{font-size:1rem;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-290 .elementor-element.elementor-element-c958d4f{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-46a2376{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 130px) 0px;}.elementor-290 .elementor-element.elementor-element-0c54794{margin:0px 100px calc(var(--kit-widget-spacing, 0px) + 280px) 0px;}.elementor-290 .elementor-element.elementor-element-0c54794 img{width:15%;}.elementor-290 .elementor-element.elementor-element-5f69b9a{margin:350px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-290 .elementor-element.elementor-element-6d0b7ab{margin:150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-6d0b7ab img{width:15%;}.elementor-290 .elementor-element.elementor-element-18725db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-18725db .elementor-heading-title{font-size:1rem;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-290 .elementor-element.elementor-element-7887b02{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-cc40c77{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-237c3f6{--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-290 .elementor-element.elementor-element-07f34f8{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-290 .elementor-element.elementor-element-07f34f8 .elementor-button{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-d6ea8d6{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-290 .elementor-element.elementor-element-d6ea8d6 .elementor-button{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-3dbe363{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-290 .elementor-element.elementor-element-3dbe363 .elementor-button{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-71885a6 .elementor-divider-separator{width:100%;}.elementor-290 .elementor-element.elementor-element-71885a6 .elementor-divider__text{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-1392ff3{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-648ca7a{--justify-content:space-between;}.elementor-290 .elementor-element.elementor-element-e385a5f{--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-290 .elementor-element.elementor-element-b0c587b{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-b0c587b .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-b0c587b .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-b0c587b .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-b0c587b .elementor-icon-box-description{font-size:0.9rem;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-290 .elementor-element.elementor-element-883b734{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-883b734 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-883b734 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-883b734 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-883b734 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-03a843a{--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-290 .elementor-element.elementor-element-fb2fd67{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-fb2fd67 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-fb2fd67 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-fb2fd67 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-fb2fd67 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-32955c5{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-32955c5 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-32955c5 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-32955c5 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-32955c5 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-741ffdb{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-741ffdb .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-741ffdb .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-741ffdb .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-741ffdb .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-72394bf{--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-290 .elementor-element.elementor-element-39e8893{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-39e8893 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-39e8893 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-39e8893 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-39e8893 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-d8cd3f2{--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-290 .elementor-element.elementor-element-fb5a072{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-fb5a072 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-fb5a072 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-fb5a072 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-fb5a072 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-074284c{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-074284c .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-074284c .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-074284c .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-074284c .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-ce2caf1{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-ce2caf1 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-ce2caf1 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-ce2caf1 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-ce2caf1 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-1670e97{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-1670e97 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-1670e97 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-1670e97 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-1670e97 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-77b6b16{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-77b6b16 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-77b6b16 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-77b6b16 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-77b6b16 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-9c913f1{--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-290 .elementor-element.elementor-element-3a356f4{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-3a356f4 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-3a356f4 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-3a356f4 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-3a356f4 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-2225b82{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-2225b82 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-2225b82 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-2225b82 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-2225b82 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-bb94abf{--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-290 .elementor-element.elementor-element-0298353{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-0298353 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-0298353 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-0298353 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-0298353 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-4ff46ee{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-4ff46ee .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-4ff46ee .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-4ff46ee .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-4ff46ee .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-973d678{--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-290 .elementor-element.elementor-element-67de932{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-67de932 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-67de932 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-67de932 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-67de932 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-88afa0a{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-88afa0a .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-88afa0a .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-88afa0a .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-88afa0a .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-8d23ba1{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-8d23ba1 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-8d23ba1 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-8d23ba1 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-8d23ba1 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-1b57224{--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-290 .elementor-element.elementor-element-b3433e0{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-b3433e0 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-b3433e0 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-b3433e0 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-b3433e0 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-1e02cec{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-1e02cec .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-1e02cec .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-1e02cec .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-1e02cec .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-52faeab{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-52faeab .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-52faeab .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-52faeab .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-52faeab .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-eb6b9ef{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-eb6b9ef .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-eb6b9ef .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-eb6b9ef .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-eb6b9ef .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-78b567b{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-78b567b .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-78b567b .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-78b567b .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-78b567b .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-9271acd{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-290 .elementor-element.elementor-element-9271acd .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-9271acd .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-9271acd .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-9271acd .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-3c50789.elementor-element{--order:-99999 /* order start hack */;}.elementor-290 .elementor-element.elementor-element-3c50789 .elementor-icon-box-wrapper{text-align:center;}.elementor-290 .elementor-element.elementor-element-3c50789 .elementor-icon-box-title, .elementor-290 .elementor-element.elementor-element-3c50789 .elementor-icon-box-title a{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-3c50789 .elementor-icon-box-description{font-size:0.9rem;}.elementor-290 .elementor-element.elementor-element-b745b6f{--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-290 .elementor-element.elementor-element-3204cd7{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-290 .elementor-element.elementor-element-3204cd7 .elementor-button{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-4357138{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-290 .elementor-element.elementor-element-4357138 .elementor-button{font-size:1rem;}.elementor-290 .elementor-element.elementor-element-d9b2ba0{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-290 .elementor-element.elementor-element-d9b2ba0 .elementor-button{font-size:1rem;}}/* Start custom CSS for heading, class: .elementor-element-3f8b574 */.elementor-290 .elementor-element.elementor-element-3f8b574 .elementor-heading-title { font-size: 100px; font-weight: 800; line-height: 1.2; padding: 20px 15px 30px; letter-spacing: -6px; background: linear-gradient( 180deg, #FFFAB7 0%, #FFFAB7 12%, #FFF579 38%, #FFEC00 62%, #FFEC00 82%, #FFEC00 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: drop-shadow(0 0 1px #FFFAB7) drop-shadow(0 0 1px #FFFAB7) drop-shadow(0 0 8px #FFFAB7) drop-shadow(0 0 0px rgba(0, 10, 5, .8)) drop-shadow(0 0 0px rgba(0, 20, 5, .2)); position: relative; z-index: 2; overflow: visible; }/* End custom CSS */ /* Start custom CSS for divider, class: .elementor-element-71885a6 */.elementor-290 .elementor-element.elementor-element-71885a6 .elementor-divider-separator { border: 0 !important; display: flex !important; align-items: center !important; gap: 25px !important; } .elementor-290 .elementor-element.elementor-element-71885a6 .elementor-divider-separator::before, .elementor-290 .elementor-element.elementor-element-71885a6 .elementor-divider-separator::after { content: "" !important; display: block !important; flex: 1 !important; height: 1px !important; border: 0 !important; } .elementor-290 .elementor-element.elementor-element-71885a6 .elementor-divider-separator::before { background: linear-gradient( 90deg, transparent 0%, rgba(170, 153, 88, 0.15) 35%, rgba(218, 190, 105, 0.8) 100% ) !important; } .elementor-290 .elementor-element.elementor-element-71885a6 .elementor-divider-separator::after { background: linear-gradient( 90deg, rgba(218, 190, 105, 0.8) 0%, rgba(170, 153, 88, 0.15) 65%, transparent 100% ) !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-782c1b1 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-9abf978 */.elementor-290 .elementor-element.elementor-element-9abf978 .elementor-icon-list-item { flex-direction: row-reverse; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a3868f9 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-2d17662 */.elementor-290 .elementor-element.elementor-element-2d17662 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-2d17662 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-2d17662 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1960aca *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8b16d16 */.elementor-290 .elementor-element.elementor-element-8b16d16 .elementor-icon-list-item { flex-direction: row-reverse; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2de6e10 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a060e01 */.elementor-290 .elementor-element.elementor-element-a060e01 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-a060e01 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-a060e01 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ed853e0 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8b79c87 */.elementor-290 .elementor-element.elementor-element-8b79c87 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-8b79c87 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-8b79c87 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aa5d7cc *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b16babd */.elementor-290 .elementor-element.elementor-element-b16babd .elementor-icon-list-item { flex-direction: row-reverse; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-78e2abc *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-8c2e0ab */.elementor-290 .elementor-element.elementor-element-8c2e0ab .elementor-icon-list-item { flex-direction: row-reverse; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b9d44e9 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f2271ae */.elementor-290 .elementor-element.elementor-element-f2271ae .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-f2271ae .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-f2271ae .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e54bb36 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d289299 */.elementor-290 .elementor-element.elementor-element-d289299 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-d289299 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-d289299 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0aae0ed *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-9ebb1b4 */.elementor-290 .elementor-element.elementor-element-9ebb1b4 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-9ebb1b4 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-9ebb1b4 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0b2bdfb *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-441efc1 */.elementor-290 .elementor-element.elementor-element-441efc1 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-441efc1 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-441efc1 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5fdc3e2 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-e8d24dc */.elementor-290 .elementor-element.elementor-element-e8d24dc .elementor-icon-list-item { flex-direction: row-reverse; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9f6ae7e *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-d07a575 */.elementor-290 .elementor-element.elementor-element-d07a575 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-d07a575 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-d07a575 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c86cc28 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-fa085f3 */.elementor-290 .elementor-element.elementor-element-fa085f3 .elementor-icon-list-item { flex-direction: row-reverse; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0641f1a *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f2fa8c2 */.elementor-290 .elementor-element.elementor-element-f2fa8c2 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-f2fa8c2 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-f2fa8c2 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ba003ba *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a34f3bb */.elementor-290 .elementor-element.elementor-element-a34f3bb .elementor-icon-list-item { flex-direction: row-reverse; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-692b6f4 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c6a4e23 */.elementor-290 .elementor-element.elementor-element-c6a4e23 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-c6a4e23 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-c6a4e23 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f1b673c *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b4ed425 */.elementor-290 .elementor-element.elementor-element-b4ed425 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-b4ed425 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-b4ed425 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac26d38 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-c191986 */.elementor-290 .elementor-element.elementor-element-c191986 .elementor-icon-list-item { flex-direction: row-reverse; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0023e67 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-2787386 */.elementor-290 .elementor-element.elementor-element-2787386 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-2787386 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-2787386 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-238b0c8 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-7164d47 */.elementor-290 .elementor-element.elementor-element-7164d47 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-7164d47 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-7164d47 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7226810 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-fc2aa88 */.elementor-290 .elementor-element.elementor-element-fc2aa88 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-fc2aa88 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-fc2aa88 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6b6cf96 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b81aad8 */.elementor-290 .elementor-element.elementor-element-b81aad8 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-b81aad8 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-b81aad8 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-28b67a1 *//* ========================================= PREMIUM 3D DESKTOP MOCKUP ========================================= */ .modern-website-showcase { width: 100%; max-width: none; margin: 0; padding: 8px 0 45px; position: relative; perspective: 1800px; } /* ========================================= AMBIENT LIGHT ========================================= */ .modern-website-showcase::before { content: ""; position: absolute; width: 70%; height: 55%; left: 15%; top: 20%; background: radial-gradient( ellipse, rgba(255,255,255,.13), transparent 70% ); filter: blur(45px); opacity: .55; pointer-events: none; transition: opacity .8s ease, transform .8s ease; } /* ========================================= DEVICE ========================================= */ .showcase-device { position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 9px; box-sizing: border-box; border-radius: 25px; background: linear-gradient( 145deg, #464648 0%, #1d1d1f 18%, #09090a 50%, #18181a 78%, #414143 100% ); border: 1px solid rgba(255,255,255,.17); transform: rotateX(0deg) rotateY(0deg) translateZ(0); transform-style: preserve-3d; box-shadow: 0 45px 90px rgba(0,0,0,.38), 0 15px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 5px rgba(0,0,0,.8); transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .7s ease; overflow: hidden; z-index: 2; } /* ========================================= 3D HOVER ========================================= */ .modern-website-showcase:hover .showcase-device { transform: rotateX(2deg) rotateY(-2.5deg) translateY(-8px) translateZ(12px); box-shadow: 0 65px 120px rgba(0,0,0,.45), 0 25px 50px rgba(0,0,0,.25), 0 0 70px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 5px rgba(0,0,0,.8); } /* ========================================= SCREEN ========================================= */ .showcase-screen { position: relative; width: 100%; height: 100%; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 0 1px rgba(255,255,255,.08); transform: translateZ(4px); } /* ========================================= REAL SCROLL AREA ========================================= */ .showcase-scroll-area { position: absolute; inset: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; cursor: pointer; } .showcase-scroll-area::-webkit-scrollbar { display: none; } /* ========================================= WEBSITE IMAGE ========================================= */ .showcase-scroll-area img { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; user-select: none; pointer-events: none; } /* ========================================= MOVING LIGHT ========================================= */ .showcase-device::before { content: ""; position: absolute; top: -100%; left: -35%; width: 35%; height: 300%; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06), transparent ); filter: blur(8px); opacity: 0; pointer-events: none; z-index: 10; transition: left 1.2s cubic-bezier(.2,.8,.2,1), opacity .5s ease; } /* Light moves across frame */ .modern-website-showcase:hover .showcase-device::before { left: 120%; opacity: 1; } /* ========================================= GLASS REFLECTION ========================================= */ .showcase-glass { position: absolute; inset: 0; pointer-events: none; border-radius: 16px; background: linear-gradient( 120deg, rgba(255,255,255,.09), transparent 20%, transparent 72%, rgba(255,255,255,.025) ); opacity: .5; z-index: 5; } /* ========================================= TOP EDGE LIGHT ========================================= */ .showcase-device::after { content: ""; position: absolute; left: 7%; right: 7%; top: 1px; height: 1px; border-radius: 50%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); opacity: .65; pointer-events: none; z-index: 12; } /* ========================================= REMOVE OLD STAND ========================================= */ .showcase-stand, .showcase-neck, .showcase-foot, .showcase-bottom-edge { display: none !important; } /* ========================================= HOVER AMBIENT LIGHT ========================================= */ .modern-website-showcase:hover::before { opacity: .9; transform: scale(1.08) translateY(8px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .modern-website-showcase { padding: 25px 8px 30px; perspective: none; } .showcase-device { aspect-ratio: 16 / 10; padding: 6px; border-radius: 15px; transform: none !important; } .modern-website-showcase:hover .showcase-device { transform: translateY(-4px) !important; } .showcase-screen { border-radius: 10px; } .showcase-glass { border-radius: 10px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-574dd10 */.elementor-290 .elementor-element.elementor-element-574dd10 .elementor-icon-list-item { display: flex; flex-direction: row-reverse; } .elementor-290 .elementor-element.elementor-element-574dd10 .elementor-icon-list-item > a { display: flex; flex-direction: row-reverse; align-items: center; width: 100%; } .elementor-290 .elementor-element.elementor-element-574dd10 .elementor-icon-list-icon { margin-right: 0 !important; margin-left: 10px !important; }/* End custom CSS */