.elementor-19552 .elementor-element.elementor-element-2de8607{--display:flex;--position:absolute;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-19552 .elementor-element.elementor-element-2de8607{left:0px;}body.rtl .elementor-19552 .elementor-element.elementor-element-2de8607{right:0px;}.elementor-19552 .elementor-element.elementor-global-19432{width:100%;max-width:100%;z-index:-1;}.elementor-19552 .elementor-element.elementor-global-19432 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-93e59c7{--display:flex;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19552 .elementor-element.elementor-element-93e59c7.e-con{--order:1;}.elementor-19552 .elementor-element.elementor-element-fc60e97 > .elementor-widget-container{margin:0px 0px 0px -10px;padding:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-fc60e97.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-19552 .elementor-element.elementor-element-fc60e97 .eael-breadcrumbs{justify-content:left;}.elementor-19552 .elementor-element.elementor-element-fc60e97 .eael-breadcrumbs .eael-breadcrumbs__content{border-style:none;color:var( --e-global-color-accent );font-family:"Lato", Sans-serif;}.elementor-19552 .elementor-element.elementor-element-fc60e97 .eael-breadcrumbs .eael-breadcrumbs__content a{color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-fc60e97 .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#A5A4B0;}.elementor-19552 .elementor-element.elementor-element-fc60e97 .eael-breadcrumbs .eael-breadcrumb-separator{color:#A5A4B0;margin:0 10px;}.elementor-19552 .elementor-element.elementor-element-4427dd4.elementor-element{--order:-99999 /* order start hack */;}.elementor-19552 .elementor-element.elementor-element-23a97ef{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:030px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19552 .elementor-element.elementor-global-19424 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-4cca2ea{--divider-border-style:solid;--divider-color:var( --e-global-color-b487476 );--divider-border-width:1px;}.elementor-19552 .elementor-element.elementor-element-4cca2ea .elementor-divider-separator{width:100%;}.elementor-19552 .elementor-element.elementor-element-4cca2ea .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-19552 .elementor-element.elementor-element-6561bf3{--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;}.elementor-19552 .elementor-element.elementor-element-08b838e{--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:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-19552 .elementor-element.elementor-element-fe6c7aa{text-align:center;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-146df2f{--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;}.elementor-19552 .elementor-element.elementor-element-601fe37{--display:flex;}.elementor-19552 .elementor-element.elementor-element-93a0c31 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 5px;border-style:solid;border-width:0px 0px 0px 5px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-93a0c31 .elementor-heading-title{color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-d859466{font-family:"Lato", Sans-serif;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-afea7fe .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-b4b5663{font-family:"Lato", Sans-serif;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-c179056 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-c70442a > .elementor-widget-container{border-style:none;}.elementor-19552 .elementor-element.elementor-element-c70442a .ea-advanced-data-table{width:100%;border-style:none;}.elementor-19552 .elementor-element.elementor-element-c70442a th{text-align:left;border-style:none;}.elementor-19552 .elementor-element.elementor-element-c70442a th .ql-editor{text-align:left;}.elementor-19552 .elementor-element.elementor-element-c70442a thead{background-color:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-c70442a .ea-advanced-data-table th{padding:10px 10px 10px 10px;}.elementor-19552 .elementor-element.elementor-element-c70442a td{font-size:16px;text-align:left;color:#666666;border-style:none;}.elementor-19552 .elementor-element.elementor-element-c70442a td .ql-editor{text-align:left;}.elementor-19552 .elementor-element.elementor-element-c70442a tbody{background-color:#ffffff;}.elementor-19552 .elementor-element.elementor-element-c70442a .ea-advanced-data-table td{padding:10px 10px 10px 10px;}.elementor-19552 .elementor-element.elementor-element-cf6fe64{--divider-border-style:solid;--divider-color:var( --e-global-color-b487476 );--divider-border-width:1px;}.elementor-19552 .elementor-element.elementor-element-cf6fe64 .elementor-divider-separator{width:100%;}.elementor-19552 .elementor-element.elementor-element-cf6fe64 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-19552 .elementor-element.elementor-element-da5a15a{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19552 .elementor-element.elementor-element-44352e8{--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;}.elementor-19552 .elementor-element.elementor-element-6fa0587{--display:flex;}.elementor-19552 .elementor-element.elementor-element-898b4e2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 5px;border-style:solid;border-width:0px 0px 0px 5px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-898b4e2 .elementor-heading-title{color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-52a7cc2{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-c653a02 img{border-radius:5px 5px 5px 5px;}.elementor-19552 .elementor-element.elementor-element-0d7ffb2{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;}.elementor-19552 .elementor-element.elementor-element-0d7ffb2 .elementor-divider-separator{width:100%;}.elementor-19552 .elementor-element.elementor-element-0d7ffb2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-19552 .elementor-element.elementor-element-589d756{--display:flex;}.elementor-19552 .elementor-element.elementor-element-07397f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 5px;border-style:solid;border-width:0px 0px 0px 5px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-07397f4 .elementor-heading-title{color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-7e786b7 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-d802dde{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-7b5d731 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-7ee648f{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-4d7b7b0{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-454ad35 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-2683bdd{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-43cf0f6{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-616b1e1 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-27322ba{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-bb5e701{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;}.elementor-19552 .elementor-element.elementor-element-bb5e701 .elementor-divider-separator{width:100%;}.elementor-19552 .elementor-element.elementor-element-bb5e701 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-19552 .elementor-element.elementor-element-2931f30{--display:flex;}.elementor-19552 .elementor-element.elementor-element-8549a1a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 5px;border-style:solid;border-width:0px 0px 0px 5px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-8549a1a .elementor-heading-title{color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-7fb5c4c > .elementor-widget-container{border-style:none;}.elementor-19552 .elementor-element.elementor-element-7fb5c4c .ea-advanced-data-table{width:100%;border-style:none;}.elementor-19552 .elementor-element.elementor-element-7fb5c4c th{text-align:left;border-style:none;}.elementor-19552 .elementor-element.elementor-element-7fb5c4c th .ql-editor{text-align:left;}.elementor-19552 .elementor-element.elementor-element-7fb5c4c thead{background-color:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-7fb5c4c .ea-advanced-data-table th{padding:10px 10px 10px 10px;}.elementor-19552 .elementor-element.elementor-element-7fb5c4c td{font-size:16px;text-align:left;color:#666666;border-style:none;}.elementor-19552 .elementor-element.elementor-element-7fb5c4c td .ql-editor{text-align:left;}.elementor-19552 .elementor-element.elementor-element-7fb5c4c tbody{background-color:#ffffff;}.elementor-19552 .elementor-element.elementor-element-7fb5c4c .ea-advanced-data-table td{padding:10px 10px 10px 10px;}.elementor-19552 .elementor-element.elementor-element-3dece3a{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;}.elementor-19552 .elementor-element.elementor-element-3dece3a .elementor-divider-separator{width:100%;}.elementor-19552 .elementor-element.elementor-element-3dece3a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-19552 .elementor-element.elementor-element-e743183{--display:flex;}.elementor-19552 .elementor-element.elementor-element-35e73c2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 5px;border-style:solid;border-width:0px 0px 0px 5px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-35e73c2 .elementor-heading-title{color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-351427c > .elementor-widget-container{border-style:none;}.elementor-19552 .elementor-element.elementor-element-351427c .ea-advanced-data-table{width:100%;border-style:none;}.elementor-19552 .elementor-element.elementor-element-351427c th{text-align:left;border-style:none;}.elementor-19552 .elementor-element.elementor-element-351427c th .ql-editor{text-align:left;}.elementor-19552 .elementor-element.elementor-element-351427c thead{background-color:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-351427c .ea-advanced-data-table th{padding:10px 10px 10px 10px;}.elementor-19552 .elementor-element.elementor-element-351427c td{font-size:16px;text-align:left;color:#666666;border-style:none;}.elementor-19552 .elementor-element.elementor-element-351427c td .ql-editor{text-align:left;}.elementor-19552 .elementor-element.elementor-element-351427c tbody{background-color:#ffffff;}.elementor-19552 .elementor-element.elementor-element-351427c .ea-advanced-data-table td{padding:10px 10px 10px 10px;}.elementor-19552 .elementor-element.elementor-element-69feb1f{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-c98fb19 img{border-radius:5px 5px 5px 5px;}.elementor-19552 .elementor-element.elementor-element-dfc3659{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;}.elementor-19552 .elementor-element.elementor-element-dfc3659 .elementor-divider-separator{width:100%;}.elementor-19552 .elementor-element.elementor-element-dfc3659 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-19552 .elementor-element.elementor-element-3b9008e{--display:flex;}.elementor-19552 .elementor-element.elementor-element-df925d8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 5px;border-style:solid;border-width:0px 0px 0px 5px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-df925d8 .elementor-heading-title{color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-62c06b0 > .elementor-widget-container{border-style:none;}.elementor-19552 .elementor-element.elementor-element-62c06b0 .ea-advanced-data-table{width:100%;border-style:none;}.elementor-19552 .elementor-element.elementor-element-62c06b0 th{text-align:left;border-style:none;}.elementor-19552 .elementor-element.elementor-element-62c06b0 th .ql-editor{text-align:left;}.elementor-19552 .elementor-element.elementor-element-62c06b0 thead{background-color:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-62c06b0 .ea-advanced-data-table th{padding:10px 10px 10px 10px;}.elementor-19552 .elementor-element.elementor-element-62c06b0 td{font-size:16px;text-align:left;color:#666666;border-style:none;}.elementor-19552 .elementor-element.elementor-element-62c06b0 td .ql-editor{text-align:left;}.elementor-19552 .elementor-element.elementor-element-62c06b0 tbody{background-color:#ffffff;}.elementor-19552 .elementor-element.elementor-element-62c06b0 .ea-advanced-data-table td{padding:10px 10px 10px 10px;}.elementor-19552 .elementor-element.elementor-element-72bd7f9{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-7e0e708{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;}.elementor-19552 .elementor-element.elementor-element-7e0e708 .elementor-divider-separator{width:100%;}.elementor-19552 .elementor-element.elementor-element-7e0e708 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-19552 .elementor-element.elementor-element-65356c2{--display:flex;}.elementor-19552 .elementor-element.elementor-element-1792232 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 5px;border-style:solid;border-width:0px 0px 0px 5px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-1792232 .elementor-heading-title{color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-4acfc27 > .elementor-widget-container{border-style:none;}.elementor-19552 .elementor-element.elementor-element-4acfc27 .ea-advanced-data-table{width:100%;border-style:none;}.elementor-19552 .elementor-element.elementor-element-4acfc27 th{text-align:left;border-style:none;}.elementor-19552 .elementor-element.elementor-element-4acfc27 th .ql-editor{text-align:left;}.elementor-19552 .elementor-element.elementor-element-4acfc27 thead{background-color:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-4acfc27 .ea-advanced-data-table th{padding:10px 10px 10px 10px;}.elementor-19552 .elementor-element.elementor-element-4acfc27 td{font-size:16px;text-align:left;color:#666666;border-style:none;}.elementor-19552 .elementor-element.elementor-element-4acfc27 td .ql-editor{text-align:left;}.elementor-19552 .elementor-element.elementor-element-4acfc27 tbody{background-color:#ffffff;}.elementor-19552 .elementor-element.elementor-element-4acfc27 .ea-advanced-data-table td{padding:10px 10px 10px 10px;}.elementor-19552 .elementor-element.elementor-element-6580b87{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-c6402cf{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;}.elementor-19552 .elementor-element.elementor-element-c6402cf .elementor-divider-separator{width:100%;}.elementor-19552 .elementor-element.elementor-element-c6402cf .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-19552 .elementor-element.elementor-element-9f6e88b{--display:flex;}.elementor-19552 .elementor-element.elementor-element-7bf7db1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 5px;border-style:solid;border-width:0px 0px 0px 5px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-7bf7db1 .elementor-heading-title{color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-11dfe03{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-8c7b5d6{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-8931dd8 img{border-radius:5px 5px 5px 5px;}.elementor-19552 .elementor-element.elementor-element-a5c5490{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;}.elementor-19552 .elementor-element.elementor-element-a5c5490 .elementor-divider-separator{width:100%;}.elementor-19552 .elementor-element.elementor-element-a5c5490 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-19552 .elementor-element.elementor-element-ee48ad4{--display:flex;}.elementor-19552 .elementor-element.elementor-element-5d34588 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 5px;border-style:solid;border-width:0px 0px 0px 5px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-5d34588 .elementor-heading-title{color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-a893ce3{font-size:18px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-1d31966{--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:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19552 .elementor-element.elementor-element-f4a8ce0{--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;--overflow:hidden;}.elementor-19552 .elementor-element.elementor-element-46412d0{--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;--justify-content:flex-start;--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-19552 .elementor-element.elementor-element-5322a21{--divider-border-style:solid;--divider-color:var( --e-global-color-b487476 );--divider-border-width:1px;}.elementor-19552 .elementor-element.elementor-element-5322a21 .elementor-divider-separator{width:100%;}.elementor-19552 .elementor-element.elementor-element-5322a21 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-19552 .elementor-element.elementor-element-8ea5b2f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 5px;border-style:solid;border-width:0px 0px 0px 5px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-8ea5b2f .elementor-heading-title{font-family:"Poppins", Sans-serif;color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header{background-color:var( --e-global-color-primary );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover{background-color:var( --e-global-color-primary );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-431a5bf{width:100%;max-width:100%;}.elementor-19552 .elementor-element.elementor-element-431a5bf.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:5px 5px 5px 5px;}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon{font-size:16px;margin-left:10px;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-accordion-icon{height:16px;width:16px;line-height:16px;}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title{color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon-svg svg{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg{fill:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .eael-accordion-tab-title{color:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon{color:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon svg{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover svg.fa-accordion-icon{fill:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .eael-accordion-tab-title{color:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon{color:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon svg{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-accordion-icon{fill:var( --e-global-color-accent );}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-content{color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle, .elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header > .fa-toggle-svg{font-size:16px;}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-toggle{height:16px;width:16px;line-height:16px;fill:#444;}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle{color:#444;}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle svg{color:#444;fill:#444;}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle{color:#fff;}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle svg{color:#fff;fill:#fff;}.elementor-19552 .elementor-element.elementor-element-431a5bf .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-toggle{fill:#fff;}.elementor-19552 .elementor-element.elementor-element-380bfb2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 5px;border-style:solid;border-width:0px 0px 0px 5px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-19552 .elementor-element.elementor-element-380bfb2 .elementor-heading-title{font-family:"Poppins", Sans-serif;color:#FFFFFF;}.elementor-19552 .elementor-element.elementor-element-f59f48c{columns:1;font-size:18px;line-height:1.6em;color:var( --e-global-color-secondary );}.elementor-19552 .elementor-element.elementor-element-f59f48c a{color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-19552 .elementor-element.elementor-element-c70442a .ea-advanced-data-table{width:100%;}.elementor-19552 .elementor-element.elementor-element-7fb5c4c .ea-advanced-data-table{width:100%;}.elementor-19552 .elementor-element.elementor-element-351427c .ea-advanced-data-table{width:100%;}.elementor-19552 .elementor-element.elementor-element-62c06b0 .ea-advanced-data-table{width:100%;}.elementor-19552 .elementor-element.elementor-element-4acfc27 .ea-advanced-data-table{width:100%;}}@media(max-width:767px){.elementor-19552 .elementor-element.elementor-element-2de8607{--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-19552 .elementor-element.elementor-element-93e59c7{--min-height:200px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:90px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19552 .elementor-element.elementor-element-6561bf3{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-19552 .elementor-element.elementor-element-08b838e{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-19552 .elementor-element.elementor-element-c70442a .ea-advanced-data-table{width:100%;}.elementor-19552 .elementor-element.elementor-element-7fb5c4c .ea-advanced-data-table{width:100%;}.elementor-19552 .elementor-element.elementor-element-351427c .ea-advanced-data-table{width:100%;}.elementor-19552 .elementor-element.elementor-element-62c06b0 .ea-advanced-data-table{width:100%;}.elementor-19552 .elementor-element.elementor-element-4acfc27 .ea-advanced-data-table{width:100%;}.elementor-19552 .elementor-element.elementor-element-f59f48c{line-height:1.4em;letter-spacing:0px;}}@media(min-width:768px){.elementor-19552 .elementor-element.elementor-element-44352e8{--width:80%;}.elementor-19552 .elementor-element.elementor-element-1d31966{--width:30%;}.elementor-19552 .elementor-element.elementor-element-46412d0{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-19552 .elementor-element.elementor-element-46412d0{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-4427dd4 */.dual-heading {
  font-size: 2.5rem;
  font-weight: 700;
  color: #FFFFFF !important; /* Default text color */
}

.dual-heading .highlight {
  color: #fcc419; /* Change this to any color you want */
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-19424 */:root {
    /* Color Scheme */
    --primary-gold: #FCC419;
    --gold-muted: #E6B017;
    --gold-hover: #FFD43B;
    --bg-base: #353535;
    --bg-raised: #3d3d3d;
    --bg-pressed: #2d2d2d;
    --text-primary: #ffffff;
    --text-secondary: #d0d0d0;
    --text-muted: #a0a0a0;
    --border-light: rgba(255, 255, 255, 0.08);
    --border-dark: rgba(0, 0, 0, 0.3);
    --shadow-light: rgba(255, 255, 255, 0.08);
    --shadow-dark: rgba(0, 0, 0, 0.5);
    
    /* Animation */
    --transition-fast: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    
    /* Spacing */
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 28px;
    
    /* Typography */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', sans-serif;
}

/* Base Component Styles */
.author-meta-component {
    font-family: var(--font-family);
}

/* Remove all text decorations - override global styles */
.author-meta-component a,
.author-meta-component .meta-button-item,
.author-meta-component .meta-button,
.author-meta-component .twitter-link,
.toc-content a {
    text-decoration: none !important;
}

.author-meta-component a:hover,
.author-meta-component a:focus,
.toc-content a:hover,
.toc-content a:focus {
    text-decoration: none !important;
}

/* Focus styles for accessibility */
.author-meta-component *:focus-visible {
    outline: 2px solid var(--primary-gold);
    outline-offset: 2px;
}

/* Main container */
.author-meta-component .author-meta {
    background: transparent;
    border-radius: 20px;
    padding: var(--spacing-xl);
    color: var(--text-primary);
}

/* Flex layout */
.author-meta-component .author-meta-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-xl);
}

/* Author info section */
.author-meta-component .author-info {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg);
    flex: 1;
}

/* Button-style items */
.author-meta-component .meta-button-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-radius: 12px;
    background: var(--bg-raised);
    box-shadow: 
        4px 4px 12px var(--shadow-dark),
        -2px -2px 8px var(--shadow-light);
    transition: all var(--transition-fast);
    cursor: pointer;
    border: none;
    position: relative;
    overflow: hidden;
}

