.elementor-7637 .elementor-element.elementor-element-743d8c43{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-743d8c43:not(.elementor-motion-effects-element-type-background), .elementor-7637 .elementor-element.elementor-element-743d8c43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505;}.elementor-7637 .elementor-element.elementor-element-d2f184f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-46550d2{margin:110px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7637 .elementor-element.elementor-element-46550d2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7637 .elementor-element.elementor-element-33a0708{--display:flex;}.elementor-7637 .elementor-element.elementor-element-a9c10dc{--display:flex;}.elementor-7637 .elementor-element.elementor-element-574c701{font-weight:800;line-height:4px;letter-spacing:3.3px;color:#FBB900;}.elementor-7637 .elementor-element.elementor-element-56671c7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-461dec8{--display:flex;}.elementor-7637 .elementor-element.elementor-element-461dec8.e-con{--align-self:flex-start;}.elementor-7637 .elementor-element.elementor-element-1d99bcc{--display:flex;}.elementor-7637 .elementor-element.elementor-element-0080d3b .chart-card{background-color:#F6171700;}.elementor-7637 .elementor-element.elementor-element-0080d3b .chart-box{background-color:#00000000;}.elementor-7637 .elementor-element.elementor-element-0080d3b .graphina-chart-heading{text-align:left;color:#FFFFFF;}.elementor-7637 .elementor-element.elementor-element-0080d3b .graphina-chart-sub-heading{text-align:left;color:#737373;}.elementor-7637 .elementor-element.elementor-element-7a1cb2d{--display:flex;}.elementor-7637 .elementor-element.elementor-element-a78ac13 .chart-card{background-color:#02010100;}.elementor-7637 .elementor-element.elementor-element-a78ac13 .graphina-chart-heading{text-align:left;color:#FFFFFF;}.elementor-7637 .elementor-element.elementor-element-a78ac13 .graphina-chart-sub-heading{text-align:left;color:#737373;}.elementor-7637 .elementor-element.elementor-element-763e4c0{--display:flex;}.elementor-7637 .elementor-element.elementor-element-763e4c0:not(.elementor-motion-effects-element-type-background), .elementor-7637 .elementor-element.elementor-element-763e4c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505;}.elementor-7637 .elementor-element.elementor-element-293ab06{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-bd0efdf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-1e1436a{margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;line-height:4px;color:#A3A3A3;}.elementor-7637 .elementor-element.elementor-element-3e39f5d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7637 .elementor-element.elementor-element-4628109{--display:flex;border-style:solid;--border-style:solid;border-color:#FBB900;--border-color:#FBB900;}.elementor-7637 .elementor-element.elementor-element-70256b3 .section-main-title,.elementor-7637 .elementor-element.elementor-element-70256b3 .section-main-title a{color:#FBB900;}.elementor-7637 .elementor-element.elementor-element-70256b3 .section-main-title{font-size:1px;}.elementor-7637 .elementor-element.elementor-element-ad2b9ca{color:#A3A3A3;}.elementor-7637 .elementor-element.elementor-element-0b20a33{--display:flex;}.elementor-7637 .elementor-element.elementor-element-9fe2de7{color:#A3A3A3;}.elementor-7637 .elementor-element.elementor-element-069f5ec{--display:flex;}.elementor-7637 .elementor-element.elementor-element-152dc9f{--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-7637 .elementor-element.elementor-element-a94b2f9{--display:flex;}.elementor-7637 .elementor-element.elementor-element-518385a{--display:flex;}.elementor-7637 .elementor-element.elementor-element-7c6b67f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-7c6b67f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7637 .elementor-element.elementor-element-7c6b67f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7637 .elementor-element.elementor-element-7c6b67f .elementor-icon-list-text{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-2d5f96d{--display:flex;}.elementor-7637 .elementor-element.elementor-element-1b4acc3{--display:flex;}.elementor-7637 .elementor-element.elementor-element-fe8110b .elementor-heading-title{font-size:29px;font-weight:700;letter-spacing:1px;color:#FFFFFF;}.elementor-7637 .elementor-element.elementor-element-f2e7728{--display:flex;}.elementor-7637 .elementor-element.elementor-element-4887f97{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-e3afe03{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-59d2fc4{--display:flex;}.elementor-7637 .elementor-element.elementor-element-3d81e1e{--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-7637 .elementor-element.elementor-element-3d81e1e:not(.elementor-motion-effects-element-type-background), .elementor-7637 .elementor-element.elementor-element-3d81e1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-7637 .elementor-element.elementor-element-c60812b{--display:flex;border-style:none;--border-style:none;}.elementor-7637 .elementor-element.elementor-element-c60812b:not(.elementor-motion-effects-element-type-background), .elementor-7637 .elementor-element.elementor-element-c60812b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-7637 .elementor-element.elementor-element-7e42803 .elementor-icon-list-icon i{color:#C40505;transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-7e42803 .elementor-icon-list-icon svg{fill:#C40505;transition:fill 0.3s;}.elementor-7637 .elementor-element.elementor-element-7e42803{--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-7637 .elementor-element.elementor-element-7e42803 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7637 .elementor-element.elementor-element-7e42803 .elementor-icon-list-item > a{font-size:19px;}.elementor-7637 .elementor-element.elementor-element-7e42803 .elementor-icon-list-text{color:#FBB900;transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-d504eab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-7f30844{--display:flex;}.elementor-7637 .elementor-element.elementor-element-8797aed{--display:flex;}.elementor-7637 .elementor-element.elementor-element-8797aed:not(.elementor-motion-effects-element-type-background), .elementor-7637 .elementor-element.elementor-element-8797aed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7637 .elementor-element.elementor-element-d124c8d{--display:flex;}.elementor-7637 .elementor-element.elementor-element-d881865 .elementor-icon-list-icon i{color:#C40505;transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-d881865 .elementor-icon-list-icon svg{fill:#C40505;transition:fill 0.3s;}.elementor-7637 .elementor-element.elementor-element-d881865{--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-7637 .elementor-element.elementor-element-d881865 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7637 .elementor-element.elementor-element-d881865 .elementor-icon-list-item > a{font-size:17px;font-weight:600;}.elementor-7637 .elementor-element.elementor-element-d881865 .elementor-icon-list-text{color:#FBB900;transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-a9448e0{margin:-38px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7637 .elementor-element.elementor-element-784c862{--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-7637 .elementor-element.elementor-element-784c862:not(.elementor-motion-effects-element-type-background), .elementor-7637 .elementor-element.elementor-element-784c862 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-7637 .elementor-element.elementor-element-18bb5a5{--display:flex;}.elementor-7637 .elementor-element.elementor-element-91ada67 .elementor-icon-box-wrapper{align-items:start;gap:17px;}.elementor-7637 .elementor-element.elementor-element-91ada67 .elementor-icon-box-icon{margin-top:24px;}.elementor-7637 .elementor-element.elementor-element-91ada67 .elementor-icon-box-description{font-size:6px;}.elementor-7637 .elementor-element.elementor-element-f3d22d6{text-align:start;color:#A3A3A3;}.elementor-7637 .elementor-element.elementor-element-e7c24ca .elementor-icon-box-wrapper{align-items:start;gap:17px;}.elementor-7637 .elementor-element.elementor-element-e7c24ca .elementor-icon-box-icon{margin-top:24px;}.elementor-7637 .elementor-element.elementor-element-e7c24ca .elementor-icon-box-description{font-size:6px;}.elementor-7637 .elementor-element.elementor-element-07ed2a4{text-align:start;color:#A3A3A3;}.elementor-7637 .elementor-element.elementor-element-521b634 .elementor-icon-box-wrapper{align-items:start;gap:17px;}.elementor-7637 .elementor-element.elementor-element-521b634 .elementor-icon-box-icon{margin-top:24px;}.elementor-7637 .elementor-element.elementor-element-521b634 .elementor-icon-box-description{font-size:6px;}.elementor-7637 .elementor-element.elementor-element-b176fba{text-align:start;color:#A3A3A3;}.elementor-7637 .elementor-element.elementor-element-0f49102 .elementor-icon-box-wrapper{align-items:start;gap:17px;}.elementor-7637 .elementor-element.elementor-element-0f49102 .elementor-icon-box-icon{margin-top:24px;}.elementor-7637 .elementor-element.elementor-element-0f49102 .elementor-icon-box-description{font-size:6px;}.elementor-7637 .elementor-element.elementor-element-3e9c46f{text-align:start;color:#A3A3A3;}.elementor-7637 .elementor-element.elementor-element-3de407e .elementor-icon-box-wrapper{align-items:start;gap:17px;}.elementor-7637 .elementor-element.elementor-element-3de407e .elementor-icon-box-icon{margin-top:24px;}.elementor-7637 .elementor-element.elementor-element-3de407e .elementor-icon-box-description{font-size:6px;}.elementor-7637 .elementor-element.elementor-element-5b6398d{text-align:start;color:#A3A3A3;}.elementor-7637 .elementor-element.elementor-element-491e343 .elementor-icon-box-wrapper{align-items:start;gap:17px;}.elementor-7637 .elementor-element.elementor-element-491e343 .elementor-icon-box-icon{margin-top:24px;}.elementor-7637 .elementor-element.elementor-element-491e343 .elementor-icon-box-description{font-size:6px;}.elementor-7637 .elementor-element.elementor-element-0edef6f{text-align:start;color:#A3A3A3;}.elementor-7637 .elementor-element.elementor-element-dac31a8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-65c7f9e .section-main-title{font-size:1px;}.elementor-7637 .elementor-element.elementor-element-b8ead64 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-b8ead64 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7637 .elementor-element.elementor-element-b8ead64{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7637 .elementor-element.elementor-element-b8ead64 .elementor-icon-list-text{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-77b7845{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-82b4979 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-82b4979 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7637 .elementor-element.elementor-element-82b4979{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7637 .elementor-element.elementor-element-82b4979 .elementor-icon-list-text{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-853fd93{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-261b6b1 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-261b6b1 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7637 .elementor-element.elementor-element-261b6b1{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7637 .elementor-element.elementor-element-261b6b1 .elementor-icon-list-text{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-38fe876{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-8d3ab49 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-8d3ab49 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7637 .elementor-element.elementor-element-8d3ab49{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7637 .elementor-element.elementor-element-8d3ab49 .elementor-icon-list-text{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-59449a9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-b1ead5c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-b1ead5c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7637 .elementor-element.elementor-element-b1ead5c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7637 .elementor-element.elementor-element-b1ead5c .elementor-icon-list-text{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-3c8f8f7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-e4df47f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-e4df47f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7637 .elementor-element.elementor-element-e4df47f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7637 .elementor-element.elementor-element-e4df47f .elementor-icon-list-text{transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-8043c53{--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-7637 .elementor-element.elementor-element-bff0203{--display:flex;}.elementor-7637 .elementor-element.elementor-element-c4c0366{--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-7637 .elementor-element.elementor-element-c8100bd{--display:flex;}.elementor-7637 .elementor-element.elementor-element-5f924d4{--display:flex;}.elementor-7637 .elementor-element.elementor-element-e6d168c .elementor-icon-list-icon i{color:#C40505;transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-e6d168c .elementor-icon-list-icon svg{fill:#C40505;transition:fill 0.3s;}.elementor-7637 .elementor-element.elementor-element-e6d168c{--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-7637 .elementor-element.elementor-element-e6d168c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7637 .elementor-element.elementor-element-e6d168c .elementor-icon-list-item > a{font-size:17px;font-weight:600;}.elementor-7637 .elementor-element.elementor-element-e6d168c .elementor-icon-list-text{color:#FBB900;transition:color 0.3s;}.elementor-7637 .elementor-element.elementor-element-23738f2{margin:-38px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7637 .elementor-element.elementor-element-2b9c275{--display:flex;}.elementor-7637 .elementor-element.elementor-element-2b5dfb9{--display:flex;}.elementor-7637 .elementor-element.elementor-element-a869893{--display:flex;}.elementor-7637 .elementor-element.elementor-element-26916bc{--display:flex;}.elementor-7637 .elementor-element.elementor-element-e01c721{--n-accordion-title-font-size:1rem;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}@media(max-width:1024px){.elementor-7637 .elementor-element.elementor-element-3e39f5d{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7637 .elementor-element.elementor-element-d2f184f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7637 .elementor-element.elementor-element-46550d2{width:initial;max-width:initial;margin:56px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7637 .elementor-element.elementor-element-33a0708{--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-7637 .elementor-element.elementor-element-a9c10dc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-574c701{font-size:18px;}.elementor-7637 .elementor-element.elementor-element-461dec8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-1d99bcc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-763e4c0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-1e1436a{line-height:1.3em;}.elementor-7637 .elementor-element.elementor-element-3e39f5d{--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-7637 .elementor-element.elementor-element-4628109{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}.elementor-7637 .elementor-element.elementor-element-1455fed .section-main-title{font-size:24px;}.elementor-7637 .elementor-element.elementor-element-069f5ec{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-7637 .elementor-element.elementor-element-152dc9f{padding:0px 0px 0px 0px;}.elementor-7637 .elementor-element.elementor-element-a94b2f9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-518385a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-2d5f96d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-f2e7728{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-4887f97{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-e3afe03{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-59d2fc4{--padding-top:7px;--padding-bottom:7px;--padding-left:7px;--padding-right:7px;}.elementor-7637 .elementor-element.elementor-element-3d81e1e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-c60812b{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-7637 .elementor-element.elementor-element-bff0203{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-65129ee .section-main-title{font-size:1px;}.elementor-7637 .elementor-element.elementor-element-c4c0366{--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-7637 .elementor-element.elementor-element-5f924d4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7637 .elementor-element.elementor-element-e6d168c{--e-icon-list-icon-size:20px;}.elementor-7637 .elementor-element.elementor-element-e6d168c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7637 .elementor-element.elementor-element-e6d168c .elementor-icon-list-item > a{font-size:13px;}.elementor-7637 .elementor-element.elementor-element-2e135ba .section-main-title{font-size:1px;}}/* Start custom CSS for container, class: .elementor-element-d2f184f */.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-a9c10dc */.elementor-7637 .elementor-element.elementor-element-a9c10dc { /* متغيرات حجم النصوص بوحدة البيكسل */ --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-7637 .elementor-element.elementor-element-a9c10dc .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-7637 .elementor-element.elementor-element-a9c10dc .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-7637 .elementor-element.elementor-element-a9c10dc .stat-card-header { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; margin-bottom: 8px !important; gap: 8px !important; } .elementor-7637 .elementor-element.elementor-element-a9c10dc .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-7637 .elementor-element.elementor-element-a9c10dc .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-7637 .elementor-element.elementor-element-a9c10dc .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-7637 .elementor-element.elementor-element-a9c10dc .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-7637 .elementor-element.elementor-element-a9c10dc .stat-card-subtext p { color: #a3a3a3 !important; font-size: var(--subtext-size) !important; line-height: 1.5 !important; margin: 0 !important; } .elementor-7637 .elementor-element.elementor-element-a9c10dc .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-7637 .elementor-element.elementor-element-a9c10dc .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-7637 .elementor-element.elementor-element-a9c10dc .stat-card-off-header { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 8px !important; width: 100% !important; } .elementor-7637 .elementor-element.elementor-element-a9c10dc .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-7637 .elementor-element.elementor-element-a9c10dc .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-7637 .elementor-element.elementor-element-a9c10dc .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-7637 .elementor-element.elementor-element-a9c10dc .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-7637 .elementor-element.elementor-element-a9c10dc .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-3499fea */.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-bd0efdf *//* ========================================================================== */ /* ONQOL GROWTH ARCHITECTURE — NESTED TABS & CTR ISOLATED CSS */ /* ========================================================================== */ .elementor-7637 .elementor-element.elementor-element-bd0efdf { 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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title:hover { background-color: rgba(255, 255, 255, 0.04) !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] { background-color: #FBB900 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title:hover .e-n-tab-title-text { color: #ffffff !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #000000 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-icon svg, .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg, .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] .e-n-tab-icon i { color: #000000 !important; fill: #000000 !important; } /* ========================================================================== */ /* ISOLATED CTR PERFORMANCE WIDGET STYLES */ /* ========================================================================== */ .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-heading .section-main-title, .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .ctr-card-highlight .elementor-widget-text-editor { color: #a3a3a3 !important; font-size: 12px !important; line-height: 1.4 !important; margin: 0 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card:not(.ctr-card-highlight) { border: 1px solid #242424 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-content { display: flex !important; align-items: flex-start !important; gap: 8px !important; width: 100% !important; flex-wrap: nowrap !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-icon { color: #FBB900 !important; font-size: 14px !important; flex-shrink: 0 !important; margin-top: 1px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-bold { color: #FBB900 !important; font-weight: 800 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-desc { color: #d1d1d1 !important; } @media (max-width: 767px) { .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tabs-heading { flex-direction: column !important; border-radius: 1rem !important; padding: 0.4rem !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title { width: 100% !important; border-radius: 0.7rem !important; } } @media (max-width: 640px) { .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-wrapper { padding: 18px 14px !important; border-radius: 14px !important; gap: 12px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-heading .section-main-title, .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-heading .maintitle { font-size: 19px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-wrapper .elementor-widget-text-editor div p { font-size: 12px !important; margin-bottom: 12px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-comparison-grid { grid-template-columns: 1fr !important; gap: 12px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card { padding: 20px 14px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card-highlight .ctr-card-value .maintitle, .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card:not(.ctr-card-highlight) .ctr-card-value .maintitle { font-size: 38px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-container { padding: 12px 14px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3499fea */.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-bd0efdf *//* ========================================================================== */ /* ONQOL GROWTH ARCHITECTURE — NESTED TABS & CTR ISOLATED CSS */ /* ========================================================================== */ .elementor-7637 .elementor-element.elementor-element-bd0efdf { 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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title:hover { background-color: rgba(255, 255, 255, 0.04) !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] { background-color: #FBB900 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title:hover .e-n-tab-title-text { color: #ffffff !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #000000 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-icon svg, .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg, .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] .e-n-tab-icon i { color: #000000 !important; fill: #000000 !important; } /* ========================================================================== */ /* ISOLATED CTR PERFORMANCE WIDGET STYLES */ /* ========================================================================== */ .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-heading .section-main-title, .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .ctr-card-highlight .elementor-widget-text-editor { color: #a3a3a3 !important; font-size: 12px !important; line-height: 1.4 !important; margin: 0 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card:not(.ctr-card-highlight) { border: 1px solid #242424 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-content { display: flex !important; align-items: flex-start !important; gap: 8px !important; width: 100% !important; flex-wrap: nowrap !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-icon { color: #FBB900 !important; font-size: 14px !important; flex-shrink: 0 !important; margin-top: 1px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-bold { color: #FBB900 !important; font-weight: 800 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-desc { color: #d1d1d1 !important; } @media (max-width: 767px) { .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tabs-heading { flex-direction: column !important; border-radius: 1rem !important; padding: 0.4rem !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title { width: 100% !important; border-radius: 0.7rem !important; } } @media (max-width: 640px) { .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-wrapper { padding: 18px 14px !important; border-radius: 14px !important; gap: 12px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-heading .section-main-title, .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-heading .maintitle { font-size: 19px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-wrapper .elementor-widget-text-editor div p { font-size: 12px !important; margin-bottom: 12px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-comparison-grid { grid-template-columns: 1fr !important; gap: 12px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card { padding: 20px 14px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card-highlight .ctr-card-value .maintitle, .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card:not(.ctr-card-highlight) .ctr-card-value .maintitle { font-size: 38px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-container { padding: 12px 14px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3499fea */.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-bd0efdf *//* ========================================================================== */ /* ONQOL GROWTH ARCHITECTURE — NESTED TABS & CTR ISOLATED CSS */ /* ========================================================================== */ .elementor-7637 .elementor-element.elementor-element-bd0efdf { 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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title:hover { background-color: rgba(255, 255, 255, 0.04) !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] { background-color: #FBB900 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title:hover .e-n-tab-title-text { color: #ffffff !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #000000 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-icon svg, .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg, .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] .e-n-tab-icon i { color: #000000 !important; fill: #000000 !important; } /* ========================================================================== */ /* ISOLATED CTR PERFORMANCE WIDGET STYLES */ /* ========================================================================== */ .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-heading .section-main-title, .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .ctr-card-highlight .elementor-widget-text-editor { color: #a3a3a3 !important; font-size: 12px !important; line-height: 1.4 !important; margin: 0 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card:not(.ctr-card-highlight) { border: 1px solid #242424 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-content { display: flex !important; align-items: flex-start !important; gap: 8px !important; width: 100% !important; flex-wrap: nowrap !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-icon { color: #FBB900 !important; font-size: 14px !important; flex-shrink: 0 !important; margin-top: 1px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-bold { color: #FBB900 !important; font-weight: 800 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-desc { color: #d1d1d1 !important; } @media (max-width: 767px) { .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tabs-heading { flex-direction: column !important; border-radius: 1rem !important; padding: 0.4rem !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title { width: 100% !important; border-radius: 0.7rem !important; } } @media (max-width: 640px) { .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-wrapper { padding: 18px 14px !important; border-radius: 14px !important; gap: 12px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-heading .section-main-title, .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-heading .maintitle { font-size: 19px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-wrapper .elementor-widget-text-editor div p { font-size: 12px !important; margin-bottom: 12px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-comparison-grid { grid-template-columns: 1fr !important; gap: 12px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card { padding: 20px 14px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card-highlight .ctr-card-value .maintitle, .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card:not(.ctr-card-highlight) .ctr-card-value .maintitle { font-size: 38px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-container { padding: 12px 14px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3499fea */.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-bd0efdf *//* ========================================================================== */ /* ONQOL GROWTH ARCHITECTURE — NESTED TABS & CTR ISOLATED CSS */ /* ========================================================================== */ .elementor-7637 .elementor-element.elementor-element-bd0efdf { 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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title:hover { background-color: rgba(255, 255, 255, 0.04) !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] { background-color: #FBB900 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title:hover .e-n-tab-title-text { color: #ffffff !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #000000 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-icon svg, .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg, .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title[aria-selected="true"] .e-n-tab-icon i { color: #000000 !important; fill: #000000 !important; } /* ========================================================================== */ /* ISOLATED CTR PERFORMANCE WIDGET STYLES */ /* ========================================================================== */ .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-heading .section-main-title, .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .ctr-card-highlight .elementor-widget-text-editor { color: #a3a3a3 !important; font-size: 12px !important; line-height: 1.4 !important; margin: 0 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card:not(.ctr-card-highlight) { border: 1px solid #242424 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .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-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-content { display: flex !important; align-items: flex-start !important; gap: 8px !important; width: 100% !important; flex-wrap: nowrap !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-icon { color: #FBB900 !important; font-size: 14px !important; flex-shrink: 0 !important; margin-top: 1px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-bold { color: #FBB900 !important; font-weight: 800 !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-desc { color: #d1d1d1 !important; } @media (max-width: 767px) { .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tabs-heading { flex-direction: column !important; border-radius: 1rem !important; padding: 0.4rem !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .e-n-tab-title { width: 100% !important; border-radius: 0.7rem !important; } } @media (max-width: 640px) { .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-wrapper { padding: 18px 14px !important; border-radius: 14px !important; gap: 12px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-heading .section-main-title, .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-heading .maintitle { font-size: 19px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-section-wrapper .elementor-widget-text-editor div p { font-size: 12px !important; margin-bottom: 12px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-comparison-grid { grid-template-columns: 1fr !important; gap: 12px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card { padding: 20px 14px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card-highlight .ctr-card-value .maintitle, .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-card:not(.ctr-card-highlight) .ctr-card-value .maintitle { font-size: 38px !important; } .elementor-7637 .elementor-element.elementor-element-bd0efdf .ctr-red-container { padding: 12px 14px !important; font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a94b2f9 *//* الكروت الأساسية */ .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-461dec8 */.elementor-7637 .elementor-element.elementor-element-461dec8 { 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-7637 .elementor-element.elementor-element-461dec8 .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-7637 .elementor-element.elementor-element-461dec8 .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-7637 .elementor-element.elementor-element-461dec8 .e-n-tab-title:hover { background-color: rgba(255, 255, 255, 0.04) !important; } .elementor-7637 .elementor-element.elementor-element-461dec8 .e-n-tab-title[aria-selected="true"] { background-color: #FBB900 !important; } .elementor-7637 .elementor-element.elementor-element-461dec8 .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-7637 .elementor-element.elementor-element-461dec8 .e-n-tab-title:hover .e-n-tab-title-text { color: #ffffff !important; } .elementor-7637 .elementor-element.elementor-element-461dec8 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #000000 !important; } .elementor-7637 .elementor-element.elementor-element-461dec8 .e-n-tab-icon svg, .elementor-7637 .elementor-element.elementor-element-461dec8 .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-7637 .elementor-element.elementor-element-461dec8 .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg, .elementor-7637 .elementor-element.elementor-element-461dec8 .e-n-tab-title[aria-selected="true"] .e-n-tab-icon i { color: #000000 !important; fill: #000000 !important; } @media (max-width: 767px) { .elementor-7637 .elementor-element.elementor-element-461dec8 .e-n-tabs-heading { flex-direction: column !important; border-radius: 1rem !important; padding: 0.4rem !important; } .elementor-7637 .elementor-element.elementor-element-461dec8 .e-n-tab-title { width: 100% !important; border-radius: 0.7rem !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f2e7728 */.elementor-7637 .elementor-element.elementor-element-f2e7728 { 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-59d2fc4 */.elementor-7637 .elementor-element.elementor-element-59d2fc4 { 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-7f30844 */.elementor-7637 .elementor-element.elementor-element-7f30844 { 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-8797aed *//* ========================================================================== */ /* ONQOL GROWTH ARCHITECTURE — FULL INTEGRATED ATOMIC TABS CSS */ /* ========================================================================== */ /* 1. الحاوية الرئيسية والخلفية الشعاعية (Main Container & Radial Gradient Backdrop) */ .elementor-7637 .elementor-element.elementor-element-8797aed { 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-7637 .elementor-element.elementor-element-8797aed { 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-7637 .elementor-element.elementor-element-8797aed { 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-8043c53 *//* ========================================================================== */ /* ONQOL TRUST DRIVERS GRID — EXACT HORIZONTAL PROPORTIONS & DARK LUXURY */ /* ========================================================================== */ /* 1. الحاوية الرئيسية والرخامية الخلفية (Main Section Container) */ .elementor-7637 .elementor-element.elementor-element-8043c53 { 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-7637 .elementor-element.elementor-element-8043c53 .trust-section-header { text-align: center !important; max-width: 44rem !important; margin: 0 auto 3rem auto !important; } .elementor-7637 .elementor-element.elementor-element-8043c53 .trust-section-eyebrow, .elementor-7637 .elementor-element.elementor-element-8043c53 .trust-section-eyebrow p, .elementor-7637 .elementor-element.elementor-element-8043c53 .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-7637 .elementor-element.elementor-element-8043c53 .trust-section-title .section-main-title, .elementor-7637 .elementor-element.elementor-element-8043c53 .trust-section-title .maintitle, .elementor-7637 .elementor-element.elementor-element-8043c53 .trust-section-title h2, .elementor-7637 .elementor-element.elementor-element-8043c53 .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-7637 .elementor-element.elementor-element-8043c53 .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-7637 .elementor-element.elementor-element-8043c53 .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-7637 .elementor-element.elementor-element-8043c53 .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-7637 .elementor-element.elementor-element-8043c53 .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-7637 .elementor-element.elementor-element-8043c53 .trust-card-title .section-main-title, .elementor-7637 .elementor-element.elementor-element-8043c53 .trust-card-title .maintitle, .elementor-7637 .elementor-element.elementor-element-8043c53 .trust-card-title h3, .elementor-7637 .elementor-element.elementor-element-8043c53 .trust-card-title h4, .elementor-7637 .elementor-element.elementor-element-8043c53 .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-7637 .elementor-element.elementor-element-8043c53 .trust-card-desc p, .elementor-7637 .elementor-element.elementor-element-8043c53 .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-7637 .elementor-element.elementor-element-8043c53 .trust-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 1rem !important; } } @media (max-width: 767px) { .elementor-7637 .elementor-element.elementor-element-8043c53 { padding: 2.5rem 1rem !important; } .elementor-7637 .elementor-element.elementor-element-8043c53 .trust-grid { grid-template-columns: repeat(1, 1fr) !important; gap: 1rem !important; } .elementor-7637 .elementor-element.elementor-element-8043c53 .trust-card { padding: 1.5rem 1.25rem !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c8100bd */:root { --faq-title-size: 1.05rem; /* تغيير حجم عنوان السؤال من هنا */ --faq-desc-size: 0.9rem; /* تغيير حجم نص الإجابة (الديسكربشن) من هنا */ } .elementor-7637 .elementor-element.elementor-element-c8100bd { 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 !important; border-radius: 0 !important; box-sizing: border-box !important; overflow: hidden !important; color: #ffffff !important; } /* ========================================== FAQ ACCORDION — Card-style restyle ========================================== */ .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion { background-color: transparent !important; padding: 0.1rem !important; margin: 0 !important; border-radius: 0 !important; box-sizing: border-box !important; width: 100% !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion .e-n-accordion { display: flex !important; flex-direction: column !important; gap: 1.25rem !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion .e-n-accordion-item { background-color: #121212 !important; border: 1px solid #262626 !important; border-radius: 1rem !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; transition: border-color 0.3s ease, transform 0.2s ease !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion .e-n-accordion-item:hover { border-color: #3a3a3a !important; transform: translateY(-2px) !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion .e-n-accordion-item[open] { border-color: #3a3a3a !important; transform: translateY(0) !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion .e-n-accordion-item-title { list-style: none !important; cursor: pointer !important; padding: 1.5rem !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 0.5rem !important; color: #ffffff !important; font-size: var(--faq-title-size) !important; font-weight: 700 !important; line-height: 1.4 !important; transition: none !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion .e-n-accordion-item-title::-webkit-details-marker { display: none !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion .e-n-accordion-item-title-icon svg { width: 14px !important; height: 14px !important; fill: #d4d4d4 !important; flex-shrink: 0 !important; margin-top: 4px !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion [role="region"] { padding: 0 1.5rem 1.5rem 1.5rem !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion [role="region"] p, .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion [role="region"] .e-n-accordion-item-content { color: #a3a3a3 !important; font-size: var(--faq-desc-size) !important; line-height: 1.65 !important; font-weight: 400 !important; margin: 0 !important; } /* ========== RESPONSIVE ========== */ @media (max-width: 600px) { .elementor-7637 .elementor-element.elementor-element-c8100bd { padding: 0 !important; margin: 0 !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion { padding: 0.1rem !important; margin: 0 !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion .e-n-accordion-item-title { padding: 1.1rem !important; font-size: var(--faq-title-size) !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion [role="region"] { padding: 0 1.1rem 1.1rem 1.1rem !important; } .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion [role="region"] p, .elementor-7637 .elementor-element.elementor-element-c8100bd .faq-accordion [role="region"] .e-n-accordion-item-content { font-size: var(--faq-desc-size) !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e8a6c8c *//* 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 */