.titleContainer{margin-top:60px;margin-bottom:60px}.sliderContainer{position:relative;overflow:hidden;height:90vh;width:100%;background-color:white}.sliderContainer .slider{width:100%;height:100%}.sliderContainer .slider .slide{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}.sliderContainer .slider .slide.current{opacity:1;position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sliderContainer .slider .slide img{width:100%;min-height:100%;max-width:100%}.sliderContainer .buttons{height:50px;position:absolute;width:90px;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;bottom:87px;margin:auto;left:0;right:0}.welcomeCard{width:60%;background-color:white;margin:0 auto;margin-top:-50px;padding:3vw;font-size:18px;line-height:25px;font-size:1.3vmax;line-height:calc(1.3vmax * 1.3);font-weight:400;-webkit-box-shadow:0 0px 14px rgba(0,0,0,0.25);box-shadow:0 0px 14px rgba(0,0,0,0.25);position:relative;font-family:'Raleway', sans-serif;text-align:justify;text-overflow:clip;z-index:3}.welcomeCard span{position:absolute;top:-10px;left:-25px;font-family:'Dancing Script', cursive;font-size:5vmax;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);color:#b69063}.servicesSection{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.servicesSection .service{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.servicesSection .service .title{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in}.servicesSection .service .title .border{width:3px;height:50px;border-radius:8px;background-color:white;margin-right:10px;-webkit-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;opacity:0}.servicesSection .service .imageContainer{position:relative;border:4px solid white;border-radius:4px;z-index:1}.servicesSection .service .imageContainer .overlay{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;-webkit-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;background-color:rgba(8,48,88,0.68)}.servicesSection .service .imageContainer .overlay .subService{margin-top:80px;padding:50px;color:white;font-size:18px;line-height:26px}.servicesSection .service .imageContainer .overlay .subService a{display:inline-block;color:white;text-anchor:unset;font-weight:100}.servicesSection .service .imageContainer .overlay .subService a:hover{font-weight:400}.servicesSection .service .imageContainer img{width:100%;height:100%}.servicesSection .service:hover .title .border{opacity:1}.servicesSection .service:hover .title h2{color:white}.servicesSection .service:hover .imageContainer .overlay{opacity:1}.servicesSection .service.water{width:562px;height:314px;padding-left:50px;z-index:2}.servicesSection .service.water .title{top:50%;left:-30px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);z-index:2}.servicesSection .service.water .imageContainer{width:512px;height:314px}.servicesSection .service.water:hover .title{top:20%;left:100px;-webkit-transform:rotate(0);transform:rotate(0)}.servicesSection .service.protection{width:523px;height:460px;padding-right:50px;z-index:1;margin-left:20px}.servicesSection .service.protection .title{top:46%;right:-175px;-webkit-transform:rotate(90deg);transform:rotate(90deg);z-index:2}.servicesSection .service.protection .title h2{font-size:24px}.servicesSection .service.protection .imageContainer{width:473px;height:460px}.servicesSection .service.protection:hover{z-index:2}.servicesSection .service.protection:hover .title{top:15%;right:70px;-webkit-transform:rotate(0);transform:rotate(0)}.servicesSection .service.light{width:381px;height:320px;padding-left:50px;position:absolute;margin-top:280px}.servicesSection .service.light .title{top:50%;left:-30px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);z-index:2}.servicesSection .service.light .imageContainer{width:381px;height:320px}.servicesSection .service.light:hover{z-index:2}.servicesSection .service.light:hover .title{top:20%;left:100px;-webkit-transform:rotate(0);transform:rotate(0)}.responsiveServices{width:100%;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.responsiveServices .service{position:relative;width:80vw;height:75vw;background-repeat:no-repeat;background-size:cover;background-position:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;overflow:hidden}.responsiveServices .service .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(8,48,88,0.68);z-index:1}.responsiveServices .service .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:80%;color:white;z-index:2;margin-bottom:10px}.responsiveServices .service .title h2{font-size:5.5vw;line-height:calc(5.5vw * 1.2)}.responsiveServices .service .title .border{width:3px;height:7vw;border-radius:8px;background-color:white;margin-right:10px}.responsiveServices .service .subService{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:80%;font-size:4vw;line-height:calc(4vw * 1.4);color:white;z-index:2}.responsiveServices .service .subService a{color:white;text-anchor:unset;margin:3px 0}.responsiveServices .service.webp.water{margin:10px 0;background-image:url("/assets/index/Water-Service1.webp")}.responsiveServices .service.water{margin:10px 0;background-image:url("/assets/index/Water-Service1.jpg")}.responsiveServices .service.protection{margin:10px 0;background-image:url("/assets/index/Protection.jpg")}.responsiveServices .service.webp.protection{margin:10px 0;background-image:url("/assets/index/Protection.webp")}.responsiveServices .service.light{margin:10px 0;background-image:url("/assets/index/light.jpg")}.responsiveServices .service.webp.light{margin:10px 0;background-image:url("/assets/index/light.webp")}.contactTextContainer{margin:0 auto;text-align:right;color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.contactTextContainer h3{font-weight:500}.contactTextContainer h4{margin:24px 0}.contactTextContainer span{font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:24px}.contactTextContainer span a{margin-top:-24px}.contactTextContainer .contactIcon{margin-left:10px}.featuredProjectContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:60px}.featuredProjectContainer .projectImagesContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:80%}.featuredProjectContainer .projectImagesContainer>a{overflow:hidden;height:340px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;width:100%}.featuredProjectContainer .projectImagesContainer>a .projectImage{background-repeat:no-repeat;background-size:cover;height:100%;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transform:scale(1);transform:scale(1)}.featuredProjectContainer .projectImagesContainer>a .projectImage:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.featuredProjectContainer .projectImagesContainer .lightContainer{width:25%}.featuredProjectContainer .projectImagesContainer .lightContainer .light{background-image:url("/assets/index/FeaturedRight.jpg");background-position:left}.featuredProjectContainer .projectImagesContainer .lightContainer .webp.light{background-image:url("/assets/index/FeaturedRight.webp");background-position:left}.featuredProjectContainer .projectImagesContainer .protectionContainer{width:25%}.featuredProjectContainer .projectImagesContainer .protectionContainer .protection{background-image:url("/assets/index/FeaturedLeft.jpg");background-position:center}.featuredProjectContainer .projectImagesContainer .protectionContainer .webp.protection{background-image:url("/assets/index/FeaturedLeft.webp");background-position:center}.featuredProjectContainer .projectImagesContainer .waterContainer{width:50%;margin:0 10px}.featuredProjectContainer .projectImagesContainer .waterContainer .water{background-image:url("/assets/index/FeaturedCenter.jpg");background-position:unset}.featuredProjectContainer .projectImagesContainer .waterContainer .webp.water{background-image:url("/assets/index/FeaturedCenter.webp");background-position:unset}.newsSectionContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:200px;width:100%;border-top:1px solid #f0f0f0}.newsSectionContainer .leftSide{position:relative;width:40%;height:100%}.newsSectionContainer .leftSide .titleContainer{background-color:#f0f0f0;height:100%;margin:0;width:100%}.newsSectionContainer .leftSide a{display:block;width:30px;height:30px;position:absolute;margin-top:-14px;top:50%;right:-14px;z-index:2}.newsSectionContainer .rightSide.latestNewsContainer{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 30px;width:60%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.newsSectionContainer .rightSide.latestNewsContainer a{display:inline-block;font-size:24px;line-height:28px;font-size:1.3vmax;font-weight:300;line-height:calc(1.3vmax * 1.4);height:100%;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#083058}.newsSectionContainer .rightSide.latestNewsContainer a::after{content:'';display:block;margin:0 auto;width:90%;padding-top:1vmax;border-bottom:2px solid #f0f0f0}.newsSectionContainer .rightSide.latestNewsContainer a+a{margin-top:0.5vmax}.ar{font-family:'Tajawal', sans-serif}.ar .welcomeCard p,.ar .welcomeCard span{font-family:'Tajawal', sans-serif}.ar .welcomeCard span{right:-2%;left:unset;-webkit-transform:rotate(15deg);transform:rotate(15deg)}.ar .servicesSection .service .title .border{margin-left:10px}.ar .servicesSection .service.water{padding-left:0;padding-right:50px}.ar .servicesSection .service.water:hover .title{top:20%;right:100px}.ar .servicesSection .service.water .title{top:45%;right:-10px;left:unset}.ar .servicesSection .service.protection{padding-right:0;padding-left:50px;margin-right:0;margin-right:20px}.ar .servicesSection .service.protection:hover .title{top:15%;right:40px;left:unset}.ar .servicesSection .service.protection .title{left:-165px;right:unset}.ar .servicesSection .service.light{padding-right:50px}.ar .servicesSection .service.light:hover .title{top:20%;right:100px}.ar .servicesSection .service.light .title{right:-30px;left:unset}.ar .responsiveServices .service .title .border{margin-right:0;margin-left:10px}.ar .responsiveServices .service .subService a{display:block}.ar .contactTextContainer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ar .contactTextContainer .contactIcon{margin-left:unset;margin-right:10px}.ar .newsSectionContainer .leftSide a{top:50%;right:unset;left:-14px}@media (max-width: 1024px){.sliderContainer{height:550px}.featuredProjectContainer .projectImagesContainer{width:100%}.servicesSection{display:none}.responsiveServices{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (max-width: 767px){.sliderContainer{height:212px}.sliderContainer .slider img{width:100%}.sliderContainer .buttons{bottom:30px}.welcomeCard{width:95%;font-size:14px;line-height:18px;padding:30px 12px;margin-top:-20px}.welcomeCard span{top:0;left:-5px;font-size:30px}.headerContainer{margin-top:100px !important;height:252px}.contactTextContainer{padding:0 30px}.contactTextContainer h3{font-size:20px;line-height:28px}.contactTextContainer h4{font-size:16px;line-height:24px}.contactTextContainer span{font-size:16px}.featuredProjectContainer .projectImagesContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:80%}.featuredProjectContainer .projectImagesContainer .waterContainer,.featuredProjectContainer .projectImagesContainer .protectionContainer,.featuredProjectContainer .projectImagesContainer .lightContainer{width:100%;margin:0}.featuredProjectContainer .projectImagesContainer .waterContainer{margin:10px 0}.newsSectionContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:unset}.newsSectionContainer .leftSide{width:100%}.newsSectionContainer .leftSide .titleContainer{width:100%;padding:20px 0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:8%;-webkit-box-sizing:border-box;box-sizing:border-box}.newsSectionContainer .leftSide a{right:30px;position:unset;margin-top:0}.newsSectionContainer .rightSide.latestNewsContainer{width:100%;padding:20px 8% 30px}.newsSectionContainer .rightSide.latestNewsContainer a{text-align:center;font-size:2vmax;line-height:calc(2vmax * 1.4)}.ar .newsSectionContainer .leftSide .titleContainer{padding-right:8%}.ar .newsSectionContainer .leftSide a{left:30px}}@media (min-width: 768px) and (max-width: 991px){.featuredProjectContainer .projectImagesContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:70%}.featuredProjectContainer .projectImagesContainer .waterContainer,.featuredProjectContainer .projectImagesContainer .protectionContainer,.featuredProjectContainer .projectImagesContainer .lightContainer{width:100%;margin:0}.featuredProjectContainer .projectImagesContainer .waterContainer{margin:10px 0}}@media (min-width: 640px) and (max-width: 991px) and (orientation: landscape){.responsiveServices .service .title h2{font-size:4vw;line-height:calc(4vw * 1.2)}.responsiveServices .service .subService{font-size:3vw;line-height:calc(3vw * 1.2)}}