.author-meta-component .meta-button-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: left 0.5s;
}

.author-meta-component .meta-button-item:hover::before {
    left: 100%;
}

.author-meta-component .meta-button-item:hover {
    transform: translateY(-2px);
    box-shadow: 
        6px 8px 20px var(--shadow-dark),
        -3px -4px 12px var(--shadow-light);
}

.author-meta-component .meta-button-item:active {
    transform: translateY(0);
    box-shadow: 
        inset 3px 3px 8px var(--shadow-dark),
        inset -2px -2px 6px var(--shadow-light);
}

/* Date item (non-clickable) */
.author-meta-component .meta-date-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
}

/* Icons */
.author-meta-component .meta-icon {
    width: 18px;
    height: 18px;
    color: var(--primary-gold);
    flex-shrink: 0;
    opacity: 0.95;
    filter: drop-shadow(0 2px 4px rgba(252, 196, 25, 0.3));
}

/* Text styles */
.author-meta-component .author-name,
.author-meta-component .reviewer-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    transition: all var(--transition-fast);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.author-meta-component .meta-button-item:hover .author-name,
.author-meta-component .meta-button-item:hover .reviewer-name {
    color: var(--primary-gold);
    text-shadow: 0 0 8px rgba(252, 196, 25, 0.4);
}

