.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-1995e20 .elementor-heading-title{font-family:"Rubik Mono One", Sans-serif;font-weight:400;color:#212E1E;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-28 .elementor-element.elementor-element-eee705a img{width:100%;}.elementor-28 .elementor-element.elementor-element-b99d46e img{width:100%;}.elementor-28 .elementor-element.elementor-element-07cb88b img{width:100%;}.elementor-28 .elementor-element.elementor-element-091b84e img{width:100%;}.elementor-28 .elementor-element.elementor-element-ed1cb49 img{width:100%;}.elementor-28 .elementor-element.elementor-element-5681565 img{width:100%;}.elementor-28 .elementor-element.elementor-element-559049aa > .elementor-container{max-width:800px;}.elementor-28 .elementor-element.elementor-element-559049aa > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-28 .elementor-element.elementor-element-559049aa:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-559049aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-28 .elementor-element.elementor-element-559049aa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-28 .elementor-element.elementor-element-559049aa > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28 .elementor-element.elementor-element-5f29206a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-28 .elementor-element.elementor-element-5f29206a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-28 .elementor-element.elementor-element-5f29206a > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#bfbfbf;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 150px 150px 150px;}.elementor-28 .elementor-element.elementor-element-5f29206a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-28 .elementor-element.elementor-element-3b125db5{text-align:center;padding:0px 0px 50px 0px;}.elementor-28 .elementor-element.elementor-element-3b125db5 .elementor-heading-title{font-size:55px;font-weight:600;color:#000000;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-group{padding-right:calc( 13px/2 );padding-left:calc( 13px/2 );margin-bottom:30px;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-form-fields-wrapper{margin-left:calc( -13px/2 );margin-right:calc( -13px/2 );margin-bottom:-30px;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-labels-inline .elementor-field-group > label{padding-left:5px;}body:not(.rtl) .elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-labels-inline .elementor-field-group > label{padding-right:5px;}body .elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-labels-above .elementor-field-group > label{padding-bottom:5px;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-group > label, .elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-subgroup label{color:#bfbfbf;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-group > label{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-type-html{padding-bottom:0px;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-group .elementor-field{color:#000000;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-group .elementor-field, .elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-subgroup label{font-size:16px;font-weight:300;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:rgba(255,255,255,0);border-color:#686868;border-radius:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-group .elementor-select-wrapper select{background-color:rgba(255,255,255,0);border-color:#686868;border-radius:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-field-group .elementor-select-wrapper::before{color:#686868;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-button{font-size:14px;font-weight:600;text-transform:uppercase;border-radius:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .e-form__buttons__wrapper__button-next{background-color:#000000;color:#ffffff;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-button[type="submit"]{background-color:#000000;color:#ffffff;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .e-form__buttons__wrapper__button-next:hover{background-color:#00ce1b;color:#ffffff;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-button[type="submit"]:hover{background-color:#00ce1b;color:#ffffff;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-28 .elementor-element.elementor-element-7f888ae5 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-28 .elementor-element.elementor-element-7f888ae5{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-28 .elementor-element.elementor-element-1233940e{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-559049aa{padding:100px 25px 100px 25px;}.elementor-28 .elementor-element.elementor-element-3b125db5 .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-559049aa{padding:50px 20px 50px 20px;}.elementor-28 .elementor-element.elementor-element-5f29206a > .elementor-element-populated{padding:50px 25px 50px 25px;}.elementor-28 .elementor-element.elementor-element-3b125db5 .elementor-heading-title{font-size:45px;}.elementor-28 .elementor-element.elementor-element-3b125db5{padding:0px 0px 20px 0px;}}/* Start custom CSS for heading, class: .elementor-element-1995e20 */.elementor-28 .elementor-element.elementor-element-1995e20 { color: #212e1e; text-shadow: 0 1px 0 #ffffff, 0 2px 0 rgba(33, 46, 30, 0.15), 0 4px 0 rgba(33, 46, 30, 0.08), 0 7px 12px rgba(33, 46, 30, 0.18); transition: transform 0.35s ease, text-shadow 0.35s ease; } /* 3D lift */ .elementor-28 .elementor-element.elementor-element-1995e20:hover { transform: translateY(-3px); text-shadow: 0 1px 0 #ffffff, 0 3px 0 rgba(33, 46, 30, 0.18), 0 6px 0 rgba(33, 46, 30, 0.08), 0 10px 18px rgba(33, 46, 30, 0.22); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eee705a */.elementor-28 .elementor-element.elementor-element-eee705a { position: relative; display: inline-block; transform-style: preserve-3d; perspective: 1000px; animation: glassFloat 4s ease-in-out infinite; filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.18)); } .elementor-28 .elementor-element.elementor-element-eee705a img { position: relative; display: block; width: 100%; height: auto; border-radius: 20px; /* Glass surface */ background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.55); /* 3D depth */ box-shadow: 0 8px 0 rgba(255, 255, 255, 0.18), 0 15px 25px rgba(0, 0, 0, 0.18), inset 0 1px 2px rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transform: translateZ(25px); transition: transform 0.5s ease, box-shadow 0.5s ease; } /* Glass reflection */ .elementor-28 .elementor-element.elementor-element-eee705a::before { content: ""; position: absolute; top: 4%; left: 8%; width: 45%; height: 18%; background: linear-gradient( 120deg, rgba(255,255,255,0.65), rgba(255,255,255,0) ); border-radius: 50%; filter: blur(5px); transform: rotate(-15deg) translateZ(50px); pointer-events: none; z-index: 2; } /* Soft glass glow */ .elementor-28 .elementor-element.elementor-element-eee705a::after { content: ""; position: absolute; inset: -8px; border-radius: 25px; background: linear-gradient( 135deg, rgba(255,255,255,0.25), rgba(255,255,255,0), rgba(255,255,255,0.15) ); filter: blur(12px); opacity: 0.7; z-index: -1; pointer-events: none; } /* Hover = deeper 3D effect */ .elementor-28 .elementor-element.elementor-element-eee705a:hover { animation-play-state: paused; } .elementor-28 .elementor-element.elementor-element-eee705a:hover img { transform: translateY(-8px) translateZ(45px) rotateX(3deg) rotateY(-3deg); box-shadow: 0 12px 0 rgba(255,255,255,0.22), 0 30px 45px rgba(0,0,0,0.25), inset 0 1px 3px rgba(255,255,255,0.8); } /* Floating animation */ @keyframes glassFloat { 0%, 100% { transform: translateY(0) rotateX(0deg) rotateY(0deg); } 50% { transform: translateY(-10px) rotateX(1deg) rotateY(-1deg); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b99d46e */.elementor-28 .elementor-element.elementor-element-b99d46e { position: relative; display: inline-block; transform-style: preserve-3d; perspective: 1000px; animation: glassFloat 4s ease-in-out infinite; filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.18)); } .elementor-28 .elementor-element.elementor-element-b99d46e img { position: relative; display: block; width: 100%; height: auto; border-radius: 20px; /* Glass surface */ background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.55); /* 3D depth */ box-shadow: 0 8px 0 rgba(255, 255, 255, 0.18), 0 15px 25px rgba(0, 0, 0, 0.18), inset 0 1px 2px rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transform: translateZ(25px); transition: transform 0.5s ease, box-shadow 0.5s ease; } /* Glass reflection */ .elementor-28 .elementor-element.elementor-element-b99d46e::before { content: ""; position: absolute; top: 4%; left: 8%; width: 45%; height: 18%; background: linear-gradient( 120deg, rgba(255,255,255,0.65), rgba(255,255,255,0) ); border-radius: 50%; filter: blur(5px); transform: rotate(-15deg) translateZ(50px); pointer-events: none; z-index: 2; } /* Soft glass glow */ .elementor-28 .elementor-element.elementor-element-b99d46e::after { content: ""; position: absolute; inset: -8px; border-radius: 25px; background: linear-gradient( 135deg, rgba(255,255,255,0.25), rgba(255,255,255,0), rgba(255,255,255,0.15) ); filter: blur(12px); opacity: 0.7; z-index: -1; pointer-events: none; } /* Hover = deeper 3D effect */ .elementor-28 .elementor-element.elementor-element-b99d46e:hover { animation-play-state: paused; } .elementor-28 .elementor-element.elementor-element-b99d46e:hover img { transform: translateY(-8px) translateZ(45px) rotateX(3deg) rotateY(-3deg); box-shadow: 0 12px 0 rgba(255,255,255,0.22), 0 30px 45px rgba(0,0,0,0.25), inset 0 1px 3px rgba(255,255,255,0.8); } /* Floating animation */ @keyframes glassFloat { 0%, 100% { transform: translateY(0) rotateX(0deg) rotateY(0deg); } 50% { transform: translateY(-10px) rotateX(1deg) rotateY(-1deg); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-07cb88b */.elementor-28 .elementor-element.elementor-element-07cb88b { position: relative; display: inline-block; transform-style: preserve-3d; perspective: 1000px; animation: glassFloat 4s ease-in-out infinite; filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.18)); } .elementor-28 .elementor-element.elementor-element-07cb88b img { position: relative; display: block; width: 100%; height: auto; border-radius: 20px; /* Glass surface */ background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.55); /* 3D depth */ box-shadow: 0 8px 0 rgba(255, 255, 255, 0.18), 0 15px 25px rgba(0, 0, 0, 0.18), inset 0 1px 2px rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transform: translateZ(25px); transition: transform 0.5s ease, box-shadow 0.5s ease; } /* Glass reflection */ .elementor-28 .elementor-element.elementor-element-07cb88b::before { content: ""; position: absolute; top: 4%; left: 8%; width: 45%; height: 18%; background: linear-gradient( 120deg, rgba(255,255,255,0.65), rgba(255,255,255,0) ); border-radius: 50%; filter: blur(5px); transform: rotate(-15deg) translateZ(50px); pointer-events: none; z-index: 2; } /* Soft glass glow */ .elementor-28 .elementor-element.elementor-element-07cb88b::after { content: ""; position: absolute; inset: -8px; border-radius: 25px; background: linear-gradient( 135deg, rgba(255,255,255,0.25), rgba(255,255,255,0), rgba(255,255,255,0.15) ); filter: blur(12px); opacity: 0.7; z-index: -1; pointer-events: none; } /* Hover = deeper 3D effect */ .elementor-28 .elementor-element.elementor-element-07cb88b:hover { animation-play-state: paused; } .elementor-28 .elementor-element.elementor-element-07cb88b:hover img { transform: translateY(-8px) translateZ(45px) rotateX(3deg) rotateY(-3deg); box-shadow: 0 12px 0 rgba(255,255,255,0.22), 0 30px 45px rgba(0,0,0,0.25), inset 0 1px 3px rgba(255,255,255,0.8); } /* Floating animation */ @keyframes glassFloat { 0%, 100% { transform: translateY(0) rotateX(0deg) rotateY(0deg); } 50% { transform: translateY(-10px) rotateX(1deg) rotateY(-1deg); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-091b84e */.elementor-28 .elementor-element.elementor-element-091b84e { position: relative; display: inline-block; transform-style: preserve-3d; perspective: 1000px; animation: glassFloat 4s ease-in-out infinite; filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.18)); } .elementor-28 .elementor-element.elementor-element-091b84e img { position: relative; display: block; width: 100%; height: auto; border-radius: 20px; /* Glass surface */ background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.55); /* 3D depth */ box-shadow: 0 8px 0 rgba(255, 255, 255, 0.18), 0 15px 25px rgba(0, 0, 0, 0.18), inset 0 1px 2px rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transform: translateZ(25px); transition: transform 0.5s ease, box-shadow 0.5s ease; } /* Glass reflection */ .elementor-28 .elementor-element.elementor-element-091b84e::before { content: ""; position: absolute; top: 4%; left: 8%; width: 45%; height: 18%; background: linear-gradient( 120deg, rgba(255,255,255,0.65), rgba(255,255,255,0) ); border-radius: 50%; filter: blur(5px); transform: rotate(-15deg) translateZ(50px); pointer-events: none; z-index: 2; } /* Soft glass glow */ .elementor-28 .elementor-element.elementor-element-091b84e::after { content: ""; position: absolute; inset: -8px; border-radius: 25px; background: linear-gradient( 135deg, rgba(255,255,255,0.25), rgba(255,255,255,0), rgba(255,255,255,0.15) ); filter: blur(12px); opacity: 0.7; z-index: -1; pointer-events: none; } /* Hover = deeper 3D effect */ .elementor-28 .elementor-element.elementor-element-091b84e:hover { animation-play-state: paused; } .elementor-28 .elementor-element.elementor-element-091b84e:hover img { transform: translateY(-8px) translateZ(45px) rotateX(3deg) rotateY(-3deg); box-shadow: 0 12px 0 rgba(255,255,255,0.22), 0 30px 45px rgba(0,0,0,0.25), inset 0 1px 3px rgba(255,255,255,0.8); } /* Floating animation */ @keyframes glassFloat { 0%, 100% { transform: translateY(0) rotateX(0deg) rotateY(0deg); } 50% { transform: translateY(-10px) rotateX(1deg) rotateY(-1deg); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ed1cb49 */.elementor-28 .elementor-element.elementor-element-ed1cb49 { position: relative; display: inline-block; transform-style: preserve-3d; perspective: 1000px; animation: glassFloat 4s ease-in-out infinite; filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.18)); } .elementor-28 .elementor-element.elementor-element-ed1cb49 img { position: relative; display: block; width: 100%; height: auto; border-radius: 20px; /* Glass surface */ background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.55); /* 3D depth */ box-shadow: 0 8px 0 rgba(255, 255, 255, 0.18), 0 15px 25px rgba(0, 0, 0, 0.18), inset 0 1px 2px rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transform: translateZ(25px); transition: transform 0.5s ease, box-shadow 0.5s ease; } /* Glass reflection */ .elementor-28 .elementor-element.elementor-element-ed1cb49::before { content: ""; position: absolute; top: 4%; left: 8%; width: 45%; height: 18%; background: linear-gradient( 120deg, rgba(255,255,255,0.65), rgba(255,255,255,0) ); border-radius: 50%; filter: blur(5px); transform: rotate(-15deg) translateZ(50px); pointer-events: none; z-index: 2; } /* Soft glass glow */ .elementor-28 .elementor-element.elementor-element-ed1cb49::after { content: ""; position: absolute; inset: -8px; border-radius: 25px; background: linear-gradient( 135deg, rgba(255,255,255,0.25), rgba(255,255,255,0), rgba(255,255,255,0.15) ); filter: blur(12px); opacity: 0.7; z-index: -1; pointer-events: none; } /* Hover = deeper 3D effect */ .elementor-28 .elementor-element.elementor-element-ed1cb49:hover { animation-play-state: paused; } .elementor-28 .elementor-element.elementor-element-ed1cb49:hover img { transform: translateY(-8px) translateZ(45px) rotateX(3deg) rotateY(-3deg); box-shadow: 0 12px 0 rgba(255,255,255,0.22), 0 30px 45px rgba(0,0,0,0.25), inset 0 1px 3px rgba(255,255,255,0.8); } /* Floating animation */ @keyframes glassFloat { 0%, 100% { transform: translateY(0) rotateX(0deg) rotateY(0deg); } 50% { transform: translateY(-10px) rotateX(1deg) rotateY(-1deg); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5681565 */.elementor-28 .elementor-element.elementor-element-5681565 { position: relative; display: inline-block; transform-style: preserve-3d; perspective: 1000px; animation: glassFloat 4s ease-in-out infinite; filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.18)); } .elementor-28 .elementor-element.elementor-element-5681565 img { position: relative; display: block; width: 100%; height: auto; border-radius: 20px; /* Glass surface */ background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.55); /* 3D depth */ box-shadow: 0 8px 0 rgba(255, 255, 255, 0.18), 0 15px 25px rgba(0, 0, 0, 0.18), inset 0 1px 2px rgba(255, 255, 255, 0.7); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transform: translateZ(25px); transition: transform 0.5s ease, box-shadow 0.5s ease; } /* Glass reflection */ .elementor-28 .elementor-element.elementor-element-5681565::before { content: ""; position: absolute; top: 4%; left: 8%; width: 45%; height: 18%; background: linear-gradient( 120deg, rgba(255,255,255,0.65), rgba(255,255,255,0) ); border-radius: 50%; filter: blur(5px); transform: rotate(-15deg) translateZ(50px); pointer-events: none; z-index: 2; } /* Soft glass glow */ .elementor-28 .elementor-element.elementor-element-5681565::after { content: ""; position: absolute; inset: -8px; border-radius: 25px; background: linear-gradient( 135deg, rgba(255,255,255,0.25), rgba(255,255,255,0), rgba(255,255,255,0.15) ); filter: blur(12px); opacity: 0.7; z-index: -1; pointer-events: none; } /* Hover = deeper 3D effect */ .elementor-28 .elementor-element.elementor-element-5681565:hover { animation-play-state: paused; } .elementor-28 .elementor-element.elementor-element-5681565:hover img { transform: translateY(-8px) translateZ(45px) rotateX(3deg) rotateY(-3deg); box-shadow: 0 12px 0 rgba(255,255,255,0.22), 0 30px 45px rgba(0,0,0,0.25), inset 0 1px 3px rgba(255,255,255,0.8); } /* Floating animation */ @keyframes glassFloat { 0%, 100% { transform: translateY(0) rotateX(0deg) rotateY(0deg); } 50% { transform: translateY(-10px) rotateX(1deg) rotateY(-1deg); } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-7d2077ec */.elementor-28 .elementor-element.elementor-element-7d2077ec { color: #212e1e; } /* Normal text */ .elementor-28 .elementor-element.elementor-element-7d2077ec p, .elementor-28 .elementor-element.elementor-element-7d2077ec span, .elementor-28 .elementor-element.elementor-element-7d2077ec li { text-shadow: 0 1px 0 #ffffff, 0 2px 0 rgba(33, 46, 30, 0.12), 0 4px 8px rgba(33, 46, 30, 0.18); transition: all 0.3s ease; } /* Linked text */ .elementor-28 .elementor-element.elementor-element-7d2077ec a { color: #212e1e !important; text-decoration: none !important; text-shadow: 0 1px 0 #ffffff, 0 2px 0 rgba(33, 46, 30, 0.18), 0 4px 8px rgba(33, 46, 30, 0.20); border-bottom: 1px solid rgba(33, 46, 30, 0.35); transition: transform 0.3s ease, text-shadow 0.3s ease; } /* Linked text hover */ .elementor-28 .elementor-element.elementor-element-7d2077ec a:hover { transform: translateY(-2px); text-shadow: 0 1px 0 #ffffff, 0 2px 0 rgba(33, 46, 30, 0.2), 0 5px 12px rgba(33, 46, 30, 0.28); border-bottom-color: #212e1e; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1233940e */.elementor-28 .elementor-element.elementor-element-1233940e { position: relative; transform-style: preserve-3d; perspective: 1200px; background: rgba(253, 244, 230, 0.72); border: 1px solid rgba(255, 255, 255, 0.75); border-radius: 24px; box-shadow: 0 8px 0 rgba(255, 255, 255, 0.35), 0 18px 35px rgba(33, 46, 30, 0.18), inset 0 1px 3px rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); animation: cafeGlassFloat 5s ease-in-out infinite; transition: transform 0.5s ease, box-shadow 0.5s ease; } /* Glass reflection */ .elementor-28 .elementor-element.elementor-element-1233940e::before { content: ""; position: absolute; top: 8px; left: 8%; width: 55%; height: 35%; background: linear-gradient( 120deg, rgba(255,255,255,0.5), rgba(255,255,255,0) ); border-radius: 50%; filter: blur(12px); transform: rotate(-12deg); pointer-events: none; z-index: 0; } /* Soft 3D glow */ .elementor-28 .elementor-element.elementor-element-1233940e::after { content: ""; position: absolute; inset: -6px; border-radius: 28px; background: linear-gradient( 135deg, rgba(255,255,255,0.3), transparent 45%, rgba(33,46,30,0.08) ); filter: blur(10px); opacity: 0.7; z-index: -1; pointer-events: none; } /* Keep container content above glass effects */ .elementor-28 .elementor-element.elementor-element-1233940e > * { position: relative; z-index: 2; } /* Hover 3D lift */ .elementor-28 .elementor-element.elementor-element-1233940e:hover { animation-play-state: paused; transform: translateY(-10px) translateZ(25px) rotateX(2deg) rotateY(-2deg); box-shadow: 0 12px 0 rgba(255,255,255,0.4), 0 30px 55px rgba(33,46,30,0.25), inset 0 1px 4px rgba(255,255,255,0.9); } /* Floating animation */ @keyframes cafeGlassFloat { 0%, 100% { transform: translateY(0) rotateX(0deg) rotateY(0deg); } 50% { transform: translateY(-8px) rotateX(1deg) rotateY(-1deg); } }/* End custom CSS */