:root{--main-color:#007bfc;--rgb-main-color:0,123,252;--gray-main-color:rgba(0,123,252,.04);--gray-color:#f3f4f5;--soft-main-color:#f6fafe;--white-color:#fff;--rgb-white-color:255,255,255;--black-main-color:#242a37;--soft-black-color:#292d32;--gray-white-color:hsla(0,0%,100%,.08);--gray-blue-color:#00152b;--mouse-main-color:#707070;--overlay:#00000082;--status-success-background:rgba(0,193,112,.16);--status-success-color:#00c17a;--status-error-background:rgba(193,0,0,.16);--status-error-color:#c10000;--main-text-color:#1a1c1e;--second-text-color:#767e87;--half--white-text-color:hsla(0,0%,100%,.5);--hover--white-text-color:hsla(0,0%,100%,.7);--gray-blue-text-color:#a1cfff;--soft-text-color:#191d1d;--small-font-size:14px;--link-font-size:16px;--small-head-font-size:26px;--head-font-size:45px;--box-head-font-size:30px;--box-content-font-size:14px;--main-border-color:#99a4b1;--second-border-color:#ced4e8;--main-border-radius:4px;--hard-border-radius:10px;--main-transition:.3s;--main-box-shadow:0px 6px 60px 0 rgba(24,39,101,.12);--gap-between-sections:100px;--first-button-background:#f3f3f3;--success-background-alert:#4fd69c;--success-color-alert:#fff;--danger-background-alert:#f75676;--danger-color-alert:#fff;--warn-background-alert:#fb8f2433;--warn-hard-background-alert:#ffc107;--warn-color-alert:#fff}.page-header{background:url(./pageHeader.adcb9d0a.png) no-repeat;background-position:bottom;background-size:contain}.page-header,.page-header .simple{min-height:60vh}.page-header .simple .title h1{color:#007bfc;color:var(--main-color);font-size:30px;font-size:var(--box-head-font-size)}.page-header .content .logo{display:flex;height:200px;position:relative;width:100%}.page-header .content .logo svg{width:200px!important}.page-header .content .logo:after{background:#707070;background:var(--mouse-main-color);content:"";height:70%;position:absolute;right:calc(-2.5rem - .5px);top:50%;transform:translateY(-50%);width:1px}@media screen and (max-width:1024px){.page-header .content .logo:after{bottom:calc(-2.5rem - .5px);height:1px;right:50%;top:unset;transform:translate(50%);width:50%}}.page-header .content .info{width:100%}.page-header .content .info header .title h1{color:#007bfc;color:var(--main-color);font-size:30px;font-size:var(--box-head-font-size)}[lang=ar] .page-header .content .logo:after{left:calc(-2.5rem - .5px);right:unset}@media screen and (max-width:1024px){[lang=ar] .page-header .content .logo:after{left:50%;top:unset;transform:translate(-50%)}}