/* Action buttons */
.author-meta-component .meta-actions {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.author-meta-component .meta-button {
    background: var(--bg-raised);
    border: none;
    color: var(--primary-gold);
    font-size: 13px;
    font-weight: 600;
    padding: 12px 20px;
    border-radius: 12px;
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 
        4px 4px 12px var(--shadow-dark),
        -2px -2px 8px var(--shadow-light);
    position: relative;
    overflow: hidden;
}

.author-meta-component .meta-button:hover {
    transform: translateY(-2px);
    color: var(--gold-hover);
    box-shadow: 
        6px 8px 20px var(--shadow-dark),
        -3px -4px 12px var(--shadow-light);
}

.author-meta-component .meta-button:active {
    transform: translateY(0);
    box-shadow: 
        inset 3px 3px 8px var(--shadow-dark),
        inset -2px -2px 6px var(--shadow-light);
}

/* Time and text info */
.author-meta-component .time-info {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    white-space: nowrap;
}

.author-meta-component .meta-text {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-secondary);
}

/* Offcanvas panel - SMOOTHER SLIDE */
.author-meta-component .offcanvas {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 400px;
    height: 100vh;
    background: linear-gradient(135deg, var(--bg-base) 0%, var(--bg-raised) 100%);
    color: var(--text-primary);
    transition: right var(--transition-smooth);
    z-index: 1000;
    overflow-y: auto;
}

.author-meta-component .offcanvas.active {
    right: 0;
}

.author-meta-component .offcanvas-header {
    padding: var(--spacing-xl);
    border-bottom: 1px solid var(--border-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, var(--bg-raised) 0%, var(--bg-base) 100%);
}

.author-meta-component .offcanvas-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: var(--primary-gold);
    text-shadow: 0 2px 4px rgba(252, 196, 25, 0.3);
}

/* Close button - NO ROTATION */
.author-meta-component .close-btn {
    background: var(--bg-base);
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: var(--primary-gold);
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-fast);
    box-shadow: 
        3px 3px 8px var(--shadow-dark),
        -2px -2px 6px var(--shadow-light);
}

.author-meta-component .close-btn:hover {
    background: var(--bg-raised);
    color: var(--gold-hover);
    box-shadow: 
        4px 4px 12px var(--shadow-dark),
        -3px -3px 10px var(--shadow-light);
}

.author-meta-component .close-btn:active {
    box-shadow: 
        inset 2px 2px 6px var(--shadow-dark),
        inset -1px -1px 4px var(--shadow-light);
}

.author-meta-component .offcanvas-body {
    padding: var(--spacing-xl);
    font-size: 15px;
    line-height: 1.7;
}

.author-meta-component .offcanvas-body p {
    margin: 0 0 18px 0;
    color: var(--text-secondary);
}

/* Profile image */
.author-meta-component .profile-image {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid var(--primary-gold);
    margin: 0 auto 24px auto;
    display: block;
    box-shadow: 
        6px 6px 20px var(--shadow-dark),
        -3px -3px 12px var(--shadow-light);
    transition: all var(--transition-fast);
}

.author-meta-component .profile-image:hover {
    transform: scale(1.05);
}

/* Social links */
.author-meta-component .twitter-link {
    color: var(--primary-gold);
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: all var(--transition-fast);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 10px;
    background: var(--bg-raised);
    margin: 20px 0;
    box-shadow: 
        3px 3px 8px var(--shadow-dark),
        -2px -2px 6px var(--shadow-light);
}

.author-meta-component .twitter-link:hover {
    transform: translateY(-2px);
    color: var(--gold-hover);
}

/* Blockquote */
.author-meta-component blockquote {
    border-left: 4px solid var(--primary-gold);
    padding: 20px;
    margin: 24px 0;
    font-style: italic;
    color: var(--primary-gold);
    background: linear-gradient(135deg, var(--bg-raised) 0%, var(--bg-base) 100%);
    border-radius: 0 12px 12px 0;
    position: relative;
}

.author-meta-component blockquote::before {
    content: '"';
    position: absolute;
    top: -10px;
    left: 15px;
    font-size: 3rem;
    color: var(--primary-gold);
    opacity: 0.3;
}

/* Lists */
.author-meta-component .offcanvas-body ul {
    margin: 20px 0;
    padding-left: 0;
}

.author-meta-component .offcanvas-body li {
    margin-bottom: 10px;
    padding: 12px 16px;
    list-style: none;
    background: var(--bg-raised);
    border-radius: 8px;
    border-left: 3px solid var(--primary-gold);
    transition: all var(--transition-fast);
}

.author-meta-component .offcanvas-body li:hover {
    transform: translateX(5px);
}

/* Overlay - SMOOTHER FADE */
.author-meta-component .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition-smooth);
    z-index: 999;
    backdrop-filter: blur(4px);
}

.author-meta-component .overlay.active {
    opacity: 1;
    visibility: visible;
}

/* TOC Toggle Button */
.toc-toggle {
    position: fixed;
    right: 30px;
    top: 53%;
    transform: translateY(-50%);
    background: var(--bg-raised);
    border: none;
    color: var(--primary-gold);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    font-size: 18px;
    transition: all var(--transition-smooth);
    z-index: 1001;
    box-shadow: 
        3px 3px 8px var(--shadow-dark),
        -2px -2px 6px var(--shadow-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-family: var(--font-family);
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.toc-toggle:hover {
    transform: translateY(-50%) translateY(-2px);
    color: var(--gold-hover);
}

.toc-toggle:active {
    transform: translateY(-50%) scale(0.95);
}

.toc-toggle:focus-visible {
    outline: 2px solid var(--primary-gold);
    outline-offset: 2px;
}

/* TOC Panel - SMOOTHER SLIDE */
.toc-panel {
    position: fixed;
    right: -380px;
    top: 0;
    height: 100vh;
    width: 350px;
    background: linear-gradient(135deg, var(--bg-base) 0%, var(--bg-raised) 100%);
    border-left: 1px solid var(--border-light);
    transition: right var(--transition-smooth);
    z-index: 1000;
    overflow-y: auto;
    padding: 30px;
    box-sizing: border-box;
    font-family: var(--font-family);
}

.toc-panel.open {
    right: 0;
}

.toc-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-light);
}

.toc-title {
    font-size: 24px;
    font-weight: 300;
    color: var(--primary-gold);
    margin: 0;
}

/* TOC Close button - NO ROTATION */
.toc-close {
    background: linear-gradient(135deg, var(--bg-base) 0%, var(--bg-raised) 100%);
    border: 1px solid rgba(252, 196, 25, 0.2);
    border-radius: 10px;
    font-size: 28px;
    cursor: pointer;
    color: var(--primary-gold);
    padding: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-fast);
    box-shadow: 
        3px 3px 8px var(--shadow-dark),
        -2px -2px 6px var(--shadow-light);
    font-weight: 300;
    line-height: 1;
}

.toc-close:hover {
    background: linear-gradient(135deg, var(--bg-raised) 0%, var(--bg-base) 100%);
    border-color: rgba(252, 196, 25, 0.4);
    box-shadow: 
        4px 4px 12px var(--shadow-dark),
        -3px -3px 10px var(--shadow-light);
    color: var(--gold-hover);
}

.toc-close:active {
    box-shadow: 
        inset 2px 2px 6px var(--shadow-dark),
        inset -1px -1px 4px var(--shadow-light);
}

