/* 
    Created on : Sept 19, 2023, 10:30:00 AM
    Author     : ThinkLab
*/

.back-to-top, .privacy-warning {display:none;}
@font-face {
    font-family: 'Ogg-Regular';
    src: url('../fonts/Ogg/Ogg-Regular.eot');
    src: url('../fonts/Ogg/Ogg-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ogg/Ogg-Regular.woff2') format('woff2'),
        url('../fonts/Ogg/Ogg-Regular.woff') format('woff'),
        url('../fonts/Ogg/Ogg-Regular.ttf') format('truetype'),
        url('../fonts/Ogg/Ogg-Regular.svg#Ogg-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ZurichSans-Bold';
    src: url('../fonts/ZurichSans/ZurichSans-Bold.eot');
    src: url('../fonts/ZurichSans/ZurichSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ZurichSans/ZurichSans-Bold.woff2') format('woff2'),
        url('../fonts/ZurichSans/ZurichSans-Bold.woff') format('woff'),
        url('../fonts/ZurichSans/ZurichSans-Bold.ttf') format('truetype'),
        url('../fonts/ZurichSans/ZurichSans-Bold.svg#ZurichSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('../fonts/frutiger/FrutigerLTStd-Roman.eot');
    src: url('../fonts/frutiger/FrutigerLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/frutiger/FrutigerLTStd-Roman.woff2') format('woff2'),
        url('../fonts/frutiger/FrutigerLTStd-Roman.woff') format('woff'),
        url('../fonts/frutiger/FrutigerLTStd-Roman.ttf') format('truetype'),
        url('../fonts/frutiger/FrutigerLTStd-Roman.svg#FrutigerLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ZurichSans-Light';
    src: url('../fonts/ZurichSans/ZurichSans-Light.eot');
    src: url('../fonts/ZurichSans/ZurichSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ZurichSans/ZurichSans-Light.woff2') format('woff2'),
        url('../fonts/ZurichSans/ZurichSans-Light.woff') format('woff'),
        url('../fonts/ZurichSans/ZurichSans-Light.ttf') format('truetype'),
        url('../fonts/ZurichSans/ZurichSans-Light.svg#ZurichSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ZurichSans-Medium';
    src: url('../fonts/ZurichSans/ZurichSans-Medium.eot');
    src: url('../fonts/ZurichSans/ZurichSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ZurichSans/ZurichSans-Medium.woff2') format('woff2'),
        url('../fonts/ZurichSans/ZurichSans-Medium.woff') format('woff'),
        url('../fonts/ZurichSans/ZurichSans-Medium.ttf') format('truetype'),
        url('../fonts/ZurichSans/ZurichSans-Medium.svg#ZurichSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ZurichSans-Regular';
    src: url('../fonts/ZurichSans/ZurichSans-Regular.eot');
    src: url('../fonts/ZurichSans/ZurichSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ZurichSans/ZurichSans-Regular.woff2') format('woff2'),
        url('../fonts/ZurichSans/ZurichSans-Regular.woff') format('woff'),
        url('../fonts/ZurichSans/ZurichSans-Regular.ttf') format('truetype'),
        url('../fonts/ZurichSans/ZurichSans-Regular.svg#ZurichSans-Regular') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ZurichSans-SemiBold';
    src: url('../fonts/ZurichSans/ZurichSans-SemiBold.eot');
    src: url('../fonts/ZurichSans/ZurichSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ZurichSans/ZurichSans-SemiBold.woff2') format('woff2'),
        url('../fonts/ZurichSans/ZurichSans-SemiBold.woff') format('woff'),
        url('../fonts/ZurichSans/ZurichSans-SemiBold.ttf') format('truetype'),
        url('../fonts/ZurichSans/ZurichSans-SemiBold.svg#ZurichSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

html{overflow-x: hidden;}
body{background-color: #fff; padding: 0; margin: 0; font-size: 18px; position: relative;}



/*background color*/
.bg-color-white{background-color: #ffffff;}
.bg-color-platinum{background-color: #E3E8E7;}
.bg-color-gray-footer{background-color: #bdc2d3;}
.bg-color-blue{background-color: #306EB1;}

/*H Tag*/
h1{font-family: "ZurichSans-Light";font-size: 5em;color: #3667A8;}
h2{font-family: "ZurichSans-Light";font-size: 3.5em;color: #3667A8;}
h3{font-family: "ZurichSans-Light";font-size: 2.5em;color: #3667A8;}

h1 span{font-family: "Ogg-Regular";}
h2 span{font-family: "Ogg-Regular";}
h3 span{font-family: "Ogg-Regular";}

@media (max-width:1366px){
    h1{font-size: 4.2em;}
    h2{font-size: 3em;}
    h3{font-size: 2em;}
}
@media (max-width:1250px){
    h1{font-size: 4em;}
    h2{font-size: 2.5em;}
    h3{font-size: 1.5em;}
}
@media (max-width:992px){
    h1{font-size: 3.5em;} 
    h2{font-size: 2em;}
    h1 br{display: none;}
    h2 br{display: none;}
    h3 br{display: none;}    
}

@media (max-width:768px){h1{font-size: 2em;}}

p{font-family: "ZurichSans-Light";color: #323232; font-size: 1.2em; line-height: normal;}

/*Font Color*/
.f-color-white{color:#FFFFFF;} 
.f-color-honolulu-blue{color:#006EB4;} 

/*Header*/
header{background-color: #fff;box-shadow: 0 -3px 15px #003;border-collapse: separate;}
header .header-nav{padding: 13px 22px;}
header .header-nav a span{color: #2167ae;font-size: 0.9em;font-family: "ZurichSans-Light";}
header .header-nav a img{max-height: 18px;}
header .header-logo{padding: 13px 22px;}
header .header-logo img{height: 40px;width: auto;}

@media (max-width: 768px)
{
    header .header-nav a span{display: none}
}
/****/

/*Banner*/
.banner-container{padding:0!important;background-color:#fdfef9;height:580px;width:100%;overflow:hidden; }
.banner-container .Banner-Text-Wrapper{position:absolute;top:80px;left:20%;width:60%;}
.banner-container .Banner_Text{width:100%;;font-family:ZurichSans-Regular;font-size:4em;line-height:1.2em;color:#ffffff;}
.banner-container .Banner_Text span{font-family:Ogg-Regular}
.banner-container .Banner_Intro{width: 100%;font-family: "ZurichSans-Regular";font-size: 2em;color: #fff;width:100%;}
.banner-container video {
  position: absolute;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(0%);
  -moz-transform: translateX(-50%) translateY(0%);
  -webkit-transform: translateX(-50%) translateY(0%);
  transform: translateX(-50%) translateY(0%);
}

.overlay{position: absolute; width: 100%; height: 100%; background-color: #000000; opacity: 0.5;min-height: 580px;}
@media (max-width:1536px){
    .banner-container .Banner-Text-Wrapper{left:10%;}
}
@media (max-width:1366px){
    .banner-container .Banner_Text{font-size:3.5em;}    
}
@media (max-width:1250px){
    .banner-container .Banner_Text{font-size:3em;}
    .banner-container .Banner-Text-Wrapper{ left: 5%;}
}
@media (max-width:992px){
    .banner-container .Banner_Text{font-size:2.5em;}
    .banner-container .Banner-Text-Wrapper{ left: 10%;}
}
@media (max-width:768px){
    .banner-container .Banner_Text{font-size:3em;}
    .banner-container .Banner-Text-Wrapper{ left: 10%;} 
    .banner-container .Banner_Intro br{ display: none;}
}
@media (max-width:460px){
    .banner-container .Banner_Text{font-size:2.5em;}
    .banner-container .Banner-Text-Wrapper{ width: 80%} 
}



/*Top stat*/
.cls-maintitle{fill:#006eb4;font-family:ZurichSans-Light,'Zurich Sans';font-size:40px;font-weight:300}
.cls-3-rect{fill:#010101}
.cls-3-rect,.cls-4-FlagUAE,.cls-5-rect,.cls-6-rect,.cls-8-rect{stroke-width:0}
.cls-5-rect{fill:#367241}
.cls-6-rect{fill:#fff}
.cls-polyline{stroke:#326eb3}
.cls-15-FlagUAE,.cls-polyline{fill:none;stroke-miterlimit:10;stroke-width:.5px}
.cls-15-FlagUAE{stroke:#fff}
.cls-stats{font-family:Ogg-Regular,Ogg;font-size:35px; color: #326eb3;}
.cls-ghftitle,.cls-stats{fill:#326eb3}
.cls-19-FlagUAE{clip-path:url(#FlagUAEclippath)}
.cls-ghftitle{font-family:ZurichSans-Medium,'Zurich Sans';font-size:24px;font-weight:500;letter-spacing:.01em}
.cls-7-FlagKSA{fill:#fdfeff}
.cls-8-rect{fill:#d33b32}
.cls-9-FlagKSA{fill:#2d673b}

/****************************/

/* 3 circls*/
.cls-c1-1{letter-spacing:-.02em}
.cls-c1-2{fill:#6593c9}
.cls-c1-2,.cls-c1-3,.cls-c1-4,.cls-c1-5,.cls-c1-6{stroke-width:0}
.cls-c1-3{fill:#3866a8}
.cls-c1-4{fill:#28366b}
.cls-c1-5{fill:#e3e8e7}
.cls-c1-6{fill:#9bbddf}
.cls-c1-7{font-family:Ogg-Regular,Ogg;font-size:95px}
.cls-c1-7,.cls-c1-8{fill:#3667a8}
.cls-c1-8{font-family:ZurichSans-Light,'Zurich Sans';font-size:24px;font-weight:300}

.cls-c2-1{fill:#c2bcab}
.cls-c2-1,.cls-c2-2,.cls-c2-3,.cls-c2-4,.cls-c2-5,.cls-c2-6,.cls-c2-7{stroke-width:0}
.cls-c2-2{fill:#6593c9}
.cls-c2-3{fill:#d7d1be}
.cls-c2-4{fill:#3866a8}
.cls-c2-5{fill:#28366b}
.cls-c2-6{fill:#e3e8e7}
.cls-c2-7{fill:#9bbddf}
.cls-c2-8{font-family:Ogg-Regular,Ogg;font-size:95px}
.cls-c2-8,.cls-c2-9{fill:#3667a8}
.cls-c2-9{font-family:ZurichSans-Light,'Zurich Sans';font-size:24px;font-weight:300}

.cls-c3-1{font-family:ZurichSans-Light,'Zurich Sans';font-size:25px;font-weight:300}
.cls-c3-1,.cls-c3-2{fill:#3667a8}
.cls-c3-3{fill:none}
.cls-c3-3,.cls-c3-4,.cls-c3-5,.cls-c3-6,.cls-c3-7,.cls-c3-8{stroke-width:0}
.cls-c3-4{fill:#d7d1be}
.cls-c3-5{fill:#28366b}
.cls-c3-6{fill:#e3e8e7}
.cls-c3-7{fill:#9bbddf}
.cls-c3-8{fill:#58aee0}
.cls-c3-2{font-family:Ogg-Regular,Ogg;font-size:95px}

.cls-nc3-1{font-size:25px}
.cls-nc3-1,.cls-nc3-2{fill:#3667a8}
.cls-nc3-3{fill:none}
.cls-nc3-3,.cls-nc3-4,.cls-nc3-5,.cls-nc3-6,.cls-nc3-7,.cls-nc3-8{stroke-width:0}
.cls-nc3-9{font-family:ZurichSans-Medium,'Zurich Sans';font-weight:500}
.cls-nc3-10{font-size:67.9px}
.cls-nc3-10,.cls-nc3-11{font-family:ZurichSans-Light,'Zurich Sans';font-weight:300}
.cls-nc3-4{fill:#d7d1be}
.cls-nc3-5{fill:#28366b}
.cls-nc3-12{font-family:Ogg-Regular,Ogg;font-size:95px}
.cls-nc3-6{fill:#e3e8e7}
.cls-nc3-7{fill:#9bbddf}
.cls-nc3-8{fill:#58aee0}

/****************************/
/********************************************* Footer *******************************************************/
footer .footer-navbar-title{color: #23366f;font-size: 1.3em;font-family: "ZurichSans-Light";}
footer .nav-socialmedia-link img{width: 20%;height: auto;}
footer .footer-nav a {color: #23366f;font-size: 0.7em;font-family: "ZurichSans-Light";}
footer .footer-socialmedia-title{color: #23366f;font-size: 1.3em;font-family: "ZurichSans-Light";}
footer .footer-navbar-nav{list-style: none;padding: 0;}
footer .footer-navbar-nav .ft-nav-item a {color: #23366f;font-size: 0.9em;font-family: "ZurichSans-Light";text-decoration: none;padding: 0;}
.footercta{font-family: "ZurichSans-Regular";font-size: 1.6em;color: #23376F;text-align: center;}
.footercta span{font-family: "Ogg-Regular";}
/*********************************************************************************************************************/
.cta-button {
    font-family: "ZurichSans-Light";font-size: 1.1em;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #006EB4;
  font-size: 18px;
  border-radius: 25px;
  width: 330px;
  height: 60px;
  border: 1px solid #006EB4;
  position: relative;
  transition: 0.3s;
  background-color: #ffffff;
}

.cta-button::before, .cta-button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform-origin: 100% 50%;
  height: 1px;
  width: 11px;
  background-color: #006EB4;
  border-radius: 2px;
  will-change: transform;
  transition: .3s;
}

.cta-button::before {
  transform: translateY(-50%) rotate(30deg);
}

.cta-button::after {
  transform: translateY(-50%) rotate(-30deg);
}

.cta-button:hover::before {
  transform: translate(5px, -50%) rotate(30deg);
  background-color: #ffffff;
}

.cta-button:hover::after {
  transform: translate(5px, -50%) rotate(-30deg);background-color: #ffffff;
}

.cta-button:hover{ background: #006EB4; color: #FFFFFF;}
/**********************************************************************************************************************/

/*************************************************Strip Tab for 5 Key findings*************************************************************/
.kf_Wrapper{flex: 0 0 auto;width: 20%;cursor: pointer;}
.kf_title_Conatiner{position: relative}
.kf_title{display: block;margin: 0;position: relative;z-index: 2;width: 100%;font-family: "ZurichSans-light";font-size: 120%;color: white;
    background-color: #fff;
  left: 5%;
  min-height: 180px;
  padding: 48px;
  position: absolute;
  right: 5%;color: #006EB4; text-decoration: underline;}
.kf_title_Conatiner .kf_title{position: absolute; background-color: #ffffff; bottom: -10%; width: 90%;height: 180px;-webkit-transition:  all 0.5s ease;transition: all 0.5s ease;}
.kf_title_Conatiner .kf_title:hover{bottom: -5%;}
.kf_Content_Wrapper{position: fixed;z-index: 5;top: 0%;left: 0%;width: 100%; height: 100%;display:none;background-color: #ffffff;}
.kf_close { color: #000000;position: fixed;right: -97%;top: 3%;opacity: 0;z-index: 1023;font-size: 2em; cursor: pointer;}
.kf_close:hover{color: #3667A8;}
.kf-close-show {opacity: 1;}
.kf-expanded{width: 100%;height: 100%;top: 0 !important;left: 0 !important;z-index: 1021;cursor: default;position: fixed;}
.kf-expanded .kf_Content_Wrapper {overflow-y: scroll;overflow-x: hidden; background-color: #ffffff !important;}
.kf-expanded .kf_title {display:none;}
.kf-expanded .kf_img {display:none;}
.kf-expanded .kf_Content_Wrapper {display:block;}

.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

.bltc-wrapper p{ border-right: 1px #006EB4 solid; min-height: 150px;}
.bltc-wrapper:last-child p{ border-right: none;}

.ack-wrapper{flex: 0 0 auto; width: 20%; padding-left: 1%; padding-right: 1%;}
@media (max-width:1366px){
    .kf_title_Conatiner .kf_title{padding: 30px;}
}
@media (max-width:1250px){
    .kf_title_Conatiner .kf_title{padding: 25px;font-size: 100%;}
}
@media (max-width:992px){
    .kf_Wrapper{width: 50%; padding-bottom: 60px !important;}
    .kf_title_Conatiner .kf_title{height: 100px; min-height: 100px;bottom: -5%;}
    .ltc-wrapper:nth-child(2) p{ border-right: none;}
}
@media (max-width: 768px){
    .ack-wrapper{width: 48%; padding: 48px;}
     .bltc-wrapper p{ border-right: none; border-bottom:1px #006EB4 solid; min-height: auto; padding-bottom: 25px; }
    .bltc-wrapper:last-child p{ border-bottom:none; }
}
@media (max-width:460px){
    .kf_Wrapper{width: 100%;}   
    .ack-wrapper{padding: 28px; width: 50%;}
}
/*************************************************POP UP 1*************************************************************/
.popup-container{padding-top: 28px; padding-bottom: 0px; padding-left: 28px; padding-right: 0px; background-image: url('../images/bg-popup1.webp'); background-size: 3%; background-position: left bottom; background-repeat: no-repeat;  }
.pu1-main-challenges{border-right: 1px #3667A8 solid;}
.tcem-title{font-family: "Ogg-Regular";font-size: 3em;line-height: 1.2em; color: #3667A8}
.tcem-img{width: 125px; height: auto;}
.tcem-img-photo{width: 125px; height: auto;}
.quote-text{color: #3667A8}
.quote-text span{font-family: "Ogg-Regular";font-size: 3em; display: block; line-height: 0;}
.quote-text span:last-child{float: right;}
.quote-by{line-height: normal;}
.quote-by span{font-size: 0.8em; line-height: 0.8em;}
.quote_photo{width: 100%; height: auto; border-bottom: 1px #3667A4 solid; }
.quote-icon-l{font-family: "Ogg-Regular";font-size: 3em; display: block; line-height: 0;}
.quote-icon-r{font-family: "Ogg-Regular";font-size: 3em; display: block; line-height: 0; float: right;}


.ests-1{fill:#c2bcab}
.ests-1,.ests-2,.ests-3,.ests-4,.ests-5,.ests-6,.ests-7,.ests-8{stroke-width:0}
.ests-9{font-family:Ogg-Regular,Ogg;font-size:62px}
.ests-10,.ests-9{fill:#3667a8}
.ests-2{fill:#6593c9}
.ests-3{fill:none}
.ests-4{fill:#d7d1be}
.ests-5{fill:#3866a8}
.ests-6{fill:#28366b}
.ests-11{clip-path:url(#clippath)}
.ests-7{fill:#e3e8e7}
.ests-8{fill:#9bbddf}
.ests-10{font-family:ZurichSans-Light,'Zurich Sans';font-size:24px;font-weight:300}
@media (max-width:1800px){
    .tcem-img{width: 95px;}
}

@media (max-width:1536px){
    .tcem-title{font-size: 2.5em;}
}
@media (max-width:1366px){
    .tcem-title{font-size: 2em;}
    .tcem-img{width: 95px;}
    .pop-one-b-top{float: right;}
    .tcem-img-photo{width: 110px;}
}



@media (max-width:992px){
    .popup-container{padding-left: 10px;padding-top: 10px;background-size: 10%;}
     .pu1-main-challenges{border-right: none; border-bottom:1px #3667A8 solid; padding-bottom: 48px; }
     .pu1-top-changes{padding-top: 48px; }
     
}
@media (max-width:768px){
    .tcem-title{font-size: 2em}
    .tcem-img{width: 95px;}
}
@media (max-width:460px){
    .popup-container{background-size: 10%; }
}
/**********************************************************************************************************************/

/*************************************************POP UP 2*************************************************************/
.popup2-container{padding-top: 0px; padding-bottom: 28px; padding-left: 28px; padding-right: 0px;}
.pu2-foreseen-proportion{border: 1px #3667A7 solid; border-radius: 25px;}
.functions-impacted-ghf{padding-top: 100px;}

.its-1{fill:#5b90ca}
.its-1,.its-2,.its-3,.its-4{stroke-width:0}
.its-5{fill:#323232;font-size:24px}
.its-5,.its-6{font-family:ZurichSans-Light,'Zurich Sans';font-weight:300}
.its-7{fill:none;stroke:#102a65;stroke-linejoin:round;stroke-width:.75px}
.its-8{letter-spacing:-.03em}
.its-2{fill:#4a6eb2}
.its-3{fill:#b1d2ef}
.its-9{fill:#3667a7;font-family:Ogg-Regular,Ogg;font-size:40px}
.its-4,.its-6{fill:#102a65}
.its-10{letter-spacing:-.02em}
.its-6{font-size:26px}


.fple-1{clip-path:url(#fple-clippath-2)}
.fple-2{fill:#010101}
.fple-10,.fple-2,.fple-3,.fple-4,.fple-5,.fple-6,.fple-7,.fple-8,.fple-9{stroke-width:0}
.fple-11{fill:#102a65;font-family:ZurichSans-Light,'Zurich Sans';font-size:18px;font-weight:300}
.fple-12,.fple-4{fill:#3765a7}
.fple-13{clip-path:url(#fple-clippath-1)}
.fple-5{fill:#367241}
.fple-6{fill:#fff}
.fple-14{fill:none;stroke-width:.5px}
.fple-14,.fple-15{stroke:#fff;stroke-miterlimit:10}
.fple-15,.fple-7{fill:#58ade0}
.fple-16{clip-path:url(#fple-clippath)}
.fple-15{stroke-width:2px}
.fple-8{fill:#fdfeff}
.fple-9{fill:#d23b32}
.fple-10{fill:#2d673b}

@media (max-width:992px){
    .popup2-container{padding:28px 0px 0px 28px; }
    .pu2-foreseen-proportion{padding: 10px;}
    .high-impact-feature{float: right;}
}
/**********************************************************************************************************************/
/*************************************************POP UP 3*************************************************************/
.popup3-container{padding-top: 28px; padding-bottom: 0px; padding-left: 28px; padding-right: 0px; background-image: url('../images/bg-popup3.webp'); background-size: 10%; background-position: left bottom; background-repeat: no-repeat;}
.pu3-employers-in-the-uae{padding-left: 185px; padding-right: 50px; padding-top: 100px;}
.rwecj{border-right: 1px #3667A7 solid;}


.gpeein-1,.gpeein-2{font-size:24px}
.gpeein-1,.gpeein-3{fill:#1d68ac}
.gpeein-2{fill:#323232}
.gpeein-2,.gpeein-4,.gpeein-5{font-family:ZurichSans-Light,'Zurich Sans';font-weight:300}
.gpeein-6{letter-spacing:-.06em}.gpeein-7{fill:#1d68ab;font-size:40px}
.gpeein-3,.gpeein-7{font-family:Ogg-Regular,Ogg}
.gpeein-8{stroke:#102a65;stroke-linejoin:round;stroke-width:.75px}
.gpeein-8,.gpeein-9{fill:none}
.gpeein-10,.gpeein-11,.gpeein-12,.gpeein-13,.gpeein-14,.gpeein-15,.gpeein-16,.gpeein-9{stroke-width:0}
.gpeein-17{font-family:ZurichSans-Medium,'Zurich Sans';font-weight:500}
.gpeein-3{font-size:96.84px}
.gpeein-10{fill:#e1e7e6}.gpeein-11{fill:#d7d0bb}.gpeein-12{fill:#90bde2}
.gpeein-18{font-family:ZurichSans-Regular,'Zurich Sans'}
.gpeein-13{fill:#b0d2ef}.gpeein-14{fill:#24366f}
.gpeein-15{fill:#5b8ec8}.gpeein-4{fill:#3667a5;font-size:68.8px}
.gpeein-19{letter-spacing:0}
.gpeein-16{fill:#1fafe4}
.gpeein-5{fill:#102a65;font-size:26px}


.gbemplyee-1{fill:#323232;font-size:18px}
.gbemplyee-1,.gbemplyee-2{font-family:ZurichSans-Light,'Zurich Sans';font-weight:300}
.gbemplyee-3{letter-spacing:-.06em}
.gbemplyee-4{fill:#1d68ab;font-family:Ogg-Regular,Ogg;font-size:40px}
.gbemplyee-5{fill:none;stroke:#102a65;stroke-linejoin:round;stroke-width:.75px}
.gbemplyee-6{fill:#b0d2ef}
.gbemplyee-6,.gbemplyee-7{stroke-width:0}
.gbemplyee-7{fill:#5b8ec8}
.gbemplyee-8{letter-spacing:0}
.gbemplyee-2{fill:#102a65;font-size:26px}


.clscj-1{letter-spacing:0}
.clscj-2{fill:#644e98}
.clscj-2,.clscj-3{stroke-width:0}
.clscj-3{fill:none}
.clscj-4{letter-spacing:-.02em}
.clscj-5{font-family:Ogg-Regular,Ogg;font-size:90px}
.clscj-5,.clscj-6{fill:#fff}
.clscj-7{clip-path:url(#clscj-clippath)}
.clscj-6{font-family:ZurichSans-Light,'Zurich Sans';font-size:24px;font-weight:300}

@media (max-width:1820px){
    .pu3-employers-in-the-uae{padding-left: 155px; padding-top: 80px;}
}
@media (max-width:1650px){
    .pu3-employers-in-the-uae{padding-left: 125px; padding-top: 60px;}
}

@media (max-width:1536px){
    .pu3-employers-in-the-uae{padding-left: 28px;padding-top: 48px; padding-right: 28px;
    }
   .popup3-container{}
   .gbemplyee-1{font-size:24px}
   .clscj-6{font-size:24px;}
}
@media (max-width:1250px){
    .rwecj{border-right: none;}
}
@media (max-width:992px){
    .popup3-container{padding: 28px 28px 0px 28px; background:none;}
}
/**********************************************************************************************************************/

/*************************************************POP UP 4*************************************************************/
.popup4-container{padding-top: 28px; padding-bottom: 0px; padding-left: 28px; padding-right: 0px;}
.emply-uae-ksa{border: 1px #3667A7 solid; border-radius: 25px;}
.same-role-but-feel-stuck{border-bottom: 1px #1D68AB solid; padding-bottom: 28px;}
.same-role-but-feel-stuck img{width: 65px; padding-left: 20px;}
.same-role-but-feel-stuck .srbfs{border-left: 1px #1D68AB solid; height: 100%; display: block;}

.nouae-1{fill:#323232;font-size:24px}
.nouae-1,.nouae-2{font-family:ZurichSans-Light,'Zurich Sans';font-weight:300}
.nouae-3{fill:none;stroke:#032a69;stroke-linejoin:round;stroke-width:.75px}
.nouae-4,.nouae-5,.nouae-6,.nouae-7{stroke-width:0}
.nouae-2,.nouae-4{fill:#032a69}
.nouae-5{fill:#3d6eb6}
.nouae-6{fill:#a6d2f1}
.nouae-7{fill:#4590ce}
.nouae-2{font-size:26px}

@media (max-width:1536px){
    .nouae-1{font-size:24px}
}
@media (max-width:1250px){
    .popup4-container{padding: 28px 28px 0px 28px;}
}
@media (max-width:992px){
    .emply-uae-ksa{padding: 10px;}
}
/********************************************************************************************************************/


/*************************************************POP UP 5*************************************************************/
.popup5-container{padding-top: 28px; padding-bottom: 0px; padding-left: 28px; padding-right: 0px;}
.ccfbuaee{padding:0px 210px;}
.one-two-retaining-talent{border-bottom: 1px #3667A4 solid;}
.pu5-fpe{border-right: 1px #3667A4 solid;}

.ccuaee-1{fill:#026fb7}
.ccuaee-1,.ccuaee-2,.ccuaee-3{stroke-width:0}
.ccuaee-4{fill:#323232;font-size:18px}
.ccuaee-4,.ccuaee-5{font-family:ZurichSans-Light,'Zurich Sans';font-weight:300}
.ccuaee-6{fill:#1d68ab;font-family:Ogg-Regular,Ogg;font-size:40px}
.ccuaee-7{fill:none;stroke:#102a65;stroke-linejoin:round;stroke-width:.75px}
.ccuaee-8{letter-spacing:-.03em}
.ccuaee-2{fill:#b0d2ef}
.ccuaee-3{fill:#5b8ec8}
.ccuaee-9{letter-spacing:-.02em}
.ccuaee-5{fill:#102a65;font-size:26px}

.eepwc-1{fill:#323232;font-size:24px}
.eepwc-1,.eepwc-2{font-family:ZurichSans-Light,'Zurich Sans';font-weight:300}
.eepwc-3{fill:#1d68ab;font-family:Ogg-Regular,Ogg;font-size:40px}
.eepwc-4{fill:none;stroke:#102a65;stroke-linejoin:round;stroke-width:.75px}
.eepwc-6{fill:#3d6eb6}
.eepwc-6,.eepwc-7,.eepwc-8{stroke-width:0}
.eepwc-7{fill:#a6d2f1}
.eepwc-8{fill:#4590ce}
.eepwc-2{fill:#102a65;font-size:26px}

.pdans-1{stroke-width:2px}
.pdans-1,.pdans-2{fill:#90bce1}
.pdans-1,.pdans-3{stroke:#fff;stroke-miterlimit:10}
.pdans-10,.pdans-11,.pdans-2,.pdans-4,.pdans-5,.pdans-6,.pdans-7,.pdans-8,.pdans-9{stroke-width:0}
.pdans-12,.pdans-4{fill:#17b7b4}
.pdans-13{clip-path:url(#pdans-clippath3)}
.pdans-5{fill:#010101}
.pdans-14{clip-path:url(#pdans-clippath2)}
.pdans-7{fill:#08743b}
.pdans-8{fill:#fff}
.pdans-3{fill:none;stroke-width:.5px}
.pdans-15{fill:#032a69;font-family:ZurichSans-Light,'Zurich Sans';font-size:25px;font-weight:300}
.pdans-16{clip-path:url(#pdans-clippath1)}
.pdans-9{fill:#e62525}
.pdans-10{fill:#fdfeff}
.pdans-11{fill:#2d673b}

.factors_pctoeb{ margin-top: 24px; margin-left: 48px; margin-right: 100px;}

@media (max-width:1566px){
.factors_pctoeb{  margin-right: 48px;}
.ccuaee-4{font-size:24px}
.ccfbuaee{padding:0px 110px;}
}
@media (max-width:1366px){
.factors_pctoeb{ margin-left: 10px; margin-right: 10px;}
}
@media (max-width:1250px){

}
@media (max-width:992px){
    .popup5-container{padding-top: 28px; padding-left: 28px;padding-right: 28px; }
    .ccfbuaee{padding:0px 0px;}
    .pu5-fpe{border-right: none;border-bottom: 1px #3667A4 solid;}
}
@media (max-width:768px){
    .kf_close{right: -85%;}
}
/********************************************************************************************************************/



.ghnumber{
    transition-delay:0s !important;
    transition: all 0.2s ease-out !important;
    cursor: default;
}
.ghnumber:hover {
    transform: translateY(-5px) !important;
}


.slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/***/

@media (max-width: 992px)
{
    .Banner_Text{position: relative;}
    .Banner_Text p br{display: none;}
    .Banner_Text_Bottom{position: relative;}    
}
@media (max-width: 768px)
{
    .Banner_Text h1{font-size: 2.5em;}
    .Banner_Image{padding-top: 30px;}
    .Banner_Text p{width: 100%;}
}