.elementor-411 .elementor-element.elementor-element-81f5a84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-191px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-411 .elementor-element.elementor-element-529be6c{--display:flex;--min-height:538px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-529be6c:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-529be6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://optivaral.com/wp-content/uploads/2025/08/Group-1000007168.jpg");}.elementor-411 .elementor-element.elementor-element-61ddcd6{--display:flex;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-411 .elementor-element.elementor-element-9cc7495{text-align:center;}.elementor-411 .elementor-element.elementor-element-9cc7495 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:60px;font-weight:700;line-height:72px;letter-spacing:-1.2px;color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-a44fe6b{--display:flex;--min-height:80px;--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-3b0ec80 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:29px;letter-spacing:0px;color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-3ad3994 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:29px;letter-spacing:0px;color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-c73d65a{--display:flex;--padding-top:130px;--padding-bottom:130px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-a9278e8 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-411 .elementor-element.elementor-element-b16cd80{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-411 .elementor-element.elementor-element-7f1685a{--display:flex;}.elementor-411 .elementor-element.elementor-element-91b9ceb .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:23px;font-weight:600;line-height:32px;color:#000000;}.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-411 .elementor-element.elementor-element-d0dae47{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-411 .elementor-element.elementor-element-d0dae47 .elementor-divider-separator{width:65%;}.elementor-411 .elementor-element.elementor-element-d0dae47 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-411 .elementor-element.elementor-element-ec5bab5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-411 .elementor-element.elementor-element-ec5bab5 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-411 .elementor-element.elementor-element-ec5bab5 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-411 .elementor-element.elementor-element-ec5bab5.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-411 .elementor-element.elementor-element-ec5bab5.elementor-view-framed .elementor-icon, .elementor-411 .elementor-element.elementor-element-ec5bab5.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-411 .elementor-element.elementor-element-ec5bab5.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-ec5bab5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-ec5bab5.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-ec5bab5.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-ec5bab5.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-ec5bab5.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-ec5bab5 .elementor-icon{font-size:27px;}.elementor-411 .elementor-element.elementor-element-ec5bab5 .elementor-icon-box-title, .elementor-411 .elementor-element.elementor-element-ec5bab5 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-411 .elementor-element.elementor-element-ec5bab5:has(:hover) .elementor-icon-box-title,
					 .elementor-411 .elementor-element.elementor-element-ec5bab5:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-ec5bab5 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-411 .elementor-element.elementor-element-078a8a7{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-411 .elementor-element.elementor-element-078a8a7 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-411 .elementor-element.elementor-element-078a8a7 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-411 .elementor-element.elementor-element-078a8a7.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-411 .elementor-element.elementor-element-078a8a7.elementor-view-framed .elementor-icon, .elementor-411 .elementor-element.elementor-element-078a8a7.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-411 .elementor-element.elementor-element-078a8a7.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-078a8a7.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-078a8a7.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-078a8a7.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-078a8a7.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-078a8a7.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-078a8a7 .elementor-icon{font-size:27px;}.elementor-411 .elementor-element.elementor-element-078a8a7 .elementor-icon-box-title, .elementor-411 .elementor-element.elementor-element-078a8a7 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-411 .elementor-element.elementor-element-078a8a7:has(:hover) .elementor-icon-box-title,
					 .elementor-411 .elementor-element.elementor-element-078a8a7:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-078a8a7 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-411 .elementor-element.elementor-element-902f4ef{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-411 .elementor-element.elementor-element-902f4ef .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-411 .elementor-element.elementor-element-902f4ef .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-411 .elementor-element.elementor-element-902f4ef.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-411 .elementor-element.elementor-element-902f4ef.elementor-view-framed .elementor-icon, .elementor-411 .elementor-element.elementor-element-902f4ef.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-411 .elementor-element.elementor-element-902f4ef.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-902f4ef.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-902f4ef.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-902f4ef.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-902f4ef.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-902f4ef.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-902f4ef .elementor-icon{font-size:27px;}.elementor-411 .elementor-element.elementor-element-902f4ef .elementor-icon-box-title, .elementor-411 .elementor-element.elementor-element-902f4ef .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-411 .elementor-element.elementor-element-902f4ef:has(:hover) .elementor-icon-box-title,
					 .elementor-411 .elementor-element.elementor-element-902f4ef:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-902f4ef .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-411 .elementor-element.elementor-element-ab447a7{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-411 .elementor-element.elementor-element-ab447a7 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-411 .elementor-element.elementor-element-ab447a7 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-411 .elementor-element.elementor-element-ab447a7.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-411 .elementor-element.elementor-element-ab447a7.elementor-view-framed .elementor-icon, .elementor-411 .elementor-element.elementor-element-ab447a7.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-411 .elementor-element.elementor-element-ab447a7.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-ab447a7.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-ab447a7.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-ab447a7.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-ab447a7.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-ab447a7.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-ab447a7 .elementor-icon{font-size:27px;}.elementor-411 .elementor-element.elementor-element-ab447a7 .elementor-icon-box-title, .elementor-411 .elementor-element.elementor-element-ab447a7 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-411 .elementor-element.elementor-element-ab447a7:has(:hover) .elementor-icon-box-title,
					 .elementor-411 .elementor-element.elementor-element-ab447a7:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-ab447a7 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-411 .elementor-element.elementor-element-a5180d3{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-411 .elementor-element.elementor-element-a5180d3 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-411 .elementor-element.elementor-element-a5180d3 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-411 .elementor-element.elementor-element-a5180d3.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-411 .elementor-element.elementor-element-a5180d3.elementor-view-framed .elementor-icon, .elementor-411 .elementor-element.elementor-element-a5180d3.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-411 .elementor-element.elementor-element-a5180d3.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-a5180d3.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-a5180d3.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-a5180d3.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-a5180d3.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-a5180d3.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-a5180d3 .elementor-icon{font-size:27px;}.elementor-411 .elementor-element.elementor-element-a5180d3 .elementor-icon-box-title, .elementor-411 .elementor-element.elementor-element-a5180d3 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-411 .elementor-element.elementor-element-a5180d3:has(:hover) .elementor-icon-box-title,
					 .elementor-411 .elementor-element.elementor-element-a5180d3:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-a5180d3 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-411 .elementor-element.elementor-element-2673f05{padding:85px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-2673f05 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:23px;font-weight:600;line-height:32px;color:#000000;}.elementor-411 .elementor-element.elementor-element-eea452d{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-411 .elementor-element.elementor-element-eea452d .elementor-divider-separator{width:65%;}.elementor-411 .elementor-element.elementor-element-eea452d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-411 .elementor-element.elementor-element-f54f947{padding:0px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-f54f947 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-411 .elementor-element.elementor-element-f54f947 .elementor-heading-title a:hover, .elementor-411 .elementor-element.elementor-element-f54f947 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-f54f947 .elementor-heading-title a{transition-duration:0.3s;}.elementor-411 .elementor-element.elementor-element-be9e5f4{padding:0px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-be9e5f4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-411 .elementor-element.elementor-element-be9e5f4 .elementor-heading-title a:hover, .elementor-411 .elementor-element.elementor-element-be9e5f4 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-be9e5f4 .elementor-heading-title a{transition-duration:0.3s;}.elementor-411 .elementor-element.elementor-element-5472de3{padding:0px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-5472de3 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-411 .elementor-element.elementor-element-5472de3 .elementor-heading-title a:hover, .elementor-411 .elementor-element.elementor-element-5472de3 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-5472de3 .elementor-heading-title a{transition-duration:0.3s;}.elementor-411 .elementor-element.elementor-element-ae9c4e8{padding:0px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-ae9c4e8 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-411 .elementor-element.elementor-element-ae9c4e8 .elementor-heading-title a:hover, .elementor-411 .elementor-element.elementor-element-ae9c4e8 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-ae9c4e8 .elementor-heading-title a{transition-duration:0.3s;}.elementor-411 .elementor-element.elementor-element-a2f614b{padding:27px 0px 0px 0px;--icon-box-icon-margin:18px;}.elementor-411 .elementor-element.elementor-element-a2f614b .elementor-icon-box-wrapper{align-items:start;}.elementor-411 .elementor-element.elementor-element-a2f614b .elementor-icon-box-title{margin-block-end:3px;color:#000000;transition-duration:0.2s;}.elementor-411 .elementor-element.elementor-element-a2f614b.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-411 .elementor-element.elementor-element-a2f614b.elementor-view-framed .elementor-icon, .elementor-411 .elementor-element.elementor-element-a2f614b.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-411 .elementor-element.elementor-element-a2f614b.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-a2f614b.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-a2f614b.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-a2f614b.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-a2f614b.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-411 .elementor-element.elementor-element-a2f614b.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-a2f614b .elementor-icon-box-title, .elementor-411 .elementor-element.elementor-element-a2f614b .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:600;line-height:19px;}.elementor-411 .elementor-element.elementor-element-a2f614b:has(:hover) .elementor-icon-box-title,
					 .elementor-411 .elementor-element.elementor-element-a2f614b:has(:focus) .elementor-icon-box-title{color:#8C8F94;}.elementor-411 .elementor-element.elementor-element-1f1c142{padding:85px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-1f1c142 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:23px;font-weight:600;line-height:32px;color:#000000;}.elementor-411 .elementor-element.elementor-element-e740f4b{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-411 .elementor-element.elementor-element-e740f4b .elementor-divider-separator{width:65%;}.elementor-411 .elementor-element.elementor-element-e740f4b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.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-411 .elementor-element.elementor-element-1c8a81c{width:var( --container-widget-width, 91.546% );max-width:91.546%;background-color:#FFFFFF;margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:91.546%;--container-widget-flex-grow:0;border-radius:24px 24px 24px 24px;--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-411 .elementor-element.elementor-element-1c8a81c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:20px;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-20px;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-field-group > label{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-field-type-html{padding-bottom:0px;font-family:"Manrope", Sans-serif;font-size:17px;font-weight:400;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-field-group .elementor-field{color:#596678;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-field-group .elementor-field, .elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-field-subgroup label{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#0000003B;border-radius:10px 10px 10px 10px;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#0000003B;border-radius:10px 10px 10px 10px;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-field-group .elementor-select-wrapper::before{color:#0000003B;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-button{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:400;line-height:28px;border-radius:10px 10px 10px 10px;padding:17px 0px 17px 0px;}.elementor-411 .elementor-element.elementor-element-1c8a81c .e-form__buttons__wrapper__button-next{background-color:#8C20EB;color:#ffffff;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-button[type="submit"]{background-color:#8C20EB;color:#ffffff;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-411 .elementor-element.elementor-element-1c8a81c .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-411 .elementor-element.elementor-element-1c8a81c .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-411 .elementor-element.elementor-element-1c8a81c .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-411 .elementor-element.elementor-element-1c8a81c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-411 .elementor-element.elementor-element-bdbac88{--display:flex;}.elementor-411 .elementor-element.elementor-element-3acd213 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-411 .elementor-element.elementor-element-3774f56{padding:20px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-3774f56 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-411 .elementor-element.elementor-element-141c8a3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:42px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-5315c0e{--display:flex;}.elementor-411 .elementor-element.elementor-element-04bb093{padding:20px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-04bb093 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-411 .elementor-element.elementor-element-764a277{--display:flex;}.elementor-411 .elementor-element.elementor-element-d3d33bf{padding:20px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-d3d33bf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-411 .elementor-element.elementor-element-f1eb60f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:42px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-68a2389{--display:flex;}.elementor-411 .elementor-element.elementor-element-b480548{padding:20px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-b480548 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-411 .elementor-element.elementor-element-4b5a94c{--display:flex;}.elementor-411 .elementor-element.elementor-element-3595247{padding:20px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-3595247 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-411 .elementor-element.elementor-element-eed5b33{--display:flex;--padding-top:55px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-db1c600 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:31px;font-weight:600;line-height:40px;color:#000000;}.elementor-411 .elementor-element.elementor-element-db1c600 .elementor-heading-title a:hover, .elementor-411 .elementor-element.elementor-element-db1c600 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-db1c600 .elementor-heading-title a{transition-duration:0.2s;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-411 .elementor-element.elementor-element-55288ac{padding:20px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-411 .elementor-element.elementor-element-55288ac .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(3px/2);}.elementor-411 .elementor-element.elementor-element-55288ac .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(3px/2);}.elementor-411 .elementor-element.elementor-element-55288ac .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(3px/2);}.elementor-411 .elementor-element.elementor-element-55288ac .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-3px/2);}.elementor-411 .elementor-element.elementor-element-55288ac .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-3px/2);}.elementor-411 .elementor-element.elementor-element-55288ac .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-411 .elementor-element.elementor-element-55288ac .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-411 .elementor-element.elementor-element-55288ac .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-55288ac .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#8C20EB;}.elementor-411 .elementor-element.elementor-element-55288ac .elementor-icon-list-text{transition:color 0.3s;}.elementor-411 .elementor-element.elementor-element-f6b356f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:55px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-30f52f2{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-411 .elementor-element.elementor-element-b88358f img{border-radius:20px 20px 20px 20px;}.elementor-411 .elementor-element.elementor-element-5ccecba{--display:flex;}.elementor-411 .elementor-element.elementor-element-7a73db3 img{border-radius:20px 20px 20px 20px;}.elementor-411 .elementor-element.elementor-element-c2cc0fc{--display:flex;--padding-top:61px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-56ba19d .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-411 .elementor-element.elementor-element-56ba19d .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-411 .elementor-element.elementor-element-56ba19d .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-56ba19d .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{background-color:#FAF5FF;font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;line-height:28px;letter-spacing:0px;color:#24272D;border-radius:16px 016px 0px 0px;}.elementor-411 .elementor-element.elementor-element-56ba19d .elementskit-accordion .elementskit-card-body, .elementor-411 .elementor-element.elementor-element-56ba19d .accordion.floating-style .elementskit-card-body{background-color:#F3E8FF;}.elementor-411 .elementor-element.elementor-element-56ba19d:hover{border-radius:16px 16px 16px 16px;}.elementor-411 .elementor-element.elementor-element-56ba19d .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:#FAF5FF;border-radius:16px 16px 0px 0px;}.elementor-411 .elementor-element.elementor-element-56ba19d .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:#FAF5FF;}.elementor-411 .elementor-element.elementor-element-56ba19d .elementskit-accordion .elementskit-card-body p{color:#020101;}.elementor-411 .elementor-element.elementor-element-56ba19d .elementskit-accordion .elementskit-card-body{color:#020101;border-radius:0px 0px 016px 016px;padding:22px 32px 22px 32px;}.elementor-411 .elementor-element.elementor-element-56ba19d .elementskit-accordion > .elementskit-card.active{border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-56ba19d .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:0px 0px 0px 0px;}.elementor-411 .elementor-element.elementor-element-56ba19d .elementskit-accordion > .elementskit-card{border-style:solid;border-width:0px 0px 2px 0px;border-color:#D6DAE1;}.elementor-411 .elementor-element.elementor-element-a811af9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-5975163{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-411 .elementor-element.elementor-element-7ec6f91{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-411 .elementor-element.elementor-element-7ec6f91:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-7ec6f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://optivaral.com/wp-content/uploads/2025/09/ball.png");background-position:201px 46px;background-repeat:no-repeat;}.elementor-411 .elementor-element.elementor-element-b0877b2{z-index:1;}.elementor-411 .elementor-element.elementor-element-b0877b2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-78a367f{padding:30px 0px 0px 0px;z-index:1;}.elementor-411 .elementor-element.elementor-element-78a367f .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-411 .elementor-element.elementor-element-759af07{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-411 .elementor-element.elementor-element-759af07 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-411 .elementor-element.elementor-element-759af07 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-411 .elementor-element.elementor-element-759af07 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-411 .elementor-element.elementor-element-759af07 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-411 .elementor-element.elementor-element-759af07 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-411 .elementor-element.elementor-element-759af07 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-411 .elementor-element.elementor-element-759af07 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-411 .elementor-element.elementor-element-759af07 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-411 .elementor-element.elementor-element-759af07 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-411 .elementor-element.elementor-element-759af07 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-411 .elementor-element.elementor-element-b90de36{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:44px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.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-411 .elementor-element.elementor-element-58f5432 .elementor-button{background-color:#8C20EB;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:500;line-height:24px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#8C20EB;border-radius:50px 50px 50px 50px;padding:12px 32px 12px 32px;}.elementor-411 .elementor-element.elementor-element-58f5432 .elementor-button:hover, .elementor-411 .elementor-element.elementor-element-58f5432 .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-58f5432 .elementor-button:hover svg, .elementor-411 .elementor-element.elementor-element-58f5432 .elementor-button:focus svg{fill:#000000;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-411 .elementor-element.elementor-element-c63e164{background-color:#8C20EB;padding:12px 16px 12px 16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#8C20EB;border-radius:50px 50px 50px 50px;}.elementor-411 .elementor-element.elementor-element-c63e164:hover{background-color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-c63e164 .elementor-icon-wrapper{text-align:center;}.elementor-411 .elementor-element.elementor-element-c63e164.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-c63e164.elementor-view-framed .elementor-icon, .elementor-411 .elementor-element.elementor-element-c63e164.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-c63e164.elementor-view-framed .elementor-icon, .elementor-411 .elementor-element.elementor-element-c63e164.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-c63e164.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-c63e164.elementor-view-framed .elementor-icon:hover, .elementor-411 .elementor-element.elementor-element-c63e164.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-c63e164.elementor-view-framed .elementor-icon:hover, .elementor-411 .elementor-element.elementor-element-c63e164.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-411 .elementor-element.elementor-element-c63e164 .elementor-icon{font-size:16px;}.elementor-411 .elementor-element.elementor-element-c63e164 .elementor-icon svg{height:16px;}.elementor-411 .elementor-element.elementor-element-c63e164 .elementor-icon i, .elementor-411 .elementor-element.elementor-element-c63e164 .elementor-icon svg{transform:rotate(63deg);}.elementor-411 .elementor-element.elementor-element-d0c0249{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-411 .elementor-element.elementor-element-d0c0249:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-d0c0249 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://optivaral.com/wp-content/uploads/2025/09/ball.png");background-position:201px 46px;background-repeat:no-repeat;}.elementor-411 .elementor-element.elementor-element-a096e36{z-index:1;}.elementor-411 .elementor-element.elementor-element-a096e36 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-054b66d{padding:30px 0px 0px 0px;z-index:1;}.elementor-411 .elementor-element.elementor-element-054b66d .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-411 .elementor-element.elementor-element-e518ded{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-411 .elementor-element.elementor-element-e518ded .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-411 .elementor-element.elementor-element-e518ded .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-411 .elementor-element.elementor-element-e518ded .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-411 .elementor-element.elementor-element-e518ded .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-411 .elementor-element.elementor-element-e518ded .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-411 .elementor-element.elementor-element-e518ded .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-411 .elementor-element.elementor-element-e518ded .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-411 .elementor-element.elementor-element-e518ded .elementor-icon-list-item > .elementor-icon-list-text, .elementor-411 .elementor-element.elementor-element-e518ded .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-411 .elementor-element.elementor-element-e518ded .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-411 .elementor-element.elementor-element-e91bc21{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:44px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-411 .elementor-element.elementor-element-f4cfd1f .elementor-button{background-color:#8C20EB;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:500;line-height:24px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#8C20EB;border-radius:50px 50px 50px 50px;padding:12px 32px 12px 32px;}.elementor-411 .elementor-element.elementor-element-f4cfd1f .elementor-button:hover, .elementor-411 .elementor-element.elementor-element-f4cfd1f .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-f4cfd1f .elementor-button:hover svg, .elementor-411 .elementor-element.elementor-element-f4cfd1f .elementor-button:focus svg{fill:#000000;}.elementor-411 .elementor-element.elementor-element-9f0e2b0{background-color:#8C20EB;padding:12px 16px 12px 16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#8C20EB;border-radius:50px 50px 50px 50px;}.elementor-411 .elementor-element.elementor-element-9f0e2b0:hover{background-color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-9f0e2b0 .elementor-icon-wrapper{text-align:center;}.elementor-411 .elementor-element.elementor-element-9f0e2b0.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-9f0e2b0.elementor-view-framed .elementor-icon, .elementor-411 .elementor-element.elementor-element-9f0e2b0.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-9f0e2b0.elementor-view-framed .elementor-icon, .elementor-411 .elementor-element.elementor-element-9f0e2b0.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-9f0e2b0.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-9f0e2b0.elementor-view-framed .elementor-icon:hover, .elementor-411 .elementor-element.elementor-element-9f0e2b0.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-9f0e2b0.elementor-view-framed .elementor-icon:hover, .elementor-411 .elementor-element.elementor-element-9f0e2b0.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-411 .elementor-element.elementor-element-9f0e2b0 .elementor-icon{font-size:16px;}.elementor-411 .elementor-element.elementor-element-9f0e2b0 .elementor-icon svg{height:16px;}.elementor-411 .elementor-element.elementor-element-9f0e2b0 .elementor-icon i, .elementor-411 .elementor-element.elementor-element-9f0e2b0 .elementor-icon svg{transform:rotate(63deg);}.elementor-411 .elementor-element.elementor-element-bfdf3ba{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-411 .elementor-element.elementor-element-bfdf3ba:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-bfdf3ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://optivaral.com/wp-content/uploads/2025/09/ball.png");background-position:201px 46px;background-repeat:no-repeat;}.elementor-411 .elementor-element.elementor-element-e5b05f8{z-index:1;}.elementor-411 .elementor-element.elementor-element-e5b05f8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-e1d6b6f{padding:30px 0px 0px 0px;z-index:1;}.elementor-411 .elementor-element.elementor-element-e1d6b6f .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-411 .elementor-element.elementor-element-a18f8b2{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-411 .elementor-element.elementor-element-a18f8b2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-411 .elementor-element.elementor-element-a18f8b2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-411 .elementor-element.elementor-element-a18f8b2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-411 .elementor-element.elementor-element-a18f8b2 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-411 .elementor-element.elementor-element-a18f8b2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-411 .elementor-element.elementor-element-a18f8b2 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-411 .elementor-element.elementor-element-a18f8b2 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-411 .elementor-element.elementor-element-a18f8b2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-411 .elementor-element.elementor-element-a18f8b2 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-411 .elementor-element.elementor-element-a18f8b2 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-411 .elementor-element.elementor-element-144be4a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:44px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-411 .elementor-element.elementor-element-fe94389 .elementor-button{background-color:#8C20EB;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:500;line-height:24px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#8C20EB;border-radius:50px 50px 50px 50px;padding:12px 32px 12px 32px;}.elementor-411 .elementor-element.elementor-element-fe94389 .elementor-button:hover, .elementor-411 .elementor-element.elementor-element-fe94389 .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-fe94389 .elementor-button:hover svg, .elementor-411 .elementor-element.elementor-element-fe94389 .elementor-button:focus svg{fill:#000000;}.elementor-411 .elementor-element.elementor-element-4c95414{background-color:#8C20EB;padding:12px 16px 12px 16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#8C20EB;border-radius:50px 50px 50px 50px;}.elementor-411 .elementor-element.elementor-element-4c95414:hover{background-color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-4c95414 .elementor-icon-wrapper{text-align:center;}.elementor-411 .elementor-element.elementor-element-4c95414.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-4c95414.elementor-view-framed .elementor-icon, .elementor-411 .elementor-element.elementor-element-4c95414.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-4c95414.elementor-view-framed .elementor-icon, .elementor-411 .elementor-element.elementor-element-4c95414.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-411 .elementor-element.elementor-element-4c95414.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-4c95414.elementor-view-framed .elementor-icon:hover, .elementor-411 .elementor-element.elementor-element-4c95414.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-411 .elementor-element.elementor-element-4c95414.elementor-view-framed .elementor-icon:hover, .elementor-411 .elementor-element.elementor-element-4c95414.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-411 .elementor-element.elementor-element-4c95414 .elementor-icon{font-size:16px;}.elementor-411 .elementor-element.elementor-element-4c95414 .elementor-icon svg{height:16px;}.elementor-411 .elementor-element.elementor-element-4c95414 .elementor-icon i, .elementor-411 .elementor-element.elementor-element-4c95414 .elementor-icon svg{transform:rotate(63deg);}@media(min-width:768px){.elementor-411 .elementor-element.elementor-element-7f1685a{--width:36%;}}@media(max-width:1024px) and (min-width:768px){.elementor-411 .elementor-element.elementor-element-7f1685a{--width:42%;}.elementor-411 .elementor-element.elementor-element-5975163{--width:100%;}.elementor-411 .elementor-element.elementor-element-7ec6f91{--width:100%;}}@media(min-width:1025px){.elementor-411 .elementor-element.elementor-element-7ec6f91:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-7ec6f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-411 .elementor-element.elementor-element-d0c0249:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-d0c0249 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-411 .elementor-element.elementor-element-bfdf3ba:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-bfdf3ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-411 .elementor-element.elementor-element-b16cd80{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-411 .elementor-element.elementor-element-ec5bab5 .elementor-icon-box-title, .elementor-411 .elementor-element.elementor-element-ec5bab5 .elementor-icon-box-title a{line-height:1.3em;}.elementor-411 .elementor-element.elementor-element-078a8a7 .elementor-icon-box-title, .elementor-411 .elementor-element.elementor-element-078a8a7 .elementor-icon-box-title a{line-height:1.3em;}.elementor-411 .elementor-element.elementor-element-902f4ef .elementor-icon-box-title, .elementor-411 .elementor-element.elementor-element-902f4ef .elementor-icon-box-title a{line-height:1.3em;}.elementor-411 .elementor-element.elementor-element-ab447a7 .elementor-icon-box-title, .elementor-411 .elementor-element.elementor-element-ab447a7 .elementor-icon-box-title a{line-height:1.3em;}.elementor-411 .elementor-element.elementor-element-a5180d3 .elementor-icon-box-title, .elementor-411 .elementor-element.elementor-element-a5180d3 .elementor-icon-box-title a{line-height:1.3em;}.elementor-411 .elementor-element.elementor-element-5975163{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-411 .elementor-element.elementor-element-7ec6f91:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-7ec6f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-411 .elementor-element.elementor-element-d0c0249:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-d0c0249 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-411 .elementor-element.elementor-element-bfdf3ba:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-bfdf3ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-411 .elementor-element.elementor-element-81f5a84{--margin-top:-73px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-411 .elementor-element.elementor-element-529be6c{--justify-content:center;}.elementor-411 .elementor-element.elementor-element-61ddcd6{--justify-content:center;}.elementor-411 .elementor-element.elementor-element-c73d65a{--padding-top:010px;--padding-bottom:010px;--padding-left:010px;--padding-right:010px;}.elementor-411 .elementor-element.elementor-element-b16cd80{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-411 .elementor-element.elementor-element-7f1685a.e-con{--order:99999 /* order end hack */;}.elementor-411 .elementor-element.elementor-element-ec5bab5{width:100%;max-width:100%;}.elementor-411 .elementor-element.elementor-element-078a8a7{width:100%;max-width:100%;}.elementor-411 .elementor-element.elementor-element-902f4ef{width:100%;max-width:100%;}.elementor-411 .elementor-element.elementor-element-ab447a7{width:100%;max-width:100%;}.elementor-411 .elementor-element.elementor-element-a5180d3{width:100%;max-width:100%;}.elementor-411 .elementor-element.elementor-element-5975163{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-411 .elementor-element.elementor-element-7ec6f91:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-7ec6f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-411 .elementor-element.elementor-element-d0c0249:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-d0c0249 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-411 .elementor-element.elementor-element-bfdf3ba:not(.elementor-motion-effects-element-type-background), .elementor-411 .elementor-element.elementor-element-bfdf3ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for container, class: .elementor-element-7ec6f91 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VibecoBd Card</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

        body {
            font-family: 'Inter', sans-serif;
            background-color: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 2rem;
        }

        .card-container {
            position: relative;
            overflow: hidden;
            background-color: #1a1a1a;
            color: #fff;
            padding: 2rem;
            border-radius: 1.5rem;
            border: 1px solid #333;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease-in-out;
            max-width: 400px;
            width: 100%;
        }

        /* Pseudo-element for the hover wave effect */
        .card-container::before {
            content: '';
            position: absolute;
            top: -100%;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #8C20EB; /* The specified purple color */
            transition: top 0.4s ease-in-out;
            z-index: 1; /* This should be above the card background but below the content */
            border-radius: 1.5rem;
        }

        /* Hover effect */
        .card-container:hover::before {
            top: 0;
        }

        /* This ensures content is on top of the wave */
        .card-content {
            position: relative;
            z-index: 2; /* Ensures content is on a layer above the wave */
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        
        /* You can add a color change for the text on hover to improve readability */
        .card-container:hover .card-content {
            color: #fff;
        }

        /* General styling for the card elements */
        .card-title {
            font-size: 1.5rem;
            font-weight: 700;
        }

        .card-price {
            font-size: 3rem;
            font-weight: 700;
            line-height: 1;
        }

        .card-price-monthly {
            font-size: 1.25rem;
            font-weight: 400;
            color: #888;
        }
        
        .card-description {
            font-size: 1rem;
            color: #aaa;
        }
        
        .card-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .card-list li {
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #aaa;
        }
        
        .card-list li::before {
            content: '•';
            color: #8C20EB;
            font-size: 1.25rem;
            line-height: 1;
        }

        .card-button {
            background-color: #8C20EB;
            color: #fff;
            font-weight: 600;
            padding: 0.75rem 1.5rem;
            border-radius: 9999px;
            text-align: center;
            transition: all 0.2s ease-in-out;
            border: none;
            cursor: pointer;
        }
        
        .card-button:hover {
            background-color: #9B39F0;
        }

    </style>
</head>
<body>

    <div class="card-container">
        <div class="card-content">
            <h2 class="card-title">Silver Pack</h2>
            <div class="flex items-baseline gap-2">
                <span class="card-price">$59</span>
                <span class="card-price-monthly">/ Monthly</span>
            </div>
            
            <p class="card-description">Highly recommended for small teams who seek to upgrade their time</p>
            
            <hr class="border-t border-gray-700 my-4">
            
            <h3 class="font-medium text-white">What Will You Get:</h3>
            <ul class="card-list">
                <li>Schedule meetings as a team</li>
                <li>Round-Robin, Fixed Round-Robin</li>
                <li>Collective Events</li>
                <li>Advanced Routing Forms</li>
                <li>Team Workflows</li>
            </ul>
            
            <button class="card-button mt-4">Choose Plan</button>
        </div>
    </div>

</body>
</html>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0c0249 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VibecoBd Card</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

        body {
            font-family: 'Inter', sans-serif;
            background-color: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 2rem;
        }

        .card-container {
            position: relative;
            overflow: hidden;
            background-color: #1a1a1a;
            color: #fff;
            padding: 2rem;
            border-radius: 1.5rem;
            border: 1px solid #333;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease-in-out;
            max-width: 400px;
            width: 100%;
        }

        /* Pseudo-element for the hover wave effect */
        .card-container::before {
            content: '';
            position: absolute;
            top: -100%;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #8C20EB; /* The specified purple color */
            transition: top 0.4s ease-in-out;
            z-index: 1; /* This should be above the card background but below the content */
            border-radius: 1.5rem;
        }

        /* Hover effect */
        .card-container:hover::before {
            top: 0;
        }

        /* This ensures content is on top of the wave */
        .card-content {
            position: relative;
            z-index: 2; /* Ensures content is on a layer above the wave */
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        
        /* You can add a color change for the text on hover to improve readability */
        .card-container:hover .card-content {
            color: #fff;
        }

        /* General styling for the card elements */
        .card-title {
            font-size: 1.5rem;
            font-weight: 700;
        }

        .card-price {
            font-size: 3rem;
            font-weight: 700;
            line-height: 1;
        }

        .card-price-monthly {
            font-size: 1.25rem;
            font-weight: 400;
            color: #888;
        }
        
        .card-description {
            font-size: 1rem;
            color: #aaa;
        }
        
        .card-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .card-list li {
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #aaa;
        }
        
        .card-list li::before {
            content: '•';
            color: #8C20EB;
            font-size: 1.25rem;
            line-height: 1;
        }

        .card-button {
            background-color: #8C20EB;
            color: #fff;
            font-weight: 600;
            padding: 0.75rem 1.5rem;
            border-radius: 9999px;
            text-align: center;
            transition: all 0.2s ease-in-out;
            border: none;
            cursor: pointer;
        }
        
        .card-button:hover {
            background-color: #9B39F0;
        }

    </style>
</head>
<body>

    <div class="card-container">
        <div class="card-content">
            <h2 class="card-title">Silver Pack</h2>
            <div class="flex items-baseline gap-2">
                <span class="card-price">$59</span>
                <span class="card-price-monthly">/ Monthly</span>
            </div>
            
            <p class="card-description">Highly recommended for small teams who seek to upgrade their time</p>
            
            <hr class="border-t border-gray-700 my-4">
            
            <h3 class="font-medium text-white">What Will You Get:</h3>
            <ul class="card-list">
                <li>Schedule meetings as a team</li>
                <li>Round-Robin, Fixed Round-Robin</li>
                <li>Collective Events</li>
                <li>Advanced Routing Forms</li>
                <li>Team Workflows</li>
            </ul>
            
            <button class="card-button mt-4">Choose Plan</button>
        </div>
    </div>

</body>
</html>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfdf3ba */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VibecoBd Card</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

        body {
            font-family: 'Inter', sans-serif;
            background-color: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 2rem;
        }

        .card-container {
            position: relative;
            overflow: hidden;
            background-color: #1a1a1a;
            color: #fff;
            padding: 2rem;
            border-radius: 1.5rem;
            border: 1px solid #333;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease-in-out;
            max-width: 400px;
            width: 100%;
        }

        /* Pseudo-element for the hover wave effect */
        .card-container::before {
            content: '';
            position: absolute;
            top: -100%;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #8C20EB; /* The specified purple color */
            transition: top 0.4s ease-in-out;
            z-index: 1; /* This should be above the card background but below the content */
            border-radius: 1.5rem;
        }

        /* Hover effect */
        .card-container:hover::before {
            top: 0;
        }

        /* This ensures content is on top of the wave */
        .card-content {
            position: relative;
            z-index: 2; /* Ensures content is on a layer above the wave */
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        
        /* You can add a color change for the text on hover to improve readability */
        .card-container:hover .card-content {
            color: #fff;
        }

        /* General styling for the card elements */
        .card-title {
            font-size: 1.5rem;
            font-weight: 700;
        }

        .card-price {
            font-size: 3rem;
            font-weight: 700;
            line-height: 1;
        }

        .card-price-monthly {
            font-size: 1.25rem;
            font-weight: 400;
            color: #888;
        }
        
        .card-description {
            font-size: 1rem;
            color: #aaa;
        }
        
        .card-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .card-list li {
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #aaa;
        }
        
        .card-list li::before {
            content: '•';
            color: #8C20EB;
            font-size: 1.25rem;
            line-height: 1;
        }

        .card-button {
            background-color: #8C20EB;
            color: #fff;
            font-weight: 600;
            padding: 0.75rem 1.5rem;
            border-radius: 9999px;
            text-align: center;
            transition: all 0.2s ease-in-out;
            border: none;
            cursor: pointer;
        }
        
        .card-button:hover {
            background-color: #9B39F0;
        }

    </style>
</head>
<body>

    <div class="card-container">
        <div class="card-content">
            <h2 class="card-title">Silver Pack</h2>
            <div class="flex items-baseline gap-2">
                <span class="card-price">$59</span>
                <span class="card-price-monthly">/ Monthly</span>
            </div>
            
            <p class="card-description">Highly recommended for small teams who seek to upgrade their time</p>
            
            <hr class="border-t border-gray-700 my-4">
            
            <h3 class="font-medium text-white">What Will You Get:</h3>
            <ul class="card-list">
                <li>Schedule meetings as a team</li>
                <li>Round-Robin, Fixed Round-Robin</li>
                <li>Collective Events</li>
                <li>Advanced Routing Forms</li>
                <li>Team Workflows</li>
            </ul>
            
            <button class="card-button mt-4">Choose Plan</button>
        </div>
    </div>

</body>
</html>/* End custom CSS */