/* TOC Content */
.toc-content {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toc-content li {
    margin-bottom: 8px;
}

.toc-content a {
    text-decoration: none;
    color: var(--text-secondary);
    display: block;
    padding: 12px 16px;
    border-radius: 8px;
    transition: all var(--transition-fast);
    border-left: 3px solid transparent;
}

.toc-content a:hover,
.toc-content a:focus {
    color: var(--primary-gold);
    background: rgba(255, 255, 255, 0.03);
    border-left-color: var(--primary-gold);
    transform: translateX(3px);
}

.toc-content .toc-h2 {
    font-weight: 600;
    font-size: 16px;
    padding-left: 16px;
}

.toc-content .toc-h3 {
    font-weight: 500;
    font-size: 14px;
    padding-left: 32px;
    color: var(--text-muted);
}

.toc-loading {
    text-align: center;
    color: var(--text-muted);
    font-style: italic;
    padding: 30px;
    border-left: 3px solid var(--primary-gold);
    margin: 20px 0;
}

/* TOC Overlay - SMOOTHER FADE */
.toc-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition-smooth);
    z-index: 998;
    backdrop-filter: blur(4px);
}

.toc-overlay.show {
    opacity: 1;
    visibility: visible;
}

/* Scrollbar styling */
.toc-panel::-webkit-scrollbar,
.offcanvas::-webkit-scrollbar {
    width: 8px;
}

.toc-panel::-webkit-scrollbar-track,
.offcanvas::-webkit-scrollbar-track {
    background: var(--bg-pressed);
    border-radius: 10px;
}

.toc-panel::-webkit-scrollbar-thumb,
.offcanvas::-webkit-scrollbar-thumb {
    background: var(--primary-gold);
    border-radius: 10px;
}

.toc-panel::-webkit-scrollbar-thumb:hover,
.offcanvas::-webkit-scrollbar-thumb:hover {
    background: var(--gold-hover);
}

/* Screen reader only text */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ELEMENTOR EDITOR IMPROVEMENTS */
.elementor-editor-active .author-meta-component [data-author-name],
.elementor-editor-active .author-meta-component [data-reviewer-name],
.elementor-editor-active .author-meta-component [data-last-updated] {
    font-size: 0 !important;
    line-height: 0;
}

.elementor-editor-active .author-meta-component [data-author-name]::before {
    content: "Author Name";
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: normal;
}

.elementor-editor-active .author-meta-component [data-reviewer-name]::before {
    content: "Reviewer Name";
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: normal;
}

.elementor-editor-active .author-meta-component [data-last-updated]::before {
    content: "Last Updated Date";
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    line-height: normal;
}

.elementor-editor-active .author-meta-component #factCheckOffcanvas strong[style*="color: var(--primary-gold)"] {
    font-size: 0 !important;
}

.elementor-editor-active .author-meta-component #factCheckOffcanvas strong[style*="color: var(--primary-gold)"]::before {
    content: "Review Date";
    font-size: 15px;
    font-weight: 600;
    color: var(--primary-gold);
}

.elementor-editor-active .author-meta-component #disclaimerOffcanvas strong[style*="color: var(--primary-gold)"]:last-of-type {
    font-size: 0 !important;
}

.elementor-editor-active .author-meta-component #disclaimerOffcanvas strong[style*="color: var(--primary-gold)"]:last-of-type::before {
    content: "August 2025";
    font-size: 15px;
    font-weight: 600;
    color: var(--primary-gold);
}

/* MOBILE RESPONSIVE STYLES */
@media (max-width: 768px) {
    .author-meta-component .author-meta {
        padding: var(--spacing-md);
    }

    .author-meta-component .author-meta-flex {
        display: flex;
        flex-direction: row;
        gap: var(--spacing-md);
        align-items: flex-start;
        justify-content: space-between;
    }

    .author-meta-component .author-info {
        flex: 0 1 auto;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-sm);
        align-items: flex-start;
    }

    .author-meta-component .meta-button-item {
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .author-meta-component .meta-date-item {
        width: auto;
        justify-content: flex-start;
        padding-left: 12px;
    }

    .author-meta-component .author-name,
    .author-meta-component .reviewer-name {
        white-space: normal;
        word-wrap: break-word;
        flex: 1;
        max-width: 200px;
    }

    .author-meta-component .meta-text {
        flex-shrink: 0;
    }

    .author-meta-component .meta-actions {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-xs);
        align-items: flex-end;
        flex-shrink: 0;
        flex: 0 0 auto;
        margin-right: 60px;
    }

    .author-meta-component .meta-button {
        font-size: 12px;
        padding: 10px 14px;
        white-space: nowrap;
    }

    .author-meta-component .meta-button span {
        display: none;
    }

    .author-meta-component .meta-button svg {
        width: 18px;
        height: 18px;
    }

    .toc-panel {
        width: 90%;
        right: -95%;
    }

    .toc-toggle {
        right: 15px;
        top: calc(50vh - 30px);
        transform: translateY(-50%);
        width: 45px;
        height: 45px;
        font-size: 16px;
        opacity: 0.8;
        box-shadow: 
            2px 2px 6px var(--shadow-dark),
            -1px -1px 4px var(--shadow-light);
    }

    .toc-toggle:hover {
        transform: translateY(-50%) translateY(-2px);
        opacity: 1;
    }

    .toc-toggle:active {
        transform: translateY(-50%) scale(0.95);
    }
}

