.elementor-400 .elementor-element.elementor-element-4291209{--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-400 .elementor-element.elementor-element-fcaaf26{--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-400 .elementor-element.elementor-element-fcaaf26:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-fcaaf26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://optivaral.com/wp-content/uploads/2025/08/Group-1000007168.jpg");}.elementor-400 .elementor-element.elementor-element-1b3ecd4{--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-400 .elementor-element.elementor-element-c3a4ee4{text-align:center;}.elementor-400 .elementor-element.elementor-element-c3a4ee4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:60px;font-weight:700;line-height:72px;letter-spacing:-1.2px;color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-6cc5af6{--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-400 .elementor-element.elementor-element-2bee830 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:29px;letter-spacing:0px;color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-99f295b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:29px;letter-spacing:0px;color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-8c71f49{--display:flex;--padding-top:130px;--padding-bottom:130px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-07ccf5a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-400 .elementor-element.elementor-element-833aec5{--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-400 .elementor-element.elementor-element-b97e651{--display:flex;}.elementor-400 .elementor-element.elementor-element-228b363 .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-400 .elementor-element.elementor-element-6242e5a{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-400 .elementor-element.elementor-element-6242e5a .elementor-divider-separator{width:65%;}.elementor-400 .elementor-element.elementor-element-6242e5a .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-400 .elementor-element.elementor-element-efe0546{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-400 .elementor-element.elementor-element-efe0546 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-400 .elementor-element.elementor-element-efe0546 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-400 .elementor-element.elementor-element-efe0546.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-400 .elementor-element.elementor-element-efe0546.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-efe0546.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-400 .elementor-element.elementor-element-efe0546.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-efe0546.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-efe0546.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-efe0546.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-efe0546.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-efe0546.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-efe0546 .elementor-icon{font-size:27px;}.elementor-400 .elementor-element.elementor-element-efe0546 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-efe0546 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-400 .elementor-element.elementor-element-efe0546:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-efe0546:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-efe0546 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-400 .elementor-element.elementor-element-4176f99{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-400 .elementor-element.elementor-element-4176f99 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-400 .elementor-element.elementor-element-4176f99 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-400 .elementor-element.elementor-element-4176f99.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-400 .elementor-element.elementor-element-4176f99.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-4176f99.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-400 .elementor-element.elementor-element-4176f99.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-4176f99.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-4176f99.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-4176f99.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-4176f99.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-4176f99.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-4176f99 .elementor-icon{font-size:27px;}.elementor-400 .elementor-element.elementor-element-4176f99 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-4176f99 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-400 .elementor-element.elementor-element-4176f99:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-4176f99:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-4176f99 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-400 .elementor-element.elementor-element-0156b95{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-400 .elementor-element.elementor-element-0156b95 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-400 .elementor-element.elementor-element-0156b95 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-400 .elementor-element.elementor-element-0156b95.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-400 .elementor-element.elementor-element-0156b95.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-0156b95.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-400 .elementor-element.elementor-element-0156b95.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-0156b95.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-0156b95.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-0156b95.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-0156b95.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-0156b95.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-0156b95 .elementor-icon{font-size:27px;}.elementor-400 .elementor-element.elementor-element-0156b95 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-0156b95 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-400 .elementor-element.elementor-element-0156b95:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-0156b95:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-0156b95 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-400 .elementor-element.elementor-element-d5b18f2{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-400 .elementor-element.elementor-element-d5b18f2 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-400 .elementor-element.elementor-element-d5b18f2 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-400 .elementor-element.elementor-element-d5b18f2.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-400 .elementor-element.elementor-element-d5b18f2.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-d5b18f2.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-400 .elementor-element.elementor-element-d5b18f2.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-d5b18f2.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-d5b18f2.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-d5b18f2.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-d5b18f2.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-d5b18f2.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-d5b18f2 .elementor-icon{font-size:27px;}.elementor-400 .elementor-element.elementor-element-d5b18f2 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-d5b18f2 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-400 .elementor-element.elementor-element-d5b18f2:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-d5b18f2:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-d5b18f2 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-400 .elementor-element.elementor-element-77ac8d4{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-400 .elementor-element.elementor-element-77ac8d4 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-400 .elementor-element.elementor-element-77ac8d4 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-400 .elementor-element.elementor-element-77ac8d4.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-400 .elementor-element.elementor-element-77ac8d4.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-77ac8d4.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-400 .elementor-element.elementor-element-77ac8d4.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-77ac8d4.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-77ac8d4.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-77ac8d4.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-77ac8d4.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-77ac8d4.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-77ac8d4 .elementor-icon{font-size:27px;}.elementor-400 .elementor-element.elementor-element-77ac8d4 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-77ac8d4 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-400 .elementor-element.elementor-element-77ac8d4:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-77ac8d4:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-77ac8d4 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-400 .elementor-element.elementor-element-531f63e{padding:85px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-531f63e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:23px;font-weight:600;line-height:32px;color:#000000;}.elementor-400 .elementor-element.elementor-element-af094b1{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-400 .elementor-element.elementor-element-af094b1 .elementor-divider-separator{width:65%;}.elementor-400 .elementor-element.elementor-element-af094b1 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-400 .elementor-element.elementor-element-25bd0db{padding:0px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-25bd0db .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-400 .elementor-element.elementor-element-25bd0db .elementor-heading-title a:hover, .elementor-400 .elementor-element.elementor-element-25bd0db .elementor-heading-title a:focus{color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-25bd0db .elementor-heading-title a{transition-duration:0.3s;}.elementor-400 .elementor-element.elementor-element-0f83330{padding:0px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-0f83330 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-400 .elementor-element.elementor-element-0f83330 .elementor-heading-title a:hover, .elementor-400 .elementor-element.elementor-element-0f83330 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-0f83330 .elementor-heading-title a{transition-duration:0.3s;}.elementor-400 .elementor-element.elementor-element-bc31cf2{padding:0px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-bc31cf2 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-400 .elementor-element.elementor-element-bc31cf2 .elementor-heading-title a:hover, .elementor-400 .elementor-element.elementor-element-bc31cf2 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-bc31cf2 .elementor-heading-title a{transition-duration:0.3s;}.elementor-400 .elementor-element.elementor-element-96fa3c4{padding:0px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-96fa3c4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-400 .elementor-element.elementor-element-96fa3c4 .elementor-heading-title a:hover, .elementor-400 .elementor-element.elementor-element-96fa3c4 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-96fa3c4 .elementor-heading-title a{transition-duration:0.3s;}.elementor-400 .elementor-element.elementor-element-acd9950{padding:27px 0px 0px 0px;--icon-box-icon-margin:18px;}.elementor-400 .elementor-element.elementor-element-acd9950 .elementor-icon-box-wrapper{align-items:start;}.elementor-400 .elementor-element.elementor-element-acd9950 .elementor-icon-box-title{margin-block-end:3px;color:#000000;transition-duration:0.2s;}.elementor-400 .elementor-element.elementor-element-acd9950.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-400 .elementor-element.elementor-element-acd9950.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-acd9950.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-400 .elementor-element.elementor-element-acd9950.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-acd9950.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-acd9950.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-acd9950.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-acd9950.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-400 .elementor-element.elementor-element-acd9950.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-acd9950 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-acd9950 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:600;line-height:19px;}.elementor-400 .elementor-element.elementor-element-acd9950:has(:hover) .elementor-icon-box-title,
					 .elementor-400 .elementor-element.elementor-element-acd9950:has(:focus) .elementor-icon-box-title{color:#8C8F94;}.elementor-400 .elementor-element.elementor-element-87d0337{padding:85px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-87d0337 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:23px;font-weight:600;line-height:32px;color:#000000;}.elementor-400 .elementor-element.elementor-element-beadf52{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-400 .elementor-element.elementor-element-beadf52 .elementor-divider-separator{width:65%;}.elementor-400 .elementor-element.elementor-element-beadf52 .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-400 .elementor-element.elementor-element-c90255e{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-400 .elementor-element.elementor-element-c90255e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:20px;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-20px;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-400 .elementor-element.elementor-element-c90255e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-400 .elementor-element.elementor-element-c90255e .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-400 .elementor-element.elementor-element-c90255e .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-400 .elementor-element.elementor-element-c90255e .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-field-group > label{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-field-type-html{padding-bottom:0px;font-family:"Manrope", Sans-serif;font-size:17px;font-weight:400;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-field-group .elementor-field{color:#596678;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-field-group .elementor-field, .elementor-400 .elementor-element.elementor-element-c90255e .elementor-field-subgroup label{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#0000003B;border-radius:10px 10px 10px 10px;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#0000003B;border-radius:10px 10px 10px 10px;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-field-group .elementor-select-wrapper::before{color:#0000003B;}.elementor-400 .elementor-element.elementor-element-c90255e .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-400 .elementor-element.elementor-element-c90255e .e-form__buttons__wrapper__button-next{background-color:#8C20EB;color:#ffffff;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-button[type="submit"]{background-color:#8C20EB;color:#ffffff;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-400 .elementor-element.elementor-element-c90255e .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-400 .elementor-element.elementor-element-c90255e .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-400 .elementor-element.elementor-element-c90255e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-400 .elementor-element.elementor-element-c90255e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-400 .elementor-element.elementor-element-95b713c{--display:flex;}.elementor-400 .elementor-element.elementor-element-ca0fdb2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-400 .elementor-element.elementor-element-5601661{padding:20px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-5601661 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-400 .elementor-element.elementor-element-c5e1a6b{--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-400 .elementor-element.elementor-element-3fc8f15{--display:flex;}.elementor-400 .elementor-element.elementor-element-71f57e2{padding:20px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-71f57e2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-400 .elementor-element.elementor-element-596964e{--display:flex;}.elementor-400 .elementor-element.elementor-element-1f59033{padding:20px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-1f59033 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-400 .elementor-element.elementor-element-37f155e{--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-400 .elementor-element.elementor-element-bc8d1b2{--display:flex;}.elementor-400 .elementor-element.elementor-element-33d4bd0{padding:20px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-33d4bd0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-400 .elementor-element.elementor-element-1e45ac4{--display:flex;}.elementor-400 .elementor-element.elementor-element-beb7d97{padding:20px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-beb7d97 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-400 .elementor-element.elementor-element-80ee1c4{--display:flex;--padding-top:55px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-fd53758 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:31px;font-weight:600;line-height:40px;color:#000000;}.elementor-400 .elementor-element.elementor-element-fd53758 .elementor-heading-title a:hover, .elementor-400 .elementor-element.elementor-element-fd53758 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-fd53758 .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-400 .elementor-element.elementor-element-11932ad{padding:20px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-400 .elementor-element.elementor-element-11932ad .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(3px/2);}.elementor-400 .elementor-element.elementor-element-11932ad .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(3px/2);}.elementor-400 .elementor-element.elementor-element-11932ad .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(3px/2);}.elementor-400 .elementor-element.elementor-element-11932ad .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-3px/2);}.elementor-400 .elementor-element.elementor-element-11932ad .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-3px/2);}.elementor-400 .elementor-element.elementor-element-11932ad .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-400 .elementor-element.elementor-element-11932ad .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-400 .elementor-element.elementor-element-11932ad .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-11932ad .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#8C20EB;}.elementor-400 .elementor-element.elementor-element-11932ad .elementor-icon-list-text{transition:color 0.3s;}.elementor-400 .elementor-element.elementor-element-ba1650a{--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-400 .elementor-element.elementor-element-6095479{--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-400 .elementor-element.elementor-element-1c48db8 img{border-radius:20px 20px 20px 20px;}.elementor-400 .elementor-element.elementor-element-438dec7{--display:flex;}.elementor-400 .elementor-element.elementor-element-423c4a3 img{border-radius:20px 20px 20px 20px;}.elementor-400 .elementor-element.elementor-element-5e7b10b{--display:flex;--padding-top:61px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-41e5beb .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-400 .elementor-element.elementor-element-41e5beb .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-400 .elementor-element.elementor-element-41e5beb .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-41e5beb .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-400 .elementor-element.elementor-element-41e5beb .elementskit-accordion .elementskit-card-body, .elementor-400 .elementor-element.elementor-element-41e5beb .accordion.floating-style .elementskit-card-body{background-color:#F3E8FF;}.elementor-400 .elementor-element.elementor-element-41e5beb:hover{border-radius:16px 16px 16px 16px;}.elementor-400 .elementor-element.elementor-element-41e5beb .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:#FAF5FF;border-radius:16px 16px 0px 0px;}.elementor-400 .elementor-element.elementor-element-41e5beb .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:#FAF5FF;}.elementor-400 .elementor-element.elementor-element-41e5beb .elementskit-accordion .elementskit-card-body p{color:#020101;}.elementor-400 .elementor-element.elementor-element-41e5beb .elementskit-accordion .elementskit-card-body{color:#020101;border-radius:0px 0px 016px 016px;padding:22px 32px 22px 32px;}.elementor-400 .elementor-element.elementor-element-41e5beb .elementskit-accordion > .elementskit-card.active{border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-41e5beb .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:0px 0px 0px 0px;}.elementor-400 .elementor-element.elementor-element-41e5beb .elementskit-accordion > .elementskit-card{border-style:solid;border-width:0px 0px 2px 0px;border-color:#D6DAE1;}.elementor-400 .elementor-element.elementor-element-2b3ffb3{--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-400 .elementor-element.elementor-element-9ac0c60{--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-400 .elementor-element.elementor-element-bc20601{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-400 .elementor-element.elementor-element-bc20601:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-bc20601 > .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-400 .elementor-element.elementor-element-f6f155a{z-index:1;}.elementor-400 .elementor-element.elementor-element-f6f155a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-04c8e1e{padding:30px 0px 0px 0px;z-index:1;}.elementor-400 .elementor-element.elementor-element-04c8e1e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-400 .elementor-element.elementor-element-483d270{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-400 .elementor-element.elementor-element-483d270 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-400 .elementor-element.elementor-element-483d270 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-400 .elementor-element.elementor-element-483d270 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-400 .elementor-element.elementor-element-483d270 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-400 .elementor-element.elementor-element-483d270 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-400 .elementor-element.elementor-element-483d270 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-400 .elementor-element.elementor-element-483d270 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-400 .elementor-element.elementor-element-483d270 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-400 .elementor-element.elementor-element-483d270 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-400 .elementor-element.elementor-element-483d270 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-400 .elementor-element.elementor-element-b59b3bf{--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-400 .elementor-element.elementor-element-1333dbd .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-400 .elementor-element.elementor-element-1333dbd .elementor-button:hover, .elementor-400 .elementor-element.elementor-element-1333dbd .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-1333dbd .elementor-button:hover svg, .elementor-400 .elementor-element.elementor-element-1333dbd .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-400 .elementor-element.elementor-element-1f5bb57{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-400 .elementor-element.elementor-element-1f5bb57:hover{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-1f5bb57 .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-1f5bb57.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-1f5bb57.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-1f5bb57.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-1f5bb57.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-1f5bb57.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-1f5bb57.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-1f5bb57.elementor-view-framed .elementor-icon:hover, .elementor-400 .elementor-element.elementor-element-1f5bb57.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-1f5bb57.elementor-view-framed .elementor-icon:hover, .elementor-400 .elementor-element.elementor-element-1f5bb57.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-400 .elementor-element.elementor-element-1f5bb57 .elementor-icon{font-size:16px;}.elementor-400 .elementor-element.elementor-element-1f5bb57 .elementor-icon svg{height:16px;}.elementor-400 .elementor-element.elementor-element-1f5bb57 .elementor-icon i, .elementor-400 .elementor-element.elementor-element-1f5bb57 .elementor-icon svg{transform:rotate(63deg);}.elementor-400 .elementor-element.elementor-element-5ac206a{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-400 .elementor-element.elementor-element-5ac206a:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-5ac206a > .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-400 .elementor-element.elementor-element-2a0cb8d{z-index:1;}.elementor-400 .elementor-element.elementor-element-2a0cb8d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-07db1a0{padding:30px 0px 0px 0px;z-index:1;}.elementor-400 .elementor-element.elementor-element-07db1a0 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-400 .elementor-element.elementor-element-051c35e{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-400 .elementor-element.elementor-element-051c35e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-400 .elementor-element.elementor-element-051c35e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-400 .elementor-element.elementor-element-051c35e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-400 .elementor-element.elementor-element-051c35e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-400 .elementor-element.elementor-element-051c35e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-400 .elementor-element.elementor-element-051c35e .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-400 .elementor-element.elementor-element-051c35e .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-400 .elementor-element.elementor-element-051c35e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-400 .elementor-element.elementor-element-051c35e .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-400 .elementor-element.elementor-element-051c35e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-400 .elementor-element.elementor-element-9cc2153{--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-400 .elementor-element.elementor-element-012c733 .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-400 .elementor-element.elementor-element-012c733 .elementor-button:hover, .elementor-400 .elementor-element.elementor-element-012c733 .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-012c733 .elementor-button:hover svg, .elementor-400 .elementor-element.elementor-element-012c733 .elementor-button:focus svg{fill:#000000;}.elementor-400 .elementor-element.elementor-element-cc2d3ca{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-400 .elementor-element.elementor-element-cc2d3ca:hover{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-cc2d3ca .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-cc2d3ca.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-cc2d3ca.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-cc2d3ca.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-cc2d3ca.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-cc2d3ca.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-cc2d3ca.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-cc2d3ca.elementor-view-framed .elementor-icon:hover, .elementor-400 .elementor-element.elementor-element-cc2d3ca.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-cc2d3ca.elementor-view-framed .elementor-icon:hover, .elementor-400 .elementor-element.elementor-element-cc2d3ca.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-400 .elementor-element.elementor-element-cc2d3ca .elementor-icon{font-size:16px;}.elementor-400 .elementor-element.elementor-element-cc2d3ca .elementor-icon svg{height:16px;}.elementor-400 .elementor-element.elementor-element-cc2d3ca .elementor-icon i, .elementor-400 .elementor-element.elementor-element-cc2d3ca .elementor-icon svg{transform:rotate(63deg);}.elementor-400 .elementor-element.elementor-element-17cfcdb{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-400 .elementor-element.elementor-element-17cfcdb:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-17cfcdb > .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-400 .elementor-element.elementor-element-438fad3{z-index:1;}.elementor-400 .elementor-element.elementor-element-438fad3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-7ff1703{padding:30px 0px 0px 0px;z-index:1;}.elementor-400 .elementor-element.elementor-element-7ff1703 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-400 .elementor-element.elementor-element-232169e{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-400 .elementor-element.elementor-element-232169e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-400 .elementor-element.elementor-element-232169e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-400 .elementor-element.elementor-element-232169e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-400 .elementor-element.elementor-element-232169e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-400 .elementor-element.elementor-element-232169e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-400 .elementor-element.elementor-element-232169e .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-400 .elementor-element.elementor-element-232169e .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-400 .elementor-element.elementor-element-232169e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-400 .elementor-element.elementor-element-232169e .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-400 .elementor-element.elementor-element-232169e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-400 .elementor-element.elementor-element-4240023{--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-400 .elementor-element.elementor-element-972579e .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-400 .elementor-element.elementor-element-972579e .elementor-button:hover, .elementor-400 .elementor-element.elementor-element-972579e .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-972579e .elementor-button:hover svg, .elementor-400 .elementor-element.elementor-element-972579e .elementor-button:focus svg{fill:#000000;}.elementor-400 .elementor-element.elementor-element-bddb38d{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-400 .elementor-element.elementor-element-bddb38d:hover{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-bddb38d .elementor-icon-wrapper{text-align:center;}.elementor-400 .elementor-element.elementor-element-bddb38d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-bddb38d.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-bddb38d.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-bddb38d.elementor-view-framed .elementor-icon, .elementor-400 .elementor-element.elementor-element-bddb38d.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-400 .elementor-element.elementor-element-bddb38d.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-bddb38d.elementor-view-framed .elementor-icon:hover, .elementor-400 .elementor-element.elementor-element-bddb38d.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-400 .elementor-element.elementor-element-bddb38d.elementor-view-framed .elementor-icon:hover, .elementor-400 .elementor-element.elementor-element-bddb38d.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-400 .elementor-element.elementor-element-bddb38d .elementor-icon{font-size:16px;}.elementor-400 .elementor-element.elementor-element-bddb38d .elementor-icon svg{height:16px;}.elementor-400 .elementor-element.elementor-element-bddb38d .elementor-icon i, .elementor-400 .elementor-element.elementor-element-bddb38d .elementor-icon svg{transform:rotate(63deg);}@media(min-width:768px){.elementor-400 .elementor-element.elementor-element-b97e651{--width:36%;}}@media(max-width:1024px) and (min-width:768px){.elementor-400 .elementor-element.elementor-element-b97e651{--width:42%;}.elementor-400 .elementor-element.elementor-element-9ac0c60{--width:100%;}.elementor-400 .elementor-element.elementor-element-bc20601{--width:100%;}}@media(min-width:1025px){.elementor-400 .elementor-element.elementor-element-bc20601:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-bc20601 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-400 .elementor-element.elementor-element-5ac206a:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-5ac206a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-400 .elementor-element.elementor-element-17cfcdb:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-17cfcdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-400 .elementor-element.elementor-element-833aec5{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-400 .elementor-element.elementor-element-efe0546 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-efe0546 .elementor-icon-box-title a{line-height:1.3em;}.elementor-400 .elementor-element.elementor-element-4176f99 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-4176f99 .elementor-icon-box-title a{line-height:1.3em;}.elementor-400 .elementor-element.elementor-element-0156b95 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-0156b95 .elementor-icon-box-title a{line-height:1.3em;}.elementor-400 .elementor-element.elementor-element-d5b18f2 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-d5b18f2 .elementor-icon-box-title a{line-height:1.3em;}.elementor-400 .elementor-element.elementor-element-77ac8d4 .elementor-icon-box-title, .elementor-400 .elementor-element.elementor-element-77ac8d4 .elementor-icon-box-title a{line-height:1.3em;}.elementor-400 .elementor-element.elementor-element-9ac0c60{--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-400 .elementor-element.elementor-element-bc20601:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-bc20601 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-400 .elementor-element.elementor-element-5ac206a:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-5ac206a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-400 .elementor-element.elementor-element-17cfcdb:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-17cfcdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-400 .elementor-element.elementor-element-4291209{--margin-top:-73px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-400 .elementor-element.elementor-element-fcaaf26{--justify-content:center;}.elementor-400 .elementor-element.elementor-element-1b3ecd4{--justify-content:center;}.elementor-400 .elementor-element.elementor-element-8c71f49{--padding-top:010px;--padding-bottom:010px;--padding-left:010px;--padding-right:010px;}.elementor-400 .elementor-element.elementor-element-833aec5{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-400 .elementor-element.elementor-element-b97e651.e-con{--order:99999 /* order end hack */;}.elementor-400 .elementor-element.elementor-element-efe0546{width:100%;max-width:100%;}.elementor-400 .elementor-element.elementor-element-4176f99{width:100%;max-width:100%;}.elementor-400 .elementor-element.elementor-element-0156b95{width:100%;max-width:100%;}.elementor-400 .elementor-element.elementor-element-d5b18f2{width:100%;max-width:100%;}.elementor-400 .elementor-element.elementor-element-77ac8d4{width:100%;max-width:100%;}.elementor-400 .elementor-element.elementor-element-9ac0c60{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-400 .elementor-element.elementor-element-bc20601:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-bc20601 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-400 .elementor-element.elementor-element-5ac206a:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-5ac206a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-400 .elementor-element.elementor-element-17cfcdb:not(.elementor-motion-effects-element-type-background), .elementor-400 .elementor-element.elementor-element-17cfcdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for container, class: .elementor-element-bc20601 */<!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-5ac206a */<!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-17cfcdb */<!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 */