/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : AUG 12, 2022, 08:02:03 AM
    Author     : ThinkLab Communications
*/
header .js-header-spacer {
    height: 0;
}
body {overflow: unset;}
.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;
}



/*********************************************Background Color*******************************************************/

.bg-color-cool-black{background-color: #0F2B65;}
.bg-color-pale-cornflower-blue{background-color: #B1D2EF;}
.bg-color-dutch-white{background-color: #E4DDBD;}
.bg-color-blue-gray{background-color: #5B90CA;}

.bg-color-orchid{background-color: #bdc2d2;}
.bg-color-white{background-color: #ffffff;}
.bg-color-white-2{background-color: #f5f6f7;}
.bg-color-beige{background-color: #f2f0e1;}
.bg-color-gray{background-color: #dee4e7;}
.bg-color-gray-footer{background-color: #bdc2d3;}
.bg-color-lightgray{background-color: #E2E3E4 !important;}

/***********************************************Common***************************************************************/
.text-align-right{text-align: right;}
.text-align-left{text-align: left;}
.imgzoom{transform: scale(0.34);transition: transform .5s ease;}
.imgzoom:hover{transform: scale(0.34) translateX(-20%);}
.imgcircle{border-radius: 50%;}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

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

@media (min-width: 992px)
{
    body {font-size: 20px;}
}
@media (min-width: 1200px)
{
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1140px;}
}

/********************************************* 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}
}
/*********************************************************************************************************************/

/********************************************* 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";}
/*********************************************************************************************************************/

/*************************************************Banner***************************************************************/
.banner-container{padding: 0 !important;}
.Banner_Image .Banner_BG_Container{height: 100%;width: auto;position: absolute;}
.Banner_video_Container{position: absolute;right: 0%;height: 83%;z-index: 5;}
.Banner_Text{width: 80%;padding-top: 5%;font-family: "ZurichSans-Regular";font-size: 4em;line-height: 1.3em;color: #ffffff;padding-bottom: 6%;}
.Banner_Text span{font-family: "Ogg-Regular";}
.Banner_Text_BG{background-color: transparent;}
.Banner_Text_Bottom{font-family: "ZurichSans-Regular";font-size: 1.8em;color: #fff;padding-bottom: 2%}

@media (max-width: 1400px)
{
    .Banner_Image .Banner_BG_Container{right: 0}
    .Banner_Text{font-size: 3em;}
    .Banner_Text_Bottom{font-size: 1.2em;}
}

@media (max-width: 992px)
{
    .Banner_Text{font-size: 2.5em;}
}
@media (max-width: 768px)
{
    .Banner_Text{font-size: 2.8em;line-height:1.3em; width: 100%;}
    .Banner_Text br{display: none;}
    .Banner_Image .Banner_BG_Container{position: relative;width: 100%;height: auto;}
}

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

/**********************************************Education Intro********************************************************/
div.Edu-Intro{font-family: "ZurichSans-Light";font-size: 0.9em;line-height: 1.5em;color: #0f2b65;}
div.Edu-Intro span{font-size: 0.7em;}
div.Edu-Intro a{color: inherit;}
div.Edu-Intro .Edu-Intro-icon{margin-top: 10%}
div.hear-from-our-customer img{ border-left: 1px #0F2B65 solid;}

@media (max-width: 768px)
{
    div.Edu-Intro .Edu-Intro-icon{padding: 0 30%;margin-top: 2%}
    div.hear-from-our-customer img{ border-left:none; }
    div.hear-from-our-customer { border-top: 1px #0F2B65 solid; }
}
/**********************************************************************************************************************/

/**********************************************Education Statistics****************************************************/
div.edu-statistics{font-family: "ZurichSans-Light";font-size: 1em;line-height: 1.5em;color: #1D3573;}
div.edu-statistics .edu-stat-title{font-family: "ZurichSans-Medium";font-size: 2.5em;line-height: 1.3em;}
div.edu-statistics .eightysix-per-icon{width: 100%;height: auto;}
div.edu-statistics .edu-stat-title span{font-family: "Ogg-Regular";}
div.edu-statistics .edu-stat-fin-sup{border: 2px #80AECE solid;border-radius: 10px;}
div.edu-statistics .edu-stat-fin-sup span{font-family: "Ogg-Regular";font-size: 3em;line-height: 1em;color: #1D3573;display: block;}
div.edu-statistics .edu-stat-fin-sup p{width: 85%;}
div.edu-statistics .edu-stat-cbd span{font-family: "Ogg-Regular";font-size: 3em;line-height: 1em;color: #1D3573;}
#edu-statistics-video {position: relative;background: #000;width: 100%;}
#edu-statistics-video img,#edu-statistics-video iframe {display: block;width: 100%;}
#edu-statistics-video #play {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;background: url('/-/media/project/zwp/middle-east/Education-2023/images/play.png') no-repeat 50% 50%;background-size: auto, cover;z-index: 9999;}
#edu-statistics-video #play:hover {background-color: rgba(0,0,0,0.2) !important;}

.thirty-nine-per{font-family: "Ogg-Regular";font-size: 3em;line-height: 1em;color: #5B90CA;}
.thirty-nine-per span{position: absolute; bottom: 0;}
.thirty-eight-per span{font-family: "Ogg-Regular";font-size: 3em;line-height: 1em;color: #1D3573;position: absolute; bottom: 0; right: 15%;}


.certificate-icon{width: 40%;top: -10%;}
.traiangle-scale-icon{width: 40%;bottom: -10%;left: 50%;}
.savingsplan-text{position: absolute;bottom: 0;}
.edu-statistics-source span{font-size: 0.7em;}
.edu-statistics-source a{color: inherit;}
.cta-button {margin: 40px auto 0px;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:hover {background-color: #006EB4;color: #fff;transition: .3s;}

@media (max-width: 992px)
{
    div.edu-statistics .edu-stat-title{font-size: 2em;}
}
@media (max-width: 768px)
{
    div.edu-statistics .eightysix-per-icon{width: 60%;height: auto;}
    div.edu-statistics{font-size: 1.1em;}
    div.edu-statistics .edu-stat-title{font-size: 1.8em;}
    div.edu-statistics .edu-stat-fin-sup p{width: 100%;}
    div.edu-statistics .traiangle-scale-icon{width: 15%;bottom: 100%;}
    #edu-statistics-video {position: relative;background: #000;width: 100%;}
    .savingsplan-text{position: relative;}
    .computer-icon{width: 60%;height: auto;}
    .book-pen-icon{width: 60%;height: auto;}
    .study-seventy-icon{width: 60%;height: auto;}
    .certificate-icon {top: 0%;right: -30%;}
    
    .eightysix-per-icon{padding: 0 15%;margin-top: 2%}
}
/**********************************************************************************************************************/

/************************************************Globe Statistics*****************************************************/
div.globe-stat-title{font-family: "ZurichSans-Medium";font-size: 2.5em;line-height: 1em;color: #ffffff;}
div.globe-stat-title span{font-family: "Ogg-Regular";}
div.globeinstruction{font-size: 0.7em;line-height: 1.2em;color: #0F2B65;position: absolute;bottom: 5%;font-family: 'ZurichSans-Light';}
.showworlddata{font-family: 'ZurichSans-Medium';}
.showworldcountry{margin-top: 45%;}
.showworldcountry select{background-color: #5B90CA; border: 1px #DAD2BD solid; font-size: 1.4em;line-height: 1.2em;color: #ffffff;}
.showworlddata .swd-country{font-size: 1.4em;line-height: 1.2em;color: #ffffff;}
.showworlddata .swd-data{font-family: 'ZurichSans-Light';font-size: 0.9em;line-height: 1.2em;color: #ffffff;}
.showworlddata .swd-data span{color: #DAD2BD;}
.swd-text{font-size: 0.7em;line-height: 1.2em;color: #0F2B65;font-family: 'ZurichSans-Light';}
.swd-text a{color: inherit;}

@media (max-width: 768px)
{
    .showworlddata{margin-top: 0;margin-bottom: 5%}
    .showworldcountry{margin-top:0%;}

}
/**********************************************************************************************************************/

/**********************************************invest-container*************************************************************/
.invest-title{font-family: "ZurichSans-Medium";font-size: 2.5em;line-height: 1.5em;color: #0f2b65;border-bottom: 2px #3866A3 solid;display: inline; padding-bottom:10px;}
.invest-title span{font-family: "Ogg-Regular";}
.sct-icon-left{bottom: 0;left: 0;width: 50%;height: 50%;background: url('/-/media/project/zwp/middle-east/Education-2023/images/sct-icon-right.webp') no-repeat;background-size: contain;z-index: 9999;}
.sct-icon-right{bottom: 0;right: 0;width: 100%;height: 100%;background: url('/-/media/project/zwp/middle-east/Education-2023/images/sct-icon-left.webp') no-repeat;background-size: contain;background-position: bottom right;z-index: 9999;}

@media (max-width: 992px)
{
    .invest-title{font-size:1.4em;}
}

@media (max-width: 768px)
{
    .invest-title{font-size:1.2em;}
    .sct-icon-right{width: 70%;height: 100%;}
    .sct-icon-left{height: 100%;}
}
/**********************************************************************************************************************/