@media (max-width: 480px) {
    .author-meta-component .author-meta {
        padding: var(--spacing-sm);
        border-radius: 14px;
    }

    .author-meta-component .author-meta-flex {
        gap: var(--spacing-sm);
        justify-content: space-between;
    }

    .author-meta-component .author-info {
        gap: 10px;
        align-items: flex-start;
        flex: 0 1 auto;
    }

    .author-meta-component .meta-button-item {
        padding: 10px 14px;
        gap: 8px;
        flex-direction: row;
        align-items: center;
        width: auto;
        min-width: fit-content;
    }

    .author-meta-component .meta-icon {
        width: 16px;
        height: 16px;
    }

    .author-meta-component .author-name,
    .author-meta-component .reviewer-name {
        font-size: 13px;
        line-height: 1.4;
        max-width: 150px;
    }

    .author-meta-component .meta-text {
        font-size: 12px;
    }

    .author-meta-component .time-info {
        font-size: 12px;
    }

    .author-meta-component .meta-actions {
        margin-right: 50px;
    }

    .author-meta-component .meta-button {
        font-size: 11px;
        padding: 8px 12px;
    }

    .author-meta-component .meta-button svg {
        width: 16px;
        height: 16px;
    }

    .author-meta-component .offcanvas {
        max-width: 100%;
    }

    .toc-toggle {
        width: 40px;
        height: 40px;
        font-size: 14px;
        right: 10px;
        top: calc(50vh - 25px);
        transform: translateY(-50%);
        opacity: 0.7;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .author-meta-component .meta-button span {
        display: inline;
    }
    
    .author-meta-component .meta-button {
        font-size: 12px;
        padding: 10px 16px;
    }
}

@media (max-width: 768px) {
    .toc-toggle.minimized {
        width: 40px;
        height: 40px;
        font-size: 14px;
        opacity: 0.6;
        transition: all 0.3s ease;
    }

    .toc-toggle.minimized:hover,
    .toc-toggle.minimized:focus {
        width: 45px;
        height: 45px;
        font-size: 16px;
        opacity: 1;
    }
}

@media print {
    .toc-toggle,
    .toc-panel,
    .toc-overlay,
    .author-meta-component .meta-actions {
        display: none !important;
    }

    .author-meta-component .author-meta {
        box-shadow: none;
        border: 1px solid #ddd;
    }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-4cca2ea */.elementor-19552 .elementor-element.elementor-element-4cca2ea .elementor-divider-separator {
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(252, 196, 25, 0.4) 50%, 
        transparent 100%);
    height: 1px;
    border: 0 !important;
    width: 820px;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for eael-advanced-data-table, class: .elementor-element-c70442a *//* Modern card-style table */
table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Bold yellow header */
thead tr {
  background: #fcc419;
}

thead th {
  padding: 18px 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1e293b;
  border: none;
}

/* Clean body cells */
tbody td {
  padding: 16px 24px;
  border-bottom: 1px solid #e2e8f0;
  color: #475569;
  line-height: 1.6;
}

tbody tr:last-child td {
  border-bottom: none;
}

/* Subtle alternating rows */
tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

tbody tr:nth-child(even) {
  background-color: #f8fafc;
}

/* Smooth hover with accent color */
tbody tr:hover {
  background-color: #fef3c7;
  transform: scale(1.01);
  transition: all 0.2s ease;
}

/* Category column emphasis */
tbody td:first-child {
  font-weight: 600;
  color: #1e293b;
}

/* Rating column with badge style */
tbody td:nth-child(2) {
  font-weight: 700;
  color: #fcc419;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-601fe37 *//* ============================================
   NEUMORPHIC CONTAINERS FOR DARK BACKGROUND
   Background: #353535
   ============================================ */

/* ============================================
   1. RAISED NEUMORPHIC CONTAINER (DEFAULT)
   Appears to lift off the page
   ============================================ */

.neu-container {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container:hover {
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
  transform: translateY(-2px);
}

/* ============================================
   2. PRESSED NEUMORPHIC CONTAINER (INSET)
   Appears pressed into the page
   ============================================ */

.neu-container-inset {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    inset 8px 8px 16px rgba(0, 0, 0, 0.6),
    inset -8px -8px 16px rgba(255, 255, 255, 0.02);
}

/* ============================================
   3. FLAT NEUMORPHIC CONTAINER
   Subtle, minimal depth
   ============================================ */

.neu-container-flat {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    5px 5px 10px rgba(0, 0, 0, 0.4),
    -5px -5px 10px rgba(255, 255, 255, 0.02);
}

/* ============================================
   4. NEUMORPHIC WITH SUBTLE BORDER
   Enhanced definition with border highlight
   ============================================ */

.neu-container-border {
  background: #353535;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container-border:hover {
  border-color: rgba(252, 196, 25, 0.2);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
}

/* ============================================
   5. NEUMORPHIC WITH GOLD ACCENT
   Your signature gold highlight
   ============================================ */

.neu-container-gold {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  border-left: 4px solid #fcc419;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
}

/* ============================================
   6. GLASSMORPHIC NEUMORPHIC HYBRID
   Combines glass effect with neumorphism
   ============================================ */

.neu-container-glass {
  background: rgba(53, 53, 53, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 15px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.4),
    -10px -10px 20px rgba(255, 255, 255, 0.02);
}

/* ============================================
   7. NEUMORPHIC CARD (LIGHTER)
   Slightly lighter than background for contrast
   ============================================ */

.neu-card {
  background: #3d3d3d;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.neu-card:hover {
  background: #404040;
  transform: translateY(-3px);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.06);
}

/* ============================================
   8. NEUMORPHIC BUTTON
   For clickable elements
   ============================================ */

.neu-button {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 32px;
  color: #ffffff;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 
    6px 6px 12px rgba(0, 0, 0, 0.5),
    -6px -6px 12px rgba(255, 255, 255, 0.03);
  transition: all 0.2s ease;
}

.neu-button:hover {
  box-shadow: 
    4px 4px 8px rgba(0, 0, 0, 0.5),
    -4px -4px 8px rgba(255, 255, 255, 0.03);
  transform: translateY(2px);
}

.neu-button:active {
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
}

/* ============================================
   9. NEUMORPHIC INPUT FIELD
   For form inputs
   ============================================ */

.neu-input {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 20px;
  color: #ffffff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
}

.neu-input:focus {
  outline: none;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02),
    0 0 0 2px rgba(252, 196, 25, 0.3);
}

.neu-input::placeholder {
  color: #808080;
}

/* ============================================
   10. SIZE VARIATIONS
   ============================================ */

.neu-container-sm {
  padding: 20px;
  border-radius: 12px;
}

.neu-container-lg {
  padding: 40px;
  border-radius: 20px;
}

.neu-container-xl {
  padding: 60px;
  border-radius: 25px;
}

/* ============================================
   11. RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
  .neu-container,
  .neu-container-inset,
  .neu-container-flat,
  .neu-container-border,
  .neu-container-gold,
  .neu-container-glass,
  .neu-card {
    padding: 20px;
    box-shadow: 
      8px 8px 16px rgba(0, 0, 0, 0.5),
      -8px -8px 16px rgba(255, 255, 255, 0.03);
  }
  
  .neu-container-lg {
    padding: 30px;
  }
  
  .neu-container-xl {
    padding: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fa0587 *//* ============================================
   NEUMORPHIC CONTAINERS FOR DARK BACKGROUND
   Background: #353535
   ============================================ */

/* ============================================
   1. RAISED NEUMORPHIC CONTAINER (DEFAULT)
   Appears to lift off the page
   ============================================ */

.neu-container {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container:hover {
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
  transform: translateY(-2px);
}

/* ============================================
   2. PRESSED NEUMORPHIC CONTAINER (INSET)
   Appears pressed into the page
   ============================================ */

.neu-container-inset {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    inset 8px 8px 16px rgba(0, 0, 0, 0.6),
    inset -8px -8px 16px rgba(255, 255, 255, 0.02);
}

/* ============================================
   3. FLAT NEUMORPHIC CONTAINER
   Subtle, minimal depth
   ============================================ */

.neu-container-flat {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    5px 5px 10px rgba(0, 0, 0, 0.4),
    -5px -5px 10px rgba(255, 255, 255, 0.02);
}

/* ============================================
   4. NEUMORPHIC WITH SUBTLE BORDER
   Enhanced definition with border highlight
   ============================================ */

.neu-container-border {
  background: #353535;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container-border:hover {
  border-color: rgba(252, 196, 25, 0.2);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
}

/* ============================================
   5. NEUMORPHIC WITH GOLD ACCENT
   Your signature gold highlight
   ============================================ */

.neu-container-gold {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  border-left: 4px solid #fcc419;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
}

/* ============================================
   6. GLASSMORPHIC NEUMORPHIC HYBRID
   Combines glass effect with neumorphism
   ============================================ */

.neu-container-glass {
  background: rgba(53, 53, 53, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 15px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.4),
    -10px -10px 20px rgba(255, 255, 255, 0.02);
}

/* ============================================
   7. NEUMORPHIC CARD (LIGHTER)
   Slightly lighter than background for contrast
   ============================================ */

.neu-card {
  background: #3d3d3d;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.neu-card:hover {
  background: #404040;
  transform: translateY(-3px);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.06);
}

/* ============================================
   8. NEUMORPHIC BUTTON
   For clickable elements
   ============================================ */

.neu-button {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 32px;
  color: #ffffff;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 
    6px 6px 12px rgba(0, 0, 0, 0.5),
    -6px -6px 12px rgba(255, 255, 255, 0.03);
  transition: all 0.2s ease;
}

.neu-button:hover {
  box-shadow: 
    4px 4px 8px rgba(0, 0, 0, 0.5),
    -4px -4px 8px rgba(255, 255, 255, 0.03);
  transform: translateY(2px);
}

.neu-button:active {
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
}

/* ============================================
   9. NEUMORPHIC INPUT FIELD
   For form inputs
   ============================================ */

.neu-input {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 20px;
  color: #ffffff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
}

.neu-input:focus {
  outline: none;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02),
    0 0 0 2px rgba(252, 196, 25, 0.3);
}

.neu-input::placeholder {
  color: #808080;
}

/* ============================================
   10. SIZE VARIATIONS
   ============================================ */

.neu-container-sm {
  padding: 20px;
  border-radius: 12px;
}

.neu-container-lg {
  padding: 40px;
  border-radius: 20px;
}

.neu-container-xl {
  padding: 60px;
  border-radius: 25px;
}

/* ============================================
   11. RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
  .neu-container,
  .neu-container-inset,
  .neu-container-flat,
  .neu-container-border,
  .neu-container-gold,
  .neu-container-glass,
  .neu-card {
    padding: 20px;
    box-shadow: 
      8px 8px 16px rgba(0, 0, 0, 0.5),
      -8px -8px 16px rgba(255, 255, 255, 0.03);
  }
  
  .neu-container-lg {
    padding: 30px;
  }
  
  .neu-container-xl {
    padding: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-589d756 *//* ============================================
   NEUMORPHIC CONTAINERS FOR DARK BACKGROUND
   Background: #353535
   ============================================ */

/* ============================================
   1. RAISED NEUMORPHIC CONTAINER (DEFAULT)
   Appears to lift off the page
   ============================================ */

.neu-container {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container:hover {
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
  transform: translateY(-2px);
}

/* ============================================
   2. PRESSED NEUMORPHIC CONTAINER (INSET)
   Appears pressed into the page
   ============================================ */

.neu-container-inset {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    inset 8px 8px 16px rgba(0, 0, 0, 0.6),
    inset -8px -8px 16px rgba(255, 255, 255, 0.02);
}

/* ============================================
   3. FLAT NEUMORPHIC CONTAINER
   Subtle, minimal depth
   ============================================ */

.neu-container-flat {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    5px 5px 10px rgba(0, 0, 0, 0.4),
    -5px -5px 10px rgba(255, 255, 255, 0.02);
}

/* ============================================
   4. NEUMORPHIC WITH SUBTLE BORDER
   Enhanced definition with border highlight
   ============================================ */

.neu-container-border {
  background: #353535;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container-border:hover {
  border-color: rgba(252, 196, 25, 0.2);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
}

/* ============================================
   5. NEUMORPHIC WITH GOLD ACCENT
   Your signature gold highlight
   ============================================ */

.neu-container-gold {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  border-left: 4px solid #fcc419;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
}

/* ============================================
   6. GLASSMORPHIC NEUMORPHIC HYBRID
   Combines glass effect with neumorphism
   ============================================ */

.neu-container-glass {
  background: rgba(53, 53, 53, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 15px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.4),
    -10px -10px 20px rgba(255, 255, 255, 0.02);
}

/* ============================================
   7. NEUMORPHIC CARD (LIGHTER)
   Slightly lighter than background for contrast
   ============================================ */

.neu-card {
  background: #3d3d3d;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.neu-card:hover {
  background: #404040;
  transform: translateY(-3px);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.06);
}

/* ============================================
   8. NEUMORPHIC BUTTON
   For clickable elements
   ============================================ */

.neu-button {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 32px;
  color: #ffffff;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 
    6px 6px 12px rgba(0, 0, 0, 0.5),
    -6px -6px 12px rgba(255, 255, 255, 0.03);
  transition: all 0.2s ease;
}

.neu-button:hover {
  box-shadow: 
    4px 4px 8px rgba(0, 0, 0, 0.5),
    -4px -4px 8px rgba(255, 255, 255, 0.03);
  transform: translateY(2px);
}

.neu-button:active {
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
}

/* ============================================
   9. NEUMORPHIC INPUT FIELD
   For form inputs
   ============================================ */

.neu-input {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 20px;
  color: #ffffff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
}

.neu-input:focus {
  outline: none;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02),
    0 0 0 2px rgba(252, 196, 25, 0.3);
}

