.elementor-398 .elementor-element.elementor-element-2b9ea64{--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-398 .elementor-element.elementor-element-f75ebc6{--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-398 .elementor-element.elementor-element-f75ebc6:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-f75ebc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://optivaral.com/wp-content/uploads/2025/08/Group-1000007168.jpg");}.elementor-398 .elementor-element.elementor-element-04ef3fb{--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-398 .elementor-element.elementor-element-a501f0a{text-align:center;}.elementor-398 .elementor-element.elementor-element-a501f0a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:60px;font-weight:700;line-height:72px;letter-spacing:-1.2px;color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-9d0a907{--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-398 .elementor-element.elementor-element-01a7967 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:29px;letter-spacing:0px;color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-c1ccc8b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;line-height:29px;letter-spacing:0px;color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-7e54371{--display:flex;--padding-top:130px;--padding-bottom:130px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-cab9d50 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-398 .elementor-element.elementor-element-e16aaf0{--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-398 .elementor-element.elementor-element-750e127{--display:flex;}.elementor-398 .elementor-element.elementor-element-55f9338 .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-398 .elementor-element.elementor-element-fcaaa1b{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-398 .elementor-element.elementor-element-fcaaa1b .elementor-divider-separator{width:65%;}.elementor-398 .elementor-element.elementor-element-fcaaa1b .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-398 .elementor-element.elementor-element-30d96d3{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-398 .elementor-element.elementor-element-30d96d3 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-398 .elementor-element.elementor-element-30d96d3 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-398 .elementor-element.elementor-element-30d96d3.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-398 .elementor-element.elementor-element-30d96d3.elementor-view-framed .elementor-icon, .elementor-398 .elementor-element.elementor-element-30d96d3.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-398 .elementor-element.elementor-element-30d96d3.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-30d96d3.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-30d96d3.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-30d96d3.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-30d96d3.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-30d96d3.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-30d96d3 .elementor-icon{font-size:27px;}.elementor-398 .elementor-element.elementor-element-30d96d3 .elementor-icon-box-title, .elementor-398 .elementor-element.elementor-element-30d96d3 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-398 .elementor-element.elementor-element-30d96d3:has(:hover) .elementor-icon-box-title,
					 .elementor-398 .elementor-element.elementor-element-30d96d3:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-30d96d3 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-398 .elementor-element.elementor-element-52dd533{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-398 .elementor-element.elementor-element-52dd533 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-398 .elementor-element.elementor-element-52dd533 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-398 .elementor-element.elementor-element-52dd533.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-398 .elementor-element.elementor-element-52dd533.elementor-view-framed .elementor-icon, .elementor-398 .elementor-element.elementor-element-52dd533.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-398 .elementor-element.elementor-element-52dd533.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-52dd533.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-52dd533.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-52dd533.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-52dd533.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-52dd533.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-52dd533 .elementor-icon{font-size:27px;}.elementor-398 .elementor-element.elementor-element-52dd533 .elementor-icon-box-title, .elementor-398 .elementor-element.elementor-element-52dd533 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-398 .elementor-element.elementor-element-52dd533:has(:hover) .elementor-icon-box-title,
					 .elementor-398 .elementor-element.elementor-element-52dd533:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-52dd533 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-398 .elementor-element.elementor-element-cc04315{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-398 .elementor-element.elementor-element-cc04315 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-398 .elementor-element.elementor-element-cc04315 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-398 .elementor-element.elementor-element-cc04315.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-398 .elementor-element.elementor-element-cc04315.elementor-view-framed .elementor-icon, .elementor-398 .elementor-element.elementor-element-cc04315.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-398 .elementor-element.elementor-element-cc04315.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-cc04315.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-cc04315.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-cc04315.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-cc04315.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-cc04315.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-cc04315 .elementor-icon{font-size:27px;}.elementor-398 .elementor-element.elementor-element-cc04315 .elementor-icon-box-title, .elementor-398 .elementor-element.elementor-element-cc04315 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-398 .elementor-element.elementor-element-cc04315:has(:hover) .elementor-icon-box-title,
					 .elementor-398 .elementor-element.elementor-element-cc04315:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-cc04315 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-398 .elementor-element.elementor-element-2ecbe36{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-398 .elementor-element.elementor-element-2ecbe36 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-398 .elementor-element.elementor-element-2ecbe36 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-398 .elementor-element.elementor-element-2ecbe36.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-398 .elementor-element.elementor-element-2ecbe36.elementor-view-framed .elementor-icon, .elementor-398 .elementor-element.elementor-element-2ecbe36.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-398 .elementor-element.elementor-element-2ecbe36.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-2ecbe36.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-2ecbe36.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-2ecbe36.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-2ecbe36.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-2ecbe36.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-2ecbe36 .elementor-icon{font-size:27px;}.elementor-398 .elementor-element.elementor-element-2ecbe36 .elementor-icon-box-title, .elementor-398 .elementor-element.elementor-element-2ecbe36 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-398 .elementor-element.elementor-element-2ecbe36:has(:hover) .elementor-icon-box-title,
					 .elementor-398 .elementor-element.elementor-element-2ecbe36:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-2ecbe36 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-398 .elementor-element.elementor-element-79337b3{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-398 .elementor-element.elementor-element-79337b3 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-398 .elementor-element.elementor-element-79337b3 .elementor-icon-box-title{margin-block-end:13px;color:#000000;transition-duration:0.4s;}.elementor-398 .elementor-element.elementor-element-79337b3.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-398 .elementor-element.elementor-element-79337b3.elementor-view-framed .elementor-icon, .elementor-398 .elementor-element.elementor-element-79337b3.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-398 .elementor-element.elementor-element-79337b3.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-79337b3.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-79337b3.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-79337b3.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-79337b3.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-79337b3.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-79337b3 .elementor-icon{font-size:27px;}.elementor-398 .elementor-element.elementor-element-79337b3 .elementor-icon-box-title, .elementor-398 .elementor-element.elementor-element-79337b3 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:17px;font-weight:600;line-height:40px;}.elementor-398 .elementor-element.elementor-element-79337b3:has(:hover) .elementor-icon-box-title,
					 .elementor-398 .elementor-element.elementor-element-79337b3:has(:focus) .elementor-icon-box-title{color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-79337b3 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-398 .elementor-element.elementor-element-9beee79{padding:85px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-9beee79 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:23px;font-weight:600;line-height:32px;color:#000000;}.elementor-398 .elementor-element.elementor-element-b69404a{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-398 .elementor-element.elementor-element-b69404a .elementor-divider-separator{width:65%;}.elementor-398 .elementor-element.elementor-element-b69404a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-398 .elementor-element.elementor-element-0a81e04{padding:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-0a81e04 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-398 .elementor-element.elementor-element-0a81e04 .elementor-heading-title a:hover, .elementor-398 .elementor-element.elementor-element-0a81e04 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-0a81e04 .elementor-heading-title a{transition-duration:0.3s;}.elementor-398 .elementor-element.elementor-element-7c16c18{padding:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-7c16c18 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-398 .elementor-element.elementor-element-7c16c18 .elementor-heading-title a:hover, .elementor-398 .elementor-element.elementor-element-7c16c18 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-7c16c18 .elementor-heading-title a{transition-duration:0.3s;}.elementor-398 .elementor-element.elementor-element-0c6b0af{padding:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-0c6b0af .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-398 .elementor-element.elementor-element-0c6b0af .elementor-heading-title a:hover, .elementor-398 .elementor-element.elementor-element-0c6b0af .elementor-heading-title a:focus{color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-0c6b0af .elementor-heading-title a{transition-duration:0.3s;}.elementor-398 .elementor-element.elementor-element-f855ab1{padding:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-f855ab1 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:600;line-height:30px;color:#8C8F94;}.elementor-398 .elementor-element.elementor-element-f855ab1 .elementor-heading-title a:hover, .elementor-398 .elementor-element.elementor-element-f855ab1 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-f855ab1 .elementor-heading-title a{transition-duration:0.3s;}.elementor-398 .elementor-element.elementor-element-263657a{padding:27px 0px 0px 0px;--icon-box-icon-margin:18px;}.elementor-398 .elementor-element.elementor-element-263657a .elementor-icon-box-wrapper{align-items:start;}.elementor-398 .elementor-element.elementor-element-263657a .elementor-icon-box-title{margin-block-end:3px;color:#000000;transition-duration:0.2s;}.elementor-398 .elementor-element.elementor-element-263657a.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-398 .elementor-element.elementor-element-263657a.elementor-view-framed .elementor-icon, .elementor-398 .elementor-element.elementor-element-263657a.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-398 .elementor-element.elementor-element-263657a.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-263657a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-263657a.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-263657a.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-263657a.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-398 .elementor-element.elementor-element-263657a.elementor-view-default:has(:focus) .elementor-icon{fill:#8C20EB;color:#8C20EB;border-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-263657a .elementor-icon-box-title, .elementor-398 .elementor-element.elementor-element-263657a .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:600;line-height:19px;}.elementor-398 .elementor-element.elementor-element-263657a:has(:hover) .elementor-icon-box-title,
					 .elementor-398 .elementor-element.elementor-element-263657a:has(:focus) .elementor-icon-box-title{color:#8C8F94;}.elementor-398 .elementor-element.elementor-element-fed92e4{padding:85px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-fed92e4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:23px;font-weight:600;line-height:32px;color:#000000;}.elementor-398 .elementor-element.elementor-element-97932a9{--divider-border-style:solid;--divider-color:#8C20EB;--divider-border-width:2px;}.elementor-398 .elementor-element.elementor-element-97932a9 .elementor-divider-separator{width:65%;}.elementor-398 .elementor-element.elementor-element-97932a9 .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-398 .elementor-element.elementor-element-7e49402{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-398 .elementor-element.elementor-element-7e49402.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:20px;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-20px;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-398 .elementor-element.elementor-element-7e49402 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-398 .elementor-element.elementor-element-7e49402 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-398 .elementor-element.elementor-element-7e49402 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-398 .elementor-element.elementor-element-7e49402 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-field-group > label{font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-field-type-html{padding-bottom:0px;font-family:"Manrope", Sans-serif;font-size:17px;font-weight:400;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-field-group .elementor-field{color:#596678;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-field-group .elementor-field, .elementor-398 .elementor-element.elementor-element-7e49402 .elementor-field-subgroup label{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#0000003B;border-radius:10px 10px 10px 10px;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#0000003B;border-radius:10px 10px 10px 10px;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-field-group .elementor-select-wrapper::before{color:#0000003B;}.elementor-398 .elementor-element.elementor-element-7e49402 .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-398 .elementor-element.elementor-element-7e49402 .e-form__buttons__wrapper__button-next{background-color:#8C20EB;color:#ffffff;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-button[type="submit"]{background-color:#8C20EB;color:#ffffff;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-398 .elementor-element.elementor-element-7e49402 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-398 .elementor-element.elementor-element-7e49402 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-398 .elementor-element.elementor-element-7e49402 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-398 .elementor-element.elementor-element-7e49402 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-398 .elementor-element.elementor-element-271da99{--display:flex;}.elementor-398 .elementor-element.elementor-element-9a5a738 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-398 .elementor-element.elementor-element-b671ec1{padding:20px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-b671ec1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-398 .elementor-element.elementor-element-3336003{--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-398 .elementor-element.elementor-element-a3feae4{--display:flex;}.elementor-398 .elementor-element.elementor-element-00823b3{padding:20px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-00823b3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-398 .elementor-element.elementor-element-fe49898{--display:flex;}.elementor-398 .elementor-element.elementor-element-2a7f78b{padding:20px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-2a7f78b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-398 .elementor-element.elementor-element-a4c8300{--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-398 .elementor-element.elementor-element-4765eb9{--display:flex;}.elementor-398 .elementor-element.elementor-element-54c3038{padding:20px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-54c3038 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-398 .elementor-element.elementor-element-7fe68bf{--display:flex;}.elementor-398 .elementor-element.elementor-element-fa951f4{padding:20px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-fa951f4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#8C8F94;}.elementor-398 .elementor-element.elementor-element-fe4fd84{--display:flex;--padding-top:55px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-8318fb0 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:31px;font-weight:600;line-height:40px;color:#000000;}.elementor-398 .elementor-element.elementor-element-8318fb0 .elementor-heading-title a:hover, .elementor-398 .elementor-element.elementor-element-8318fb0 .elementor-heading-title a:focus{color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-8318fb0 .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-398 .elementor-element.elementor-element-9bbc3fc{padding:20px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-398 .elementor-element.elementor-element-9bbc3fc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(3px/2);}.elementor-398 .elementor-element.elementor-element-9bbc3fc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(3px/2);}.elementor-398 .elementor-element.elementor-element-9bbc3fc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(3px/2);}.elementor-398 .elementor-element.elementor-element-9bbc3fc .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-3px/2);}.elementor-398 .elementor-element.elementor-element-9bbc3fc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-3px/2);}.elementor-398 .elementor-element.elementor-element-9bbc3fc .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-398 .elementor-element.elementor-element-9bbc3fc .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-398 .elementor-element.elementor-element-9bbc3fc .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-9bbc3fc .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#8C20EB;}.elementor-398 .elementor-element.elementor-element-9bbc3fc .elementor-icon-list-text{transition:color 0.3s;}.elementor-398 .elementor-element.elementor-element-4e843ea{--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-398 .elementor-element.elementor-element-007483a{--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-398 .elementor-element.elementor-element-b5184bf img{border-radius:20px 20px 20px 20px;}.elementor-398 .elementor-element.elementor-element-4733d3e{--display:flex;}.elementor-398 .elementor-element.elementor-element-f8724e1 img{border-radius:20px 20px 20px 20px;}.elementor-398 .elementor-element.elementor-element-a7f13e3{--display:flex;--padding-top:61px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-444cd83 .elementskit-accordion.accoedion-primary .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"], .elementor-398 .elementor-element.elementor-element-444cd83 .elementskit-accordion .elementskit-card-header>.elementskit-btn-link[aria-expanded=true], .elementor-398 .elementor-element.elementor-element-444cd83 .elementskit-accordion.floating-style .elementskit-card .elementskit-btn-link[aria-expanded="true"]{background-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-444cd83 .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-398 .elementor-element.elementor-element-444cd83 .elementskit-accordion .elementskit-card-body, .elementor-398 .elementor-element.elementor-element-444cd83 .accordion.floating-style .elementskit-card-body{background-color:#F3E8FF;}.elementor-398 .elementor-element.elementor-element-444cd83:hover{border-radius:16px 16px 16px 16px;}.elementor-398 .elementor-element.elementor-element-444cd83 .elementskit-accordion .elementskit-card .elementskit-card-header>.elementskit-btn-link[aria-expanded="true"]{color:#FAF5FF;border-radius:16px 16px 0px 0px;}.elementor-398 .elementor-element.elementor-element-444cd83 .elementskit-accordion.curve-shape .elementskit-card-header>.elementskit-btn-link[aria-expanded=true]{color:#FAF5FF;}.elementor-398 .elementor-element.elementor-element-444cd83 .elementskit-accordion .elementskit-card-body p{color:#020101;}.elementor-398 .elementor-element.elementor-element-444cd83 .elementskit-accordion .elementskit-card-body{color:#020101;border-radius:0px 0px 016px 016px;padding:22px 32px 22px 32px;}.elementor-398 .elementor-element.elementor-element-444cd83 .elementskit-accordion > .elementskit-card.active{border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-444cd83 .elementskit-accordion .elementskit-card-header > .elementskit-btn-link{border-radius:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-444cd83 .elementskit-accordion > .elementskit-card{border-style:solid;border-width:0px 0px 2px 0px;border-color:#D6DAE1;}.elementor-398 .elementor-element.elementor-element-dbf679d{--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-398 .elementor-element.elementor-element-9cc5dc6{--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-398 .elementor-element.elementor-element-b51179e{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-398 .elementor-element.elementor-element-b51179e:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-b51179e > .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-398 .elementor-element.elementor-element-56f626f{z-index:1;}.elementor-398 .elementor-element.elementor-element-56f626f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-256c2b6{padding:30px 0px 0px 0px;z-index:1;}.elementor-398 .elementor-element.elementor-element-256c2b6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-398 .elementor-element.elementor-element-3ef19f1{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-398 .elementor-element.elementor-element-3ef19f1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-398 .elementor-element.elementor-element-3ef19f1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-398 .elementor-element.elementor-element-3ef19f1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-398 .elementor-element.elementor-element-3ef19f1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-398 .elementor-element.elementor-element-3ef19f1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-398 .elementor-element.elementor-element-3ef19f1 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-398 .elementor-element.elementor-element-3ef19f1 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-398 .elementor-element.elementor-element-3ef19f1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-398 .elementor-element.elementor-element-3ef19f1 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-398 .elementor-element.elementor-element-3ef19f1 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-398 .elementor-element.elementor-element-a5183b7{--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-398 .elementor-element.elementor-element-c2eaacb .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-398 .elementor-element.elementor-element-c2eaacb .elementor-button:hover, .elementor-398 .elementor-element.elementor-element-c2eaacb .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-c2eaacb .elementor-button:hover svg, .elementor-398 .elementor-element.elementor-element-c2eaacb .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-398 .elementor-element.elementor-element-95a4f7e{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-398 .elementor-element.elementor-element-95a4f7e:hover{background-color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-95a4f7e .elementor-icon-wrapper{text-align:center;}.elementor-398 .elementor-element.elementor-element-95a4f7e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-95a4f7e.elementor-view-framed .elementor-icon, .elementor-398 .elementor-element.elementor-element-95a4f7e.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-95a4f7e.elementor-view-framed .elementor-icon, .elementor-398 .elementor-element.elementor-element-95a4f7e.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-95a4f7e.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-95a4f7e.elementor-view-framed .elementor-icon:hover, .elementor-398 .elementor-element.elementor-element-95a4f7e.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-95a4f7e.elementor-view-framed .elementor-icon:hover, .elementor-398 .elementor-element.elementor-element-95a4f7e.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-398 .elementor-element.elementor-element-95a4f7e .elementor-icon{font-size:16px;}.elementor-398 .elementor-element.elementor-element-95a4f7e .elementor-icon svg{height:16px;}.elementor-398 .elementor-element.elementor-element-95a4f7e .elementor-icon i, .elementor-398 .elementor-element.elementor-element-95a4f7e .elementor-icon svg{transform:rotate(63deg);}.elementor-398 .elementor-element.elementor-element-a9770df{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-398 .elementor-element.elementor-element-a9770df:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-a9770df > .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-398 .elementor-element.elementor-element-c5fa7df{z-index:1;}.elementor-398 .elementor-element.elementor-element-c5fa7df .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-783e58b{padding:30px 0px 0px 0px;z-index:1;}.elementor-398 .elementor-element.elementor-element-783e58b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-398 .elementor-element.elementor-element-9b0eac6{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-398 .elementor-element.elementor-element-9b0eac6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-398 .elementor-element.elementor-element-9b0eac6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-398 .elementor-element.elementor-element-9b0eac6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-398 .elementor-element.elementor-element-9b0eac6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-398 .elementor-element.elementor-element-9b0eac6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-398 .elementor-element.elementor-element-9b0eac6 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-398 .elementor-element.elementor-element-9b0eac6 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-398 .elementor-element.elementor-element-9b0eac6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-398 .elementor-element.elementor-element-9b0eac6 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-398 .elementor-element.elementor-element-9b0eac6 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-398 .elementor-element.elementor-element-3404d1a{--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-398 .elementor-element.elementor-element-7b5979a .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-398 .elementor-element.elementor-element-7b5979a .elementor-button:hover, .elementor-398 .elementor-element.elementor-element-7b5979a .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-7b5979a .elementor-button:hover svg, .elementor-398 .elementor-element.elementor-element-7b5979a .elementor-button:focus svg{fill:#000000;}.elementor-398 .elementor-element.elementor-element-41d88a1{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-398 .elementor-element.elementor-element-41d88a1:hover{background-color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-41d88a1 .elementor-icon-wrapper{text-align:center;}.elementor-398 .elementor-element.elementor-element-41d88a1.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-41d88a1.elementor-view-framed .elementor-icon, .elementor-398 .elementor-element.elementor-element-41d88a1.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-41d88a1.elementor-view-framed .elementor-icon, .elementor-398 .elementor-element.elementor-element-41d88a1.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-41d88a1.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-41d88a1.elementor-view-framed .elementor-icon:hover, .elementor-398 .elementor-element.elementor-element-41d88a1.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-41d88a1.elementor-view-framed .elementor-icon:hover, .elementor-398 .elementor-element.elementor-element-41d88a1.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-398 .elementor-element.elementor-element-41d88a1 .elementor-icon{font-size:16px;}.elementor-398 .elementor-element.elementor-element-41d88a1 .elementor-icon svg{height:16px;}.elementor-398 .elementor-element.elementor-element-41d88a1 .elementor-icon i, .elementor-398 .elementor-element.elementor-element-41d88a1 .elementor-icon svg{transform:rotate(63deg);}.elementor-398 .elementor-element.elementor-element-6e7790a{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-398 .elementor-element.elementor-element-6e7790a:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-6e7790a > .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-398 .elementor-element.elementor-element-75709ab{z-index:1;}.elementor-398 .elementor-element.elementor-element-75709ab .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-0ef6887{padding:30px 0px 0px 0px;z-index:1;}.elementor-398 .elementor-element.elementor-element-0ef6887 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:600;line-height:23px;color:#000000;}.elementor-398 .elementor-element.elementor-element-2c6937e{padding:29px 0px 0px 0px;z-index:1;--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-398 .elementor-element.elementor-element-2c6937e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-398 .elementor-element.elementor-element-2c6937e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-398 .elementor-element.elementor-element-2c6937e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-398 .elementor-element.elementor-element-2c6937e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-398 .elementor-element.elementor-element-2c6937e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-398 .elementor-element.elementor-element-2c6937e .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-398 .elementor-element.elementor-element-2c6937e .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-398 .elementor-element.elementor-element-2c6937e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-398 .elementor-element.elementor-element-2c6937e .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-398 .elementor-element.elementor-element-2c6937e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-398 .elementor-element.elementor-element-1999627{--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-398 .elementor-element.elementor-element-6a796cb .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-398 .elementor-element.elementor-element-6a796cb .elementor-button:hover, .elementor-398 .elementor-element.elementor-element-6a796cb .elementor-button:focus{background-color:#FFFFFF;color:#000000;border-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-6a796cb .elementor-button:hover svg, .elementor-398 .elementor-element.elementor-element-6a796cb .elementor-button:focus svg{fill:#000000;}.elementor-398 .elementor-element.elementor-element-e1adbd2{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-398 .elementor-element.elementor-element-e1adbd2:hover{background-color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-e1adbd2 .elementor-icon-wrapper{text-align:center;}.elementor-398 .elementor-element.elementor-element-e1adbd2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-e1adbd2.elementor-view-framed .elementor-icon, .elementor-398 .elementor-element.elementor-element-e1adbd2.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-e1adbd2.elementor-view-framed .elementor-icon, .elementor-398 .elementor-element.elementor-element-e1adbd2.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-398 .elementor-element.elementor-element-e1adbd2.elementor-view-stacked .elementor-icon:hover{background-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-e1adbd2.elementor-view-framed .elementor-icon:hover, .elementor-398 .elementor-element.elementor-element-e1adbd2.elementor-view-default .elementor-icon:hover{color:#8C20EB;border-color:#8C20EB;}.elementor-398 .elementor-element.elementor-element-e1adbd2.elementor-view-framed .elementor-icon:hover, .elementor-398 .elementor-element.elementor-element-e1adbd2.elementor-view-default .elementor-icon:hover svg{fill:#8C20EB;}.elementor-398 .elementor-element.elementor-element-e1adbd2 .elementor-icon{font-size:16px;}.elementor-398 .elementor-element.elementor-element-e1adbd2 .elementor-icon svg{height:16px;}.elementor-398 .elementor-element.elementor-element-e1adbd2 .elementor-icon i, .elementor-398 .elementor-element.elementor-element-e1adbd2 .elementor-icon svg{transform:rotate(63deg);}@media(min-width:768px){.elementor-398 .elementor-element.elementor-element-750e127{--width:36%;}}@media(max-width:1024px) and (min-width:768px){.elementor-398 .elementor-element.elementor-element-750e127{--width:42%;}.elementor-398 .elementor-element.elementor-element-9cc5dc6{--width:100%;}.elementor-398 .elementor-element.elementor-element-b51179e{--width:100%;}}@media(min-width:1025px){.elementor-398 .elementor-element.elementor-element-b51179e:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-b51179e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-398 .elementor-element.elementor-element-a9770df:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-a9770df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-398 .elementor-element.elementor-element-6e7790a:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-6e7790a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-398 .elementor-element.elementor-element-e16aaf0{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-398 .elementor-element.elementor-element-30d96d3 .elementor-icon-box-title, .elementor-398 .elementor-element.elementor-element-30d96d3 .elementor-icon-box-title a{line-height:1.3em;}.elementor-398 .elementor-element.elementor-element-52dd533 .elementor-icon-box-title, .elementor-398 .elementor-element.elementor-element-52dd533 .elementor-icon-box-title a{line-height:1.3em;}.elementor-398 .elementor-element.elementor-element-cc04315 .elementor-icon-box-title, .elementor-398 .elementor-element.elementor-element-cc04315 .elementor-icon-box-title a{line-height:1.3em;}.elementor-398 .elementor-element.elementor-element-2ecbe36 .elementor-icon-box-title, .elementor-398 .elementor-element.elementor-element-2ecbe36 .elementor-icon-box-title a{line-height:1.3em;}.elementor-398 .elementor-element.elementor-element-79337b3 .elementor-icon-box-title, .elementor-398 .elementor-element.elementor-element-79337b3 .elementor-icon-box-title a{line-height:1.3em;}.elementor-398 .elementor-element.elementor-element-9cc5dc6{--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-398 .elementor-element.elementor-element-b51179e:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-b51179e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-398 .elementor-element.elementor-element-a9770df:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-a9770df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-398 .elementor-element.elementor-element-6e7790a:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-6e7790a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-398 .elementor-element.elementor-element-2b9ea64{--margin-top:-73px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-398 .elementor-element.elementor-element-f75ebc6{--justify-content:center;}.elementor-398 .elementor-element.elementor-element-04ef3fb{--justify-content:center;}.elementor-398 .elementor-element.elementor-element-7e54371{--padding-top:010px;--padding-bottom:010px;--padding-left:010px;--padding-right:010px;}.elementor-398 .elementor-element.elementor-element-e16aaf0{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-398 .elementor-element.elementor-element-750e127.e-con{--order:99999 /* order end hack */;}.elementor-398 .elementor-element.elementor-element-30d96d3{width:100%;max-width:100%;}.elementor-398 .elementor-element.elementor-element-52dd533{width:100%;max-width:100%;}.elementor-398 .elementor-element.elementor-element-cc04315{width:100%;max-width:100%;}.elementor-398 .elementor-element.elementor-element-2ecbe36{width:100%;max-width:100%;}.elementor-398 .elementor-element.elementor-element-79337b3{width:100%;max-width:100%;}.elementor-398 .elementor-element.elementor-element-7e49402{width:100%;max-width:100%;}.elementor-398 .elementor-element.elementor-element-9cc5dc6{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-398 .elementor-element.elementor-element-b51179e:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-b51179e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-398 .elementor-element.elementor-element-a9770df:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-a9770df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-398 .elementor-element.elementor-element-6e7790a:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-6e7790a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for container, class: .elementor-element-b51179e */<!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-a9770df */<!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-6e7790a */<!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 */