.elementor-8126 .elementor-element.elementor-element-73449f7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-c0c2b89{margin:110px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8126 .elementor-element.elementor-element-c0c2b89.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8126 .elementor-element.elementor-element-1883b86{--display:flex;}.elementor-8126 .elementor-element.elementor-element-8c3d3d5{--display:flex;}.elementor-8126 .elementor-element.elementor-element-06caddc{font-weight:800;line-height:4px;letter-spacing:3.3px;color:#FBB900;}.elementor-8126 .elementor-element.elementor-element-c9ef23d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-3a5dfd2{--display:flex;}.elementor-8126 .elementor-element.elementor-element-3a5dfd2.e-con{--align-self:flex-start;}.elementor-8126 .elementor-element.elementor-element-4dfc475{--display:flex;}.elementor-8126 .elementor-element.elementor-element-e6dc8f7 .chart-card{background-color:#F6171700;}.elementor-8126 .elementor-element.elementor-element-e6dc8f7 .graphina-chart-heading{text-align:left;color:#FFFFFF;}.elementor-8126 .elementor-element.elementor-element-e6dc8f7 .graphina-chart-sub-heading{text-align:left;color:#737373;}.elementor-8126 .elementor-element.elementor-element-e6dc8f7 .chart-box{background-color:#00000000;}.elementor-8126 .elementor-element.elementor-element-68360f0{--display:flex;}.elementor-8126 .elementor-element.elementor-element-43c4689 .chart-card{background-color:#02010100;}.elementor-8126 .elementor-element.elementor-element-43c4689 .graphina-chart-heading{text-align:left;color:#FFFFFF;}.elementor-8126 .elementor-element.elementor-element-43c4689 .graphina-chart-sub-heading{text-align:left;color:#737373;}.elementor-8126 .elementor-element.elementor-element-60ad66a{--display:flex;}.elementor-8126 .elementor-element.elementor-element-60ad66a:not(.elementor-motion-effects-element-type-background), .elementor-8126 .elementor-element.elementor-element-60ad66a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505;}.elementor-8126 .elementor-element.elementor-element-112f07a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-3eedaec{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-75065cc{line-height:4px;color:#A3A3A3;margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8126 .elementor-element.elementor-element-f85b6c6{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8126 .elementor-element.elementor-element-1e1195f{--display:flex;border-style:solid;--border-style:solid;border-color:#FBB900;--border-color:#FBB900;}.elementor-8126 .elementor-element.elementor-element-370f759 .section-main-title,.elementor-8126 .elementor-element.elementor-element-370f759 .section-main-title a{color:#FBB900;}.elementor-8126 .elementor-element.elementor-element-370f759 .section-main-title{font-size:1px;}.elementor-8126 .elementor-element.elementor-element-b0c6dda{color:#A3A3A3;}.elementor-8126 .elementor-element.elementor-element-39cb689{--display:flex;}.elementor-8126 .elementor-element.elementor-element-c8f2d08{color:#A3A3A3;}.elementor-8126 .elementor-element.elementor-element-cc154dd{--display:flex;}.elementor-8126 .elementor-element.elementor-element-0d31dec{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-8126 .elementor-element.elementor-element-940fd73{--display:flex;}.elementor-8126 .elementor-element.elementor-element-b1c24b7{--display:flex;}.elementor-8126 .elementor-element.elementor-element-a8e085b .elementor-icon-list-icon i{color:#FF0000;transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-a8e085b .elementor-icon-list-icon svg{fill:#FF0000;transition:fill 0.3s;}.elementor-8126 .elementor-element.elementor-element-a8e085b{--e-icon-list-icon-size:30px;--icon-vertical-offset:0px;}.elementor-8126 .elementor-element.elementor-element-a8e085b .elementor-icon-list-text{transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-4bfc1f1{--display:flex;}.elementor-8126 .elementor-element.elementor-element-3b7aa01{--display:flex;}.elementor-8126 .elementor-element.elementor-element-1a01ea6 .elementor-heading-title{font-size:29px;font-weight:700;letter-spacing:1px;color:#FFFFFF;}.elementor-8126 .elementor-element.elementor-element-729b306{--display:flex;}.elementor-8126 .elementor-element.elementor-element-46a567d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-da4bc6a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-28e96e5{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8126 .elementor-element.elementor-element-f2cbf5b{--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-8126 .elementor-element.elementor-element-9d9eefd{--display:flex;border-style:none;--border-style:none;}.elementor-8126 .elementor-element.elementor-element-9d9eefd:not(.elementor-motion-effects-element-type-background), .elementor-8126 .elementor-element.elementor-element-9d9eefd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-8126 .elementor-element.elementor-element-5751ed6 .elementor-icon-list-icon i{color:#C40505;transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-5751ed6 .elementor-icon-list-icon svg{fill:#C40505;transition:fill 0.3s;}.elementor-8126 .elementor-element.elementor-element-5751ed6{--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-8126 .elementor-element.elementor-element-5751ed6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8126 .elementor-element.elementor-element-5751ed6 .elementor-icon-list-item > a{font-size:19px;}.elementor-8126 .elementor-element.elementor-element-5751ed6 .elementor-icon-list-text{color:#FBB900;transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-2473059{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-bb145ad{--display:flex;}.elementor-8126 .elementor-element.elementor-element-f2d8248{--display:flex;border-style:none;--border-style:none;}.elementor-8126 .elementor-element.elementor-element-f2d8248:not(.elementor-motion-effects-element-type-background), .elementor-8126 .elementor-element.elementor-element-f2d8248 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-8126 .elementor-element.elementor-element-05427c4 .elementor-icon-list-icon i{color:#C40505;transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-05427c4 .elementor-icon-list-icon svg{fill:#C40505;transition:fill 0.3s;}.elementor-8126 .elementor-element.elementor-element-05427c4{--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-8126 .elementor-element.elementor-element-05427c4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8126 .elementor-element.elementor-element-05427c4 .elementor-icon-list-item > a{font-size:19px;}.elementor-8126 .elementor-element.elementor-element-05427c4 .elementor-icon-list-text{color:#FBB900;transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-ef89b3b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-be53d11{--display:flex;}.elementor-8126 .elementor-element.elementor-element-be53d11:not(.elementor-motion-effects-element-type-background), .elementor-8126 .elementor-element.elementor-element-be53d11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8126 .elementor-element.elementor-element-26b96c8{--display:flex;}.elementor-8126 .elementor-element.elementor-element-eb18a4a .elementor-icon-list-icon i{color:#C40505;transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-eb18a4a .elementor-icon-list-icon svg{fill:#C40505;transition:fill 0.3s;}.elementor-8126 .elementor-element.elementor-element-eb18a4a{--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-8126 .elementor-element.elementor-element-eb18a4a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8126 .elementor-element.elementor-element-eb18a4a .elementor-icon-list-item > a{font-size:17px;font-weight:600;}.elementor-8126 .elementor-element.elementor-element-eb18a4a .elementor-icon-list-text{color:#FBB900;transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-4e2dd01{margin:-38px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8126 .elementor-element.elementor-element-93e9d0d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#262626;--border-color:#262626;--border-radius:15px 15px 15px 15px;}.elementor-8126 .elementor-element.elementor-element-93e9d0d:not(.elementor-motion-effects-element-type-background), .elementor-8126 .elementor-element.elementor-element-93e9d0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-8126 .elementor-element.elementor-element-5669009{--display:flex;}.elementor-8126 .elementor-element.elementor-element-cce0278 .elementor-icon-box-wrapper{align-items:start;gap:17px;}.elementor-8126 .elementor-element.elementor-element-cce0278 .elementor-icon-box-icon{margin-top:24px;}.elementor-8126 .elementor-element.elementor-element-cce0278 .elementor-icon-box-description{font-size:6px;}.elementor-8126 .elementor-element.elementor-element-db78705{text-align:start;color:#A3A3A3;}.elementor-8126 .elementor-element.elementor-element-f2c4954 .elementor-icon-box-wrapper{align-items:start;gap:17px;}.elementor-8126 .elementor-element.elementor-element-f2c4954 .elementor-icon-box-icon{margin-top:24px;}.elementor-8126 .elementor-element.elementor-element-f2c4954 .elementor-icon-box-description{font-size:6px;}.elementor-8126 .elementor-element.elementor-element-022166f{text-align:start;color:#A3A3A3;}.elementor-8126 .elementor-element.elementor-element-ea960fd .elementor-icon-box-wrapper{align-items:start;gap:17px;}.elementor-8126 .elementor-element.elementor-element-ea960fd .elementor-icon-box-icon{margin-top:24px;}.elementor-8126 .elementor-element.elementor-element-ea960fd .elementor-icon-box-description{font-size:6px;}.elementor-8126 .elementor-element.elementor-element-0579f8d{text-align:start;color:#A3A3A3;}.elementor-8126 .elementor-element.elementor-element-90e1b70 .elementor-icon-box-wrapper{align-items:start;gap:17px;}.elementor-8126 .elementor-element.elementor-element-90e1b70 .elementor-icon-box-icon{margin-top:24px;}.elementor-8126 .elementor-element.elementor-element-90e1b70 .elementor-icon-box-description{font-size:6px;}.elementor-8126 .elementor-element.elementor-element-f5575ed{text-align:start;color:#A3A3A3;}.elementor-8126 .elementor-element.elementor-element-954536a .elementor-icon-box-wrapper{align-items:start;gap:17px;}.elementor-8126 .elementor-element.elementor-element-954536a .elementor-icon-box-icon{margin-top:24px;}.elementor-8126 .elementor-element.elementor-element-954536a .elementor-icon-box-description{font-size:6px;}.elementor-8126 .elementor-element.elementor-element-59e8314{text-align:start;color:#A3A3A3;}.elementor-8126 .elementor-element.elementor-element-05d030f .elementor-icon-box-wrapper{align-items:start;gap:17px;}.elementor-8126 .elementor-element.elementor-element-05d030f .elementor-icon-box-icon{margin-top:24px;}.elementor-8126 .elementor-element.elementor-element-05d030f .elementor-icon-box-description{font-size:6px;}.elementor-8126 .elementor-element.elementor-element-1e3420a{text-align:start;color:#A3A3A3;}.elementor-8126 .elementor-element.elementor-element-aa394a5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-6246ff4 .section-main-title{font-size:1px;}.elementor-8126 .elementor-element.elementor-element-7f8a6d5 .elementor-icon-list-icon i{color:#FBB900;transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-7f8a6d5 .elementor-icon-list-icon svg{fill:#FBB900;transition:fill 0.3s;}.elementor-8126 .elementor-element.elementor-element-7f8a6d5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8126 .elementor-element.elementor-element-7f8a6d5 .elementor-icon-list-text{transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-418285b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-cfeb338 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-cfeb338 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-8126 .elementor-element.elementor-element-cfeb338{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8126 .elementor-element.elementor-element-cfeb338 .elementor-icon-list-text{transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-d4aa346{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-0ad86df .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-0ad86df .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-8126 .elementor-element.elementor-element-0ad86df{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8126 .elementor-element.elementor-element-0ad86df .elementor-icon-list-text{transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-b0e0d5a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-6b342d3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-6b342d3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-8126 .elementor-element.elementor-element-6b342d3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8126 .elementor-element.elementor-element-6b342d3 .elementor-icon-list-text{transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-00247ef{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-6e936d2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-6e936d2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-8126 .elementor-element.elementor-element-6e936d2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8126 .elementor-element.elementor-element-6e936d2 .elementor-icon-list-text{transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-3bdb5b1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-d799b6d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-d799b6d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-8126 .elementor-element.elementor-element-d799b6d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8126 .elementor-element.elementor-element-d799b6d .elementor-icon-list-text{transition:color 0.3s;}.elementor-8126 .elementor-element.elementor-element-c727a65{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8126 .elementor-element.elementor-element-c679417{--display:flex;}.elementor-8126 .elementor-element.elementor-element-49abaef{--display:flex;--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-8126 .elementor-element.elementor-element-fd5513a{--display:flex;}.elementor-8126 .elementor-element.elementor-element-fd5513a:not(.elementor-motion-effects-element-type-background), .elementor-8126 .elementor-element.elementor-element-fd5513a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-8126 .elementor-element.elementor-element-f85b6c6{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-8126 .elementor-element.elementor-element-73449f7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8126 .elementor-element.elementor-element-c0c2b89{margin:56px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:initial;max-width:initial;}.elementor-8126 .elementor-element.elementor-element-1883b86{--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-8126 .elementor-element.elementor-element-8c3d3d5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-06caddc{font-size:18px;}.elementor-8126 .elementor-element.elementor-element-3a5dfd2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-4dfc475{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-60ad66a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-75065cc{line-height:1.3em;}.elementor-8126 .elementor-element.elementor-element-f85b6c6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-1e1195f{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}.elementor-8126 .elementor-element.elementor-element-3aee3d9 .section-main-title{font-size:24px;}.elementor-8126 .elementor-element.elementor-element-cc154dd{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8126 .elementor-element.elementor-element-0d31dec{padding:0px 0px 0px 0px;}.elementor-8126 .elementor-element.elementor-element-940fd73{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-b1c24b7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-4bfc1f1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-729b306{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-46a567d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-da4bc6a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-28e96e5{--padding-top:7px;--padding-bottom:7px;--padding-left:7px;--padding-right:7px;}.elementor-8126 .elementor-element.elementor-element-f2cbf5b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-9d9eefd{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-8126 .elementor-element.elementor-element-f2d8248{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-8126 .elementor-element.elementor-element-c679417{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8126 .elementor-element.elementor-element-578d0db .section-main-title{font-size:1px;}.elementor-8126 .elementor-element.elementor-element-49abaef{--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}}/* Start custom CSS for container, class: .elementor-element-73449f7 */.elementor-case-study-bg { background-color: #050505 !important; background-image: radial-gradient(circle at 50% 70%, rgba(212, 175, 55, 0.15) 0%, rgba(5, 5, 5, 0) 70%) !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0.9rem 0.3rem !important; border-radius: 0 !important; box-sizing: border-box !important; overflow: hidden !important; color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c3d3d5 */.elementor-8126 .elementor-element.elementor-element-8c3d3d5 { /* متغيرات حجم النصوص بوحدة البيكسل */ --title-size: 15px; --value-size: 44px; --subtext-size: 14px; background-color: #050505 !important; background-image: radial-gradient(circle at 50% 70%, rgba(212, 175, 55, 0.15) 0%, rgba(5, 5, 5, 0) 70%) !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px 12px !important; border-radius: 0 !important; box-sizing: border-box !important; overflow: hidden !important; color: #ffffff !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card { position: relative !important; background-color: #121212 !important; border: 1px solid rgba(251, 185, 0, 0.4) !important; border-left: 4px solid #C40505 !important; border-radius: 20px !important; padding: 12px !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card:hover { transform: translateY(-6px) !important; border-color: rgba(251, 185, 0, 0.9) !important; box-shadow: 0 15px 35px rgba(251, 185, 0, 0.2), 0 10px 25px rgba(0, 0, 0, 0.5) !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-header { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; margin-bottom: 8px !important; gap: 8px !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-title h2 { color: #a3a3a3 !important; font-size: var(--title-size) !important; font-weight: 600 !important; line-height: 1.4 !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-icon { background-color: rgba(251, 185, 0, 0.15) !important; color: #FBB900 !important; border-radius: 12px !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-icon .elementor-icon { color: #FBB900 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-value h2 { color: #ffffff !important; font-size: var(--value-size) !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; margin: 4px 0 !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-subtext p { color: #a3a3a3 !important; font-size: var(--subtext-size) !important; line-height: 1.5 !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-off { background-color: #121212 !important; border: 1px solid #282828 !important; border-radius: 20px !important; padding: 12px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; position: relative !important; overflow: hidden !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-off:hover { transform: translateY(-6px) !important; border-color: rgba(251, 185, 0, 0.9) !important; box-shadow: 0 15px 35px rgba(251, 185, 0, 0.2), 0 10px 25px rgba(0, 0, 0, 0.5) !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-off-header { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 8px !important; width: 100% !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-off-title .elementor-heading-title { color: #c7c7c7 !important; font-size: var(--title-size) !important; font-weight: 600 !important; margin: 0 !important; line-height: 1.3 !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-off-icon { width: 40px !important; height: 40px !important; background-color: #222222 !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; flex-shrink: 0 !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-off-icon .elementor-icon { color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-off-value .elementor-heading-title { color: #ffffff !important; font-size: var(--value-size) !important; font-weight: 900 !important; line-height: 1.1 !important; margin-top: 0 !important; margin-bottom: 4px !important; letter-spacing: -0.02em !important; } .elementor-8126 .elementor-element.elementor-element-8c3d3d5 .stat-card-off-subtext p { color: #8e8e93 !important; font-size: var(--subtext-size) !important; font-weight: 400 !important; line-height: 1.4 !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-46d41d4 */.ctr-red-content { background: transparent !important; display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 0.4rem !important; } .ctr-red-icon { color: #FBB900 !important; font-size: 1rem !important; margin-right: 0.25rem !important; } .ctr-red-bold { font-size: 1rem !important; font-weight: 700 !important; color: #fbb900 !important; } .ctr-red-desc { font-size: 0.875rem !important; color: #e5e5e5 !important; line-height: 1.5 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3eedaec *//* ========================================================================== */ /* ONQOL GROWTH ARCHITECTURE — NESTED TABS & CTR ISOLATED CSS */ /* ========================================================================== */ .elementor-8126 .elementor-element.elementor-element-3eedaec { background-color: #050505 !important; background-image: radial-gradient(circle at 50% 70%, rgba(212, 175, 55, 0.15) 0%, rgba(5, 5, 5, 0) 70%) !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 4rem 2rem !important; border-radius: 0 !important; box-sizing: border-box !important; overflow: hidden !important; color: #ffffff !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tabs-heading { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important; width: 100% !important; background-color: #0c0c0c !important; border: 1px solid #262626 !important; border-radius: 9999px !important; padding: 0.5rem !important; box-sizing: border-box !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.6rem !important; flex: 1 1 0 !important; padding: 0.85rem 1.5rem !important; background-color: transparent !important; border: none !important; border-radius: 9999px !important; cursor: pointer !important; transition: all 0.25s ease !important; box-sizing: border-box !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title:hover { background-color: rgba(255, 255, 255, 0.04) !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] { background-color: #FBB900 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title-text { font-size: 1rem !important; font-weight: 700 !important; color: #a3a3a3 !important; white-space: nowrap !important; transition: color 0.2s ease !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title:hover .e-n-tab-title-text { color: #ffffff !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #000000 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-icon svg, .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-icon i { width: 18px !important; height: 18px !important; color: #a3a3a3 !important; fill: #a3a3a3 !important; transition: color 0.2s ease, fill 0.2s ease !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg, .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] .e-n-tab-icon i { color: #000000 !important; fill: #000000 !important; } /* ========================================================================== */ /* ISOLATED CTR PERFORMANCE WIDGET STYLES */ /* ========================================================================== */ .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper { background-color: #080808 !important; border: 1px solid #222222 !important; border-radius: 18px !important; padding: 24px 16px !important; width: 100% !important; max-width: 900px !important; box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; color: #ffffff !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 16px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .section-main-title, .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .maintitle { color: #ffffff !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; letter-spacing: -0.01em !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper .elementor-widget-text-editor div p { color: #8e8e93 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-comparison-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card { background-color: #121212 !important; border-radius: 14px !important; padding: 24px 16px !important; text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; transition: transform 0.2s ease, border-color 0.2s ease !important; gap: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight { border: 1px solid rgba(251, 185, 0, 0.45) !important; box-shadow: 0 4px 20px rgba(251, 185, 0, 0.05) !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .ctr-card-title .maintitle { color: #FBB900 !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin: 0 0 8px 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .ctr-card-value .maintitle { color: #ffffff !important; font-size: 42px !important; font-weight: 900 !important; line-height: 1.0 !important; margin: 4px 0 10px 0 !important; letter-spacing: -0.02em !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .elementor-widget-text-editor { color: #a3a3a3 !important; font-size: 12px !important; line-height: 1.4 !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) { border: 1px solid #242424 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .ctr-card-title .maintitle { color: #888888 !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin: 0 0 8px 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .ctr-card-value .maintitle { color: #6e6e73 !important; font-size: 42px !important; font-weight: 900 !important; line-height: 1.0 !important; margin: 4px 0 10px 0 !important; letter-spacing: -0.02em !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .elementor-widget-text-editor div span { color: #6e6e73 !important; font-size: 12px !important; line-height: 1.4 !important; background: transparent !important; border: none !important; padding: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-container { background-color: #1a0606 !important; border: 1px solid rgba(196, 5, 5, 0.45) !important; border-radius: 12px !important; padding: 14px 16px !important; font-size: 13px !important; line-height: 1.55 !important; color: #d1d1d1 !important; display: flex !important; align-items: flex-start !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-content { display: flex !important; align-items: flex-start !important; gap: 8px !important; width: 100% !important; flex-wrap: nowrap !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-icon { color: #FBB900 !important; font-size: 14px !important; flex-shrink: 0 !important; margin-top: 1px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-bold { color: #FBB900 !important; font-weight: 800 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-desc { color: #d1d1d1 !important; } @media (max-width: 767px) { .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tabs-heading { flex-direction: column !important; border-radius: 1rem !important; padding: 0.4rem !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title { width: 100% !important; border-radius: 0.7rem !important; } } @media (max-width: 640px) { .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper { padding: 18px 14px !important; border-radius: 14px !important; gap: 12px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .section-main-title, .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .maintitle { font-size: 19px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper .elementor-widget-text-editor div p { font-size: 12px !important; margin-bottom: 12px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-comparison-grid { grid-template-columns: 1fr !important; gap: 12px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card { padding: 20px 14px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .ctr-card-value .maintitle, .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .ctr-card-value .maintitle { font-size: 38px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-container { padding: 12px 14px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-46d41d4 */.ctr-red-content { background: transparent !important; display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 0.4rem !important; } .ctr-red-icon { color: #FBB900 !important; font-size: 1rem !important; margin-right: 0.25rem !important; } .ctr-red-bold { font-size: 1rem !important; font-weight: 700 !important; color: #fbb900 !important; } .ctr-red-desc { font-size: 0.875rem !important; color: #e5e5e5 !important; line-height: 1.5 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3eedaec *//* ========================================================================== */ /* ONQOL GROWTH ARCHITECTURE — NESTED TABS & CTR ISOLATED CSS */ /* ========================================================================== */ .elementor-8126 .elementor-element.elementor-element-3eedaec { background-color: #050505 !important; background-image: radial-gradient(circle at 50% 70%, rgba(212, 175, 55, 0.15) 0%, rgba(5, 5, 5, 0) 70%) !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 4rem 2rem !important; border-radius: 0 !important; box-sizing: border-box !important; overflow: hidden !important; color: #ffffff !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tabs-heading { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important; width: 100% !important; background-color: #0c0c0c !important; border: 1px solid #262626 !important; border-radius: 9999px !important; padding: 0.5rem !important; box-sizing: border-box !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.6rem !important; flex: 1 1 0 !important; padding: 0.85rem 1.5rem !important; background-color: transparent !important; border: none !important; border-radius: 9999px !important; cursor: pointer !important; transition: all 0.25s ease !important; box-sizing: border-box !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title:hover { background-color: rgba(255, 255, 255, 0.04) !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] { background-color: #FBB900 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title-text { font-size: 1rem !important; font-weight: 700 !important; color: #a3a3a3 !important; white-space: nowrap !important; transition: color 0.2s ease !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title:hover .e-n-tab-title-text { color: #ffffff !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #000000 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-icon svg, .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-icon i { width: 18px !important; height: 18px !important; color: #a3a3a3 !important; fill: #a3a3a3 !important; transition: color 0.2s ease, fill 0.2s ease !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg, .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] .e-n-tab-icon i { color: #000000 !important; fill: #000000 !important; } /* ========================================================================== */ /* ISOLATED CTR PERFORMANCE WIDGET STYLES */ /* ========================================================================== */ .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper { background-color: #080808 !important; border: 1px solid #222222 !important; border-radius: 18px !important; padding: 24px 16px !important; width: 100% !important; max-width: 900px !important; box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; color: #ffffff !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 16px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .section-main-title, .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .maintitle { color: #ffffff !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; letter-spacing: -0.01em !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper .elementor-widget-text-editor div p { color: #8e8e93 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-comparison-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card { background-color: #121212 !important; border-radius: 14px !important; padding: 24px 16px !important; text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; transition: transform 0.2s ease, border-color 0.2s ease !important; gap: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight { border: 1px solid rgba(251, 185, 0, 0.45) !important; box-shadow: 0 4px 20px rgba(251, 185, 0, 0.05) !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .ctr-card-title .maintitle { color: #FBB900 !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin: 0 0 8px 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .ctr-card-value .maintitle { color: #ffffff !important; font-size: 42px !important; font-weight: 900 !important; line-height: 1.0 !important; margin: 4px 0 10px 0 !important; letter-spacing: -0.02em !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .elementor-widget-text-editor { color: #a3a3a3 !important; font-size: 12px !important; line-height: 1.4 !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) { border: 1px solid #242424 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .ctr-card-title .maintitle { color: #888888 !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin: 0 0 8px 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .ctr-card-value .maintitle { color: #6e6e73 !important; font-size: 42px !important; font-weight: 900 !important; line-height: 1.0 !important; margin: 4px 0 10px 0 !important; letter-spacing: -0.02em !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .elementor-widget-text-editor div span { color: #6e6e73 !important; font-size: 12px !important; line-height: 1.4 !important; background: transparent !important; border: none !important; padding: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-container { background-color: #1a0606 !important; border: 1px solid rgba(196, 5, 5, 0.45) !important; border-radius: 12px !important; padding: 14px 16px !important; font-size: 13px !important; line-height: 1.55 !important; color: #d1d1d1 !important; display: flex !important; align-items: flex-start !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-content { display: flex !important; align-items: flex-start !important; gap: 8px !important; width: 100% !important; flex-wrap: nowrap !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-icon { color: #FBB900 !important; font-size: 14px !important; flex-shrink: 0 !important; margin-top: 1px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-bold { color: #FBB900 !important; font-weight: 800 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-desc { color: #d1d1d1 !important; } @media (max-width: 767px) { .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tabs-heading { flex-direction: column !important; border-radius: 1rem !important; padding: 0.4rem !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title { width: 100% !important; border-radius: 0.7rem !important; } } @media (max-width: 640px) { .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper { padding: 18px 14px !important; border-radius: 14px !important; gap: 12px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .section-main-title, .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .maintitle { font-size: 19px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper .elementor-widget-text-editor div p { font-size: 12px !important; margin-bottom: 12px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-comparison-grid { grid-template-columns: 1fr !important; gap: 12px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card { padding: 20px 14px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .ctr-card-value .maintitle, .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .ctr-card-value .maintitle { font-size: 38px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-container { padding: 12px 14px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-46d41d4 */.ctr-red-content { background: transparent !important; display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 0.4rem !important; } .ctr-red-icon { color: #FBB900 !important; font-size: 1rem !important; margin-right: 0.25rem !important; } .ctr-red-bold { font-size: 1rem !important; font-weight: 700 !important; color: #fbb900 !important; } .ctr-red-desc { font-size: 0.875rem !important; color: #e5e5e5 !important; line-height: 1.5 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3eedaec *//* ========================================================================== */ /* ONQOL GROWTH ARCHITECTURE — NESTED TABS & CTR ISOLATED CSS */ /* ========================================================================== */ .elementor-8126 .elementor-element.elementor-element-3eedaec { background-color: #050505 !important; background-image: radial-gradient(circle at 50% 70%, rgba(212, 175, 55, 0.15) 0%, rgba(5, 5, 5, 0) 70%) !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 4rem 2rem !important; border-radius: 0 !important; box-sizing: border-box !important; overflow: hidden !important; color: #ffffff !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tabs-heading { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important; width: 100% !important; background-color: #0c0c0c !important; border: 1px solid #262626 !important; border-radius: 9999px !important; padding: 0.5rem !important; box-sizing: border-box !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.6rem !important; flex: 1 1 0 !important; padding: 0.85rem 1.5rem !important; background-color: transparent !important; border: none !important; border-radius: 9999px !important; cursor: pointer !important; transition: all 0.25s ease !important; box-sizing: border-box !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title:hover { background-color: rgba(255, 255, 255, 0.04) !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] { background-color: #FBB900 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title-text { font-size: 1rem !important; font-weight: 700 !important; color: #a3a3a3 !important; white-space: nowrap !important; transition: color 0.2s ease !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title:hover .e-n-tab-title-text { color: #ffffff !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #000000 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-icon svg, .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-icon i { width: 18px !important; height: 18px !important; color: #a3a3a3 !important; fill: #a3a3a3 !important; transition: color 0.2s ease, fill 0.2s ease !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg, .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] .e-n-tab-icon i { color: #000000 !important; fill: #000000 !important; } /* ========================================================================== */ /* ISOLATED CTR PERFORMANCE WIDGET STYLES */ /* ========================================================================== */ .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper { background-color: #080808 !important; border: 1px solid #222222 !important; border-radius: 18px !important; padding: 24px 16px !important; width: 100% !important; max-width: 900px !important; box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; color: #ffffff !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 16px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .section-main-title, .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .maintitle { color: #ffffff !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; letter-spacing: -0.01em !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper .elementor-widget-text-editor div p { color: #8e8e93 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-comparison-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card { background-color: #121212 !important; border-radius: 14px !important; padding: 24px 16px !important; text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; transition: transform 0.2s ease, border-color 0.2s ease !important; gap: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight { border: 1px solid rgba(251, 185, 0, 0.45) !important; box-shadow: 0 4px 20px rgba(251, 185, 0, 0.05) !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .ctr-card-title .maintitle { color: #FBB900 !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin: 0 0 8px 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .ctr-card-value .maintitle { color: #ffffff !important; font-size: 42px !important; font-weight: 900 !important; line-height: 1.0 !important; margin: 4px 0 10px 0 !important; letter-spacing: -0.02em !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .elementor-widget-text-editor { color: #a3a3a3 !important; font-size: 12px !important; line-height: 1.4 !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) { border: 1px solid #242424 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .ctr-card-title .maintitle { color: #888888 !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin: 0 0 8px 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .ctr-card-value .maintitle { color: #6e6e73 !important; font-size: 42px !important; font-weight: 900 !important; line-height: 1.0 !important; margin: 4px 0 10px 0 !important; letter-spacing: -0.02em !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .elementor-widget-text-editor div span { color: #6e6e73 !important; font-size: 12px !important; line-height: 1.4 !important; background: transparent !important; border: none !important; padding: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-container { background-color: #1a0606 !important; border: 1px solid rgba(196, 5, 5, 0.45) !important; border-radius: 12px !important; padding: 14px 16px !important; font-size: 13px !important; line-height: 1.55 !important; color: #d1d1d1 !important; display: flex !important; align-items: flex-start !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-content { display: flex !important; align-items: flex-start !important; gap: 8px !important; width: 100% !important; flex-wrap: nowrap !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-icon { color: #FBB900 !important; font-size: 14px !important; flex-shrink: 0 !important; margin-top: 1px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-bold { color: #FBB900 !important; font-weight: 800 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-desc { color: #d1d1d1 !important; } @media (max-width: 767px) { .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tabs-heading { flex-direction: column !important; border-radius: 1rem !important; padding: 0.4rem !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title { width: 100% !important; border-radius: 0.7rem !important; } } @media (max-width: 640px) { .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper { padding: 18px 14px !important; border-radius: 14px !important; gap: 12px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .section-main-title, .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .maintitle { font-size: 19px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper .elementor-widget-text-editor div p { font-size: 12px !important; margin-bottom: 12px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-comparison-grid { grid-template-columns: 1fr !important; gap: 12px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card { padding: 20px 14px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .ctr-card-value .maintitle, .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .ctr-card-value .maintitle { font-size: 38px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-container { padding: 12px 14px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-46d41d4 */.ctr-red-content { background: transparent !important; display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 0.4rem !important; } .ctr-red-icon { color: #FBB900 !important; font-size: 1rem !important; margin-right: 0.25rem !important; } .ctr-red-bold { font-size: 1rem !important; font-weight: 700 !important; color: #fbb900 !important; } .ctr-red-desc { font-size: 0.875rem !important; color: #e5e5e5 !important; line-height: 1.5 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3eedaec *//* ========================================================================== */ /* ONQOL GROWTH ARCHITECTURE — NESTED TABS & CTR ISOLATED CSS */ /* ========================================================================== */ .elementor-8126 .elementor-element.elementor-element-3eedaec { background-color: #050505 !important; background-image: radial-gradient(circle at 50% 70%, rgba(212, 175, 55, 0.15) 0%, rgba(5, 5, 5, 0) 70%) !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 4rem 2rem !important; border-radius: 0 !important; box-sizing: border-box !important; overflow: hidden !important; color: #ffffff !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tabs-heading { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important; width: 100% !important; background-color: #0c0c0c !important; border: 1px solid #262626 !important; border-radius: 9999px !important; padding: 0.5rem !important; box-sizing: border-box !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.6rem !important; flex: 1 1 0 !important; padding: 0.85rem 1.5rem !important; background-color: transparent !important; border: none !important; border-radius: 9999px !important; cursor: pointer !important; transition: all 0.25s ease !important; box-sizing: border-box !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title:hover { background-color: rgba(255, 255, 255, 0.04) !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] { background-color: #FBB900 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title-text { font-size: 1rem !important; font-weight: 700 !important; color: #a3a3a3 !important; white-space: nowrap !important; transition: color 0.2s ease !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title:hover .e-n-tab-title-text { color: #ffffff !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #000000 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-icon svg, .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-icon i { width: 18px !important; height: 18px !important; color: #a3a3a3 !important; fill: #a3a3a3 !important; transition: color 0.2s ease, fill 0.2s ease !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg, .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title[aria-selected="true"] .e-n-tab-icon i { color: #000000 !important; fill: #000000 !important; } /* ========================================================================== */ /* ISOLATED CTR PERFORMANCE WIDGET STYLES */ /* ========================================================================== */ .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper { background-color: #080808 !important; border: 1px solid #222222 !important; border-radius: 18px !important; padding: 24px 16px !important; width: 100% !important; max-width: 900px !important; box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; color: #ffffff !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 16px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .section-main-title, .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .maintitle { color: #ffffff !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; letter-spacing: -0.01em !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper .elementor-widget-text-editor div p { color: #8e8e93 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-comparison-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card { background-color: #121212 !important; border-radius: 14px !important; padding: 24px 16px !important; text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; transition: transform 0.2s ease, border-color 0.2s ease !important; gap: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight { border: 1px solid rgba(251, 185, 0, 0.45) !important; box-shadow: 0 4px 20px rgba(251, 185, 0, 0.05) !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .ctr-card-title .maintitle { color: #FBB900 !important; font-size: 11px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin: 0 0 8px 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .ctr-card-value .maintitle { color: #ffffff !important; font-size: 42px !important; font-weight: 900 !important; line-height: 1.0 !important; margin: 4px 0 10px 0 !important; letter-spacing: -0.02em !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .elementor-widget-text-editor { color: #a3a3a3 !important; font-size: 12px !important; line-height: 1.4 !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) { border: 1px solid #242424 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .ctr-card-title .maintitle { color: #888888 !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin: 0 0 8px 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .ctr-card-value .maintitle { color: #6e6e73 !important; font-size: 42px !important; font-weight: 900 !important; line-height: 1.0 !important; margin: 4px 0 10px 0 !important; letter-spacing: -0.02em !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .elementor-widget-text-editor div span { color: #6e6e73 !important; font-size: 12px !important; line-height: 1.4 !important; background: transparent !important; border: none !important; padding: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-container { background-color: #1a0606 !important; border: 1px solid rgba(196, 5, 5, 0.45) !important; border-radius: 12px !important; padding: 14px 16px !important; font-size: 13px !important; line-height: 1.55 !important; color: #d1d1d1 !important; display: flex !important; align-items: flex-start !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-content { display: flex !important; align-items: flex-start !important; gap: 8px !important; width: 100% !important; flex-wrap: nowrap !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-icon { color: #FBB900 !important; font-size: 14px !important; flex-shrink: 0 !important; margin-top: 1px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-bold { color: #FBB900 !important; font-weight: 800 !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-desc { color: #d1d1d1 !important; } @media (max-width: 767px) { .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tabs-heading { flex-direction: column !important; border-radius: 1rem !important; padding: 0.4rem !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .e-n-tab-title { width: 100% !important; border-radius: 0.7rem !important; } } @media (max-width: 640px) { .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper { padding: 18px 14px !important; border-radius: 14px !important; gap: 12px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .section-main-title, .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-heading .maintitle { font-size: 19px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-section-wrapper .elementor-widget-text-editor div p { font-size: 12px !important; margin-bottom: 12px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-comparison-grid { grid-template-columns: 1fr !important; gap: 12px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card { padding: 20px 14px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card-highlight .ctr-card-value .maintitle, .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-card:not(.ctr-card-highlight) .ctr-card-value .maintitle { font-size: 38px !important; } .elementor-8126 .elementor-element.elementor-element-3eedaec .ctr-red-container { padding: 12px 14px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-940fd73 *//* الكروت الأساسية */ .impact-card { background-color: #0c0c0c !important; border: 1px solid #1f1f1f !important; border-radius: 1.25rem !important; padding: 1.75rem !important; margin-bottom: 1.5rem !important; color: #ffffff !important; box-sizing: border-box !important; } /* عنوان الكارت (يشتغل مع Heading widget عادي) */ h2.impact-card-title, h3.impact-card-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 1rem !important; } /* عنوان الكارت (نسخة Icon List widget) */ .impact-card-title.elementor-icon-list--layout-traditional .elementor-icon-list-items { display: flex !important; align-items: center !important; gap: 0.625rem !important; margin-bottom: 1rem !important; } .impact-card-title .elementor-icon-list-text { font-size: 1.25rem !important; font-weight: 700 !important; color: #ffffff !important; } .impact-card-title .elementor-icon-list-icon svg { fill: #c40505 !important; width: 1.25rem !important; height: 1.25rem !important; } /* الوصف */ .impact-card-desc { color: #d4d4d4 !important; font-size: 1rem !important; line-height: 1.65 !important; margin-bottom: 1.25rem !important; } .text-highlight-yellow { color: #fbb900 !important; font-weight: 700 !important; } /* صندوق Key Takeaway */ .key-takeaway-box { background-color: #171717 !important; border: 1px solid #262626 !important; border-radius: 0.875rem !important; padding: 1rem 1.25rem !important; font-size: 0.9rem !important; line-height: 1.55 !important; color: #a3a3a3 !important; } .key-takeaway-label { color: #ffffff !important; font-weight: 700 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3a5dfd2 */.elementor-8126 .elementor-element.elementor-element-3a5dfd2 { background-color: #050505 !important; background-image: radial-gradient(circle at 50% 70%, rgba(212, 175, 55, 0.15) 0%, rgba(5, 5, 5, 0) 70%) !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 4rem 2rem !important; border-radius: 0 !important; box-sizing: border-box !important; overflow: hidden !important; color: #ffffff !important; } .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tabs-heading { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important; width: 100% !important; background-color: #0c0c0c !important; border: 1px solid #262626 !important; border-radius: 9999px !important; padding: 0.5rem !important; box-sizing: border-box !important; } .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tab-title { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.6rem !important; flex: 1 1 0 !important; padding: 0.85rem 1.5rem !important; background-color: transparent !important; border: none !important; border-radius: 9999px !important; cursor: pointer !important; transition: all 0.25s ease !important; box-sizing: border-box !important; } .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tab-title:hover { background-color: rgba(255, 255, 255, 0.04) !important; } .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tab-title[aria-selected="true"] { background-color: #FBB900 !important; } .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tab-title-text { font-size: 1rem !important; font-weight: 700 !important; color: #a3a3a3 !important; white-space: nowrap !important; transition: color 0.2s ease !important; } .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tab-title:hover .e-n-tab-title-text { color: #ffffff !important; } .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #000000 !important; } .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tab-icon svg, .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tab-icon i { width: 18px !important; height: 18px !important; color: #a3a3a3 !important; fill: #a3a3a3 !important; transition: color 0.2s ease, fill 0.2s ease !important; } .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg, .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tab-title[aria-selected="true"] .e-n-tab-icon i { color: #000000 !important; fill: #000000 !important; } @media (max-width: 767px) { .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tabs-heading { flex-direction: column !important; border-radius: 1rem !important; padding: 0.4rem !important; } .elementor-8126 .elementor-element.elementor-element-3a5dfd2 .e-n-tab-title { width: 100% !important; border-radius: 0.7rem !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-729b306 */.elementor-8126 .elementor-element.elementor-element-729b306 { background-color: #050505 !important; background-image: radial-gradient(circle at 50% 70%, rgba(212, 175, 55, 0.15) 0%, rgba(5, 5, 5, 0) 70%) !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0.9rem 0.5rem !important; border-radius: 0 !important; box-sizing: border-box !important; overflow: hidden !important; color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-28e96e5 */.elementor-8126 .elementor-element.elementor-element-28e96e5 { background-color: #050505 !important; background-image: radial-gradient(circle at 50% 70%, rgba(212, 175, 55, 0.15) 0%, rgba(5, 5, 5, 0) 70%) !important; width: 100% !important; max-width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bb145ad */.elementor-8126 .elementor-element.elementor-element-bb145ad { background-color: #050505 !important; background-image: radial-gradient(circle at 50% 70%, rgba(212, 175, 55, 0.15) 0%, rgba(5, 5, 5, 0) 70%) !important; width: 100% !important; max-width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-be53d11 *//* ========================================================================== */ /* ONQOL GROWTH ARCHITECTURE — FULL INTEGRATED ATOMIC TABS CSS */ /* ========================================================================== */ /* 1. الحاوية الرئيسية والخلفية الشعاعية (Main Container & Radial Gradient Backdrop) */ .elementor-8126 .elementor-element.elementor-element-be53d11 { background-color: #050505 !important; background-image: radial-gradient(circle at 50% 30%, rgba(251, 185, 0, 0.08) 0%, rgba(5, 5, 5, 0) 70%) !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 3.5rem 2rem !important; border-radius: 0 !important; box-sizing: border-box !important; color: #ffffff !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } /* ========================================================================== */ /* 2. ATOMIC TABS BASE — GRID LAYOUT & PX TEXT SIZE VARIABLES */ /* ========================================================================== */ .pillars-tabs { /* --- أحجام النصوص بالبكسل (PX) --- */ --tab-eyebrow-size: 13px; --tab-title-size: 21px; --tab-subtitle-size: 14px; --panel-eyebrow-size: 13px; --panel-title-size: 54px; --panel-subtitle-size: 16px; --panel-desc-size: 16px; --kp-title-size: 13px; --kp-text-size: 15px; /* --- التوزيع الجانبي --- */ display: grid !important; grid-template-columns: minmax(300px, 1fr) minmax(360px, 1.25fr) !important; gap: 2rem !important; align-items: start !important; width: 100% !important; box-sizing: border-box !important; background-color: transparent !important; } .pillars-tabs-menu { display: flex !important; flex-direction: column !important; gap: 1.1rem !important; width: 100% !important; box-sizing: border-box !important; } /* ========================================================================== */ /* 3. PILLAR TAB CARD — بطاقة التاب الجانبية */ /* ========================================================================== */ .pillar-tab { background-color: #0d0d0d !important; border: 1px solid #222222 !important; border-left: 4px solid transparent !important; border-radius: 1.25rem !important; padding: 1.35rem 1.5rem !important; display: flex !important; flex-direction: column !important; gap: 0.5rem !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; width: 100% !important; text-align: start !important; outline: none !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; box-sizing: border-box !important; } .pillar-tab:hover:not(.e--selected) { border-color: rgba(251, 185, 0, 0.5) !important; background-color: #121212 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5) !important; } .pillar-tab:hover:not(.e--selected) .pillar-tab-icon .elementor-icon-box-icon .elementor-icon { background-color: #2a2a2a !important; border-color: rgba(251, 185, 0, 0.4) !important; } .pillar-tab:hover:not(.e--selected) .pillar-tab-icon .elementor-icon-box-icon .elementor-icon svg { fill: #FBB900 !important; } .pillar-tab.e--selected, .e-tab-base.e--selected { background-color: #141414 !important; border: 1px solid #FBB900 !important; border-left: 5px solid #C40505 !important; box-shadow: 0 0 25px rgba(251, 185, 0, 0.12), 0 8px 20px rgba(0, 0, 0, 0.5) !important; transform: translateY(0) !important; } /* ========================================================================== */ /* 4. PILLAR TAB ICON & TEXT */ /* ========================================================================== */ .pillar-tab-icon .elementor-icon-box-wrapper { display: flex !important; align-items: center !important; gap: 1rem !important; box-sizing: border-box !important; width: 100% !important; } .pillar-tab-icon .elementor-icon-box-icon { flex-shrink: 0 !important; margin: 0 !important; } .pillar-tab-icon .elementor-icon-box-icon .elementor-icon { width: 52px !important; height: 52px !important; border-radius: 0.85rem !important; background-color: #1a1a1a !important; border: 1px solid #2b2b2b !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; box-sizing: border-box !important; } .pillar-tab-icon .elementor-icon-box-icon .elementor-icon svg { width: 22px !important; height: 22px !important; fill: #d4d4d4 !important; transition: fill 0.3s ease !important; } .pillar-tab.e--selected .pillar-tab-icon .elementor-icon-box-icon .elementor-icon { background-color: #FBB900 !important; border-color: #FBB900 !important; box-shadow: 0 0 15px rgba(251, 185, 0, 0.4) !important; } .pillar-tab.e--selected .pillar-tab-icon .elementor-icon-box-icon .elementor-icon svg { fill: #050505 !important; } .pillar-tab-icon .elementor-icon-box-title { color: #FBB900 !important; font-size: var(--tab-eyebrow-size) !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin: 0 0 0.25rem 0 !important; } .pillar-tab-icon .elementor-icon-box-description { color: #ffffff !important; font-size: var(--tab-title-size) !important; font-weight: 800 !important; line-height: 1.3 !important; margin: 0 !important; word-break: break-word !important; } .pillar-tab-subtitle { margin-top: 0.2rem !important; } .pillar-tab-subtitle p { color: #999999 !important; font-size: var(--tab-subtitle-size) !important; line-height: 1.5 !important; margin: 0 !important; } /* ========================================================================== */ /* 5. CONTENT PANEL */ /* ========================================================================== */ .pillars-content-area { width: 100% !important; position: sticky !important; top: 2rem !important; box-sizing: border-box !important; } .pillar-panel { background-color: #0b0b0b !important; border: 1px solid rgba(251, 185, 0, 0.35) !important; border-radius: 1.5rem !important; padding: 2.25rem !important; width: 100% !important; box-sizing: border-box !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important; } .pillar-panel-eyebrow p { color: #FBB900 !important; font-size: var(--panel-eyebrow-size) !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin: 0 0 0.5rem 0 !important; } .pillar-panel-title .section-main-title, .pillar-panel-title .maintitle, .pillar-panel-title h2 { color: #ffffff !important; font-size: var(--panel-title-size) !important; font-weight: 800 !important; line-height: 1.25 !important; margin: 0 0 0.5rem 0 !important; letter-spacing: -0.01em !important; word-break: break-word !important; } .pillar-panel-subtitle p { color: #a3a3a3 !important; font-size: var(--panel-subtitle-size) !important; line-height: 1.6 !important; margin: 0 0 1.25rem 0 !important; } .pillar-panel-divider { border: none !important; border-top: 1px solid #222222 !important; margin: 1.25rem 0 1.5rem 0 !important; width: 100% !important; } .pillar-panel-desc p { color: #d4d4d4 !important; font-size: var(--panel-desc-size) !important; line-height: 1.7 !important; margin: 0 0 1.75rem 0 !important; } .pillar-panel-kp-label .elementor-heading-title, .pillar-panel-kp-label h2 { color: #FBB900 !important; font-size: var(--kp-title-size) !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; margin-bottom: 0.85rem !important; } /* ========================================================================== */ /* 6. KEY POINTS LIST */ /* ========================================================================== */ .pillar-panel-kp-list .elementor-icon-list-items { display: flex !important; flex-direction: column !important; gap: 0.75rem !important; padding: 0 !important; margin: 0 !important; list-style: none !important; width: 100% !important; box-sizing: border-box !important; } .pillar-panel-kp-list .elementor-icon-list-item { background-color: #141414 !important; border: 1px solid #262626 !important; border-radius: 0.85rem !important; padding: 0.9rem 1.15rem !important; display: flex !important; align-items: center !important; gap: 0.85rem !important; transition: all 0.25s ease !important; width: 100% !important; box-sizing: border-box !important; } .pillar-panel-kp-list .elementor-icon-list-item:hover { background-color: #1a1a1a !important; border-color: rgba(251, 185, 0, 0.4) !important; transform: translateX(4px) !important; } .pillar-panel-kp-list .elementor-icon-list-icon { display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .pillar-panel-kp-list .elementor-icon-list-icon svg { width: 18px !important; height: 18px !important; fill: #FBB900 !important; } .pillar-panel-kp-list .elementor-icon-list-text { color: #e5e5e5 !important; font-size: var(--kp-text-size) !important; line-height: 1.5 !important; font-weight: 500 !important; word-break: break-word !important; } /* ========================================================================== */ /* 7. RESPONSIVE DESIGN & MOBILE OVERHAUL */ /* ========================================================================== */ @media (max-width: 1024px) { .pillars-tabs { grid-template-columns: 1fr !important; gap: 1.5rem !important; } .pillars-content-area { position: relative !important; top: 0 !important; } } @media (max-width: 767px) { .elementor-8126 .elementor-element.elementor-element-be53d11 { padding: 1.25rem 0.75rem !important; overflow-x: hidden !important; } .pillars-tabs { display: flex !important; flex-direction: column !important; gap: 1rem !important; width: 100% !important; max-width: 100% !important; } .pillars-tabs-menu { display: flex !important; flex-direction: column !important; gap: 0.75rem !important; width: 100% !important; } .pillar-tab { padding: 1rem !important; border-radius: 1rem !important; gap: 0.35rem !important; width: 100% !important; box-sizing: border-box !important; } .pillar-tab-icon .elementor-icon-box-wrapper { gap: 0.75rem !important; } .pillar-tab-icon .elementor-icon-box-icon .elementor-icon { width: 42px !important; height: 42px !important; border-radius: 0.65rem !important; } .pillar-tab-icon .elementor-icon-box-icon .elementor-icon svg { width: 18px !important; height: 18px !important; } .pillar-tab-icon .elementor-icon-box-title { font-size: 11px !important; letter-spacing: 0.05em !important; margin-bottom: 0.15rem !important; } .pillar-tab-icon .elementor-icon-box-description { font-size: 16px !important; line-height: 1.25 !important; } .pillar-tab-subtitle p { font-size: 13px !important; line-height: 1.4 !important; } .pillars-content-area { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .pillar-panel { padding: 1.25rem 1rem !important; border-radius: 1.15rem !important; width: 100% !important; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-word !important; } .pillar-panel-eyebrow p { font-size: 11px !important; margin-bottom: 0.35rem !important; } .pillar-panel-title .section-main-title, .pillar-panel-title .maintitle, .pillar-panel-title h2 { font-size: 26px !important; line-height: 1.2 !important; margin-bottom: 0.4rem !important; } .pillar-panel-subtitle p { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 1rem !important; } .pillar-panel-divider { margin: 1rem 0 !important; } .pillar-panel-desc p { font-size: 14px !important; line-height: 1.6 !important; margin-bottom: 1.25rem !important; } .pillar-panel-kp-label .elementor-heading-title, .pillar-panel-kp-label h2 { font-size: 11px !important; margin-bottom: 0.6rem !important; } .pillar-panel-kp-list .elementor-icon-list-items { gap: 0.5rem !important; } .pillar-panel-kp-list .elementor-icon-list-item { padding: 0.75rem 0.85rem !important; border-radius: 0.65rem !important; gap: 0.65rem !important; } .pillar-panel-kp-list .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; } .pillar-panel-kp-list .elementor-icon-list-text { font-size: 13px !important; line-height: 1.45 !important; } } @media (max-width: 380px) { .elementor-8126 .elementor-element.elementor-element-be53d11 { padding: 1rem 0.5rem !important; } .pillar-panel-title .section-main-title, .pillar-panel-title .maintitle, .pillar-panel-title h2 { font-size: 22px !important; } .pillar-tab-icon .elementor-icon-box-description { font-size: 15px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c727a65 *//* ========================================================================== */ /* ONQOL TRUST DRIVERS GRID — EXACT HORIZONTAL PROPORTIONS & DARK LUXURY */ /* ========================================================================== */ /* 1. الحاوية الرئيسية والرخامية الخلفية (Main Section Container) */ .elementor-8126 .elementor-element.elementor-element-c727a65 { background-color: #050505 !important; background-image: radial-gradient(circle at 50% 70%, rgba(212, 175, 55, 0.15) 0%, rgba(5, 5, 5, 0) 70%) !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 4rem 2rem !important; box-sizing: border-box !important; color: #ffffff !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } /* ============================================= */ /* 2. SECTION HEADER — الهيدر العلوي */ /* ============================================= */ .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-section-header { text-align: center !important; max-width: 44rem !important; margin: 0 auto 3rem auto !important; } .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-section-eyebrow, .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-section-eyebrow p, .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-section-eyebrow span { color: #C40505 !important; font-size: 0.75rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin-bottom: 0.4rem !important; } .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-section-title .section-main-title, .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-section-title .maintitle, .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-section-title h2, .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-section-title h3 { color: #ffffff !important; font-size: 0.9rem !important; font-weight: 800 !important; line-height: 1.25 !important; margin: -1rem 0 0.6rem 0 !important; letter-spacing: -0.01em !important; } .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-section-desc p { color: #a3a3a3 !important; font-size: 0.875rem !important; line-height: 1.6 !important; margin: 0 !important; } /* ============================================= */ /* 3. TRUST GRID — شبكة العرض الأفقية الـ 5 كروت */ /* ============================================= */ .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 1.1rem !important; width: 100% !important; max-width: 1350px !important; margin: 0 auto !important; align-items: stretch !important; box-sizing: border-box !important; } /* ============================================= */ /* 4. TRUST CARD — أبعاد وألوان الكارد الواحد */ /* ============================================= */ .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-card { background-color: #121212 !important; border: 1px solid #242424 !important; border-radius: 1.25rem !important; padding: 1.75rem 1.15rem 1.5rem 1.15rem !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; box-sizing: border-box !important; height: 100% !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important; } /* تأثير التمرير (Hover State) */ .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-card:hover { border-color: #FBB900 !important; background-color: #161616 !important; transform: translateY(-4px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(251, 185, 0, 0.15) !important; } /* ============================================= */ /* 6. TRUST CARD TITLE & DESC — النصوص والشرح */ /* ============================================= */ /* العنوان الأبيض الرئيسي للكارد */ .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-card-title .section-main-title, .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-card-title .maintitle, .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-card-title h3, .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-card-title h4, .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-card-title h5 { color: #ffffff !important; font-size: 0.87rem !important; font-weight: 700 !important; line-height: 1.35 !important; margin: 0 0 0.55rem 0 !important; letter-spacing: -0.01em !important; } /* الفقرة الوصفية الرمادية */ .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-card-desc p, .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-card-desc span { color: #9e9e9e !important; font-size: 0.59rem !important; line-height: 1.5 !important; margin: 0 !important; font-weight: 400 !important; } /* ============================================= */ /* 7. RESPONSIVE DESIGN — التجاوب مع الشاشات */ /* ============================================= */ @media (max-width: 1024px) { .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 1rem !important; } } @media (max-width: 767px) { .elementor-8126 .elementor-element.elementor-element-c727a65 { padding: 2.5rem 1rem !important; } .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-grid { grid-template-columns: repeat(1, 1fr) !important; gap: 1rem !important; } .elementor-8126 .elementor-element.elementor-element-c727a65 .trust-card { padding: 1.5rem 1.25rem !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-da2cebb *//* ONQOL Partnership Callout Card Style */ .onqol-growth-card { background-color: #0d0d0d !important; border: 1px solid rgba(251, 185, 0, 0.25) !important; border-left: 5px solid #C40505 !important; border-radius: 20px !important; padding: 2.5rem 3rem !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 2rem !important; box-sizing: border-box !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; width: 100% !important; position: relative !important; } /* Badge (أعلى العنوان) */ .onqol-card-badge { display: inline-flex !important; align-items: center !important; gap: 0.4rem !important; background-color: rgba(251, 185, 0, 0.12) !important; color: #FBB900 !important; border: 1px solid rgba(251, 185, 0, 0.35) !important; padding: 0.35rem 0.85rem !important; border-radius: 9999px !important; font-size: 0.75rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin-bottom: 1rem !important; } /* Titles & Subtext */ .onqol-card-content { max-width: 650px !important; } .onqol-card-title { color: #ffffff !important; font-size: 2.25rem !important; font-weight: 900 !important; line-height: 1.2 !important; margin: 0 0 1rem 0 !important; letter-spacing: -0.01em !important; } .onqol-card-desc { color: #a3a3a3 !important; font-size: 1rem !important; line-height: 1.6 !important; margin: 0 !important; } /* Buttons Container */ .onqol-card-actions { display: flex !important; align-items: center !important; gap: 1rem !important; flex-shrink: 0 !important; } /* Secondary Button (Inspect SEO Code) */ .onqol-btn-secondary { display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; background-color: rgba(255, 255, 255, 0.03) !important; color: #FBB900 !important; border: 1px solid rgba(251, 185, 0, 0.35) !important; padding: 0.8rem 1.4rem !important; border-radius: 9999px !important; font-size: 0.9rem !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.2s ease !important; cursor: pointer !important; } .onqol-btn-secondary:hover { background-color: rgba(251, 185, 0, 0.1) !important; border-color: #FBB900 !important; } /* Primary Yellow Button (Visit ONQOL Agency) */ .onqol-btn-primary { display: inline-flex !important; align-items: center !important; gap: 0.4rem !important; background-color: #EAB308 !important; color: #000000 !important; border: none !important; padding: 0.85rem 1.6rem !important; border-radius: 12px !important; font-size: 0.95rem !important; font-weight: 800 !important; text-decoration: none !important; transition: background-color 0.2s ease !important; cursor: pointer !important; } .onqol-btn-primary:hover { background-color: #FBB900 !important; } /* Responsive (للشاشات الصغيرة والتابلت) */ @media (max-width: 900px) { .onqol-growth-card { flex-direction: column !important; align-items: flex-start !important; padding: 2rem 1.5rem !important; } .onqol-card-actions { width: 100% !important; flex-wrap: wrap !important; } .onqol-btn-secondary, .onqol-btn-primary { width: 100% !important; justify-content: center !important; } }/* End custom CSS */