.neu-input::placeholder {
  color: #808080;
}

/* ============================================
   10. SIZE VARIATIONS
   ============================================ */

.neu-container-sm {
  padding: 20px;
  border-radius: 12px;
}

.neu-container-lg {
  padding: 40px;
  border-radius: 20px;
}

.neu-container-xl {
  padding: 60px;
  border-radius: 25px;
}

/* ============================================
   11. RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
  .neu-container,
  .neu-container-inset,
  .neu-container-flat,
  .neu-container-border,
  .neu-container-gold,
  .neu-container-glass,
  .neu-card {
    padding: 20px;
    box-shadow: 
      8px 8px 16px rgba(0, 0, 0, 0.5),
      -8px -8px 16px rgba(255, 255, 255, 0.03);
  }
  
  .neu-container-lg {
    padding: 30px;
  }
  
  .neu-container-xl {
    padding: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for eael-advanced-data-table, class: .elementor-element-7fb5c4c *//* Modern card-style table */
table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Bold yellow header */
thead tr {
  background: #fcc419;
}

thead th {
  padding: 18px 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1e293b;
  border: none;
}

/* Clean body cells */
tbody td {
  padding: 16px 24px;
  border-bottom: 1px solid #e2e8f0;
  color: #475569;
  line-height: 1.6;
}

tbody tr:last-child td {
  border-bottom: none;
}

/* Subtle alternating rows */
tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

tbody tr:nth-child(even) {
  background-color: #f8fafc;
}

/* Smooth hover with accent color */
tbody tr:hover {
  background-color: #fef3c7;
  transform: scale(1.01);
  transition: all 0.2s ease;
}

/* Category column emphasis */
tbody td:first-child {
  font-weight: 600;
  color: #1e293b;
}

/* Rating column with badge style */
tbody td:nth-child(2) {
  font-weight: 700;
  color: #fcc419;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2931f30 *//* ============================================
   NEUMORPHIC CONTAINERS FOR DARK BACKGROUND
   Background: #353535
   ============================================ */

/* ============================================
   1. RAISED NEUMORPHIC CONTAINER (DEFAULT)
   Appears to lift off the page
   ============================================ */

.neu-container {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container:hover {
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
  transform: translateY(-2px);
}

/* ============================================
   2. PRESSED NEUMORPHIC CONTAINER (INSET)
   Appears pressed into the page
   ============================================ */

.neu-container-inset {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    inset 8px 8px 16px rgba(0, 0, 0, 0.6),
    inset -8px -8px 16px rgba(255, 255, 255, 0.02);
}

/* ============================================
   3. FLAT NEUMORPHIC CONTAINER
   Subtle, minimal depth
   ============================================ */

.neu-container-flat {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    5px 5px 10px rgba(0, 0, 0, 0.4),
    -5px -5px 10px rgba(255, 255, 255, 0.02);
}

/* ============================================
   4. NEUMORPHIC WITH SUBTLE BORDER
   Enhanced definition with border highlight
   ============================================ */

.neu-container-border {
  background: #353535;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container-border:hover {
  border-color: rgba(252, 196, 25, 0.2);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
}

/* ============================================
   5. NEUMORPHIC WITH GOLD ACCENT
   Your signature gold highlight
   ============================================ */

.neu-container-gold {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  border-left: 4px solid #fcc419;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
}

/* ============================================
   6. GLASSMORPHIC NEUMORPHIC HYBRID
   Combines glass effect with neumorphism
   ============================================ */

.neu-container-glass {
  background: rgba(53, 53, 53, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 15px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.4),
    -10px -10px 20px rgba(255, 255, 255, 0.02);
}

/* ============================================
   7. NEUMORPHIC CARD (LIGHTER)
   Slightly lighter than background for contrast
   ============================================ */

.neu-card {
  background: #3d3d3d;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.neu-card:hover {
  background: #404040;
  transform: translateY(-3px);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.06);
}

/* ============================================
   8. NEUMORPHIC BUTTON
   For clickable elements
   ============================================ */

.neu-button {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 32px;
  color: #ffffff;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 
    6px 6px 12px rgba(0, 0, 0, 0.5),
    -6px -6px 12px rgba(255, 255, 255, 0.03);
  transition: all 0.2s ease;
}

.neu-button:hover {
  box-shadow: 
    4px 4px 8px rgba(0, 0, 0, 0.5),
    -4px -4px 8px rgba(255, 255, 255, 0.03);
  transform: translateY(2px);
}

.neu-button:active {
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
}

/* ============================================
   9. NEUMORPHIC INPUT FIELD
   For form inputs
   ============================================ */

.neu-input {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 20px;
  color: #ffffff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
}

.neu-input:focus {
  outline: none;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02),
    0 0 0 2px rgba(252, 196, 25, 0.3);
}

.neu-input::placeholder {
  color: #808080;
}

/* ============================================
   10. SIZE VARIATIONS
   ============================================ */

.neu-container-sm {
  padding: 20px;
  border-radius: 12px;
}

.neu-container-lg {
  padding: 40px;
  border-radius: 20px;
}

.neu-container-xl {
  padding: 60px;
  border-radius: 25px;
}

/* ============================================
   11. RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
  .neu-container,
  .neu-container-inset,
  .neu-container-flat,
  .neu-container-border,
  .neu-container-gold,
  .neu-container-glass,
  .neu-card {
    padding: 20px;
    box-shadow: 
      8px 8px 16px rgba(0, 0, 0, 0.5),
      -8px -8px 16px rgba(255, 255, 255, 0.03);
  }
  
  .neu-container-lg {
    padding: 30px;
  }
  
  .neu-container-xl {
    padding: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for eael-advanced-data-table, class: .elementor-element-351427c *//* Modern card-style table */
table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Bold yellow header */
thead tr {
  background: #fcc419;
}

thead th {
  padding: 18px 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1e293b;
  border: none;
}

/* Clean body cells */
tbody td {
  padding: 16px 24px;
  border-bottom: 1px solid #e2e8f0;
  color: #475569;
  line-height: 1.6;
}

tbody tr:last-child td {
  border-bottom: none;
}

/* Subtle alternating rows */
tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

tbody tr:nth-child(even) {
  background-color: #f8fafc;
}

/* Smooth hover with accent color */
tbody tr:hover {
  background-color: #fef3c7;
  transform: scale(1.01);
  transition: all 0.2s ease;
}

/* Category column emphasis */
tbody td:first-child {
  font-weight: 600;
  color: #1e293b;
}

/* Rating column with badge style */
tbody td:nth-child(2) {
  font-weight: 700;
  color: #fcc419;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e743183 *//* ============================================
   NEUMORPHIC CONTAINERS FOR DARK BACKGROUND
   Background: #353535
   ============================================ */

/* ============================================
   1. RAISED NEUMORPHIC CONTAINER (DEFAULT)
   Appears to lift off the page
   ============================================ */

.neu-container {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container:hover {
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
  transform: translateY(-2px);
}

/* ============================================
   2. PRESSED NEUMORPHIC CONTAINER (INSET)
   Appears pressed into the page
   ============================================ */

.neu-container-inset {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    inset 8px 8px 16px rgba(0, 0, 0, 0.6),
    inset -8px -8px 16px rgba(255, 255, 255, 0.02);
}

/* ============================================
   3. FLAT NEUMORPHIC CONTAINER
   Subtle, minimal depth
   ============================================ */

.neu-container-flat {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    5px 5px 10px rgba(0, 0, 0, 0.4),
    -5px -5px 10px rgba(255, 255, 255, 0.02);
}

/* ============================================
   4. NEUMORPHIC WITH SUBTLE BORDER
   Enhanced definition with border highlight
   ============================================ */

.neu-container-border {
  background: #353535;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container-border:hover {
  border-color: rgba(252, 196, 25, 0.2);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
}

/* ============================================
   5. NEUMORPHIC WITH GOLD ACCENT
   Your signature gold highlight
   ============================================ */

.neu-container-gold {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  border-left: 4px solid #fcc419;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
}

/* ============================================
   6. GLASSMORPHIC NEUMORPHIC HYBRID
   Combines glass effect with neumorphism
   ============================================ */

.neu-container-glass {
  background: rgba(53, 53, 53, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 15px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.4),
    -10px -10px 20px rgba(255, 255, 255, 0.02);
}

/* ============================================
   7. NEUMORPHIC CARD (LIGHTER)
   Slightly lighter than background for contrast
   ============================================ */

.neu-card {
  background: #3d3d3d;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.neu-card:hover {
  background: #404040;
  transform: translateY(-3px);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.06);
}

/* ============================================
   8. NEUMORPHIC BUTTON
   For clickable elements
   ============================================ */

.neu-button {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 32px;
  color: #ffffff;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 
    6px 6px 12px rgba(0, 0, 0, 0.5),
    -6px -6px 12px rgba(255, 255, 255, 0.03);
  transition: all 0.2s ease;
}

.neu-button:hover {
  box-shadow: 
    4px 4px 8px rgba(0, 0, 0, 0.5),
    -4px -4px 8px rgba(255, 255, 255, 0.03);
  transform: translateY(2px);
}

.neu-button:active {
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
}

/* ============================================
   9. NEUMORPHIC INPUT FIELD
   For form inputs
   ============================================ */

.neu-input {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 20px;
  color: #ffffff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
}

.neu-input:focus {
  outline: none;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02),
    0 0 0 2px rgba(252, 196, 25, 0.3);
}

