.elementor-384 .elementor-element.elementor-element-5a68ab3{--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-384 .elementor-element.elementor-element-07b415c{--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-384 .elementor-element.elementor-element-07b415c:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-07b415c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://optivaral.com/wp-content/uploads/2025/08/Group-1000007168.jpg");}.elementor-384 .elementor-element.elementor-element-0929528{--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-384 .elementor-element.elementor-element-17d6943{text-align:center;}.elementor-384 .elementor-element.elementor-element-17d6943 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:60px;font-weight:700;line-height:72px;letter-spacing:-1.2px;color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-caeaa1a{--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-384 .elementor-element.elementor-element-b2a4bed .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:29px;letter-spacing:0px;color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-7c7b260 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:29px;letter-spacing:0px;color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-bb48480{--display:flex;--padding-top:130px;--padding-bottom:130px;--padding-left:0px;--padding-right:0px;}.elementor-384 .elementor-element.elementor-element-a21ac1b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-384 .elementor-element.elementor-element-ed18ccd{--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-384 .elementor-element.elementor-element-9466f6b{--display:flex;}.elementor-384 .elementor-element.elementor-element-eeab752 .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-384 .elementor-element.elementor-element-f459591{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-384 .elementor-element.elementor-element-f459591 .elementor-divider-separator{width:65%;}.elementor-384 .elementor-element.elementor-element-f459591 .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-384 .elementor-element.elementor-element-e41fc3f{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-384 .elementor-element.elementor-element-e41fc3f .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-384 .elementor-element.elementor-element-e41fc3f .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-384 .elementor-element.elementor-element-e41fc3f.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-384 .elementor-element.elementor-element-e41fc3f.elementor-view-framed .elementor-icon, .elementor-384 .elementor-element.elementor-element-e41fc3f.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-384 .elementor-element.elementor-element-e41fc3f.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-e41fc3f.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-e41fc3f.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-e41fc3f.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-e41fc3f.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-e41fc3f.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-e41fc3f .elementor-icon{font-size:27px;}.elementor-384 .elementor-element.elementor-element-e41fc3f .elementor-icon-box-title, .elementor-384 .elementor-element.elementor-element-e41fc3f .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-384 .elementor-element.elementor-element-e41fc3f:has(:hover) .elementor-icon-box-title,
					 .elementor-384 .elementor-element.elementor-element-e41fc3f:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-e41fc3f .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-384 .elementor-element.elementor-element-a89b917{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-384 .elementor-element.elementor-element-a89b917 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-384 .elementor-element.elementor-element-a89b917 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-384 .elementor-element.elementor-element-a89b917.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-384 .elementor-element.elementor-element-a89b917.elementor-view-framed .elementor-icon, .elementor-384 .elementor-element.elementor-element-a89b917.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-384 .elementor-element.elementor-element-a89b917.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-a89b917.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-a89b917.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-a89b917.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-a89b917.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-a89b917.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-a89b917 .elementor-icon{font-size:27px;}.elementor-384 .elementor-element.elementor-element-a89b917 .elementor-icon-box-title, .elementor-384 .elementor-element.elementor-element-a89b917 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-384 .elementor-element.elementor-element-a89b917:has(:hover) .elementor-icon-box-title,
					 .elementor-384 .elementor-element.elementor-element-a89b917:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-a89b917 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-384 .elementor-element.elementor-element-26279ed{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-384 .elementor-element.elementor-element-26279ed .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-384 .elementor-element.elementor-element-26279ed .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-384 .elementor-element.elementor-element-26279ed.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-384 .elementor-element.elementor-element-26279ed.elementor-view-framed .elementor-icon, .elementor-384 .elementor-element.elementor-element-26279ed.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-384 .elementor-element.elementor-element-26279ed.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-26279ed.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-26279ed.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-26279ed.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-26279ed.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-26279ed.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-26279ed .elementor-icon{font-size:27px;}.elementor-384 .elementor-element.elementor-element-26279ed .elementor-icon-box-title, .elementor-384 .elementor-element.elementor-element-26279ed .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-384 .elementor-element.elementor-element-26279ed:has(:hover) .elementor-icon-box-title,
					 .elementor-384 .elementor-element.elementor-element-26279ed:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-26279ed .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-384 .elementor-element.elementor-element-ad57ae4{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-384 .elementor-element.elementor-element-ad57ae4 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-384 .elementor-element.elementor-element-ad57ae4 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-384 .elementor-element.elementor-element-ad57ae4.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-384 .elementor-element.elementor-element-ad57ae4.elementor-view-framed .elementor-icon, .elementor-384 .elementor-element.elementor-element-ad57ae4.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-384 .elementor-element.elementor-element-ad57ae4.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-ad57ae4.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-ad57ae4.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-ad57ae4.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-ad57ae4.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-ad57ae4.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-ad57ae4 .elementor-icon{font-size:27px;}.elementor-384 .elementor-element.elementor-element-ad57ae4 .elementor-icon-box-title, .elementor-384 .elementor-element.elementor-element-ad57ae4 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-384 .elementor-element.elementor-element-ad57ae4:has(:hover) .elementor-icon-box-title,
					 .elementor-384 .elementor-element.elementor-element-ad57ae4:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-ad57ae4 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-384 .elementor-element.elementor-element-92c24c3{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-384 .elementor-element.elementor-element-92c24c3 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-384 .elementor-element.elementor-element-92c24c3 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-384 .elementor-element.elementor-element-92c24c3.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-384 .elementor-element.elementor-element-92c24c3.elementor-view-framed .elementor-icon, .elementor-384 .elementor-element.elementor-element-92c24c3.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-384 .elementor-element.elementor-element-92c24c3.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-92c24c3.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-92c24c3.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-92c24c3.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-92c24c3.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-92c24c3.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-92c24c3 .elementor-icon{font-size:27px;}.elementor-384 .elementor-element.elementor-element-92c24c3 .elementor-icon-box-title, .elementor-384 .elementor-element.elementor-element-92c24c3 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-384 .elementor-element.elementor-element-92c24c3:has(:hover) .elementor-icon-box-title,
					 .elementor-384 .elementor-element.elementor-element-92c24c3:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-92c24c3 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-384 .elementor-element.elementor-element-ad6f0d2{padding:85px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-ad6f0d2 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:23px;font-weight:600;line-height:32px;color:#000000;}.elementor-384 .elementor-element.elementor-element-322d8c1{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-384 .elementor-element.elementor-element-322d8c1 .elementor-divider-separator{width:65%;}.elementor-384 .elementor-element.elementor-element-322d8c1 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-384 .elementor-element.elementor-element-53c5799{padding:0px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-53c5799 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-384 .elementor-element.elementor-element-53c5799 .elementor-heading-title a:hover, .elementor-384 .elementor-element.elementor-element-53c5799 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-53c5799 .elementor-heading-title a{transition-duration:0.3s;}.elementor-384 .elementor-element.elementor-element-e7abd70{padding:0px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-e7abd70 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-384 .elementor-element.elementor-element-e7abd70 .elementor-heading-title a:hover, .elementor-384 .elementor-element.elementor-element-e7abd70 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-e7abd70 .elementor-heading-title a{transition-duration:0.3s;}.elementor-384 .elementor-element.elementor-element-58120dd{padding:0px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-58120dd .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-384 .elementor-element.elementor-element-58120dd .elementor-heading-title a:hover, .elementor-384 .elementor-element.elementor-element-58120dd .elementor-heading-title a:focus{color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-58120dd .elementor-heading-title a{transition-duration:0.3s;}.elementor-384 .elementor-element.elementor-element-acac282{padding:0px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-acac282 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-384 .elementor-element.elementor-element-acac282 .elementor-heading-title a:hover, .elementor-384 .elementor-element.elementor-element-acac282 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-acac282 .elementor-heading-title a{transition-duration:0.3s;}.elementor-384 .elementor-element.elementor-element-d4c26c4{padding:27px 0px 0px 0px;--icon-box-icon-margin:18px;}.elementor-384 .elementor-element.elementor-element-d4c26c4 .elementor-icon-box-wrapper{align-items:start;}.elementor-384 .elementor-element.elementor-element-d4c26c4 .elementor-icon-box-title{margin-block-end:3px;color:#000000;transition-duration:0.2s;}.elementor-384 .elementor-element.elementor-element-d4c26c4.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-384 .elementor-element.elementor-element-d4c26c4.elementor-view-framed .elementor-icon, .elementor-384 .elementor-element.elementor-element-d4c26c4.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-384 .elementor-element.elementor-element-d4c26c4.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-d4c26c4.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-d4c26c4.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-d4c26c4.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-d4c26c4.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-384 .elementor-element.elementor-element-d4c26c4.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-d4c26c4 .elementor-icon-box-title, .elementor-384 .elementor-element.elementor-element-d4c26c4 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:600;line-height:19px;}.elementor-384 .elementor-element.elementor-element-d4c26c4:has(:hover) .elementor-icon-box-title,
					 .elementor-384 .elementor-element.elementor-element-d4c26c4:has(:focus) .elementor-icon-box-title{color:#8C8F94;}.elementor-384 .elementor-element.elementor-element-6ca2f22{padding:85px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-6ca2f22 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:23px;font-weight:600;line-height:32px;color:#000000;}.elementor-384 .elementor-element.elementor-element-3d44b50{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-384 .elementor-element.elementor-element-3d44b50 .elementor-divider-separator{width:65%;}.elementor-384 .elementor-element.elementor-element-3d44b50 .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-384 .elementor-element.elementor-element-9aed339{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-384 .elementor-element.elementor-element-9aed339.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:20px;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-20px;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-384 .elementor-element.elementor-element-9aed339 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-384 .elementor-element.elementor-element-9aed339 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-384 .elementor-element.elementor-element-9aed339 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-384 .elementor-element.elementor-element-9aed339 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-field-group > label{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-field-type-html{padding-bottom:0px;font-family:"Manrope", Sans-serif;font-size:17px;font-weight:400;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-field-group .elementor-field{color:#596678;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-field-group .elementor-field, .elementor-384 .elementor-element.elementor-element-9aed339 .elementor-field-subgroup label{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#0000003B;border-radius:10px 10px 10px 10px;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#0000003B;border-radius:10px 10px 10px 10px;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-field-group .elementor-select-wrapper::before{color:#0000003B;}.elementor-384 .elementor-element.elementor-element-9aed339 .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-384 .elementor-element.elementor-element-9aed339 .e-form__buttons__wrapper__button-next{background-color:#8C20EB;color:#ffffff;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-button[type="submit"]{background-color:#8C20EB;color:#ffffff;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-384 .elementor-element.elementor-element-9aed339 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-384 .elementor-element.elementor-element-9aed339 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-384 .elementor-element.elementor-element-9aed339 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-384 .elementor-element.elementor-element-9aed339 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-384 .elementor-element.elementor-element-68da039{--display:flex;}.elementor-384 .elementor-element.elementor-element-3fae419 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-384 .elementor-element.elementor-element-a6c013e{padding:20px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-a6c013e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-384 .elementor-element.elementor-element-680197e{--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-384 .elementor-element.elementor-element-ce24bc0{--display:flex;}.elementor-384 .elementor-element.elementor-element-82b3f86{padding:20px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-82b3f86 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-384 .elementor-element.elementor-element-9490f2d{--display:flex;}.elementor-384 .elementor-element.elementor-element-614c6ec{padding:20px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-614c6ec .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-384 .elementor-element.elementor-element-41e9596{--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-384 .elementor-element.elementor-element-f0a6a7a{--display:flex;}.elementor-384 .elementor-element.elementor-element-41dca25{padding:20px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-41dca25 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-384 .elementor-element.elementor-element-53415f1{--display:flex;}.elementor-384 .elementor-element.elementor-element-7933ccc{padding:20px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-7933ccc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-384 .elementor-element.elementor-element-553dc6c{--display:flex;--padding-top:55px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-384 .elementor-element.elementor-element-ea666f8 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:31px;font-weight:600;line-height:40px;color:#000000;}.elementor-384 .elementor-element.elementor-element-ea666f8 .elementor-heading-title a:hover, .elementor-384 .elementor-element.elementor-element-ea666f8 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-ea666f8 .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-384 .elementor-element.elementor-element-8d81566{padding:20px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-384 .elementor-element.elementor-element-8d81566 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(3px/2);}.elementor-384 .elementor-element.elementor-element-8d81566 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(3px/2);}.elementor-384 .elementor-element.elementor-element-8d81566 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(3px/2);}.elementor-384 .elementor-element.elementor-element-8d81566 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-3px/2);}.elementor-384 .elementor-element.elementor-element-8d81566 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-3px/2);}.elementor-384 .elementor-element.elementor-element-8d81566 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-384 .elementor-element.elementor-element-8d81566 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-384 .elementor-element.elementor-element-8d81566 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-8d81566 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#8C20EB;}.elementor-384 .elementor-element.elementor-element-8d81566 .elementor-icon-list-text{transition:color 0.3s;}.elementor-384 .elementor-element.elementor-element-b97a3db{--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-384 .elementor-element.elementor-element-d8c203d{--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-384 .elementor-element.elementor-element-1fb9a8f img{border-radius:20px 20px 20px 20px;}.elementor-384 .elementor-element.elementor-element-d8c44e3{--display:flex;}.elementor-384 .elementor-element.elementor-element-998f3eb img{border-radius:20px 20px 20px 20px;}.elementor-384 .elementor-element.elementor-element-2bbc4ad{--display:flex;--padding-top:61px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-384 .elementor-element.elementor-element-5de39bd .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-384 .elementor-element.elementor-element-5de39bd .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-384 .elementor-element.elementor-element-5de39bd .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-5de39bd .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-384 .elementor-element.elementor-element-5de39bd .elementskit-accordion .elementskit-card-body, .elementor-384 .elementor-element.elementor-element-5de39bd .accordion.floating-style .elementskit-card-body{background-color:#F3E8FF;}.elementor-384 .elementor-element.elementor-element-5de39bd:hover{border-radius:16px 16px 16px 16px;}.elementor-384 .elementor-element.elementor-element-5de39bd .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:#FAF5FF;border-radius:16px 16px 0px 0px;}.elementor-384 .elementor-element.elementor-element-5de39bd .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:#FAF5FF;}.elementor-384 .elementor-element.elementor-element-5de39bd .elementskit-accordion .elementskit-card-body p{color:#020101;}.elementor-384 .elementor-element.elementor-element-5de39bd .elementskit-accordion .elementskit-card-body{color:#020101;border-radius:0px 0px 016px 016px;padding:22px 32px 22px 32px;}.elementor-384 .elementor-element.elementor-element-5de39bd .elementskit-accordion > .elementskit-card.active{border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-5de39bd .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:0px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-5de39bd .elementskit-accordion > .elementskit-card{border-style:solid;border-width:0px 0px 2px 0px;border-color:#D6DAE1;}.elementor-384 .elementor-element.elementor-element-7d4edf2{--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-384 .elementor-element.elementor-element-b0763e8{--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-384 .elementor-element.elementor-element-79d88f6{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-384 .elementor-element.elementor-element-79d88f6:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-79d88f6 > .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-384 .elementor-element.elementor-element-f4ce687{z-index:1;}.elementor-384 .elementor-element.elementor-element-f4ce687 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-9c362c4{padding:30px 0px 0px 0px;z-index:1;}.elementor-384 .elementor-element.elementor-element-9c362c4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-384 .elementor-element.elementor-element-85b20e8{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-384 .elementor-element.elementor-element-85b20e8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-384 .elementor-element.elementor-element-85b20e8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-384 .elementor-element.elementor-element-85b20e8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-384 .elementor-element.elementor-element-85b20e8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-384 .elementor-element.elementor-element-85b20e8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-384 .elementor-element.elementor-element-85b20e8 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-384 .elementor-element.elementor-element-85b20e8 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-384 .elementor-element.elementor-element-85b20e8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-384 .elementor-element.elementor-element-85b20e8 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-384 .elementor-element.elementor-element-85b20e8 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-384 .elementor-element.elementor-element-dbe2258{--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-384 .elementor-element.elementor-element-cfad672 .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-384 .elementor-element.elementor-element-cfad672 .elementor-button:hover, .elementor-384 .elementor-element.elementor-element-cfad672 .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-cfad672 .elementor-button:hover svg, .elementor-384 .elementor-element.elementor-element-cfad672 .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-384 .elementor-element.elementor-element-1c26601{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-384 .elementor-element.elementor-element-1c26601:hover{background-color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-1c26601 .elementor-icon-wrapper{text-align:center;}.elementor-384 .elementor-element.elementor-element-1c26601.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-1c26601.elementor-view-framed .elementor-icon, .elementor-384 .elementor-element.elementor-element-1c26601.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-1c26601.elementor-view-framed .elementor-icon, .elementor-384 .elementor-element.elementor-element-1c26601.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-1c26601.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-1c26601.elementor-view-framed .elementor-icon:hover, .elementor-384 .elementor-element.elementor-element-1c26601.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-1c26601.elementor-view-framed .elementor-icon:hover, .elementor-384 .elementor-element.elementor-element-1c26601.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-384 .elementor-element.elementor-element-1c26601 .elementor-icon{font-size:16px;}.elementor-384 .elementor-element.elementor-element-1c26601 .elementor-icon svg{height:16px;}.elementor-384 .elementor-element.elementor-element-1c26601 .elementor-icon i, .elementor-384 .elementor-element.elementor-element-1c26601 .elementor-icon svg{transform:rotate(63deg);}.elementor-384 .elementor-element.elementor-element-5003550{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-384 .elementor-element.elementor-element-5003550:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-5003550 > .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-384 .elementor-element.elementor-element-17082eb{z-index:1;}.elementor-384 .elementor-element.elementor-element-17082eb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-8437ad5{padding:30px 0px 0px 0px;z-index:1;}.elementor-384 .elementor-element.elementor-element-8437ad5 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-384 .elementor-element.elementor-element-c95581b{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-384 .elementor-element.elementor-element-c95581b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-384 .elementor-element.elementor-element-c95581b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-384 .elementor-element.elementor-element-c95581b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-384 .elementor-element.elementor-element-c95581b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-384 .elementor-element.elementor-element-c95581b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-384 .elementor-element.elementor-element-c95581b .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-384 .elementor-element.elementor-element-c95581b .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-384 .elementor-element.elementor-element-c95581b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-384 .elementor-element.elementor-element-c95581b .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-384 .elementor-element.elementor-element-c95581b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-384 .elementor-element.elementor-element-73ff6a7{--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-384 .elementor-element.elementor-element-ccf05ee .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-384 .elementor-element.elementor-element-ccf05ee .elementor-button:hover, .elementor-384 .elementor-element.elementor-element-ccf05ee .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-ccf05ee .elementor-button:hover svg, .elementor-384 .elementor-element.elementor-element-ccf05ee .elementor-button:focus svg{fill:#000000;}.elementor-384 .elementor-element.elementor-element-5b9461c{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-384 .elementor-element.elementor-element-5b9461c:hover{background-color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-5b9461c .elementor-icon-wrapper{text-align:center;}.elementor-384 .elementor-element.elementor-element-5b9461c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-5b9461c.elementor-view-framed .elementor-icon, .elementor-384 .elementor-element.elementor-element-5b9461c.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-5b9461c.elementor-view-framed .elementor-icon, .elementor-384 .elementor-element.elementor-element-5b9461c.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-5b9461c.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-5b9461c.elementor-view-framed .elementor-icon:hover, .elementor-384 .elementor-element.elementor-element-5b9461c.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-5b9461c.elementor-view-framed .elementor-icon:hover, .elementor-384 .elementor-element.elementor-element-5b9461c.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-384 .elementor-element.elementor-element-5b9461c .elementor-icon{font-size:16px;}.elementor-384 .elementor-element.elementor-element-5b9461c .elementor-icon svg{height:16px;}.elementor-384 .elementor-element.elementor-element-5b9461c .elementor-icon i, .elementor-384 .elementor-element.elementor-element-5b9461c .elementor-icon svg{transform:rotate(63deg);}.elementor-384 .elementor-element.elementor-element-a0077a6{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-384 .elementor-element.elementor-element-a0077a6:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-a0077a6 > .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-384 .elementor-element.elementor-element-b7d5dc9{z-index:1;}.elementor-384 .elementor-element.elementor-element-b7d5dc9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-2283efa{padding:30px 0px 0px 0px;z-index:1;}.elementor-384 .elementor-element.elementor-element-2283efa .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-384 .elementor-element.elementor-element-9e5a5e9{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-384 .elementor-element.elementor-element-9e5a5e9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-384 .elementor-element.elementor-element-9e5a5e9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-384 .elementor-element.elementor-element-9e5a5e9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-384 .elementor-element.elementor-element-9e5a5e9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-384 .elementor-element.elementor-element-9e5a5e9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-384 .elementor-element.elementor-element-9e5a5e9 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-384 .elementor-element.elementor-element-9e5a5e9 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-384 .elementor-element.elementor-element-9e5a5e9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-384 .elementor-element.elementor-element-9e5a5e9 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-384 .elementor-element.elementor-element-9e5a5e9 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-384 .elementor-element.elementor-element-f212189{--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-384 .elementor-element.elementor-element-f24c033 .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-384 .elementor-element.elementor-element-f24c033 .elementor-button:hover, .elementor-384 .elementor-element.elementor-element-f24c033 .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-f24c033 .elementor-button:hover svg, .elementor-384 .elementor-element.elementor-element-f24c033 .elementor-button:focus svg{fill:#000000;}.elementor-384 .elementor-element.elementor-element-caf1b39{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-384 .elementor-element.elementor-element-caf1b39:hover{background-color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-caf1b39 .elementor-icon-wrapper{text-align:center;}.elementor-384 .elementor-element.elementor-element-caf1b39.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-caf1b39.elementor-view-framed .elementor-icon, .elementor-384 .elementor-element.elementor-element-caf1b39.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-caf1b39.elementor-view-framed .elementor-icon, .elementor-384 .elementor-element.elementor-element-caf1b39.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-caf1b39.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-caf1b39.elementor-view-framed .elementor-icon:hover, .elementor-384 .elementor-element.elementor-element-caf1b39.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-384 .elementor-element.elementor-element-caf1b39.elementor-view-framed .elementor-icon:hover, .elementor-384 .elementor-element.elementor-element-caf1b39.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-384 .elementor-element.elementor-element-caf1b39 .elementor-icon{font-size:16px;}.elementor-384 .elementor-element.elementor-element-caf1b39 .elementor-icon svg{height:16px;}.elementor-384 .elementor-element.elementor-element-caf1b39 .elementor-icon i, .elementor-384 .elementor-element.elementor-element-caf1b39 .elementor-icon svg{transform:rotate(63deg);}@media(min-width:768px){.elementor-384 .elementor-element.elementor-element-9466f6b{--width:36%;}}@media(max-width:1024px) and (min-width:768px){.elementor-384 .elementor-element.elementor-element-9466f6b{--width:42%;}.elementor-384 .elementor-element.elementor-element-b0763e8{--width:100%;}.elementor-384 .elementor-element.elementor-element-79d88f6{--width:100%;}}@media(min-width:1025px){.elementor-384 .elementor-element.elementor-element-79d88f6:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-79d88f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-384 .elementor-element.elementor-element-5003550:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-5003550 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-384 .elementor-element.elementor-element-a0077a6:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-a0077a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-384 .elementor-element.elementor-element-ed18ccd{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-384 .elementor-element.elementor-element-e41fc3f .elementor-icon-box-title, .elementor-384 .elementor-element.elementor-element-e41fc3f .elementor-icon-box-title a{line-height:1.3em;}.elementor-384 .elementor-element.elementor-element-a89b917 .elementor-icon-box-title, .elementor-384 .elementor-element.elementor-element-a89b917 .elementor-icon-box-title a{line-height:1.3em;}.elementor-384 .elementor-element.elementor-element-26279ed .elementor-icon-box-title, .elementor-384 .elementor-element.elementor-element-26279ed .elementor-icon-box-title a{line-height:1.3em;}.elementor-384 .elementor-element.elementor-element-ad57ae4 .elementor-icon-box-title, .elementor-384 .elementor-element.elementor-element-ad57ae4 .elementor-icon-box-title a{line-height:1.3em;}.elementor-384 .elementor-element.elementor-element-92c24c3 .elementor-icon-box-title, .elementor-384 .elementor-element.elementor-element-92c24c3 .elementor-icon-box-title a{line-height:1.3em;}.elementor-384 .elementor-element.elementor-element-b0763e8{--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-384 .elementor-element.elementor-element-79d88f6:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-79d88f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-384 .elementor-element.elementor-element-5003550:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-5003550 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-384 .elementor-element.elementor-element-a0077a6:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-a0077a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-384 .elementor-element.elementor-element-5a68ab3{--margin-top:-73px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-384 .elementor-element.elementor-element-07b415c{--justify-content:center;}.elementor-384 .elementor-element.elementor-element-0929528{--justify-content:center;}.elementor-384 .elementor-element.elementor-element-bb48480{--padding-top:010px;--padding-bottom:010px;--padding-left:010px;--padding-right:010px;}.elementor-384 .elementor-element.elementor-element-ed18ccd{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-384 .elementor-element.elementor-element-9466f6b.e-con{--order:99999 /* order end hack */;}.elementor-384 .elementor-element.elementor-element-e41fc3f{width:100%;max-width:100%;}.elementor-384 .elementor-element.elementor-element-a89b917{width:100%;max-width:100%;}.elementor-384 .elementor-element.elementor-element-26279ed{width:100%;max-width:100%;}.elementor-384 .elementor-element.elementor-element-ad57ae4{width:100%;max-width:100%;}.elementor-384 .elementor-element.elementor-element-92c24c3{width:100%;max-width:100%;}.elementor-384 .elementor-element.elementor-element-b0763e8{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-384 .elementor-element.elementor-element-79d88f6:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-79d88f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-384 .elementor-element.elementor-element-5003550:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-5003550 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-384 .elementor-element.elementor-element-a0077a6:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-a0077a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for container, class: .elementor-element-79d88f6 */<!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-5003550 */<!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-a0077a6 */<!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 */