.elementor-15124 .elementor-element.elementor-element-b1ebb71:not(.elementor-motion-effects-element-type-background), .elementor-15124 .elementor-element.elementor-element-b1ebb71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://alomrancont.ae/wp-content/uploads/2023/08/ocbanner.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-15124 .elementor-element.elementor-element-b1ebb71 > .elementor-background-overlay{background-color:#0D0C0C;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15124 .elementor-element.elementor-element-b1ebb71{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:194px 10px 100px 0px;}.elementor-15124 .elementor-element.elementor-element-f034ae3 .prelements-heading{text-align:center;}.elementor-15124 .elementor-element.elementor-element-f034ae3 .prelements-heading .title-inner .title{color:#FFFFFF;}.elementor-15124 .elementor-element.elementor-element-f034ae3 .prelements-heading .title-inner .sub-text{font-size:18px;font-weight:400;text-transform:none;line-height:32px;color:#FFFFFF;}.elementor-15124 .elementor-element.elementor-element-f034ae3 .prelements-heading .description{font-weight:500;}@media(max-width:1024px){.elementor-15124 .elementor-element.elementor-element-b1ebb71{padding:80px 0px 75px 0px;}}@media(max-width:767px){.elementor-15124 .elementor-element.elementor-element-f034ae3 .prelements-heading .title-inner .title{font-size:30px;line-height:1.35em;}.elementor-15124 .elementor-element.elementor-element-f034ae3 .prelements-heading .title-inner .sub-text{font-size:16px;}}@media(min-width:768px){.elementor-15124 .elementor-element.elementor-element-560fcc5{width:22%;}.elementor-15124 .elementor-element.elementor-element-b92e40b{width:55.332%;}.elementor-15124 .elementor-element.elementor-element-55eece3{width:22%;}}/* Start custom CSS for html, class: .elementor-element-c29db84 */.orchart {font-family: Playfair Display;overflow: hidden;}
.orchart .rectangle {position: relative;padding: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);}
.orchart .rectangle:after{background:transparent;position: inherit;content: inherit;}
.level-1 {width: 50%;margin: 0 auto 40px;background:#9e1344;text-align: center;color:#fff;}
.level-1::before {content: "";position: absolute;top:100%;left: 50%;transform: translateX(-50%);width: 2px;height: 20px;background:#000;}
img.vc_single_image-img.attachment-large {margin-top: -300px;}
.level-2-wrapper {position: relative;display: grid;grid-template-columns: repeat(2, 1fr);}
.level-2-wrapper::before {
content: "";position: absolute;top: -20px;left:24.5%;width:50%;height: 2px;background:#000;}
.level-2-wrapper::after {display: none;content: "";position: absolute;left: -20px;bottom: -20px;width: calc(100% + 20px);height: 2px;background: var(--black);}
.level-2-wrapper li {position: relative;}
.level-2-wrapper > li::before {content: "";position: absolute;bottom: 100%;left:49%;transform: translateX(-50%);width: 2px;height: 20px;background:#000;}
.level-2 {width: 70%;margin: 0 auto 40px;background:#262262;color:#fff;font-size: 17px;}
.level-2::before {content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 2px;height: 20px;background:#000;}
.level-2::after {display: none;content: "";position: absolute;top: 50%;left: 0%;transform: translate(-100%, -50%);width: 20px;height: 2px;background: var(--black);}
.level-3-wrapper {position: relative;display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 20px;width: 90%;margin: 0 auto;}
.level-3-wrapper::before {content: "";position: absolute;top: -20px;left:calc(24% - 1px);width:calc(50% + 10px);;height: 2px;background:#000;}
.level-3-wrapper > li::before {content: "";position: absolute;top: 0;left: 50%;transform:translate(-50%, -100%);width: 2px;height: 20px;background:#000;}
.level-3 {margin-bottom: 20px;background:#262262;color:#fff;font-size:16px;}
.level-4-wrapper {position: relative;width: 80%;margin-left: auto;}
.level-4-wrapper::before {content: "";position: absolute;top: -20px;left:-20px;width: 2px;height: calc(100% + 20px);background:#000;}
.level-4-wrapper li + li {margin-top: 20px;}
.level-4 {font-weight: normal;background:#262262;color: #fff;font-size: 15px;}
.level-4::before {content: "";position: absolute;top: 50%;left: 0%;transform: translate(-100%, -50%);width: 20px;height: 2px;background:#000;}
ol.level-2-wrapper li {list-style: none;text-align: center;}

@media screen and (max-width: 700px) {
img.vc_single_image-img.attachment-large {display: none;}
.level-2::before {top: inherit;bottom:-20px;}
.level-1 {font-size: 18px;}
.level-3-wrapper::before {left: calc(25.6% - 2px);width: calc(48% + 8px);}
.level-4-wrapper {width:100%;}
.rectangle {padding: 20px 10px;}
.level-1,
.level-2 {width: 100%;}
.level-1 {margin-bottom: 20px;}
.level-2-wrapper > li::before {display: none;}
.level-2-wrapper,
.level-2-wrapper::after,
.level-2::after {display: block;}
.level-2-wrapper {width: 100%;margin: 0;padding: 0;}
.level-3-wrapper {grid-column-gap: 5px;width: 100%;margin: 0 auto;padding: 0;}
.level-2-wrapper::before {left: -20px;width: 2px;height: calc(100% + 40px);}
.level-2-wrapper > li:not(:first-child) {margin-top: 50px;}
.level-4-wrapper::before {left: 0px;}
.level-4::before{background: transparent;}

}/* End custom CSS */