.neu-input::placeholder {
  color: #808080;
}

/* ============================================
   10. SIZE VARIATIONS
   ============================================ */

.neu-container-sm {
  padding: 20px;
  border-radius: 12px;
}

.neu-container-lg {
  padding: 40px;
  border-radius: 20px;
}

.neu-container-xl {
  padding: 60px;
  border-radius: 25px;
}

/* ============================================
   11. RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
  .neu-container,
  .neu-container-inset,
  .neu-container-flat,
  .neu-container-border,
  .neu-container-gold,
  .neu-container-glass,
  .neu-card {
    padding: 20px;
    box-shadow: 
      8px 8px 16px rgba(0, 0, 0, 0.5),
      -8px -8px 16px rgba(255, 255, 255, 0.03);
  }
  
  .neu-container-lg {
    padding: 30px;
  }
  
  .neu-container-xl {
    padding: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for eael-advanced-data-table, class: .elementor-element-62c06b0 *//* Modern card-style table */
table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Bold yellow header */
thead tr {
  background: #fcc419;
}

thead th {
  padding: 18px 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1e293b;
  border: none;
}

/* Clean body cells */
tbody td {
  padding: 16px 24px;
  border-bottom: 1px solid #e2e8f0;
  color: #475569;
  line-height: 1.6;
}

tbody tr:last-child td {
  border-bottom: none;
}

/* Subtle alternating rows */
tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

tbody tr:nth-child(even) {
  background-color: #f8fafc;
}

/* Smooth hover with accent color */
tbody tr:hover {
  background-color: #fef3c7;
  transform: scale(1.01);
  transition: all 0.2s ease;
}

/* Category column emphasis */
tbody td:first-child {
  font-weight: 600;
  color: #1e293b;
}

/* Rating column with badge style */
tbody td:nth-child(2) {
  font-weight: 700;
  color: #fcc419;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b9008e *//* ============================================
   NEUMORPHIC CONTAINERS FOR DARK BACKGROUND
   Background: #353535
   ============================================ */

/* ============================================
   1. RAISED NEUMORPHIC CONTAINER (DEFAULT)
   Appears to lift off the page
   ============================================ */

.neu-container {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container:hover {
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
  transform: translateY(-2px);
}

/* ============================================
   2. PRESSED NEUMORPHIC CONTAINER (INSET)
   Appears pressed into the page
   ============================================ */

.neu-container-inset {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    inset 8px 8px 16px rgba(0, 0, 0, 0.6),
    inset -8px -8px 16px rgba(255, 255, 255, 0.02);
}

/* ============================================
   3. FLAT NEUMORPHIC CONTAINER
   Subtle, minimal depth
   ============================================ */

.neu-container-flat {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    5px 5px 10px rgba(0, 0, 0, 0.4),
    -5px -5px 10px rgba(255, 255, 255, 0.02);
}

/* ============================================
   4. NEUMORPHIC WITH SUBTLE BORDER
   Enhanced definition with border highlight
   ============================================ */

.neu-container-border {
  background: #353535;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container-border:hover {
  border-color: rgba(252, 196, 25, 0.2);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
}

/* ============================================
   5. NEUMORPHIC WITH GOLD ACCENT
   Your signature gold highlight
   ============================================ */

.neu-container-gold {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  border-left: 4px solid #fcc419;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
}

/* ============================================
   6. GLASSMORPHIC NEUMORPHIC HYBRID
   Combines glass effect with neumorphism
   ============================================ */

.neu-container-glass {
  background: rgba(53, 53, 53, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 15px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.4),
    -10px -10px 20px rgba(255, 255, 255, 0.02);
}

/* ============================================
   7. NEUMORPHIC CARD (LIGHTER)
   Slightly lighter than background for contrast
   ============================================ */

.neu-card {
  background: #3d3d3d;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.neu-card:hover {
  background: #404040;
  transform: translateY(-3px);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.06);
}

/* ============================================
   8. NEUMORPHIC BUTTON
   For clickable elements
   ============================================ */

.neu-button {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 32px;
  color: #ffffff;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 
    6px 6px 12px rgba(0, 0, 0, 0.5),
    -6px -6px 12px rgba(255, 255, 255, 0.03);
  transition: all 0.2s ease;
}

.neu-button:hover {
  box-shadow: 
    4px 4px 8px rgba(0, 0, 0, 0.5),
    -4px -4px 8px rgba(255, 255, 255, 0.03);
  transform: translateY(2px);
}

.neu-button:active {
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
}

/* ============================================
   9. NEUMORPHIC INPUT FIELD
   For form inputs
   ============================================ */

.neu-input {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 20px;
  color: #ffffff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
}

.neu-input:focus {
  outline: none;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02),
    0 0 0 2px rgba(252, 196, 25, 0.3);
}

.neu-input::placeholder {
  color: #808080;
}

/* ============================================
   10. SIZE VARIATIONS
   ============================================ */

.neu-container-sm {
  padding: 20px;
  border-radius: 12px;
}

.neu-container-lg {
  padding: 40px;
  border-radius: 20px;
}

.neu-container-xl {
  padding: 60px;
  border-radius: 25px;
}

/* ============================================
   11. RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
  .neu-container,
  .neu-container-inset,
  .neu-container-flat,
  .neu-container-border,
  .neu-container-gold,
  .neu-container-glass,
  .neu-card {
    padding: 20px;
    box-shadow: 
      8px 8px 16px rgba(0, 0, 0, 0.5),
      -8px -8px 16px rgba(255, 255, 255, 0.03);
  }
  
  .neu-container-lg {
    padding: 30px;
  }
  
  .neu-container-xl {
    padding: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for eael-advanced-data-table, class: .elementor-element-4acfc27 *//* Modern card-style table */
table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Bold yellow header */
thead tr {
  background: #fcc419;
}

thead th {
  padding: 18px 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1e293b;
  border: none;
}

/* Clean body cells */
tbody td {
  padding: 16px 24px;
  border-bottom: 1px solid #e2e8f0;
  color: #475569;
  line-height: 1.6;
}

tbody tr:last-child td {
  border-bottom: none;
}

/* Subtle alternating rows */
tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

tbody tr:nth-child(even) {
  background-color: #f8fafc;
}

/* Smooth hover with accent color */
tbody tr:hover {
  background-color: #fef3c7;
  transform: scale(1.01);
  transition: all 0.2s ease;
}

/* Category column emphasis */
tbody td:first-child {
  font-weight: 600;
  color: #1e293b;
}

/* Rating column with badge style */
tbody td:nth-child(2) {
  font-weight: 700;
  color: #fcc419;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65356c2 *//* ============================================
   NEUMORPHIC CONTAINERS FOR DARK BACKGROUND
   Background: #353535
   ============================================ */

/* ============================================
   1. RAISED NEUMORPHIC CONTAINER (DEFAULT)
   Appears to lift off the page
   ============================================ */

.neu-container {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container:hover {
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
  transform: translateY(-2px);
}

/* ============================================
   2. PRESSED NEUMORPHIC CONTAINER (INSET)
   Appears pressed into the page
   ============================================ */

.neu-container-inset {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    inset 8px 8px 16px rgba(0, 0, 0, 0.6),
    inset -8px -8px 16px rgba(255, 255, 255, 0.02);
}

/* ============================================
   3. FLAT NEUMORPHIC CONTAINER
   Subtle, minimal depth
   ============================================ */

.neu-container-flat {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    5px 5px 10px rgba(0, 0, 0, 0.4),
    -5px -5px 10px rgba(255, 255, 255, 0.02);
}

/* ============================================
   4. NEUMORPHIC WITH SUBTLE BORDER
   Enhanced definition with border highlight
   ============================================ */

.neu-container-border {
  background: #353535;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container-border:hover {
  border-color: rgba(252, 196, 25, 0.2);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
}

/* ============================================
   5. NEUMORPHIC WITH GOLD ACCENT
   Your signature gold highlight
   ============================================ */

.neu-container-gold {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  border-left: 4px solid #fcc419;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
}

/* ============================================
   6. GLASSMORPHIC NEUMORPHIC HYBRID
   Combines glass effect with neumorphism
   ============================================ */

.neu-container-glass {
  background: rgba(53, 53, 53, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 15px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.4),
    -10px -10px 20px rgba(255, 255, 255, 0.02);
}

/* ============================================
   7. NEUMORPHIC CARD (LIGHTER)
   Slightly lighter than background for contrast
   ============================================ */

.neu-card {
  background: #3d3d3d;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.neu-card:hover {
  background: #404040;
  transform: translateY(-3px);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.06);
}

/* ============================================
   8. NEUMORPHIC BUTTON
   For clickable elements
   ============================================ */

.neu-button {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 32px;
  color: #ffffff;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 
    6px 6px 12px rgba(0, 0, 0, 0.5),
    -6px -6px 12px rgba(255, 255, 255, 0.03);
  transition: all 0.2s ease;
}

.neu-button:hover {
  box-shadow: 
    4px 4px 8px rgba(0, 0, 0, 0.5),
    -4px -4px 8px rgba(255, 255, 255, 0.03);
  transform: translateY(2px);
}

.neu-button:active {
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
}

/* ============================================
   9. NEUMORPHIC INPUT FIELD
   For form inputs
   ============================================ */

.neu-input {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 20px;
  color: #ffffff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
}

.neu-input:focus {
  outline: none;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02),
    0 0 0 2px rgba(252, 196, 25, 0.3);
}

