.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}body{margin:0;overflow-x:hidden;background-color:#f5faff;scrollbar-gutter:stable;font-family:Cairo,sans-serif;max-width:100vw}.error-message{color:red;font-size:12px;margin-top:5px}mat-snack-bar-container{background-color:#fff}.cdk-overlay-pane{max-height:90vh}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#b5b5b5}::-webkit-scrollbar-thumb:hover{background:#555}.add-section-button{border:none;cursor:pointer;background:none}.add-section-button i{color:#2ecc71;font-size:24px}.section-details-container{padding:10px;border:1px solid #d2d2d2;border-radius:2px;background-color:#edf2ff;width:95%;margin:auto}hr{margin:5px 0!important}.main-div-pages{padding:200px 50px}html[lang=en] .ribbon-wrapper{right:-3px}html[lang=en] .ribbon-wrapper .ribbon{right:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}html[lang=ar] :not(.text-container) *{direction:rtl}html[lang=ar] :not(.text-container) .ribbon-wrapper{left:-3px}html[lang=ar] :not(.text-container) .ribbon-wrapper .ribbon{left:5px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}html[lang=ar] :not(.text-container) .sidebar.collapsed{margin-right:-260px;margin-left:0}@media (min-width: 1px) and (max-width: 991.98px){html[lang=ar] :not(.text-container) .sidebar{margin-left:0;margin-right:-260px}html[lang=ar] :not(.text-container) .sidebar.collapsed{margin-right:0}}html[lang=ar] :not(.text-container) :is(.sidebar-item.active .sidebar-link:hover,.sidebar-item.active>.sidebar-link){background:linear-gradient(270deg,rgba(59,125,221,.1),rgba(59,125,221,.088) 50%,transparent);border-left-color:transparent;border-right-color:#3b7ddd}html[lang=ar] :not(.text-container) :is(.sidebar-link,a.sidebar-link){border-left:none;border-right:3px solid transparent}html[lang=ar] :not(.text-container) .menu-btn{left:15px;right:unset}html[lang=ar] :not(.text-container) .nav-div a{margin-left:65px;margin-right:unset}html[lang=ar] :not(.text-container) .logos-div{flex-direction:row}html[lang=ar] :not(.text-container) .small-logo{margin-inline-end:unset;margin-inline-start:-20px}.mat-mdc-dialog-container{max-width:65vw!important;max-height:90vh!important}.mat-mdc-dialog-surface{overflow:hidden!important}.mdc-dialog__title{height:55px!important;display:flex!important;flex-direction:row-reverse!important;align-items:center!important}.mat-mdc-dialog-content{height:calc(90vh - 115px);max-height:calc(90vh - 115px)!important}app-sections-data-entry{height:100%;display:block;background-color:#e9e9e980}.flx-block{width:40%}@media (max-width: 575.98px){.content{flex-direction:column!important;align-items:flex-start!important}.service-description,.service-list{width:100%!important}}@media (min-width: 576px) and (max-width: 767.98px){.content{flex-direction:column!important;align-items:flex-start!important}.service-description,.service-list{width:100%!important}}@media (min-width: 768px) and (max-width: 991.98px){.flx-block{width:47%}}@media (max-width: 768px){.main-div-pages{padding:100px 25px}}