.elementor-407 .elementor-element.elementor-element-abaac70{--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-407 .elementor-element.elementor-element-bda4465{--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-407 .elementor-element.elementor-element-bda4465:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-bda4465 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://optivaral.com/wp-content/uploads/2025/08/Group-1000007168.jpg");}.elementor-407 .elementor-element.elementor-element-34dc7a4{--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-407 .elementor-element.elementor-element-9125b03{text-align:center;}.elementor-407 .elementor-element.elementor-element-9125b03 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:60px;font-weight:700;line-height:72px;letter-spacing:-1.2px;color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-1116bd6{--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-407 .elementor-element.elementor-element-cc0be69 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:29px;letter-spacing:0px;color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-9830948 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:29px;letter-spacing:0px;color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-7ba677a{--display:flex;--padding-top:130px;--padding-bottom:130px;--padding-left:0px;--padding-right:0px;}.elementor-407 .elementor-element.elementor-element-93375bb .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-407 .elementor-element.elementor-element-11bfaba{--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-407 .elementor-element.elementor-element-72ad6c6{--display:flex;}.elementor-407 .elementor-element.elementor-element-110338e .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-407 .elementor-element.elementor-element-066dacc{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-407 .elementor-element.elementor-element-066dacc .elementor-divider-separator{width:65%;}.elementor-407 .elementor-element.elementor-element-066dacc .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-407 .elementor-element.elementor-element-ab394b7{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-407 .elementor-element.elementor-element-ab394b7 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-407 .elementor-element.elementor-element-ab394b7 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-407 .elementor-element.elementor-element-ab394b7.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-407 .elementor-element.elementor-element-ab394b7.elementor-view-framed .elementor-icon, .elementor-407 .elementor-element.elementor-element-ab394b7.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-407 .elementor-element.elementor-element-ab394b7.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-ab394b7.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-ab394b7.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-ab394b7.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-ab394b7.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-ab394b7.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-ab394b7 .elementor-icon{font-size:27px;}.elementor-407 .elementor-element.elementor-element-ab394b7 .elementor-icon-box-title, .elementor-407 .elementor-element.elementor-element-ab394b7 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-407 .elementor-element.elementor-element-ab394b7:has(:hover) .elementor-icon-box-title,
					 .elementor-407 .elementor-element.elementor-element-ab394b7:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-ab394b7 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-407 .elementor-element.elementor-element-4f11c9c{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-407 .elementor-element.elementor-element-4f11c9c .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-407 .elementor-element.elementor-element-4f11c9c .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-407 .elementor-element.elementor-element-4f11c9c.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-407 .elementor-element.elementor-element-4f11c9c.elementor-view-framed .elementor-icon, .elementor-407 .elementor-element.elementor-element-4f11c9c.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-407 .elementor-element.elementor-element-4f11c9c.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-4f11c9c.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-4f11c9c.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-4f11c9c.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-4f11c9c.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-4f11c9c.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-4f11c9c .elementor-icon{font-size:27px;}.elementor-407 .elementor-element.elementor-element-4f11c9c .elementor-icon-box-title, .elementor-407 .elementor-element.elementor-element-4f11c9c .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-407 .elementor-element.elementor-element-4f11c9c:has(:hover) .elementor-icon-box-title,
					 .elementor-407 .elementor-element.elementor-element-4f11c9c:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-4f11c9c .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-407 .elementor-element.elementor-element-5df78b7{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-407 .elementor-element.elementor-element-5df78b7 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-407 .elementor-element.elementor-element-5df78b7 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-407 .elementor-element.elementor-element-5df78b7.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-407 .elementor-element.elementor-element-5df78b7.elementor-view-framed .elementor-icon, .elementor-407 .elementor-element.elementor-element-5df78b7.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-407 .elementor-element.elementor-element-5df78b7.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-5df78b7.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-5df78b7.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-5df78b7.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-5df78b7.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-5df78b7.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-5df78b7 .elementor-icon{font-size:27px;}.elementor-407 .elementor-element.elementor-element-5df78b7 .elementor-icon-box-title, .elementor-407 .elementor-element.elementor-element-5df78b7 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-407 .elementor-element.elementor-element-5df78b7:has(:hover) .elementor-icon-box-title,
					 .elementor-407 .elementor-element.elementor-element-5df78b7:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-5df78b7 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-407 .elementor-element.elementor-element-be63cd5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-407 .elementor-element.elementor-element-be63cd5 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-407 .elementor-element.elementor-element-be63cd5 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-407 .elementor-element.elementor-element-be63cd5.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-407 .elementor-element.elementor-element-be63cd5.elementor-view-framed .elementor-icon, .elementor-407 .elementor-element.elementor-element-be63cd5.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-407 .elementor-element.elementor-element-be63cd5.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-be63cd5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-be63cd5.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-be63cd5.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-be63cd5.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-be63cd5.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-be63cd5 .elementor-icon{font-size:27px;}.elementor-407 .elementor-element.elementor-element-be63cd5 .elementor-icon-box-title, .elementor-407 .elementor-element.elementor-element-be63cd5 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-407 .elementor-element.elementor-element-be63cd5:has(:hover) .elementor-icon-box-title,
					 .elementor-407 .elementor-element.elementor-element-be63cd5:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-be63cd5 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-407 .elementor-element.elementor-element-966240e{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-407 .elementor-element.elementor-element-966240e .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-407 .elementor-element.elementor-element-966240e .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-407 .elementor-element.elementor-element-966240e.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-407 .elementor-element.elementor-element-966240e.elementor-view-framed .elementor-icon, .elementor-407 .elementor-element.elementor-element-966240e.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-407 .elementor-element.elementor-element-966240e.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-966240e.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-966240e.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-966240e.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-966240e.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-966240e.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-966240e .elementor-icon{font-size:27px;}.elementor-407 .elementor-element.elementor-element-966240e .elementor-icon-box-title, .elementor-407 .elementor-element.elementor-element-966240e .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-407 .elementor-element.elementor-element-966240e:has(:hover) .elementor-icon-box-title,
					 .elementor-407 .elementor-element.elementor-element-966240e:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-966240e .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-407 .elementor-element.elementor-element-cc4f05c{padding:85px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-cc4f05c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:23px;font-weight:600;line-height:32px;color:#000000;}.elementor-407 .elementor-element.elementor-element-62f7627{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-407 .elementor-element.elementor-element-62f7627 .elementor-divider-separator{width:65%;}.elementor-407 .elementor-element.elementor-element-62f7627 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-407 .elementor-element.elementor-element-52d235f{padding:0px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-52d235f .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-407 .elementor-element.elementor-element-52d235f .elementor-heading-title a:hover, .elementor-407 .elementor-element.elementor-element-52d235f .elementor-heading-title a:focus{color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-52d235f .elementor-heading-title a{transition-duration:0.3s;}.elementor-407 .elementor-element.elementor-element-ff66659{padding:0px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-ff66659 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-407 .elementor-element.elementor-element-ff66659 .elementor-heading-title a:hover, .elementor-407 .elementor-element.elementor-element-ff66659 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-ff66659 .elementor-heading-title a{transition-duration:0.3s;}.elementor-407 .elementor-element.elementor-element-4ede05c{padding:0px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-4ede05c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-407 .elementor-element.elementor-element-4ede05c .elementor-heading-title a:hover, .elementor-407 .elementor-element.elementor-element-4ede05c .elementor-heading-title a:focus{color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-4ede05c .elementor-heading-title a{transition-duration:0.3s;}.elementor-407 .elementor-element.elementor-element-f34e748{padding:0px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-f34e748 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-407 .elementor-element.elementor-element-f34e748 .elementor-heading-title a:hover, .elementor-407 .elementor-element.elementor-element-f34e748 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-f34e748 .elementor-heading-title a{transition-duration:0.3s;}.elementor-407 .elementor-element.elementor-element-7a0f438{padding:27px 0px 0px 0px;--icon-box-icon-margin:18px;}.elementor-407 .elementor-element.elementor-element-7a0f438 .elementor-icon-box-wrapper{align-items:start;}.elementor-407 .elementor-element.elementor-element-7a0f438 .elementor-icon-box-title{margin-block-end:3px;color:#000000;transition-duration:0.2s;}.elementor-407 .elementor-element.elementor-element-7a0f438.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-407 .elementor-element.elementor-element-7a0f438.elementor-view-framed .elementor-icon, .elementor-407 .elementor-element.elementor-element-7a0f438.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-407 .elementor-element.elementor-element-7a0f438.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-7a0f438.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-7a0f438.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-7a0f438.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-7a0f438.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-407 .elementor-element.elementor-element-7a0f438.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-7a0f438 .elementor-icon-box-title, .elementor-407 .elementor-element.elementor-element-7a0f438 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:600;line-height:19px;}.elementor-407 .elementor-element.elementor-element-7a0f438:has(:hover) .elementor-icon-box-title,
					 .elementor-407 .elementor-element.elementor-element-7a0f438:has(:focus) .elementor-icon-box-title{color:#8C8F94;}.elementor-407 .elementor-element.elementor-element-e3a456d{padding:85px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-e3a456d .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:23px;font-weight:600;line-height:32px;color:#000000;}.elementor-407 .elementor-element.elementor-element-75f4f7d{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-407 .elementor-element.elementor-element-75f4f7d .elementor-divider-separator{width:65%;}.elementor-407 .elementor-element.elementor-element-75f4f7d .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-407 .elementor-element.elementor-element-7f5571d{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-407 .elementor-element.elementor-element-7f5571d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:20px;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-20px;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-407 .elementor-element.elementor-element-7f5571d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-407 .elementor-element.elementor-element-7f5571d .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-407 .elementor-element.elementor-element-7f5571d .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-407 .elementor-element.elementor-element-7f5571d .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-field-group > label{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-field-type-html{padding-bottom:0px;font-family:"Manrope", Sans-serif;font-size:17px;font-weight:400;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-field-group .elementor-field{color:#596678;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-field-group .elementor-field, .elementor-407 .elementor-element.elementor-element-7f5571d .elementor-field-subgroup label{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#0000003B;border-radius:10px 10px 10px 10px;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#0000003B;border-radius:10px 10px 10px 10px;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-field-group .elementor-select-wrapper::before{color:#0000003B;}.elementor-407 .elementor-element.elementor-element-7f5571d .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-407 .elementor-element.elementor-element-7f5571d .e-form__buttons__wrapper__button-next{background-color:#8C20EB;color:#ffffff;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-button[type="submit"]{background-color:#8C20EB;color:#ffffff;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-407 .elementor-element.elementor-element-7f5571d .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-407 .elementor-element.elementor-element-7f5571d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-407 .elementor-element.elementor-element-7f5571d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-407 .elementor-element.elementor-element-7f5571d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-407 .elementor-element.elementor-element-c3ffc99{--display:flex;}.elementor-407 .elementor-element.elementor-element-0ec1c76 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-407 .elementor-element.elementor-element-18aea1a{padding:20px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-18aea1a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-407 .elementor-element.elementor-element-7ea9eed{--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-407 .elementor-element.elementor-element-184c12f{--display:flex;}.elementor-407 .elementor-element.elementor-element-1d5f560{padding:20px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-1d5f560 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-407 .elementor-element.elementor-element-777502d{--display:flex;}.elementor-407 .elementor-element.elementor-element-a9fb27e{padding:20px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-a9fb27e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-407 .elementor-element.elementor-element-e3f122c{--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-407 .elementor-element.elementor-element-4fe50e0{--display:flex;}.elementor-407 .elementor-element.elementor-element-791d40c{padding:20px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-791d40c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-407 .elementor-element.elementor-element-eea8598{--display:flex;}.elementor-407 .elementor-element.elementor-element-8534227{padding:20px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-8534227 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-407 .elementor-element.elementor-element-fe31185{--display:flex;--padding-top:55px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-407 .elementor-element.elementor-element-a20a77b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:31px;font-weight:600;line-height:40px;color:#000000;}.elementor-407 .elementor-element.elementor-element-a20a77b .elementor-heading-title a:hover, .elementor-407 .elementor-element.elementor-element-a20a77b .elementor-heading-title a:focus{color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-a20a77b .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-407 .elementor-element.elementor-element-74ce665{padding:20px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-407 .elementor-element.elementor-element-74ce665 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(3px/2);}.elementor-407 .elementor-element.elementor-element-74ce665 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(3px/2);}.elementor-407 .elementor-element.elementor-element-74ce665 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(3px/2);}.elementor-407 .elementor-element.elementor-element-74ce665 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-3px/2);}.elementor-407 .elementor-element.elementor-element-74ce665 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-3px/2);}.elementor-407 .elementor-element.elementor-element-74ce665 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-407 .elementor-element.elementor-element-74ce665 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-407 .elementor-element.elementor-element-74ce665 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-74ce665 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#8C20EB;}.elementor-407 .elementor-element.elementor-element-74ce665 .elementor-icon-list-text{transition:color 0.3s;}.elementor-407 .elementor-element.elementor-element-b5eb06c{--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-407 .elementor-element.elementor-element-5debf13{--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-407 .elementor-element.elementor-element-b55c8ab img{border-radius:20px 20px 20px 20px;}.elementor-407 .elementor-element.elementor-element-268adb9{--display:flex;}.elementor-407 .elementor-element.elementor-element-586daf9 img{border-radius:20px 20px 20px 20px;}.elementor-407 .elementor-element.elementor-element-7bc0060{--display:flex;--padding-top:61px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-407 .elementor-element.elementor-element-d0cb17e .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-407 .elementor-element.elementor-element-d0cb17e .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-407 .elementor-element.elementor-element-d0cb17e .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-d0cb17e .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-407 .elementor-element.elementor-element-d0cb17e .elementskit-accordion .elementskit-card-body, .elementor-407 .elementor-element.elementor-element-d0cb17e .accordion.floating-style .elementskit-card-body{background-color:#F3E8FF;}.elementor-407 .elementor-element.elementor-element-d0cb17e:hover{border-radius:16px 16px 16px 16px;}.elementor-407 .elementor-element.elementor-element-d0cb17e .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:#FAF5FF;border-radius:16px 16px 0px 0px;}.elementor-407 .elementor-element.elementor-element-d0cb17e .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:#FAF5FF;}.elementor-407 .elementor-element.elementor-element-d0cb17e .elementskit-accordion .elementskit-card-body p{color:#020101;}.elementor-407 .elementor-element.elementor-element-d0cb17e .elementskit-accordion .elementskit-card-body{color:#020101;border-radius:0px 0px 016px 016px;padding:22px 32px 22px 32px;}.elementor-407 .elementor-element.elementor-element-d0cb17e .elementskit-accordion > .elementskit-card.active{border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-d0cb17e .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:0px 0px 0px 0px;}.elementor-407 .elementor-element.elementor-element-d0cb17e .elementskit-accordion > .elementskit-card{border-style:solid;border-width:0px 0px 2px 0px;border-color:#D6DAE1;}.elementor-407 .elementor-element.elementor-element-08fadea{--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-407 .elementor-element.elementor-element-ed679d2{--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-407 .elementor-element.elementor-element-ba871ab{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-407 .elementor-element.elementor-element-ba871ab:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-ba871ab > .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-407 .elementor-element.elementor-element-52d1b80{z-index:1;}.elementor-407 .elementor-element.elementor-element-52d1b80 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-5fc258b{padding:30px 0px 0px 0px;z-index:1;}.elementor-407 .elementor-element.elementor-element-5fc258b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-407 .elementor-element.elementor-element-9607d4a{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-407 .elementor-element.elementor-element-9607d4a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-407 .elementor-element.elementor-element-9607d4a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-407 .elementor-element.elementor-element-9607d4a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-407 .elementor-element.elementor-element-9607d4a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-407 .elementor-element.elementor-element-9607d4a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-407 .elementor-element.elementor-element-9607d4a .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-407 .elementor-element.elementor-element-9607d4a .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-407 .elementor-element.elementor-element-9607d4a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-407 .elementor-element.elementor-element-9607d4a .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-407 .elementor-element.elementor-element-9607d4a .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-407 .elementor-element.elementor-element-4b2e2f0{--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-407 .elementor-element.elementor-element-fb8a104 .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-407 .elementor-element.elementor-element-fb8a104 .elementor-button:hover, .elementor-407 .elementor-element.elementor-element-fb8a104 .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-fb8a104 .elementor-button:hover svg, .elementor-407 .elementor-element.elementor-element-fb8a104 .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-407 .elementor-element.elementor-element-f1e3ee8{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-407 .elementor-element.elementor-element-f1e3ee8:hover{background-color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-f1e3ee8 .elementor-icon-wrapper{text-align:center;}.elementor-407 .elementor-element.elementor-element-f1e3ee8.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-f1e3ee8.elementor-view-framed .elementor-icon, .elementor-407 .elementor-element.elementor-element-f1e3ee8.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-f1e3ee8.elementor-view-framed .elementor-icon, .elementor-407 .elementor-element.elementor-element-f1e3ee8.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-f1e3ee8.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-f1e3ee8.elementor-view-framed .elementor-icon:hover, .elementor-407 .elementor-element.elementor-element-f1e3ee8.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-f1e3ee8.elementor-view-framed .elementor-icon:hover, .elementor-407 .elementor-element.elementor-element-f1e3ee8.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-407 .elementor-element.elementor-element-f1e3ee8 .elementor-icon{font-size:16px;}.elementor-407 .elementor-element.elementor-element-f1e3ee8 .elementor-icon svg{height:16px;}.elementor-407 .elementor-element.elementor-element-f1e3ee8 .elementor-icon i, .elementor-407 .elementor-element.elementor-element-f1e3ee8 .elementor-icon svg{transform:rotate(63deg);}.elementor-407 .elementor-element.elementor-element-8e783b0{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-407 .elementor-element.elementor-element-8e783b0:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-8e783b0 > .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-407 .elementor-element.elementor-element-d15ffd5{z-index:1;}.elementor-407 .elementor-element.elementor-element-d15ffd5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-a8ad9e1{padding:30px 0px 0px 0px;z-index:1;}.elementor-407 .elementor-element.elementor-element-a8ad9e1 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-407 .elementor-element.elementor-element-35b48fe{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-407 .elementor-element.elementor-element-35b48fe .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-407 .elementor-element.elementor-element-35b48fe .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-407 .elementor-element.elementor-element-35b48fe .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-407 .elementor-element.elementor-element-35b48fe .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-407 .elementor-element.elementor-element-35b48fe .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-407 .elementor-element.elementor-element-35b48fe .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-407 .elementor-element.elementor-element-35b48fe .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-407 .elementor-element.elementor-element-35b48fe .elementor-icon-list-item > .elementor-icon-list-text, .elementor-407 .elementor-element.elementor-element-35b48fe .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-407 .elementor-element.elementor-element-35b48fe .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-407 .elementor-element.elementor-element-dec6128{--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-407 .elementor-element.elementor-element-9669b2f .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-407 .elementor-element.elementor-element-9669b2f .elementor-button:hover, .elementor-407 .elementor-element.elementor-element-9669b2f .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-9669b2f .elementor-button:hover svg, .elementor-407 .elementor-element.elementor-element-9669b2f .elementor-button:focus svg{fill:#000000;}.elementor-407 .elementor-element.elementor-element-6d32e64{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-407 .elementor-element.elementor-element-6d32e64:hover{background-color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-6d32e64 .elementor-icon-wrapper{text-align:center;}.elementor-407 .elementor-element.elementor-element-6d32e64.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-6d32e64.elementor-view-framed .elementor-icon, .elementor-407 .elementor-element.elementor-element-6d32e64.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-6d32e64.elementor-view-framed .elementor-icon, .elementor-407 .elementor-element.elementor-element-6d32e64.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-6d32e64.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-6d32e64.elementor-view-framed .elementor-icon:hover, .elementor-407 .elementor-element.elementor-element-6d32e64.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-6d32e64.elementor-view-framed .elementor-icon:hover, .elementor-407 .elementor-element.elementor-element-6d32e64.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-407 .elementor-element.elementor-element-6d32e64 .elementor-icon{font-size:16px;}.elementor-407 .elementor-element.elementor-element-6d32e64 .elementor-icon svg{height:16px;}.elementor-407 .elementor-element.elementor-element-6d32e64 .elementor-icon i, .elementor-407 .elementor-element.elementor-element-6d32e64 .elementor-icon svg{transform:rotate(63deg);}.elementor-407 .elementor-element.elementor-element-cc540c6{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-407 .elementor-element.elementor-element-cc540c6:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-cc540c6 > .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-407 .elementor-element.elementor-element-0e3a955{z-index:1;}.elementor-407 .elementor-element.elementor-element-0e3a955 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-56ca495{padding:30px 0px 0px 0px;z-index:1;}.elementor-407 .elementor-element.elementor-element-56ca495 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-407 .elementor-element.elementor-element-2f9ceda{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-407 .elementor-element.elementor-element-2f9ceda .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-407 .elementor-element.elementor-element-2f9ceda .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-407 .elementor-element.elementor-element-2f9ceda .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-407 .elementor-element.elementor-element-2f9ceda .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-407 .elementor-element.elementor-element-2f9ceda .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-407 .elementor-element.elementor-element-2f9ceda .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-407 .elementor-element.elementor-element-2f9ceda .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-407 .elementor-element.elementor-element-2f9ceda .elementor-icon-list-item > .elementor-icon-list-text, .elementor-407 .elementor-element.elementor-element-2f9ceda .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-407 .elementor-element.elementor-element-2f9ceda .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-407 .elementor-element.elementor-element-926e9dd{--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-407 .elementor-element.elementor-element-ed21faa .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-407 .elementor-element.elementor-element-ed21faa .elementor-button:hover, .elementor-407 .elementor-element.elementor-element-ed21faa .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-ed21faa .elementor-button:hover svg, .elementor-407 .elementor-element.elementor-element-ed21faa .elementor-button:focus svg{fill:#000000;}.elementor-407 .elementor-element.elementor-element-02f44cf{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-407 .elementor-element.elementor-element-02f44cf:hover{background-color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-02f44cf .elementor-icon-wrapper{text-align:center;}.elementor-407 .elementor-element.elementor-element-02f44cf.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-02f44cf.elementor-view-framed .elementor-icon, .elementor-407 .elementor-element.elementor-element-02f44cf.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-02f44cf.elementor-view-framed .elementor-icon, .elementor-407 .elementor-element.elementor-element-02f44cf.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-407 .elementor-element.elementor-element-02f44cf.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-02f44cf.elementor-view-framed .elementor-icon:hover, .elementor-407 .elementor-element.elementor-element-02f44cf.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-407 .elementor-element.elementor-element-02f44cf.elementor-view-framed .elementor-icon:hover, .elementor-407 .elementor-element.elementor-element-02f44cf.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-407 .elementor-element.elementor-element-02f44cf .elementor-icon{font-size:16px;}.elementor-407 .elementor-element.elementor-element-02f44cf .elementor-icon svg{height:16px;}.elementor-407 .elementor-element.elementor-element-02f44cf .elementor-icon i, .elementor-407 .elementor-element.elementor-element-02f44cf .elementor-icon svg{transform:rotate(63deg);}@media(min-width:768px){.elementor-407 .elementor-element.elementor-element-72ad6c6{--width:36%;}}@media(max-width:1024px) and (min-width:768px){.elementor-407 .elementor-element.elementor-element-72ad6c6{--width:42%;}.elementor-407 .elementor-element.elementor-element-ed679d2{--width:100%;}.elementor-407 .elementor-element.elementor-element-ba871ab{--width:100%;}}@media(min-width:1025px){.elementor-407 .elementor-element.elementor-element-ba871ab:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-ba871ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-407 .elementor-element.elementor-element-8e783b0:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-8e783b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-407 .elementor-element.elementor-element-cc540c6:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-cc540c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-407 .elementor-element.elementor-element-11bfaba{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-407 .elementor-element.elementor-element-ab394b7 .elementor-icon-box-title, .elementor-407 .elementor-element.elementor-element-ab394b7 .elementor-icon-box-title a{line-height:1.3em;}.elementor-407 .elementor-element.elementor-element-4f11c9c .elementor-icon-box-title, .elementor-407 .elementor-element.elementor-element-4f11c9c .elementor-icon-box-title a{line-height:1.3em;}.elementor-407 .elementor-element.elementor-element-5df78b7 .elementor-icon-box-title, .elementor-407 .elementor-element.elementor-element-5df78b7 .elementor-icon-box-title a{line-height:1.3em;}.elementor-407 .elementor-element.elementor-element-be63cd5 .elementor-icon-box-title, .elementor-407 .elementor-element.elementor-element-be63cd5 .elementor-icon-box-title a{line-height:1.3em;}.elementor-407 .elementor-element.elementor-element-966240e .elementor-icon-box-title, .elementor-407 .elementor-element.elementor-element-966240e .elementor-icon-box-title a{line-height:1.3em;}.elementor-407 .elementor-element.elementor-element-ed679d2{--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-407 .elementor-element.elementor-element-ba871ab:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-ba871ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-407 .elementor-element.elementor-element-8e783b0:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-8e783b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-407 .elementor-element.elementor-element-cc540c6:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-cc540c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-407 .elementor-element.elementor-element-abaac70{--margin-top:-73px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-407 .elementor-element.elementor-element-bda4465{--justify-content:center;}.elementor-407 .elementor-element.elementor-element-34dc7a4{--justify-content:center;}.elementor-407 .elementor-element.elementor-element-7ba677a{--padding-top:010px;--padding-bottom:010px;--padding-left:010px;--padding-right:010px;}.elementor-407 .elementor-element.elementor-element-11bfaba{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-407 .elementor-element.elementor-element-72ad6c6.e-con{--order:99999 /* order end hack */;}.elementor-407 .elementor-element.elementor-element-ab394b7{width:100%;max-width:100%;}.elementor-407 .elementor-element.elementor-element-4f11c9c{width:100%;max-width:100%;}.elementor-407 .elementor-element.elementor-element-5df78b7{width:100%;max-width:100%;}.elementor-407 .elementor-element.elementor-element-be63cd5{width:100%;max-width:100%;}.elementor-407 .elementor-element.elementor-element-966240e{width:100%;max-width:100%;}.elementor-407 .elementor-element.elementor-element-ed679d2{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-407 .elementor-element.elementor-element-ba871ab:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-ba871ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-407 .elementor-element.elementor-element-8e783b0:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-8e783b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-407 .elementor-element.elementor-element-cc540c6:not(.elementor-motion-effects-element-type-background), .elementor-407 .elementor-element.elementor-element-cc540c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for container, class: .elementor-element-ba871ab */<!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-8e783b0 */<!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-cc540c6 */<!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 */