.neu-input::placeholder {
  color: #808080;
}

/* ============================================
   10. SIZE VARIATIONS
   ============================================ */

.neu-container-sm {
  padding: 20px;
  border-radius: 12px;
}

.neu-container-lg {
  padding: 40px;
  border-radius: 20px;
}

.neu-container-xl {
  padding: 60px;
  border-radius: 25px;
}

/* ============================================
   11. RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
  .neu-container,
  .neu-container-inset,
  .neu-container-flat,
  .neu-container-border,
  .neu-container-gold,
  .neu-container-glass,
  .neu-card {
    padding: 20px;
    box-shadow: 
      8px 8px 16px rgba(0, 0, 0, 0.5),
      -8px -8px 16px rgba(255, 255, 255, 0.03);
  }
  
  .neu-container-lg {
    padding: 30px;
  }
  
  .neu-container-xl {
    padding: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f6e88b *//* ============================================
   NEUMORPHIC CONTAINERS FOR DARK BACKGROUND
   Background: #353535
   ============================================ */

/* ============================================
   1. RAISED NEUMORPHIC CONTAINER (DEFAULT)
   Appears to lift off the page
   ============================================ */

.neu-container {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container:hover {
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
  transform: translateY(-2px);
}

/* ============================================
   2. PRESSED NEUMORPHIC CONTAINER (INSET)
   Appears pressed into the page
   ============================================ */

.neu-container-inset {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    inset 8px 8px 16px rgba(0, 0, 0, 0.6),
    inset -8px -8px 16px rgba(255, 255, 255, 0.02);
}

/* ============================================
   3. FLAT NEUMORPHIC CONTAINER
   Subtle, minimal depth
   ============================================ */

.neu-container-flat {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    5px 5px 10px rgba(0, 0, 0, 0.4),
    -5px -5px 10px rgba(255, 255, 255, 0.02);
}

/* ============================================
   4. NEUMORPHIC WITH SUBTLE BORDER
   Enhanced definition with border highlight
   ============================================ */

.neu-container-border {
  background: #353535;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container-border:hover {
  border-color: rgba(252, 196, 25, 0.2);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
}

/* ============================================
   5. NEUMORPHIC WITH GOLD ACCENT
   Your signature gold highlight
   ============================================ */

.neu-container-gold {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  border-left: 4px solid #fcc419;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
}

/* ============================================
   6. GLASSMORPHIC NEUMORPHIC HYBRID
   Combines glass effect with neumorphism
   ============================================ */

.neu-container-glass {
  background: rgba(53, 53, 53, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 15px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.4),
    -10px -10px 20px rgba(255, 255, 255, 0.02);
}

/* ============================================
   7. NEUMORPHIC CARD (LIGHTER)
   Slightly lighter than background for contrast
   ============================================ */

.neu-card {
  background: #3d3d3d;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.neu-card:hover {
  background: #404040;
  transform: translateY(-3px);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.06);
}

/* ============================================
   8. NEUMORPHIC BUTTON
   For clickable elements
   ============================================ */

.neu-button {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 32px;
  color: #ffffff;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 
    6px 6px 12px rgba(0, 0, 0, 0.5),
    -6px -6px 12px rgba(255, 255, 255, 0.03);
  transition: all 0.2s ease;
}

.neu-button:hover {
  box-shadow: 
    4px 4px 8px rgba(0, 0, 0, 0.5),
    -4px -4px 8px rgba(255, 255, 255, 0.03);
  transform: translateY(2px);
}

.neu-button:active {
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
}

/* ============================================
   9. NEUMORPHIC INPUT FIELD
   For form inputs
   ============================================ */

.neu-input {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 20px;
  color: #ffffff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
}

.neu-input:focus {
  outline: none;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02),
    0 0 0 2px rgba(252, 196, 25, 0.3);
}

.neu-input::placeholder {
  color: #808080;
}

/* ============================================
   10. SIZE VARIATIONS
   ============================================ */

.neu-container-sm {
  padding: 20px;
  border-radius: 12px;
}

.neu-container-lg {
  padding: 40px;
  border-radius: 20px;
}

.neu-container-xl {
  padding: 60px;
  border-radius: 25px;
}

/* ============================================
   11. RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
  .neu-container,
  .neu-container-inset,
  .neu-container-flat,
  .neu-container-border,
  .neu-container-gold,
  .neu-container-glass,
  .neu-card {
    padding: 20px;
    box-shadow: 
      8px 8px 16px rgba(0, 0, 0, 0.5),
      -8px -8px 16px rgba(255, 255, 255, 0.03);
  }
  
  .neu-container-lg {
    padding: 30px;
  }
  
  .neu-container-xl {
    padding: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee48ad4 *//* ============================================
   NEUMORPHIC CONTAINERS FOR DARK BACKGROUND
   Background: #353535
   ============================================ */

/* ============================================
   1. RAISED NEUMORPHIC CONTAINER (DEFAULT)
   Appears to lift off the page
   ============================================ */

.neu-container {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container:hover {
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
  transform: translateY(-2px);
}

/* ============================================
   2. PRESSED NEUMORPHIC CONTAINER (INSET)
   Appears pressed into the page
   ============================================ */

.neu-container-inset {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    inset 8px 8px 16px rgba(0, 0, 0, 0.6),
    inset -8px -8px 16px rgba(255, 255, 255, 0.02);
}

/* ============================================
   3. FLAT NEUMORPHIC CONTAINER
   Subtle, minimal depth
   ============================================ */

.neu-container-flat {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    5px 5px 10px rgba(0, 0, 0, 0.4),
    -5px -5px 10px rgba(255, 255, 255, 0.02);
}

/* ============================================
   4. NEUMORPHIC WITH SUBTLE BORDER
   Enhanced definition with border highlight
   ============================================ */

.neu-container-border {
  background: #353535;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

.neu-container-border:hover {
  border-color: rgba(252, 196, 25, 0.2);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.04);
}

/* ============================================
   5. NEUMORPHIC WITH GOLD ACCENT
   Your signature gold highlight
   ============================================ */

.neu-container-gold {
  background: #353535;
  border-radius: 15px;
  padding: 30px;
  border-left: 4px solid #fcc419;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.03);
}

/* ============================================
   6. GLASSMORPHIC NEUMORPHIC HYBRID
   Combines glass effect with neumorphism
   ============================================ */

.neu-container-glass {
  background: rgba(53, 53, 53, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 15px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.4),
    -10px -10px 20px rgba(255, 255, 255, 0.02);
}

/* ============================================
   7. NEUMORPHIC CARD (LIGHTER)
   Slightly lighter than background for contrast
   ============================================ */

.neu-card {
  background: #3d3d3d;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 
    10px 10px 20px rgba(0, 0, 0, 0.5),
    -10px -10px 20px rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.neu-card:hover {
  background: #404040;
  transform: translateY(-3px);
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.6),
    -12px -12px 24px rgba(255, 255, 255, 0.06);
}

/* ============================================
   8. NEUMORPHIC BUTTON
   For clickable elements
   ============================================ */

.neu-button {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 32px;
  color: #ffffff;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 
    6px 6px 12px rgba(0, 0, 0, 0.5),
    -6px -6px 12px rgba(255, 255, 255, 0.03);
  transition: all 0.2s ease;
}

.neu-button:hover {
  box-shadow: 
    4px 4px 8px rgba(0, 0, 0, 0.5),
    -4px -4px 8px rgba(255, 255, 255, 0.03);
  transform: translateY(2px);
}

.neu-button:active {
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
}

/* ============================================
   9. NEUMORPHIC INPUT FIELD
   For form inputs
   ============================================ */

.neu-input {
  background: #353535;
  border: none;
  border-radius: 10px;
  padding: 14px 20px;
  color: #ffffff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02);
  transition: all 0.3s ease;
}

.neu-input:focus {
  outline: none;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02),
    0 0 0 2px rgba(252, 196, 25, 0.3);
}

.neu-input::placeholder {
  color: #808080;
}

/* ============================================
   10. SIZE VARIATIONS
   ============================================ */

.neu-container-sm {
  padding: 20px;
  border-radius: 12px;
}

.neu-container-lg {
  padding: 40px;
  border-radius: 20px;
}

.neu-container-xl {
  padding: 60px;
  border-radius: 25px;
}

/* ============================================
   11. RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 768px) {
  .neu-container,
  .neu-container-inset,
  .neu-container-flat,
  .neu-container-border,
  .neu-container-gold,
  .neu-container-glass,
  .neu-card {
    padding: 20px;
    box-shadow: 
      8px 8px 16px rgba(0, 0, 0, 0.5),
      -8px -8px 16px rgba(255, 255, 255, 0.03);
  }
  
  .neu-container-lg {
    padding: 30px;
  }
  
  .neu-container-xl {
    padding: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-5322a21 */.elementor-19552 .elementor-element.elementor-element-5322a21 .elementor-divider-separator {
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(252, 196, 25, 0.4) 50%, 
        transparent 100%);
    height: 1px;
    border: 0 !important;
    width: 820px;
    margin: 0 auto;
}/* End custom CSS */