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

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

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

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

@font-face {
    font-family: 'HelveticaNeueLTArabic-Roman';
    src: url('fonts/HelveticaNeueLTArabic-Roman.eot');
    src: url('fonts/HelveticaNeueLTArabic-Roman.eot#iefix') format('embedded-opentype'),
    url('fonts/HelveticaNeueLTArabic-Roman.woff2') format('woff2'),
    url('fonts/HelveticaNeueLTArabic-Roman.woff') format('woff'),
    url('fonts/HelveticaNeueLTArabic-Roman.ttf') format('truetype'),
    url('fonts/HelveticaNeueLTArabic-Roman.svg?#HelveticaNeueLTArabic-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
* {-webkit-text-size-adjust: 100%;} /* Prevent font scaling in landscape while allowing user zoom */
html, body{margin: 0; padding: 0; height: 100%; scroll-behavior: smooth;}
body{height: 100%; -webkit-touch-callout: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased}
ul{list-style: none}
ul, li{margin: 0; padding: 0}
a{text-decoration: none; color: inherit}
*{margin: 0; padding: 0; box-sizing: border-box}
h1, h2, h3, h4{font-weight: normal}
img{border: none}
.hidden{display: none !important}
.mobile{display: none !important}
input.alert {border-color: #F04549!important;}
.alert_message {color: #F04549!important; font-size: 16px!important; margin: 5px 0 0 0!important; font-weight: bold; display: none;}
.btn{width: 200px; height: 50px; text-align: center; line-height: 46px; font-size: 14px; display: block; text-transform: uppercase; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; position: relative; transition: .4s; z-index: 1}
/*.btn:before, .newsletter-component > div a:before, .homepage .latest-updates .download-brochure a:before{content: "\f178"; font-family: FontAwesome; font-size: 16px; position: absolute; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; right: 0; top: 0; opacity: 0; height: 100%; width: 30px; transition: .5s}*/
/*.arabic .btn:before, .arabic .newsletter-component > div a:before, .arabic .homepage .latest-updates .download-brochure a:before{content: "\f177"; left: 0; right: initial}*/
/*.homepage .latest-updates .download-brochure a:before, .whitepaper-overlay form .container-right .btn:before{content: "\f175" !important}*/
/*.page-not-found .page-cover > div .btn:before, .thank-you-page .page-cover > div .btn:before, .post-page .main-article .btn:before{content: "\f177" !important; left: 0; right: initial}*/
/*.arabic .thank-you-page .page-cover > div .btn:before, .arabic .page-not-found .page-cover > div .btn:before, .arabic .post-page .main-article .btn:before{content: "\f178" !important; right: 0}*/
/*.btn:hover, .newsletter-component > div a:hover, .homepage .latest-updates .download-brochure a:hover{letter-spacing: 0.5px}*/
/*.btn:hover:before, .newsletter-component > div a:hover:before, .homepage .latest-updates .download-brochure a:hover:before{opacity: 1}*/
.btn:before, .newsletter-component > div a:before, .homepage .latest-updates .download-brochure a:before, .careers-page .apply .container.two-thirds form .btn:before, .careers-page .jobs .vacancies .btn:before{content: ''; position: absolute; width: 0; height: calc(100% + 4px); z-index: -1; left: -2px; transition: .4s; top: -2px}
.arabic .btn:before, .arabic .newsletter-component > div a:before, .arabic .homepage .latest-updates .download-brochure a:before, .arabic .careers-page .apply .container.two-thirds form .btn:before, .arabic .careers-page .jobs .vacancies .btn:before{right: 0; left: initial !important}
.btn.transparent:before{background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%)}
.btn.blue:before, .btn.navy:before, .newsletter-component > div a:before, .careers-page .jobs .vacancies .btn:before{background: linear-gradient(90deg, #00ADE5 0%, #2F66A5 100%); height: 100%; top: 0; left: 0}
.careers-page .apply .container.two-thirds form .btn:before{background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%); height: 100%; top: 0; left: 0}
.homepage .latest-updates .download-brochure a:before{background: #011A38; height: 100%; top: 0; left: 0}
.btn:hover:before{width: calc(100% + 4px)}
.btn.blue:hover:before{width: 100%}
.newsletter-component > div a:hover:before, .homepage .latest-updates .download-brochure a:hover:before, .careers-page .apply .container.two-thirds form .btn:hover:before, .careers-page .jobs .vacancies .btn:hover:before{width: 100%}
.homepage .latest-updates .download-brochure a:hover{color: #FFFFFF}
.btn.blue-font:hover, .btn.transparent:hover{color: #FFFFFF}
.btn.blue:hover{color: #FFFFFF}
.arabic .btn{font-family: GESSTwoLight, Helvetica, Arial, sans-serif; font-size: 18px}
.btn.blue{background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%); line-height: 50px}
.btn.blue span{position: relative; z-index: 1; color: #FFFFFF; transition: .5s}
.arabic .btn.blue{line-height: 48px}
.btn.navy{background-color: #011A38}
.btn.transparent{border: 2px solid #00ADE5; background: transparent}
.btn.blue-font{color: #152E4B}
.btn.white-font{color: #FFFFFF}
.scroll-down{color: #FFFFFF; font-size: 14px; text-transform: uppercase; position: absolute; bottom: 125px; right: -12px; transform: rotate(-90deg); letter-spacing: 1px; font-family: ubuntu-regular, Helvetica, Arial, sans-serif}
.arabic .scroll-down{left: -4px; right: auto; direction: ltr; letter-spacing: 0; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.arabic .aboutus-page .scroll-down{right: -4px; left: auto;}
.scroll-down:before{content: ''; border-top: 1px solid #00ADE5; width: 100px; display:inline-block; vertical-align: middle; margin: 0 15px 0 0}
.clear{clear: both}
.no-overflow{overflow: hidden}

.page-cover.blue-overlay {position: relative; overflow: hidden;}
.page-cover-blue-overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 200%; background: rgb(11 40 72 / 85%);}

.input_container.alert input, .input_container.alert .select-container, .input_container.alert textarea {border-color: #F04549!important;}

.email_container.alert input {color: #EC171C!important;}
.email_container.alert input::-webkit-input-placeholder {color: #EC171C!important;}
.email_container.alert input:-moz-placeholder {color: #EC171C!important;}
.email_container.alert input::-moz-placeholder {color: #EC171C!important;}
.email_container.alert input:-ms-input-placeholder {color: #EC171C!important;}

.error-message {color: red!important;}

/*General Styles*/
h3.section-title{font-size: 50px; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; line-height: 60px}
.arabic h3.section-title{font-family: GESSTwoMedium, Helvetica, Arial, sans-serif; font-size: 40px; direction: rtl}
.add-border-bottom:after{content: ''; height: 4px; background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%); display: block; margin: 45px 0 0 0; width: 150px}

/*End General Styles*/

.page.add-padding{padding: 130px 0 0 0}
header{height: 130px; padding: 0 50px; z-index: 999; position: relative; font-size: 0; transition: .5s; width: 100%}
.arabic header{direction: rtl}
header.hide{top: -130px}
header.fixed{position: fixed; top: 0; background-color: rgba(1, 26, 56, .95)}
header .logo-container{display: inline-block; vertical-align: middle; width: calc(100% - 480px)}
.arabic header .logo-container{width: calc(100% - 555px)}
header .logo-container .logo{width: 216px; height: 54px; background: url('/assets/images/logo.png') no-repeat center; background-size: contain; display: block; margin: 38px 0; transition: .5s}
header .logo-container .logo:hover{opacity: .5}
header .actions{width: 100%; display: inline-block; max-width: 480px; vertical-align: middle}
.arabic header .actions{max-width: 555px}
.switch-language{display: inline-block; vertical-align: middle}
.switch-language a{color: rgba(255, 255, 255, .3); font-size: 14px; text-transform: uppercase; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; letter-spacing: 3px; transition: .5s}
.arabic .switch-language a{font-family: GESSTwoLight, Helvetica, Arial, sans-serif; font-size: 18px; letter-spacing: 0}
.switch-language a.active, .switch-language a:hover{color: rgba(255, 255, 255, 1)}
.switch-language span{display: inline-block; margin: 0 10px; font-size: 14px; color: #FFFFFF; position: relative; top: -2px}
.arabic .switch-language span{margin: 0 20px; top: 0}
header .actions .btn{margin: 0 50px; display: inline-block; vertical-align: middle}
header .actions .toggle-search{width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url('/assets/images/loop-icon.png') no-repeat center; background-size: contain; transition: .5s}
header .actions .toggle-search:hover{opacity: .5}
header .actions .toggle-menu{width: 40px; margin: 0 0 0 44px; display: inline-block; vertical-align: middle; height: 17px; position: relative; transition: .5s}
.arabic header .actions .toggle-menu{margin: 0 44px 0 0}
header .actions .toggle-menu:hover{opacity: .5}
header .actions .toggle-menu span{width: 100%; border-top: 1px solid #FFFFFF; display: block; margin: 8px 0 0 0}
header .actions .toggle-menu span:before{content: ''; width: 100%; border-top: 1px solid #FFFFFF; display: block; position: absolute; top: 0; left: 0}
header .actions .toggle-menu span:after{content: ''; width: 100%; border-top: 1px solid #FFFFFF; display: block; position: absolute; bottom: 0; left: 0}

header .full-menu{background-color: rgba(34, 34, 34, .8); position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none; z-index: 99}
header .full-menu.active{opacity: 1; visibility: visible}
header .full-menu .container{padding: 40px 50px 210px 50px; background-color: #E8EDF0; height: 100vh}
header .full-menu .container .logo{width: 216px; height: 54px; background: url('/assets/images/logo-black.png') no-repeat center; background-size: contain; display: inline-block; transition: .5s}
header .full-menu .container .logo:hover{opacity: .5}
header .full-menu .container .social-container{float: right}
.arabic header .full-menu .container .social-container{float: left}
header .full-menu .container .social-container .close{width: 30px; height: 30px; background: url('/assets/images/close-icon.png') no-repeat center; background-size: contain; display: inline-block; position: relative; top: 12px; margin: 0 25px 0 70px}
.arabic header .full-menu .container .social-container .close{margin: 0 70px 0 8px}
header .full-menu .container .social-container ul{display: inline-block; vertical-align: middle; position: relative; top: -5px}
header .full-menu .container .social-container ul li{display: inline-block; vertical-align: middle; margin: 0 0 0 20px}
.arabic header .full-menu .container .social-container ul li{margin: 0 20px 0 0}
header .full-menu .container .social-container ul li a{font-size: 18px; color: #00ADE5; transition: .5s}
header .full-menu .container .social-container ul li a:hover{color: #011A38}
header .full-menu .links{margin: 170px 0 0 0; padding: 0 245px}
header .full-menu .links ul li{display: inline-block; vertical-align: top; padding: 0 20px 0 0}
.arabic header .full-menu .links ul li{padding: 0 0 0 20px}
header .full-menu .links ul li:last-child{padding: 0}
header .full-menu .links ul li{width: 27%}
.arabic header .full-menu .links ul li.aboutus{width: 9%}
.arabic header .full-menu .links ul li.cybersecurity-services{width: 27%}
.arabic header .full-menu .links ul li.managed-services{width: 22%}
.arabic header .full-menu .links ul li.solutions{width: 23%}
header .full-menu .links ul li.company{width: 15%}
header .full-menu .links ul li.blog{width: 4%}
header .full-menu .links ul li ul li{display: block; width: 100%}
header .full-menu .links ul li ul li a{color: #152E4B; position: relative; display: inline-block}
header .full-menu .links ul li ul li a:after{content: ''; background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%); height: 2px; position: absolute; width: 100%; left: 0; bottom: 25px; opacity: 0; visibility: hidden; transition: .5s}
header .full-menu .links ul li ul li.main a:after{bottom: 28px; height: 3px}
header .full-menu .links ul li ul li a:hover:after{opacity: 1; visibility: visible}
header .full-menu .links ul li ul li a h3{font-size: 20px; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; margin: 0 0 35px 0}
.arabic header .full-menu .links ul li ul li a h3{font-family: GESSTwoMedium, Helvetica, Arial, sans-serif}
header .full-menu .links ul li ul li a h4{font-size: 18px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 0 0 30px 0}
.arabic header .full-menu .links ul li ul li a h4{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}


/*Homepage*/
.page-cover{height: 100vh; margin: -130px 0 0 0; position: relative; padding: 0 240px}
.homepage {position: relative}
#hero_video {position: absolute; z-index: -1; width: 100%; height: auto; top: 0; left: 0; right: 0;}
/*.homepage .page-cover{background: url('/assets/images/homepage-cover-bg.jpg') no-repeat center; background-size: cover}*/
.arabic .homepage .page-cover{direction: rtl}
.arabic .homepage .page-cover > div{padding: 0 50px 0 0}
.page-cover > div{position: absolute; top: 45%; transform: translateY(-30%)} /* top: calc(50% + 32px);  */
.arabic .page-cover > div{direction: rtl}
.homepage .page-cover > div{transform: translateY(-50%)}
.page-cover > div h3, .page-cover > div h1{font-size: 30px; color: #00ADE5; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
.arabic .page-cover > div h3, .arabic .page-cover > div h1{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.page-cover > div h2{color: #FFFFFF; font-size: 80px; margin: 30px 0 0 0; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; padding: 0 40px 0 0}
.arabic .page-cover > div h2{padding: 0; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.page-cover > div p{color: rgba(255, 255, 255, .7); font-size: 24px; line-height: 42px; margin: 60px 0 0 0; font-family: ubuntu-light, Helvetica, Arial, sans-serif; max-width: 1085px; padding: 0 70px 0 0}
.arabic .page-cover > div p{line-height: 48px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif; padding: 0 0 0 20px}
.page-cover > div .btn{margin: 50px 0 0 0}
section.main-section{font-size: 0; display: grid}
section.full-screen{min-height: 100vh}
section.section-style-1{grid-template-columns: 33.33% 66.66%}
section.section-style-2{grid-template-columns: 66.66% 33.33%}
section.section-style-3{grid-template-columns: 33.33% 66.66%}
.arabic section.section-style-3.clients{direction: rtl}
section.full-screen .container{min-height: 100vh}
section.main-section .container.two-thirds{padding: 0 240px 0 140px; vertical-align: top}
.arabic section.main-section .container.two-thirds{direction: rtl}
section.main-section .container.grey{background-color: #E8EDF0}
section.main-section .text{font-size: 22px; line-height: 36px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 65px 0 70px 0; position: relative; padding: 0 0 0 130px}
.arabic section.main-section .text{font-size: 24px; line-height: 40px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif; direction: rtl}
/*section.main-section .text p{margin: 0 0 30px 0}*/
section.light h3.section-title{color: #152E4B}
section.light .text{color: #152E4B}
section.dark h3.section-title{color: #01ACE4}
section.dark .text{color: #FFFFFF}
section.section-style-2 .text{padding: 0 0 0 230px}
.arabic section.section-style-2 .text{padding: 0 230px 0 0}
section.section-style-1 > div .text:before{content: ''; border-top: 4px solid #FFFFFF; width: 200px; position: absolute; left: -340px; top: 15px}
section.main-section > div .text:after{content: ''; height: 4px; background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%); width: 200px; position: absolute; left: -140px; top: 15px}
section.section-style-2 > div .text:after{content: ''; height: 4px; background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%); width: 150px; position: absolute; left: 0; top: 15px}
.arabic section.section-style-2 > div .text:after{right: 0}
section.section-style-1 .container > div .btn{margin: 0 0 0 130px}
section.section-style-2 .container > div .btn{margin: 0 0 0 230px}
.arabic section.section-style-2 .container > div .btn{margin: 0 230px 0 0}
section.dark .container.two-thirds{background-color: #011A38}
section.main-section .container.third figure{height: 100%}
section.advisory-services .container.third figure{background: url('/assets/images/advisory-services-bg.jpg') no-repeat center; background-size: cover}
section.managed-services .container.third figure{background: url('/assets/images/managed-services-bg.jpg') no-repeat center; background-size: cover}
section.cybersecurity .container.third figure{background: url('/assets/images/cybersecurity-bg.jpg?1') no-repeat center; background-size: cover}
section.solutions .container.third figure{background: url('/assets/images/solutions-bg.jpg') no-repeat center; background-size: cover}


/*Sections Paddings*/
.homepage section.advisory-services .container.two-thirds{padding: 235px 240px 235px 140px}
.homepage section.managed-services .container.two-thirds{padding: 170px 120px 170px 240px}
.homepage section.cybersecurity .container.two-thirds{padding: 205px 240px 205px 140px}
.homepage section.solutions .container.two-thirds{padding: 190px 240px 190px 140px}
.homepage section.clients .container.third{padding: 80px 120px 80px 240px}
.arabic .homepage section.clients .container.third{padding: 130px 240px 80px 120px}
.homepage section.clients .container.two-thirds{padding: 80px 240px 80px 85px}
.arabic .homepage section.clients .container.two-thirds{padding: 80px 85px 80px 240px}
section.latest-updates .container.third{padding: 290px 50px 0 240px}
.arabic section.latest-updates .container.third{padding: 290px 140px 0 240px}
section.latest-updates .container.two-thirds{padding: 0}
/*End Sections Paddings*/


.homepage section.clients .list{border-bottom: 1px solid rgba(0, 0, 0, .2); padding: 40px 0; display: grid; grid-template-columns: 22% 74.5%; grid-column-gap: 3%; align-items: center;}
.homepage section.clients .list:last-child{border-bottom: none}
.homepage section.clients .list span{color: #01AAE2; font-size: 26px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; display: inline-block; width: 100%; vertical-align: middle}
.arabic .homepage section.clients .list span{font-size: 24px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.homepage section.clients ul{display: grid; grid-template-columns: auto auto auto auto; grid-column-gap: 5%; vertical-align: middle; width: 100%; text-align: justify;}
/* .homepage section.clients ul{display: grid; grid-template-columns: repeat(4, 22%); grid-column-gap: 4%; vertical-align: middle; width: 100%; text-align: justify;} */
.homepage section.clients ul li{align-items: center; vertical-align: middle; display: inherit; width: 100%; text-align: center;}
.homepage section.clients ul li:first-child{text-align: left;}
.homepage section.clients ul li:last-child{margin: 0; text-align: right; justify-content: flex-end;}
.homepage section.clients ul li figure{display: block}
.homepage section.clients  ul li img{max-height: 62px!important; max-width: 100%!important; object-fit: contain;}
/*
.homepage section.clients .government ul li img{height: 62px}
.homepage section.clients .government ul li:last-child img{height: 70px}
.homepage section.clients .finance ul li:first-child img{height: 29px}
.homepage section.clients .finance ul li:nth-child(2) img{height: 30px}
.homepage section.clients .finance ul li:nth-child(3) img{height: 43px}
.homepage section.clients .finance ul li:last-child img{height: 40px}
.homepage section.clients .energy ul li:first-child img{height: 55px}
.homepage section.clients .energy ul li:nth-child(2) img{height: 47px}
.homepage section.clients .energy ul li:nth-child(3) img{height: 77px}
.homepage section.clients .energy ul li:last-child img{height: 20px}
.homepage section.clients .telecom ul li:first-child img{height: 43px}
.homepage section.clients .telecom ul li:nth-child(2) img{height: 35px}
.homepage section.clients .telecom ul li:nth-child(3) img{height: 46px}
.homepage section.clients .telecom ul li:last-child img{height: 48px}
.homepage section.clients .enterprise ul li:first-child img{height: 44px}
.homepage section.clients .enterprise ul li:nth-child(2) img{height: 104px}
.homepage section.clients .enterprise ul li:nth-child(3) img{height: 48px}
.homepage section.clients .enterprise ul li:last-child img{height: 45px}
*/
.homepage .cybersecurity h3.section-title{max-width: 575px}
.homepage .latest-updates .updates{padding: 290px 240px 0 80px}
.arabic .homepage .latest-updates .updates{padding: 290px 240px 0 80px; direction: rtl}
.homepage .latest-updates .updates li{border-bottom: 1px solid rgba(0, 0, 0, .2); padding: 35px 0}
.homepage .latest-updates .updates li:first-child{padding: 20px 0 35px 0}
.homepage .latest-updates .updates li:last-child{border-bottom: none}
.homepage .latest-updates .updates li h4{color: #00ADE5; font-size: 18px; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
.arabic .homepage .latest-updates .updates li h4{font-size: 20px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.homepage .latest-updates .updates li h3{color: #152E4B; font-size: 30px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 15px 0 0 0; line-height: 40px}
.arabic .homepage .latest-updates .updates li h3{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}

.newsletter-component{width: 1440px; height: 540px; margin: 200px 0 0 -395px; font-size: 0}
.arabic .newsletter-component{direction: ltr; margin: 200px 250px 0 0}
.newsletter-component figure{width: 50%; height: 100%; background: url('/assets/images/newsletter-component-bg.jpg?1') no-repeat center; background-size: cover; display: inline-block; vertical-align: middle}
.newsletter-component > div{width: 50%; background-size: cover; display: inline-block; vertical-align: middle; padding: 0 0 0 130px}
.arabic .newsletter-component > div{direction: rtl}
.newsletter-component > div h3{font-size: 50px; color: #152E4B; font-family: ubuntu-regular, Helvetica, Arial, sans-serif}
.arabic .newsletter-component > div h3{font-size: 40px; font-family: GESSTwoMedium, Helvetica, Arial, sans-serif}
.newsletter-component > div h4{font-size: 30px; color: rgba(21, 46, 75, .7); font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 25px 0 0 0}
.arabic .newsletter-component > div h4{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.newsletter-component > div .add-border-bottom:after{margin: 30px 0 0 0; width: 200px}
.newsletter-component > div p{color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif; font-size: 22px; line-height: 36px; margin: 45px 0 0 0}
.arabic .newsletter-component > div p{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.newsletter-component > div input{width: 66%; border: 1px solid #9AA7B5; font-size: 16px; color: #222222; font-family: ubuntu-light, Helvetica, Arial, sans-serif; height: 50px; margin: 40px 0 0 0; padding: 0 0 0 10px; outline: none; vertical-align: top; display: inline-block}
.arabic .newsletter-component > div input{font-family: GESSTwoLight, Helvetica, Arial, sans-serif; padding: 0 10px 0 0}
.newsletter-component > div input::-webkit-input-placeholder{font-size: 18px; color: rgba(1, 26, 46, .7)}
.newsletter-component > div input:-moz-placeholder{font-size: 18px; color: rgba(1, 26, 46, .7)}
.newsletter-component > div input::-moz-placeholder{font-size: 18px; color: rgba(1, 26, 46, .7)}
.newsletter-component > div input:-ms-input-placeholder{font-size: 18px; color: rgba(1, 26, 46, .7)}
.newsletter-component > div a{width: 34%; height: 50px; background-color: #152E4B; display: inline-block; color: #FFFFFF; text-align: center; font-size: 14px; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; text-transform: uppercase; vertical-align: top; line-height: 50px; margin: 40px 0 0 0; position: relative; transition: .5s; z-index: 1}
.arabic .newsletter-component > div a{font-size: 18px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif; line-height: 48px}

.homepage .latest-updates .download-brochure{height: 200px; margin: 190px 0 0 0; background: linear-gradient(30deg, #3A7ECC 0%, #00ADE5 100%); padding: 75px 0 75px 6%}
.arabic .homepage .latest-updates .download-brochure{padding: 75px 0; text-align: center}
.homepage .latest-updates .download-brochure i{width: 40px; height: 40px; background: url('/assets/images/download-icon.png') no-repeat center; background-size: contain; display: inline-block; vertical-align: middle}
.homepage .latest-updates .download-brochure p{color: #FFFFFF; font-size: 20px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; display: inline-block; margin: 0 0 0 40px; vertical-align: middle}
.arabic .homepage .latest-updates .download-brochure p{font-size: 22px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif; margin: 0 75px 0 0}
.homepage .latest-updates .download-brochure a{width: 140px; height: 50px; background-color: #FFFFFF; color: #2F66A5; line-height: 50px; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; font-size: 14px; display: inline-block; text-align: center; text-transform: uppercase; margin: 0 0 0 40px; vertical-align: middle; position: relative; transition: .5s; z-index: 1}
.arabic .homepage .latest-updates .download-brochure a{line-height: 48px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif; font-size: 18px; margin: 0 75px 0 0}
/*End Homepage*/


/*About Us Page*/
.aboutus-page .page-cover{background: url('/assets/images/aboutus-cover-bg.jpg') no-repeat center; background-size: cover}
.aboutus-page .page-cover > div h2{font-size: 72px}
.arabic .aboutus-page .page-cover > div h2{font-size: 50px}
.aboutus-page .who-we-are{padding: 220px 240px 120px 240px}
.aboutus-page .section-title.add-border-bottom:after{margin: 80px 0 0 0}
.aboutus-page .who-we-are .text{margin: -22px 0 0 0; padding: 0 0 0 240px}
.arabic .aboutus-page .who-we-are .text{margin: -22px 0 0 0; padding: 0 240px 0 0}
.aboutus-page .who-we-are .text .large-font{font-size: 30px; line-height: 42px; font-family: ubuntu-regular, Helvetica, Arial, sans-serif}
.arabic .aboutus-page .who-we-are .text .large-font{font-size: 24px; line-height: 40px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif}
.aboutus-page .who-we-are .text .small-font{font-size: 20px; line-height: 30px}
.arabic .aboutus-page .who-we-are .text .small-font{font-size: 24px; line-height: 40px}
.aboutus-page .who-we-are .text p span{font-weight: bold; font-family: ubuntu-regular, Helvetica, Arial, sans-serif}
.aboutus-page .who-we-are .list{margin: 95px 0 0 0; font-size: 0; padding: 0 0 0 240px}
.arabic .aboutus-page .who-we-are .list{padding: 0 240px 0 0; direction: rtl}
.aboutus-page .who-we-are .list .row ul{display: grid; grid-template-columns: 20% 30% 50%}
.aboutus-page .who-we-are .list .row ul li{display: inline-grid; align-items: center; padding: 40px 0}
.aboutus-page .who-we-are .list .row ul li{border-bottom: 1px solid rgba(0, 0, 0, .2)}
.aboutus-page .who-we-are .list .row ul li:first-child{border-bottom: none}
.aboutus-page .who-we-are .list .row ul:last-child li:first-child{border-bottom: 1px solid rgba(0, 0, 0, .2)}
.aboutus-page .who-we-are .list .row ul li:first-child{font-size: 50px; color: #02AAE3; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
.aboutus-page .who-we-are .list .row ul li:last-child{font-size: 22px; line-height: 36px; color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
.arabic .aboutus-page .who-we-are .list .row ul li:last-child{font-family: GESSTwoLight, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif}
.aboutus-page .who-we-are .list .row:last-child ul:last-child li{border-bottom: none !important}
.aboutus-page .who-we-are .list .row ul li img.is-logo{width: 220px}
.aboutus-page .who-we-are .list .row ul li img.is-security-summit{height: 49px}
.aboutus-page .who-we-are .list .row ul li img.monshaat{height: 63px}
.aboutus-page .who-we-are .list .row ul li img.is-summit{height: 41px}
.aboutus-page .mission{min-height: 530px; font-size: 0}
.aboutus-page .mission .container{width: 50%; display: inline-block; min-height: 530px; vertical-align: top; position: relative}
.arabic .aboutus-page .mission .container{direction: rtl}
.aboutus-page .vision-container{background-color: #152E4B; padding: 0 115px 0 240px}
.aboutus-page .mission-container{background: linear-gradient(30deg, #3A7ECC 0%, #00ADE5 100%); padding: 0 240px 0 115px}
.aboutus-page .mission .container h3{font-size: 50px; font-family: ubuntu-regular, Helvetica, Arial, sans-serif}
.arabic .aboutus-page .mission .container h3{font-size: 40px; font-family: GESSTwoMedium, Helvetica, Arial, sans-serif}
.aboutus-page .mission .container h3:after{content: ''; width: 150px; height: 4px; display: block; margin: 75px 0 0 0}
.aboutus-page .vision-container h3{color: #00ACE4}
.aboutus-page .mission-container h3{color: #FFFFFF}
.aboutus-page .vision-container h3:after{background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%)}
.aboutus-page .mission-container h3:after{background-color: #FFFFFF}
.aboutus-page .mission .container p{font-size: 30px; line-height: 40px; color: #FFFFFF; font-family: ubuntu-light, Helvetica, Arial, sans-serif; padding: 0 0 0 205px; margin: -15px 0 0 0}
.arabic .aboutus-page .mission .container p{font-size: 30px; line-height: 46px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif; padding: 0 205px 0 0}
.aboutus-page .mission .container > div{position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% - 355px)}
.aboutus-page .leadership{padding: 270px 240px 200px 240px}
.aboutus-page .leadership h3.add-border-bottom:after{margin: 60px 0 0 0}
.aboutus-page .leadership ul{font-size: 0; width: calc(100% - 390px); margin: -4px 0 0 auto}
.arabic .aboutus-page .leadership ul{margin: -4px auto 0 0}
.aboutus-page .leadership ul li{text-align: center; width: 31%; display: inline-block; vertical-align: top; margin: 0 3.5% 0 0}
.aboutus-page .leadership ul li:last-child{margin: 0}
.aboutus-page .leadership ul li figure{height: 400px; transition: .5s}
.aboutus-page .leadership ul li:hover figure{height: 410px; margin: -10px 0 0 0}
.aboutus-page .leadership ul li h4{color: #152E4B; font-size: 26px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 45px 0 0 0}
.arabic .aboutus-page .leadership ul li h4{font-family: GESSTwoLight, Helvetica, Arial, sans-serif; text-align: right; padding: 0 30px 0 0}
.aboutus-page .leadership ul li span{color: #00ACE4; font-size: 16px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; display: block; margin: 8px 0 0 0}
.arabic .aboutus-page .leadership ul li span{font-family: GESSTwoLight, Helvetica, Arial, sans-serif; text-align: right; padding: 0 30px 0 0}

.bio-overlay{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .5); font-size: 0; z-index: 9999; display: none}
.arabic .bio-overlay > div{direction: rtl}
.bio-overlay > div{min-height: 650px; background-color: #E8EDF0; max-width: 1440px; top: 50%; transform: translateY(-50%); position: absolute; left: 0; right: 0; margin: auto; padding: 115px 125px 100px 125px; width: calc(100% - 60px)}
.bio-overlay > div h3{color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif; font-size: 30px}
.arabic .bio-overlay > div h3{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.bio-overlay > div span{color: #00ADE5; font-size: 18px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; display: block; margin: 10px 0 0 0}
.arabic .bio-overlay > div span{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.bio-overlay > div span:after{content: ''; width: 150px; background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%); height: 4px; display: block; margin: 30px 0 0 0}
.bio-overlay > div .text, .bio-overlay > div .text p{color: #152E4B; font-size: 20px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 0; line-height: 36px}
.arabic .bio-overlay > div .text, .arabic .bio-overlay > div .text p{font-size: 24px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif; line-height: 42px}
.bio-overlay > div .col-left{width: 30%; display: inline-block; vertical-align: top}
.bio-overlay > div .col-right{width: 65%; display: inline-block; vertical-align: top; margin: 0 0 0 5%}
.bio-overlay > div .close{position: absolute; right: 50px; top: 50px; width: 30px; height: 30px; background: url('/assets/images/close-icon.png') no-repeat center; background-size: contain}
.bio-overlay > div .social{margin: 55px 0 0 0}
.bio-overlay > div .social a{width: 60px; height: 60px; display: inline-block; text-align: center; line-height: 80px}
.bio-overlay > div .social a i{font-size: 30px; color: #FFFFFF}
.bio-overlay > div .social .linkedin{background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%)}

.whitepaper-overlay{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .5); font-size: 0; z-index: 9999}
.whitepaper-overlay form{height: 650px; background-color: #E8EDF0; max-width: 1000px; top: 50%; transform: translateY(-50%); position: absolute; left: 0; right: 0; margin: auto; width: calc(100% - 60px)}
.whitepaper-overlay form .close{position: absolute; top: 50px; right: 50px; width: 30px; height: 30px; background: url('/assets/images/close-icon.png') no-repeat center; background-size: contain; z-index: 1}
.whitepaper-overlay form .container-left{width: 45%; display: inline-block; vertical-align: top; background: url('/assets/images/whitepaper-overlay-bg.jpg') no-repeat center; background-size: cover; height: 650px; padding: 50px; position: relative}
.whitepaper-overlay form .container-left .logo{width: 216px; height: 54px; background: url('/assets/images/logo.png') no-repeat center; background-size: contain; display: block}
.whitepaper-overlay form .container-left h3{color: #FFFFFF; font-size: 30px; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; position: absolute; bottom: 50px}
.arabic .whitepaper-overlay form .container-left h3{font-family: GESSTwoMedium, Helvetica, Arial, sans-serif; direction: rtl; right: 50px}
.whitepaper-overlay form .container-right{width: 55%; display: inline-block; vertical-align: top; padding: 160px 85px 120px 70px}
.arabic .whitepaper-overlay form .container-right{direction: rtl}
.whitepaper-overlay form .container-right h2{font-size: 36px; color: #152E4B; font-family: ubuntu-regular, Helvetica, Arial, sans-serif}
.arabic .whitepaper-overlay form .container-right h2{font-family: GESSTwoMedium, Helvetica, Arial, sans-serif}
.whitepaper-overlay form .container-right h2.add-border-bottom:after{margin: 25px 0 0 0}
.whitepaper-overlay form .container-right p{font-size: 20px; color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 40px 0; line-height: 36px}
.arabic .whitepaper-overlay form .container-right p{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.whitepaper-overlay form .container-right input{height: 50px; border: 1px solid #9AA7B5; background: transparent; width: 100%; margin: 0 0 15px 0; outline: none; padding: 0 10px; font-size: 16px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, .7)}
.whitepaper-overlay form .container-right input{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.whitepaper-overlay form .container-right input::-webkit-input-placeholder{font-size: 18px; color: rgba(34, 34, 34, .7)}
.whitepaper-overlay form .container-right input:-moz-placeholder{font-size: 18px; color: rgba(34, 34, 34, .7)}
.whitepaper-overlay form .container-right input::-moz-placeholder{font-size: 18px; color: rgba(34, 34, 34, .7)}
.whitepaper-overlay form .container-right input:-ms-input-placeholder{font-size: 18px; color: rgba(34, 34, 34, .7)}
.whitepaper-overlay form .container-right .btn{margin: 15px 0 0 0}

.aboutus-page .awards{padding: 200px 240px 350px 240px; font-size: 0}
.arabic .aboutus-page .awards{direction: rtl}
.aboutus-page .awards .section-title{max-width: 310px; display: inline-block; vertical-align: top}
.arabic .aboutus-page .awards .section-title{padding: 0 0 0 25px}
.aboutus-page .awards h3.add-border-bottom:after{margin: 60px 0 0 0}
.aboutus-page .awards ul{width: calc(100% - 390px); display: inline-block; margin: 0 0 0 80px; vertical-align: top}
.arabic .aboutus-page .awards ul{margin: 0 80px 0 0}
.aboutus-page .awards ul li{padding: 50px 0; border-bottom: 1px solid rgba(0, 0, 0, .2)}
.aboutus-page .awards ul li:first-child{padding: 0 0 50px 0}
.aboutus-page .awards ul li:last-child{border-bottom: none}
.aboutus-page .awards ul li figure{width: 25%; margin: 0 3% 0 0; display: inline-block; vertical-align: middle}
.arabic .aboutus-page .awards ul li figure{margin: 0 0 0 3%}
.aboutus-page .awards ul li .award-1{height: 120px}
.aboutus-page .awards ul li .award-2{height: 105px}
.aboutus-page .awards ul li .award-3{height: 82px}
.aboutus-page .awards ul li .award-4{height: 95px}
.aboutus-page .awards ul li .award-5{height: 145px}
.aboutus-page .awards ul li .award-6{height: 136px}
.aboutus-page .awards ul li > div{width: 72%; display: inline-block; vertical-align: middle}
.aboutus-page .awards ul li > div h3{color: #00ACE4; font-family: ubuntu-light, Helvetica, Arial, sans-serif; font-size: 30px}
.arabic .aboutus-page .awards ul li > div h3{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.aboutus-page .awards ul li > div p{color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 36px; margin: 25px 0 0 0}
.arabic .aboutus-page .awards ul li > div p{font-family: GESSTwoLight, Helvetica, Arial, sans-serif; font-size: 22px}
.aboutus-page .testimonials{min-height: 900px}
.arabic .aboutus-page .testimonials{direction: rtl}
.aboutus-page .testimonials .container.third{background: linear-gradient(30deg, #3A7ECC 0%, #00ADE5 100%); padding: 215px 100px 100px 240px}
.arabic .aboutus-page .testimonials .container.third{padding: 215px 240px 100px 65px}
.aboutus-page .testimonials .container.two-thirds{background-color: #152E4B; padding: 215px 240px 100px 125px}
.arabic .aboutus-page .testimonials .container.two-thirds{padding: 215px 125px 100px 240px}
.aboutus-page .testimonials .section-title{color: #FFFFFF}
.arabic .aboutus-page .testimonials .section-title{font-size: 50px; line-height: 65px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.aboutus-page .testimonials .section-title.add-border-bottom:after{background: #FFFFFF; height: 2px; margin: 55px 0 0 0}
.aboutus-page .testimonials .container.two-thirds i{width: 52px; height: 37px; background: url('/assets/images/testimonials-icon.png') no-repeat center; background-size: contain; display: inline-block; margin: 10px 30px 0 0; vertical-align: top}
.arabic .aboutus-page .testimonials .container.two-thirds i{margin: 10px 0 0 30px}
.aboutus-page .testimonials .container.two-thirds p{font-size: 30px; line-height: 50px; color: #E8EDF0; font-family: ubuntu-light, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: top; width: calc(100% - 82px)}
.arabic .aboutus-page .testimonials .container.two-thirds p{font-size: 30px; line-height: 46px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.aboutus-page .testimonials .container.two-thirds h4{color: #00ADE5; font-family: ubuntu-light, Helvetica, Arial, sans-serif; font-size: 30px; margin: 80px 0 0 82px}
.arabic .aboutus-page .testimonials .container.two-thirds h4{font-family: GESSTwoLight, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 30px; margin: 80px 82px 0 0}
.aboutus-page .testimonials .container.two-thirds span{color: rgba(255, 255, 255, .7); font-family: ubuntu-light, Helvetica, Arial, sans-serif; font-size: 20px; display: block; margin: 10px 0 0 82px}
.arabic .aboutus-page .testimonials .container.two-thirds span{font-size: 24px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif; margin: 10px 82px 0 0}
.aboutus-page .join-us{padding: 200px 240px}
.arabic .aboutus-page .join-us{direction: rtl}
.aboutus-page .join-us .container{font-size: 0}
.aboutus-page .join-us .container figure{width: 50%; display: inline-block; vertical-align: middle; background: url('/assets/images/join-us-bg.jpg') no-repeat center; background-size: cover; height: 540px}
.aboutus-page .join-us .container > div{width: 50%; display: inline-block; vertical-align: middle; padding: 0 0 0 130px}
.arabic .aboutus-page .join-us .container > div{padding: 0 130px 0 0}
.aboutus-page .join-us .container > div .section-title.add-border-bottom:after{margin: 50px 0 0 0}
.aboutus-page .join-us .container > div p{font-size: 22px; line-height: 36px; color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 50px 0 0 0}
.arabic .aboutus-page .join-us .container > div p{font-size: 24px; line-height: 40px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.aboutus-page .join-us .container > div .btn{margin: 60px 0 0 0}
/*End About Us Page*/


/*Careers Page*/
.careers-page .page-cover{background: url('/assets/images/careers-cover-bg.jpg') no-repeat center; background-size: cover}
.arabic .careers-page .page-cover{direction: rtl}
.arabic .careers-page .page-cover > div{padding: 0 50px 0 0}
.careers-page .page-cover > div h2{font-size: 60px; line-height: 80px; max-width: 880px}
.arabic .careers-page .page-cover > div h2{max-width: 840px}
.careers-page .video-container{background-color: #E8EDF0; padding: 100px 400px; text-align: center}
.arabic .careers-page .video-container{direction: rtl}
.careers-page .video-container .video-thumbnail{height: 550px; background: url('/assets/images/video-thumbnail.jpg') no-repeat center; background-size: cover; margin: 0 0 90px 0; position: relative; cursor: pointer}
.careers-page .video-container .video-thumbnail:after{content: ''; width: 100px; height: 100px; background: url('/assets/images/play-icon.png') no-repeat center; background-size: contain; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto}
.careers-page .video-container video, .careers-page .video-container iframe {display: block; width: 100%; margin: 0 0 90px 0}
.careers-page .video-container p{font-size: 24px; color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: middle}
.arabic .careers-page .video-container p{font-size: 30px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.careers-page .video-container .btn{display: block; width: 250px; margin: 40px auto 0 auto; vertical-align: middle; direction: ltr}
.arabic .careers-page .video-container .btn{margin: 40px auto 0 auto}
.careers-page .video-container .btn i{font-size: 30px; margin: 0 20px 0 0; position: relative; top: 5px}
.careers-page .what-we-look-for{padding: 165px 240px 230px 240px}
.arabic .careers-page .what-we-look-for{direction: rtl}
.careers-page .what-we-look-for .section-title.add-border-bottom:after{margin: 80px 0 0 0}
.careers-page .what-we-look-for .intro{font-size: 30px; line-height: 42px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; color: #152E4B; padding: 0 0 0 240px; margin: -22px 0 0 0}
.arabic .careers-page .what-we-look-for .intro{font-size: 36px; line-height: 46px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif; padding: 0 240px 0 0}
.careers-page .what-we-look-for ul{margin: 130px 0 0 0; width: 835px; float: right}
.arabic .careers-page .what-we-look-for ul{float: left}
.careers-page .what-we-look-for ul li{padding: 60px 0; border-bottom: 1px solid rgba(0, 0, 0, .2)}
.careers-page .what-we-look-for ul li:first-child{padding: 0 0 60px 0}
.careers-page .what-we-look-for ul li:last-child{border-bottom: none; padding: 60px 0 0 0}
.careers-page .what-we-look-for ul li h4{color: #00ADE5; font-size: 30px; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
.arabic .careers-page .what-we-look-for ul li h4{font-size: 30px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.careers-page .what-we-look-for ul li p{color: #152E4B; font-size: 22px; line-height: 36px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 45px 0 0 0}
.arabic .careers-page .what-we-look-for ul li p{font-size: 24px; line-height: 40px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.careers-page .what-we-offer .container.two-thirds{padding: 125px 230px 60px 240px}
.careers-page .what-we-offer .section-title{color: #FFFFFF}
.careers-page .what-we-offer .text p{margin: 0 0 20px 0}
.careers-page .what-we-offer .container.third figure{background: url('/assets/images/what-we-offer-bg.jpg') no-repeat center; background-size: cover}
.careers-page .jobs{padding: 240px 240px 200px 240px}
.arabic .careers-page .jobs{direction: rtl}
.careers-page .jobs .section-title{display: inline-block; vertical-align: top}
.careers-page .jobs .add-border-bottom:after{margin: 80px 0 0 0}
.careers-page .jobs .vacancies{margin: 0 0 0 auto; width: 835px; display: inline-block; vertical-align: top; float: right}
.arabic .careers-page .jobs .vacancies{margin: 0 auto 0 0; float: left}
.careers-page .jobs .vacancies li{padding: 40px 0; border-bottom: 1px solid rgba(0, 0, 0, .2)}
.careers-page .jobs .vacancies li:first-child{padding: 0 0 40px 0}
.careers-page .jobs .vacancies li:last-child{border-bottom: none}
.careers-page .jobs .vacancies li span{font-size: 18px; color: #00ACE5; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
.arabic .careers-page .jobs .vacancies li span{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.careers-page .jobs .vacancies li a.toggle{display: block; position: relative; padding: 0 20px 0 0}
.arabic .careers-page .jobs .vacancies li a.toggle{padding: 0 0 0 20px}
.careers-page .jobs .vacancies li a.toggle:after{content: '\f107'; font-family: FontAwesome; font-size: 20px; color: #4D97C7; position: absolute; transition: .35s; right: 0; font-weight: bold; top: 50%; transform: translateY(-50%)}
.arabic .careers-page .jobs .vacancies li a.toggle:after{left: 0; right: initial}
.careers-page .jobs .vacancies li a.toggle.active:after{transform: translateY(-50%) rotate(-180deg)}
.arabic .careers-page .jobs .vacancies li a.toggle.active:after{transform: translateY(-50%) rotate(180deg)}
.careers-page .jobs .vacancies li h4{font-size: 30px; color: #222222; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 10px 0 0 0}
.arabic .careers-page .jobs .vacancies li h4{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.careers-page .jobs .vacancies li .specs {margin: 50px 0 0 0}
.careers-page .jobs .vacancies li ul li{color: #152E4B; font-size: 22px; line-height: 36px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 0 0 10px 0; position: relative; padding: 0 0 0 20px !important; border-bottom: none}
.arabic .careers-page .jobs .vacancies li ul li{font-family: GESSTwoLight, Helvetica, Arial, sans-serif; padding: 0 20px 0 0 !important}
.careers-page .jobs .vacancies li ul li:before{content: '-'; position: absolute; color: #152E4B; font-size: 22px; line-height: 36px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; left: 0}
.arabic .careers-page .jobs .vacancies li ul li:before{left: initial; right: 0}
.careers-page .jobs .vacancies .btn{margin: 60px 0 0 0}
.careers-page .jobs .vacancies li > div{display: none}
.careers-page .coop .container.two-thirds{padding: 125px 200px 60px 240px}
.careers-page .coop .container.two-thirds .text a{color: #01ACE4}
.careers-page .coop .container.two-thirds .text.regular{font-family: ubuntu-regular, Helvetica, Arial, sans-serif}
.arabic .careers-page .coop .container.two-thirds .text.regular{font-family: GESSTwoMedium, Helvetica, Arial, sans-serif}
.careers-page .coop .container.two-thirds .text.regular:after{display: none}
.careers-page .coop .container.third figure{background: url('/assets/images/coop-bg.jpg') no-repeat center; background-size: cover}
.careers-page .apply .container.third{background: linear-gradient(30deg, #3A7ECC 0%, #00ADE5 100%); padding: 145px 0 130px 240px}
.careers-page .apply .container.third .section-title{color: #FFFFFF}
.arabic .careers-page .apply .container.third .section-title{padding: 0 150px 0 0}
.careers-page .apply .container.third .section-title.add-border-bottom:after{background: #FFFFFF}
.careers-page .apply .container.two-thirds{padding: 145px 240px 110px 195px}
.careers-page .apply .container.two-thirds form .row.cv{margin: 40px 0 25px 0}
.careers-page .apply .container.two-thirds form label{color: #152E4B; font-size: 18px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; display: block; margin: 0 0 10px 0}
.arabic .careers-page .apply .container.two-thirds form label{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.select-container{height: 50px; border: 1px solid #9AA7B5; width: 100%; outline: none; font-size: 16px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; position: relative}
.arabic .select-container{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.select-container a.toggle{display: block; height: 100%; padding: 0 10px; line-height: 48px; color: #152E4B}
.select-container a.toggle:after{content: '\f107'; font-family: FontAwesome; font-size: 20px; color: #4D97C7; display: inline-block; font-weight: bold; transition: .2s; position: absolute; right: 10px; top: 50%; transform: translateY(-50%)}
.arabic .select-container a.toggle:after{right: initial; left: 10px}
.select-container a.toggle.active:after{transform: translateY(-50%) rotate(-180deg)}
.arabic .select-container a.toggle.active:after{transform: translateY(-50%) rotate(180deg)}
.select-container ul{background-color: #FFFFFF; position: absolute; width: calc(100% + 2px); z-index: 9; border: 1px solid #9AA7B5; left: -1px; border-top: none; top: 48px; visibility: hidden; opacity: 0; transition: .2s; max-height: 300px; overflow-y: scroll}
.select-container ul.active{visibility: visible; opacity: 1}
.select-container ul li{height: 50px; line-height: 50px}
.select-container ul li a{display: block; transition: .5s; padding: 0 20px; height: 100%; color: #152E4B}
.select-container ul li a:hover{background-color: rgba(0, 172, 229, .8); color: #FFFFFF !important}
.careers-page .apply .container.two-thirds form input[type="file"]{margin: 30px 0 0 0; outline: none; border: none; height: auto; padding: 0}
.careers-page .apply .container.two-thirds form .btn{margin: 30px 0 0 0}
/*End Careers Page*/

/*Cybersecurity Services Page*/
.cybersecurity-services-page .page-cover{background: url('/assets/images/cybersecurity-services-cover-bg.jpg') no-repeat center; background-size: cover}
.section-page section.main-section.section-style-2 .container.two-thirds{padding: 240px 200px 240px 240px}
.section-page section.main-section.section-style-1 .container.two-thirds{padding: 240px 240px 240px 205px}
.section-page section.main-section.section-style-1 .text{padding: 0 0 0 230px}
.arabic .section-page section.main-section.section-style-1 .text{padding: 0 230px 0 0}
.section-page section.main-section.section-style-1 .text:before{display: none}
.section-page section.main-section.section-style-1 .text:after{width: 150px; left: 0}
.arabic .section-page section.main-section.section-style-1 .text:after{width: 150px; left: initial; right: 0}
.section-page section.main-section.section-style-1 .container > div .btn{margin: 0 0 0 230px; color: #FFFFFF}
.arabic .section-page section.main-section.section-style-1 .container > div .btn{margin: 0 230px 0 230px}
.section-page section.contact.main-section .container.two-thirds{padding: 190px 240px 145px 205px}
.section-page section.contact.main-section .container.third{background: linear-gradient(30deg, #3A7ECC 0%, #00ADE5 100%); padding: 190px 70px 145px 240px}
.arabic .section-page section.contact.main-section .container.third{padding: 190px 60px 145px 240px}
.section-page section.contact.main-section .container.third .section-title{font-size: 40px; line-height: 48px; color: #FFFFFF}
.arabic .section-page section.contact.main-section .container.third .section-title{font-size: 36px}
.section-page section.contact.main-section .container.third .section-title.add-border-bottom:after{margin: 55px 0 0 0; background: #FFFFFF}
.arabic .section-page .page-cover{direction: rtl}
.arabic .section-page .page-cover > div{padding: 0 50px 0 0}
form.contact-form h4{color: #152E4B; font-size: 30px; line-height: 50px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 0 0 45px 0}
.arabic form.contact-form h4{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
form.contact-form .row{margin: 0 0 30px 0}
form.contact-form .half{width: 48%; margin: 0 4% 0 0; display: inline-block; vertical-align: top}
.arabic form.contact-form .half{margin: 0 0 0 4%}
form.contact-form .half:nth-child(even){margin: 0}
.arabic form.contact-form .half:nth-child(even){margin: 0}
form.contact-form input, form.contact-form textarea{height: 50px; border: 1px solid #9AA7B5; width: 100%; padding: 0 10px; outline: none; font-size: 16px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; color: #152E4B}
.arabic form.contact-form input, .arabic form.contact-form textarea{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
section.contact form.contact-form input, section.contact form.contact-form textarea{background: #E8EDF0}
form.contact-form textarea{height: 120px; padding: 10px}
section.contact form.contact-form .select-container ul{background: #E8EDF0}
form.contact-form input::-webkit-input-placeholder, form.contact-form textarea::-webkit-input-placeholder{font-size: 18px; color: #152E4B}
form.contact-form input:-moz-placeholder, form.contact-form textarea:-moz-placeholder{font-size: 18px; color: #152E4B}
form.contact-form input::-moz-placeholder, form.contact-form textarea::-moz-placeholder{font-size: 18px; color: #152E4B}
form.contact-form input:-ms-input-placeholder, form.contact-form textarea:-ms-input-placeholder{font-size: 18px; color: #152E4B}
form.contact-form p{color: #152E4B; font-size: 20px; line-height: 36px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 0 0 70px 0}
.arabic form.contact-form p{font-size: 22px; line-height: 36px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
#form_job_title {color: #152E4B; font-size: 20px; line-height: 36px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 0 0 70px 0; display: none}
.arabic #form_job_title {font-size: 22px; line-height: 36px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif; display: none}
form.contact-form .notice{color: rgba(21, 46, 75, .5); font-size: 18px; margin: 50px 0 0 0; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
.section-page .advisory-transformation figure{background: url('/assets/images/advisory-transformation-bg.jpg') no-repeat center; background-size: cover}
.section-page .cyber-assurance figure{background: url('/assets/images/cyber-assurance-bg.jpg') no-repeat center; background-size: cover}
.section-page .cyber-defense figure{background: url('/assets/images/cyber-defense-bg.jpg') no-repeat center; background-size: cover}
.section-page .awareness-training figure{background: url('/assets/images/awareness-training-bg.jpg') no-repeat center; background-size: cover}
.section-page .compliance figure{background: url('/assets/images/compliance-bg.jpg') no-repeat center; background-size: cover}
/*End Cybersecurity Services Page*/


/*Cybersecurity Service Page*/
.cybersecurity-service-page .page-cover{background: url('/assets/images/cybersecurity-service-cover-bg.jpg') no-repeat center; background-size: cover}
.service-page section.main-section.section-style-2 .container.two-thirds{padding: 160px 200px 175px 240px}
.service-page .page-cover > div h2{font-size: 60px}
.service-page .sidebar .container.third{padding: 190px 20px 50px 240px}
.arabic .service-page .sidebar .container.third{direction: rtl; padding: 190px 100px 50px 240px}
.service-page .sidebar .container.third h2{font-size: 14px; color: #00ADE5; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; text-transform: uppercase}
.arabic .service-page .sidebar .container.third h2{font-size: 16px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.service-page .sidebar .container.third ul{margin: 85px 0 0 0}
.service-page .sidebar .container.third ul li{margin: 0 0 50px 0}
.service-page .sidebar .container.third ul li a{font-size: 20px; color: #152E4B; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; position: relative}
.arabic .service-page .sidebar .container.third ul li a{font-family: GESSTwoMedium, Helvetica, Arial, sans-serif}
.service-page .sidebar .container.third ul li a:after{content: ''; background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%); height: 2px; position: absolute; width: 100%; left: 0; bottom: -5px; opacity: 0; visibility: hidden; transition: .5s}
.service-page .sidebar .container.third ul li a:hover:after ,.service-page .sidebar .container.third ul li a.active:after{opacity: 1; visibility: visible}
.section-page.service-page section.sidebar .container.two-thirds{padding: 190px 240px 200px 200px}
.service-page .sidebar .container.two-thirds ul li{padding: 55px 0; border-bottom: 1px solid rgba(0, 0, 0, .2)}
.service-page .sidebar .container.two-thirds ul li:first-child{padding: 0 0 55px 0}
.service-page .sidebar .container.two-thirds ul li:last-child{border-bottom: none; padding: 55px 0 0 0}
.service-page .sidebar .container.two-thirds ul li h4{color: #00ADE5; font-size: 30px; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
.arabic .service-page .sidebar .container.two-thirds ul li h4{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.service-page .sidebar .container.two-thirds ul li .description {color: #152E4B; font-size: 22px; line-height: 36px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 45px 0 0 0}
.arabic .service-page .sidebar .container.two-thirds ul li .description {font-size: 24px; line-height: 40px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif}
.service-page .sidebar .container.two-thirds ul li ul{margin: 30px 0 0 0}
.service-page .sidebar .container.two-thirds ul li ul li{border: none !important; position: relative; padding: 0 0 0 20px !important}
.arabic .service-page .sidebar .container.two-thirds ul li ul li{padding: 0 20px 0 0 !important}
.service-page .sidebar .container.two-thirds ul li ul li:before{content: '\f0da' ; font-family: FontAwesome; font-size: 18px; color: #5DC7E9; position: absolute; left: 0; top: 10px}
.arabic .service-page .sidebar .container.two-thirds ul li ul li:before{left: initial; right: 0; transform: rotate(180deg)}
.service-page .sidebar .container.two-thirds ul li ul li p{margin: 0}
.why-choose-us.main-section figure{background: url('/assets/images/cybersecurity-bg.jpg?1') no-repeat center; background-size: cover}
/*End Cybersecurity Service Page*/


/*Cybersecurity Solutions Page*/
.cybersecurity-solutions-page .page-cover{background: url('/assets/images/cybersecurity-solutions-cover-bg.jpg') no-repeat center; background-size: cover}
.cybersecurity-solutions-page .page-cover > div h2{font-size: 60px; line-height: 85px; max-width: 920px; padding: 0 70px 0 0}
.arabic .cybersecurity-solutions-page .page-cover > div h2{padding: 0}
.cybersecurity-solutions-page .network-security figure{background: url('/assets/images/network-security-bg.jpg') no-repeat center; background-size: cover}
.cybersecurity-solutions-page .secure-identity figure{background: url('/assets/images/secure-identity-bg.jpg') no-repeat center; background-size: cover}
.cybersecurity-solutions-page .server-security figure{background: url('/assets/images/server-security-bg.jpg') no-repeat center; background-size: cover}
.cybersecurity-solutions-page .data-protection figure{background: url('/assets/images/data-protection-bg.jpg') no-repeat center; background-size: cover}
.cybersecurity-solutions-page .application-security figure{background: url('/assets/images/application-security-bg.jpg') no-repeat center; background-size: cover}
/*End Cybersecurity Solutions Page*/


/*Cybersecurity Solution Page*/
.cybersecurity-solution-page .page-cover{background: url('/assets/images/cybersecurity-solution-cover-bg.jpg') no-repeat center; background-size: cover}
/*End Cybersecurity Solutions Page*/


/*Managed Services Page*/
.managed-services-page .page-cover{background: url('/assets/images/managed-services-cover-bg.jpg') no-repeat center; background-size: cover}
.managed-services-page .standard-services figure{background: url('/assets/images/standard-services-bg.jpg') no-repeat center; background-size: cover}
.managed-services-page .premium-services figure{background: url('/assets/images/premium-services-bg.jpg') no-repeat center; background-size: cover}
.managed-services-page .soc-service figure{background: url('/assets/images/soc-service-bg.jpg') no-repeat center; background-size: cover}
/*End Managed Services Page*/


/*Managed Service Page*/
.managed-service-page .page-cover{background: url('/assets/images/managed-service-cover-bg.jpg') no-repeat center; background-size: cover}
/*End Managed Service Page*/


/*Contact Page*/
.contact-page .page-cover{background: url('/assets/images/contact-cover-bg.jpg') no-repeat center; background-size: cover}
.contact-page .page-cover > div h2{font-size: 60px; line-height: 80px; max-width: 1050px; padding: 0 70px 0 0}
.contact-page section.main-section .container.third{padding: 190px 150px 380px 240px}
.arabic .contact-page section.main-section .container.third{direction: rtl; padding: 190px 100px 380px 240px}
.contact-page section.main-section .container.two-thirds{padding: 190px 240px 380px 205px}
.contact-page .container.third .title{color: #00ACE5; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; margin: 0 0 60px 0}
.arabic .contact-page .container.third .title{font-family: GESSTwoLight, Helvetica, Arial, sans-serif; font-size: 18px}
.contact-page .container.third ul li{border-bottom: 1px solid rgba(49, 47, 47, .2); margin: 0 0 50px 0}
.contact-page .container.third ul li:last-child{border-bottom: none; margin: 0}
.contact-page .container.third ul li h4{color: #152E4B; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0 0 35px 0}
.arabic .contact-page .container.third ul li h4{font-family: GESSTwoMedium, Helvetica, Arial, sans-serif; font-size: 22px}
.contact-page .container.third ul li p{color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 30px; margin: 0 0 50px 0}
.arabic .contact-page .container.third ul li p{font-family: HelveticaNeueLTArabic-Roman, Helvetica, Arial, sans-serif; font-size: 20px}
.contact-page .container.two-thirds .location .title{color: #00ACE5; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; margin: 0 0 60px 0}
.arabic .contact-page .container.two-thirds .location .title{font-family: GESSTwoLight, Helvetica, Arial, sans-serif; font-size: 18px}
.contact-page .container.two-thirds .location h4{color: #152E4B; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0 0 35px 0}
.arabic .contact-page .container.two-thirds .location h4{font-family: GESSTwoMedium, Helvetica, Arial, sans-serif; font-size: 22px}
.contact-page .container.two-thirds .location p{color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 30px; margin: 0 0 50px 0}
.arabic .contact-page .container.two-thirds .location p{font-family: HelveticaNeueLTArabic-Roman, Helvetica, Arial, sans-serif; font-size: 22px}
.contact-page .container.two-thirds form{margin: 130px 0 0 0}
.contact-page .container.two-thirds form.contact-form h4{font-family: ubuntu-regular, Helvetica, Arial, sans-serif; margin: 0 0 50px 0}
.arabic .contact-page .container.two-thirds form.contact-form h4{font-family: GESSTwoMedium, Helvetica, Arial, sans-serif}
.contact-page .container.two-thirds form.contact-form h4.add-border-bottom:after{margin: 50px 0 0 0}
.contact-page .container.two-thirds form.contact-form p{margin: 0 0 75px 0}
.contact-page .container.two-thirds form.contact-form .notice{margin: 50px 0 0 0}
.arabic .contact-page .container.two-thirds form.contact-form .notice{font-size: 16px}
.arabic .contact-page .page-cover{direction: rtl}
.arabic .contact-page .page-cover > div{padding: 0 50px 0 0}
.arabic .contact-page .page-cover > div h2{max-width: 750px; padding: 0}
/*End Contact Page*/


/*Partners Clients Page*/
.partners-clients-page.partners .page-cover{background: url('/assets/images/partners-cover-bg.jpg') no-repeat center; background-size: cover}
.partners-clients-page.clients .page-cover{background: url('/assets/images/clients-cover-bg.jpg') no-repeat center; background-size: cover}
.arabic .partners-clients-page .page-cover{direction: rtl}
.arabic .partners-clients-page .page-cover > div{padding: 0 50px 0 0}
.arabic .partners-clients-page .page-cover > div h2{max-width: initial; padding: 0 0 0 40px}
.partners-clients-page .page-cover > div h2{max-width: 640px; padding: 0 10px 0 0}
.partners-clients-page .main-section{padding: 80px 240px; display: block}
.partners-clients-page .main-section ul{margin: 0 0 110px 0; display: grid; grid-template-columns: repeat(6,auto);} /* text-align: justify; text-align-last: justify; */
.partners-clients-page .main-section ul:last-child{margin: 0}
.partners-clients-page.clients .main-section ul{margin: 0 0 75px 0}
.partners-clients-page.clients .main-section ul:last-child{margin: 0}
.partners-clients-page .main-section ul li{display: inline-block; vertical-align: middle; text-align: center; margin-bottom: 40px;}
.partners-clients-page .main-section ul li img{max-height: 60px; max-width: 80%; object-fit: contain;}
.partners-clients-page.clients .main-section ul li img{max-height: 90px}
.partners-clients-page .main-section ul li img{max-height: 90px; transition: .5s}
.partners-clients-page .main-section ul li img:hover{filter: grayscale(100%)}
/*End Partners Clients Page*/


/*Articles Page*/
.articles-page.resources .page-cover{background: url('/assets/images/resources-cover-bg.jpg') no-repeat center; background-size: cover}
.articles-page.blog .page-cover{background: url('/assets/images/particles-cover-bg.jpg') no-repeat center; background-size: cover}
.articles-page .page-cover > div h2{font-size: 60px; line-height: 80px; max-width: 1050px; padding: 0 70px 0 0}
.articles-page.blog .page-cover > div h2{font-size: 60px; line-height: 80px; max-width: 1050px; padding: 0 70px 0 0}
.arabic .articles-page .page-cover > div h2{padding: 0}
.articles-page .main-section .filters{background-color: #E8EDF0; padding: 50px 240px}
.arabic .articles-page .main-section .filters{direction: rtl}
.articles-page .main-section .filters li{display: inline-block; margin: 0 65px 0 0}
.articles-page .main-section .filters li:last-child{margin: 0}
.arabic .articles-page .main-section .filters li{margin: 0 0 0 65px}
.arabic .articles-page .main-section .filters li:last-child{margin: 0}
.articles-page .main-section .filters li a{font-size: 20px; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; color: #152E4B; position: relative}
.arabic .articles-page .main-section .filters li a{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.articles-page .main-section .filters li a:after{content: ''; background: linear-gradient(90deg, #00ADE5 0%, #2F66A5 100%); height: 3px; position: absolute; left: 0; bottom: -8px; width: 100%; visibility: hidden; opacity: 0; transition: .5s}
.articles-page .main-section .filters li a:hover:after, .articles-page .main-section .filters li a.active:after{opacity: 1; visibility: visible}
.articles-page .main-section .articles-listing{font-size: 0; padding: 100px 240px 190px 240px}
.arabic .articles-page .main-section .articles-listing{direction: rtl}
.articles-page .main-section .articles-listing article{width: 31%; margin: 0 3.5% 140px 0; display: inline-block; vertical-align: top}
.articles-page .main-section .articles-listing article a{display: block}
.arabic .articles-page .main-section .articles-listing article{margin: 0 0 140px 3.5%}
.articles-page .main-section .articles-listing article:nth-child(3n){margin: 0 0 140px 0}
.articles-page .main-section .articles-listing article figure{height: 280px}
.articles-page .main-section .articles-listing article span.blue{font-size: 18px; color: #01ACE4; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 15px 0 0 0; display: inline-block}
.arabic .articles-page .main-section .articles-listing article span.blue{font-size: 20px; font-family: HelveticaNeueLTArabic-Roman, Helvetica, Arial, sans-serif; line-height: 36px; margin: 15px 0 0 0} /* float: right; */
.arabic .articles-page.resources .main-section .articles-listing article span.blue{float: none; display: block}
span.read-type{font-size: 16px; color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 36px 0 0 0; float: right; text-transform: uppercase}
.arabic span.read-type{font-size: 20px; float: none; display: inline-block; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
span.read-type.quick:before{content: ''; width: 12px; height: 18px; background: url('/assets/images/quick-read-icon.png') no-repeat center; background-size: contain; display: inline-block; margin: 0 10px 0 0; top: 3px; position: relative}
.arabic span.read-type.quick:before{display: none}
.arabic span.read-type.quick:after{content: ''; width: 12px; height: 18px; background: url('/assets/images/quick-read-icon.png') no-repeat center; background-size: contain; display: inline-block; margin: 0 10px 0 0; top: 3px; position: relative}
span.read-type.slow:before{content: ''; width: 45px; height: 14px; background: url('/assets/images/slow-read-icon.png') no-repeat center; background-size: contain; display: inline-block; margin: 0 10px 0 0; top: 2px; position: relative}
.arabic span.read-type.slow:before{display: none}
.arabic span.read-type.slow:after{content: ''; width: 45px; height: 14px; background: url('/assets/images/slow-read-icon.png') no-repeat center; background-size: contain; display: inline-block; margin: 0 10px 0 0; top: 2px; position: relative}
.articles-page .main-section .articles-listing article h3{font-size: 30px; line-height: 40px; color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 15px 0 0 0; transition: .5s; clear: both;}
.articles-page .main-section .articles-listing article a:hover h3{color: rgba(21, 46, 75, .6)}
.arabic .articles-page .main-section .articles-listing article h3{line-height: 45px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.articles-page .main-section .articles-listing .btn{text-transform: none; margin: auto; font-size: 18px}
.articles-page .newsletter-component{margin: 180px 0 180px -395px}
.arabic .articles-page .newsletter-component{margin: 180px 250px 180px 0}
.arabic .articles-page .page-cover{direction: rtl}
.arabic .articles-page .page-cover > div{padding: 0 50px 0 0}
/*End Articles Page*/


/*Post Page*/
.post-page .page-cover:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(1, 26, 56, .7)}
.post-page .page-cover > div{padding: 0 50px 0 0} /* transform: translateY(-50%); */
.arabic .post-page .page-cover{direction: rtl}
.post-page .page-cover > div h2{font-size: 70px; line-height: 85px; padding: 0 70px 0 0}
.arabic .post-page .page-cover > div h2{font-size: 50px; line-height: 72px; padding: 0 0 0 20px}
.post-page.resource .page-cover > div h2{font-size: 60px; line-height: 85px; padding: 0 70px 0 0; max-width: 980px}
.arabic .post-page.resource .page-cover > div h2{line-height: 80px; max-width: 840px; padding: 0 0 0 40px}
.page-cover span.read-type{position: absolute; bottom: 60px; color: #FFFFFF; margin: 0}
.arabic .page-cover span.read-type{margin: 0 50px 0 0}
.post-page .main-article{padding: 160px 240px; font-size: 0}
.post-page .main-article .container-left{width: 58%; display: inline-block; vertical-align: top}
.arabic .post-page .main-article .container-left{direction: rtl}
.post-page.resource .main-article .container-left{width: 36%}
.post-page .main-article .text{padding: 0 0 70px 0; border-bottom: 1px solid rgba(0, 0, 0, .2)}
.post-page.resource .main-article .text{padding: 0; border-bottom: none}
.post-page .main-article .text p{margin: 0 0 30px 0; color: #152E4B; font-size: 20px; line-height: 36px; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
.arabic .post-page .main-article .text p{font-size: 24px; line-height: 40px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.post-page .main-article .text h2{margin: 0 0 30px 0; color: #152E4B; font-size: 30px; line-height: 40px; font-family: ubuntu-regular, Helvetica, Arial, sans-serif}
.arabic .post-page .main-article .text h2{font-size: 34px; line-height: 44px; font-family: GESSTwoMedium, Helvetica, Arial, sans-serif}
.post-page .main-article .text img{max-width: 100%; margin: 50px 0 80px 0}
.post-page .main-article .text *{max-width: 100%}
.post-page .main-article .container-left .social-share{margin: 90px 0 0 0}
.post-page .main-article .container-left .social-share span{font-size: 20px; color: #00ADE5; font-family: ubuntu-light, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: middle}
.arabic .post-page .main-article .container-left .social-share span{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.post-page .main-article .container-left .social-share ul{margin: 0 0 0 30px; display: inline-block; vertical-align: middle}
.post-page .main-article .container-left .social-share ul li{display: inline-block; margin: 0 25px 0 0}
.post-page .main-article .container-left .social-share ul li a{font-size: 18px; color: rgba(21, 46, 76, .9); transition: .5s}
.post-page .main-article .container-left .social-share ul li a:hover{color: #00ADE5}
.post-page .main-article .btn{margin: 110px 0 0 0; width: 245px; text-transform: none}
.post-page .main-article .container-right{width: 32%; display: inline-block; vertical-align: top; margin: 0 0 0 10%}
.arabic .post-page .main-article .container-right{direction: rtl}
.post-page.resource .main-article .container-right{width: 58%; margin: 0 0 0 6%}
.post-page .main-article .container-right .component{margin: 0 0 180px 0}
.post-page .main-article .container-right .component h3{font-size: 30px; color: #152E4B; font-family: ubuntu-regular, Helvetica, Arial, sans-serif}
.arabic .post-page .main-article .container-right .component h3{font-family: GESSTwoMedium, Helvetica, Arial, sans-serif}
.post-page .main-article .container-right .component h3.add-border-bottom:after{margin: 35px 0 0 0}
.post-page .main-article .container-right .component ul{margin: 60px 0 0 0}
.post-page .main-article .container-right .component ul li{padding: 45px 0; border-bottom: 1px solid rgba(0, 0, 0, .2)}
.post-page .main-article .container-right .component ul li:first-child{padding: 0 0 45px 0}
.post-page .main-article .container-right .component ul li:last-child{padding: 45px 0 0 0; border-bottom: none}
.post-page .main-article .container-right .component ul li a span{font-size: 18px; color: #01ACE4; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
.arabic .post-page .main-article .container-right .component ul li a span{font-size: 20px; font-family: HelveticaNeueLTArabic-Roman, Helvetica, Arial, sans-serif; line-height: 36px}
.post-page .main-article .container-right .component ul li a h4{font-size: 30px; line-height: 40px; color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 30px 0 0 0}
.post-page .main-article .container-right .component ul li a{display: block}
.post-page .main-article .container-right .component ul li a h4{transition: .5s}
.post-page .main-article .container-right .component ul li a:hover h4{color: rgba(21, 46, 75, .6)}
.arabic .post-page .main-article .container-right .component ul li a h4{line-height: 45px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.post-page .main-article .container-right .component.latest-rss ul li a h4{margin: 0 0 30px 0}
.post-page .main-article .container-right .component ul li{padding: 45px 0 30px 0}
.post-page .main-article .container-right .component ul li:first-child{padding: 0 0 30px 0}
.post-page .main-article .container-right .component ul li:last-child{padding: 45px 0 0 0}
.post-page.resource .main-article .container-left .article-info span{color: #01ACE4; font-size: 18px; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
.arabic .post-page.resource .main-article .container-left .article-info span{font-size: 20px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.post-page.resource .main-article .container-left .article-info h4{color: #152E4B; font-size: 30px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 30px 0 0 0}
.arabic .post-page.resource .main-article .container-left .article-info h4{font-family: GESSTwoMedium, Helvetica, Arial, sans-serif}
.post-page.resource .main-article .container-left .article-info figure{height: 330px; margin: 70px 0 0 0}
/*End Post Page*/


/*404 Page*/
.page-not-found .page-cover{background: url('/assets/images/particles-cover-bg.jpg') no-repeat center; background-size: cover}
.arabic .page-not-found .page-cover{direction: rtl}
/*.page-not-found .page-cover > div{transform: translateY(-50%)}*/
.page-not-found .page-cover > div p{color: #FFFFFF; max-width: 600px}
.arabic .page-not-found .page-cover > div p{margin: 40px 0 0 0}
.page-not-found .page-cover > div .btn{margin: 65px 0 0  0}
/*End 404 Page*/


/*Thank You Page*/
.thank-you-page .page-cover{background: url('/assets/images/thank-you-cover-bg.jpg') no-repeat center; background-size: cover}
.arabic .thank-you-page .page-cover{direction: rtl}
/*.thank-you-page .page-cover > div{transform: translateY(-50%)}*/
.thank-you-page .page-cover > div h2{max-width: 660px}
.thank-you-page .page-cover > div p{font-size: 24px; color: #FFFFFF; margin: 45px 0 0 0; line-height: 30px}
.arabic .thank-you-page .page-cover > div p{margin: 40px 0 0 0}
.thank-you-page .page-cover > div .btn{margin: 75px 0 0 0}
/*End Thank You Page*/


/*Static Page*/
.static-page .page-cover{background: url('/assets/images/particles-cover-bg.jpg') no-repeat center; background-size: cover}
.arabic .static-page .page-cover{direction: rtl}
/*.static-page .page-cover > div{transform: translateY(-50%)}*/
.static-page .page-cover > div h2{margin: 0}
.static-page .main-container{padding: 100px 240px}
.arabic .static-page .main-container{direction: rtl}
.static-page .main-container h2{font-size: 30px; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; margin: 0 0 40px 0; color: #152E4B}
.arabic .static-page .main-container h2{font-size: 32px; font-family: GESSTwoMedium, Helvetica, Arial, sans-serif}
.static-page .main-container p{font-size: 24px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; margin: 0 0 40px 0; color: #152E4B; line-height: 36px}
.arabic .static-page .main-container p{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
/*End Static Page*/


/*Search Overlay*/
.search-overlay{position: fixed; top: 0; bottom: 0; left:0 ; right: 0; background-color: rgba(1, 26, 56, .98); z-index: 9999; display: none}
.arabic .search-overlay{direction: rtl}
.search-overlay .close{position: absolute; top: 50px; right: 50px; width: 30px; height: 30px; background: url('/assets/images/close-icon-white.png') no-repeat center; background-size: contain}
.arabic .search-overlay .close{left: 50px; right: initial}
.search-overlay form{position: absolute; top: 50%; transform: translateY(-50%); max-width: 1060px; left: 0; right: 0; margin: auto; padding: 0 30px}
.search-overlay form:after{content: ''; background: linear-gradient(90deg, #00ADE5 0%, #2F66A5 100%); height: 1px; width: calc(100% - 60px); position: absolute; left: 30px; bottom: 0}
.search-overlay form input{width: 100%; border: none; background: transparent; padding: 25px 30px 25px 5px; outline: none; font-family: ubuntu-light, Helvetica, Arial, sans-serif; color: rgba(255, 255, 255, .5); font-size: 16px}
.arabic .search-overlay form input{padding: 25px 5px 25px 30px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
.search-overlay form input::-webkit-input-placeholder{font-size: 20px; color: rgba(255, 255, 255, .5)}
.search-overlay form input:-moz-placeholder{font-size: 20px; color: rgba(255, 255, 255, .5)}
.search-overlay form input::-moz-placeholder{font-size: 20px; color: rgba(255, 255, 255, .5)}
.search-overlay form input:-ms-input-placeholder{font-size: 20px; color: rgba(255, 255, 255, .5)}
.search-overlay form input.error::-webkit-input-placeholder{color: #CC0000}
.search-overlay form input.error:-moz-placeholder{color: #CC0000}
.search-overlay form input.error::-moz-placeholder{color: #CC0000}
.search-overlay form input.error:-ms-input-placeholder{color: #CC0000}
.search-overlay form .submit{width: 20px; height: 20px; background: url('/assets/images/loop-icon.png') no-repeat center; background-size: contain; position: absolute; right: 30px; top: 25px}
.arabic .search-overlay form .submit{left: 30px; right: initial}
/*End Search Overlay*/


/*Footer*/
footer{background-color: #011A38; padding: 130px 360px 0 360px; font-size: 0}
.arabic footer{direction: rtl}
footer .logo-container{width: 215px; display: inline-block}
footer .logo-container .logo{width: 216px; height: 54px; background: url('/assets/images/logo.png') no-repeat center; background-size: contain; display: block}
footer .logo-container ul{margin: 60px 0 0 0; text-align: right}
footer .logo-container ul li{display: inline-block; margin: 0 20px 0 0}
.arabic footer .logo-container ul li{margin: 0 0 0 20px}
footer .logo-container ul li:last-child{margin: 0}
footer .logo-container ul li a{color: #FFFFFF; font-size: 18px; transition: .5s}
footer .logo-container ul li a:hover{color: rgba(255, 255, 255, .5)}
footer .links{width: calc(100% - 365px); float: right}
.arabic footer .links{float: left}
footer .links ul{display: inline-block; vertical-align: top; width: 30%}
footer .links ul:first-child{width: 40%}
footer .links ul li.title{margin: 0 0 60px 0}
footer .links ul li.title h3{color: #FFFFFF; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; font-size: 20px}
.arabic footer .links ul li.title h3{font-family: GESSTwoMedium, Helvetica, Arial, sans-serif}
footer .links ul li{margin: 0 0 25px 0; font-size: 18px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; color: rgba(255, 255, 255, .7); padding: 0 20px 0 0}
footer .links ul li a{position: relative}
footer .links ul li a:after{content: ''; position: absolute; width: 100%; border-top: 1px solid rgba(255, 255, 255, .3); left: 0; bottom: -6px; visibility: hidden; opacity: 0; transition: .3s}
footer .links ul li a:hover:after{visibility: visible; opacity: 1; transform: translateY(-3px)}
.arabic footer .links ul li{font-family: GESSTwoLight, Helvetica, Arial, sans-serif; padding: 0 0 0 20px}
footer .links ul li:last-child{padding: 0}
footer .links ul li p{margin: 0 0 15px 0}
.arabic footer .links ul li p span{direction: ltr; display: inline-block}
footer .copyrights{margin: 100px 0 0 0; border-top: 1px solid rgba(255, 255, 255, .2); color: rgba(255, 255, 255, .5); font-size: 16px; font-family: ubuntu-light, Helvetica, Arial, sans-serif; padding: 60px 0}
.arabic footer .copyrights{font-size: 18px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
footer .copyrights p{margin: 0 40px 0 0}
.arabic footer .copyrights p{margin: 0 0 0 40px}
footer .copyrights p, footer .copyrights a{display: inline-block}
footer .copyrights a{transition: .5s}
footer .copyrights a:hover{color: rgba(255, 255, 255, .8)}
footer .copyrights span{margin: 0 15px; color: rgba(255, 255, 255, .2)}
footer .origin{float: right; margin: 0 !important}
.arabic footer .origin{float: left}
.arabic footer .origin a{margin: 0 3px 0 0}
/*End Footer*/

.fade-in{opacity: 0; visibility: hidden; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fade-in; animation-name: fade-in}
@-webkit-keyframes fade-in{
    0%{opacity: 0; visibility: hidden; -webkit-transform: translateY(40px)}
    100%{opacity: 1; visibility: visible; -webkit-transform: translateY(0)}
}

@keyframes fade-in{
    0%{opacity: 0; visibility: hidden; transform: translateY(40px)}
    100%{opacity: 1; visibility: visible; transform: translateY(0)}
}


@media only screen and (max-width : 1885px) {
    header .full-menu .links{padding: 0 200px}
    .page-cover{padding: 0 200px}
    .homepage section.advisory-services .container.two-thirds{padding: 235px 200px 235px 140px}
    .homepage section.managed-services .container.two-thirds{padding: 170px 120px 170px 200px}
    .homepage section.solutions .container.two-thirds{padding: 190px 200px 190px 140px}
    .homepage section.clients .container.third{padding: 80px 120px 80px 200px}
    .arabic .homepage section.clients .container.third{padding: 130px 200px 80px 120px}
    .homepage section.clients .container.two-thirds{padding: 80px 200px 80px 85px}
    .arabic .homepage section.clients .container.two-thirds{padding: 80px 85px 80px 200px}
    .homepage section.cybersecurity .container.two-thirds{padding: 205px 200px 205px 140px}
    section.latest-updates .container.third{padding: 290px 50px 0 200px}
    .arabic section.latest-updates .container.third{padding: 290px 100px 0 200px}
    .homepage .latest-updates .updates{padding: 290px 200px 0 80px}
    .arabic .homepage .latest-updates .updates{padding: 290px 200px 0 80px}
    .newsletter-component{margin: 200px 0 0 -390px}
    .articles-page .newsletter-component{margin: 180px 0 180px -390px}
    .arabic .articles-page .newsletter-component{margin: 180px 200px 180px 0}
    .arabic .newsletter-component{margin: 200px 210px 0 0}


    .aboutus-page .who-we-are{padding: 220px 200px 120px 200px}
    .aboutus-page .vision-container{padding: 0 115px 0 200px}
    .aboutus-page .mission .container > div{width: calc(100% - 315px)}
    .aboutus-page .mission-container{padding: 0 200px 0 115px}
    .aboutus-page .leadership{padding: 270px 200px 200px 200px}
    .aboutus-page .awards{padding: 200px 200px 350px 200px}
    .aboutus-page .testimonials .container.third{padding: 215px 100px 100px 200px}
    .aboutus-page .testimonials .container.two-thirds{padding: 215px 200px 100px 125px}
    .arabic .aboutus-page .testimonials .container.third{padding: 215px 200px 100px 65px}
    .arabic .aboutus-page .testimonials .container.two-thirds{padding: 215px 125px 100px 200px}
    .aboutus-page .join-us{padding: 200px 200px}


    .careers-page .video-container{padding: 100px 200px}
    .careers-page .what-we-look-for{padding: 165px 200px 230px 200px}
    .careers-page .what-we-offer .container.two-thirds{padding: 125px 230px 60px 200px}
    .careers-page .jobs {padding: 240px 200px 200px 200px}
    .careers-page .coop .container.two-thirds{padding: 125px 200px 60px 200px}
    .careers-page .apply .container.third{padding: 145px 0 130px 200px}
    .careers-page .apply .container.two-thirds{padding: 145px 200px 110px 170px}


    .section-page section.main-section.section-style-2 .container.two-thirds{padding: 240px 200px 240px 200px}
    .section-page section.main-section.section-style-1 .container.two-thirds{padding: 240px 200px 240px 205px}
    .section-page section.contact.main-section .container.third{padding: 190px 70px 145px 200px}
    .arabic .section-page section.contact.main-section .container.third{padding: 190px 50px 145px 200px}
    .section-page section.contact.main-section .container.two-thirds{padding: 190px 200px 145px 205px !important}


    .service-page .sidebar .container.third{padding: 190px 20px 50px 200px}
    .arabic .service-page .sidebar .container.third{padding: 190px 100px 50px 200px}
    .service-page section.main-section.section-style-1 .container.two-thirds{padding: 190px 200px 200px 200px}
    .service-page section.main-section.section-style-2 .container.two-thirds{padding: 160px 200px 175px 200px}


    .contact-page section.main-section .container.third{padding: 190px 150px 380px 200px}
    .arabic .contact-page section.main-section .container.third{padding: 190px 100px 380px 200px}
    .contact-page section.main-section .container.two-thirds{padding: 190px 200px 380px 205px}


    .partners-clients-page .main-section{padding: 80px 200px}


    .articles-page .main-section .filters{padding: 50px 200px}
    .articles-page .main-section .articles-listing{padding: 100px 200px 190px 200px}


    .post-page .main-article{padding: 160px 200px}


    .static-page .main-container{padding: 100px 200px}


    footer{padding: 130px 300px 0 300px}
}

@media only screen and (max-width : 1770px) {
    header .full-menu .links{padding: 0 150px}
    .page-cover{padding: 0 150px}
    .homepage section.advisory-services .container.two-thirds{padding: 235px 150px 235px 140px}
    .homepage section.managed-services .container.two-thirds{padding: 170px 120px 170px 150px}
    .homepage section.solutions .container.two-thirds{padding: 190px 150px 190px 140px}
    .homepage section.clients .container.third{padding: 80px 120px 80px 150px}
    .arabic .homepage section.clients .container.third{padding: 130px 150px 80px 120px}
    .homepage section.clients .container.two-thirds{padding: 80px 150px 80px 85px}
    .arabic .homepage section.clients .container.two-thirds{padding: 80px 85px 80px 150px}
    .homepage section.cybersecurity .container.two-thirds{padding: 205px 150px 205px 140px}
    section.latest-updates .container.third{padding: 290px 50px 0 150px}
    .arabic section.latest-updates .container.third{padding: 290px 100px 0 150px}
    .homepage .latest-updates .updates{padding: 290px 150px 0 80px}
    .arabic .homepage .latest-updates .updates{padding: 290px 150px 0 80px}
    .newsletter-component{margin: 150px 0 0 -430px}
    .articles-page .newsletter-component{margin: 180px 0 180px -430px}
    .arabic .articles-page .newsletter-component{margin: 180px 150px 180px 0}
    .arabic .newsletter-component{margin: 150px 150px 0 0}


    .aboutus-page .who-we-are{padding: 220px 150px 120px 150px}
    .aboutus-page .vision-container{padding: 0 115px 0 150px}
    .aboutus-page .mission .container > div{width: calc(100% - 265px)}
    .aboutus-page .mission-container{padding: 0 150px 0 115px}
    .aboutus-page .leadership{padding: 270px 150px 200px 150px}
    .aboutus-page .awards{padding: 200px 150px 350px 150px}
    .aboutus-page .testimonials .container.third{padding: 215px 100px 100px 150px}
    .aboutus-page .testimonials .container.two-thirds{padding: 215px 150px 100px 125px}
    .arabic .aboutus-page .testimonials .container.third{padding: 215px 150px 100px 65px}
    .arabic .aboutus-page .testimonials .container.two-thirds{padding: 215px 125px 100px 150px}
    .aboutus-page .join-us{padding: 200px 150px}


    .careers-page .what-we-look-for{padding: 165px 150px 230px 150px}
    .careers-page .what-we-offer .container.two-thirds{padding: 125px 230px 60px 150px}
    .careers-page .jobs {padding: 240px 150px 200px 150px}
    .careers-page .coop .container.two-thirds{padding: 125px 150px 60px 150px}
    .careers-page .apply .container.third{padding: 145px 0 130px 150px}
    .careers-page .apply .container.two-thirds{padding: 145px 150px 110px 180px}


    .section-page section.main-section.section-style-2 .container.two-thirds{padding: 170px 200px 170px 150px}
    .section-page section.main-section.section-style-1 .container.two-thirds{padding: 170px 150px 170px 205px}
    .section-page section.contact.main-section .container.third{padding: 190px 70px 145px 150px}
    .arabic .section-page section.contact.main-section .container.third{padding: 190px 40px 145px 150px}
    .section-page section.contact.main-section .container.two-thirds{padding: 190px 200px 145px 205px !important}


    .service-page .sidebar .container.third{padding: 190px 20px 50px 150px}
    .arabic .service-page .sidebar .container.third{padding: 190px 100px 50px 150px}
    .service-page section.main-section.section-style-1 .container.two-thirds{padding: 190px 150px 200px 200px}
    .service-page section.main-section.section-style-2 .container.two-thirds{padding: 160px 200px 175px 150px}


    .contact-page section.main-section .container.third{padding: 190px 150px 380px 150px}
    .arabic .contact-page section.main-section .container.third{padding: 190px 100px 380px 150px}
    .contact-page section.main-section .container.two-thirds{padding: 190px 150px 380px 200px}


    .partners-clients-page .main-section{padding: 80px 150px}


    .articles-page .main-section .filters{padding: 50px 150px}
    .articles-page .main-section .articles-listing{padding: 100px 150px 190px 150px}


    .post-page .main-article{padding: 160px 150px}


    .static-page .main-container{padding: 100px 150px}


    footer{padding: 130px 250px 0 250px}
}

@media only screen and (max-width : 1650px) {
    .page-cover{padding: 0 80px}
    header .full-menu .container{padding: 40px 50px 100px 50px}
    header .full-menu .links{padding: 0 100px}
    .homepage section.advisory-services .container.two-thirds{padding: 235px 80px 235px 140px}
    .homepage section.managed-services .container.two-thirds{padding: 170px 120px 170px 80px}
    .homepage section.solutions .container.two-thirds{padding: 190px 80px 190px 140px}
    .homepage section.clients .container.third{padding: 80px 120px 80px 80px}
    .arabic .homepage section.clients .container.third{padding: 130px 80px 80px 120px}
    .homepage section.clients .container.two-thirds{padding: 80px 80px 80px 85px}
    .arabic .homepage section.clients .container.two-thirds{padding: 80px 85px 80px 80px}
    .homepage section.cybersecurity .container.two-thirds{padding: 205px 80px 205px 140px}
    section.latest-updates .container.third{padding: 290px 50px 0 80px}
    .arabic section.latest-updates .container.third{padding: 290px 100px 0 80px}
    .homepage .latest-updates .updates{padding: 290px 80px 0 80px}
    .arabic .homepage .latest-updates .updates{padding: 290px 80px 0 80px}
    .newsletter-component{margin: 150px 0 0 -435px}
    .arabic .newsletter-component{margin: 150px 90px 0 0}
    .articles-page .newsletter-component{margin: 180px 0 180px -435px}
    .arabic .articles-page .newsletter-component{margin: 180px 80px 180px 0}
    .homepage .latest-updates .download-brochure{height: 130px; padding: 40px 0 40px 3%}
    .arabic .homepage .latest-updates .download-brochure{height: 130px; padding: 40px 0}
    .homepage .latest-updates .download-brochure p{margin: 0 0 0 20px}
    .homepage .latest-updates .download-brochure a{margin: 0 0 0 20px}


    .aboutus-page .who-we-are{padding: 220px 80px 120px 80px}
    .aboutus-page .vision-container{padding: 0 115px 0 80px}
    .aboutus-page .mission .container > div{width: calc(100% - 195px)}
    .aboutus-page .mission-container{padding: 0 80px 0 115px}
    .aboutus-page .leadership{padding: 270px 80px 200px 80px}
    .aboutus-page .awards{padding: 200px 80px 350px 80px}
    .aboutus-page .testimonials .container.third{padding: 215px 100px 100px 80px}
    .aboutus-page .testimonials .container.two-thirds{padding: 215px 80px 100px 125px}
    .arabic .aboutus-page .testimonials .container.third{padding: 215px 80px 100px 65px}
    .arabic .aboutus-page .testimonials .container.two-thirds{padding: 215px 125px 100px 80px}
    .aboutus-page .join-us{padding: 200px 80px}


    .careers-page .what-we-look-for{padding: 165px 80px 230px 80px}
    .careers-page .what-we-offer .container.two-thirds{padding: 125px 230px 60px 80px}
    .careers-page .jobs {padding: 240px 80px 200px 80px}
    .careers-page .coop .container.two-thirds{padding: 125px 80px 60px 80px}
    .careers-page .apply .container.third{padding: 145px 0 130px 80px}
    .careers-page .apply .container.two-thirds{padding: 145px 80px 110px 205px}


    .section-page section.main-section.section-style-2 .container.two-thirds{padding: 170px 200px 170px 80px}
    .section-page section.main-section.section-style-1 .container.two-thirds{padding: 170px 80px 170px 205px}
    .section-page section.contact.main-section .container.third{padding: 190px 70px 145px 80px}
    .arabic .section-page section.contact.main-section .container.third{padding: 190px 40px 145px 80px}
    .section-page section.contact.main-section .container.two-thirds{padding: 190px 80px 145px 205px !important}


    .service-page .sidebar .container.third{padding: 190px 20px 50px 80px}
    .arabic .service-page .sidebar .container.third{padding: 190px 100px 50px 80px}
    .service-page section.main-section.section-style-1 .container.two-thirds{padding: 190px 80px 200px 200px}
    .service-page section.main-section.section-style-2 .container.two-thirds{padding: 160px 200px 175px 80px}


    .contact-page section.main-section .container.third{padding: 190px 150px 380px 80px}
    .arabic .contact-page section.main-section .container.third{padding: 190px 100px 380px 80px}
    .contact-page section.main-section .container.two-thirds{padding: 190px 80px 380px 200px}


    .partners-clients-page .main-section{padding: 80px 80px}


    .articles-page .main-section .filters{padding: 50px 80px}
    .articles-page .main-section .articles-listing{padding: 100px 80px 190px 80px}


    .post-page .main-article{padding: 160px 80px}


    .static-page .main-container{padding: 100px 80px}


    footer{padding: 130px 200px 0 200px}
}

@media only screen and (max-width : 1550px) {
    header .full-menu .links{padding: 0 50px}
    .homepage section > div .text:after{left: -90px}
    section.section-style-2 > div .text:after{left: 0}
    .homepage section.section-style-1 > div .text:before{left: -290px}
    .page-cover{padding: 0 50px}
    .homepage section.advisory-services .container.two-thirds{padding: 235px 50px 235px 90px}
    .homepage section.managed-services .container.two-thirds{padding: 170px 70px 170px 50px}
    .homepage section.solutions .container.two-thirds{padding: 190px 50px 190px 90px}
    .homepage section.clients .container.third{padding: 80px 70px 80px 50px}
    .arabic .homepage section.clients .container.third{padding: 130px 50px 80px 70px}
    .homepage section.clients .container.two-thirds{padding: 80px 50px 80px 35px}
    .arabic .homepage section.clients .container.two-thirds{padding: 80px 35px 80px 50px}
    .homepage section.cybersecurity .container.two-thirds{padding: 205px 50px 205px 90px}
    section.latest-updates .container.third{padding: 290px 50px 0 50px}
    .homepage .latest-updates .updates{padding: 290px 50px 0 50px}
    .arabic .homepage .latest-updates .updates{padding: 290px 50px 0 50px}
    .newsletter-component{margin: 150px 0 0 -45%; width: 1200px; height: 450px}
    .newsletter-component > div{padding: 0 0 0 100px}
    .articles-page .newsletter-component{margin: 180px 0 180px -45%}
    .arabic .articles-page .newsletter-component{margin: 180px 50px 180px 0}
    .homepage .latest-updates .download-brochure p{font-size: 18px}
    .arabic .newsletter-component{margin: 150px 60px 0 0}


    .aboutus-page .who-we-are{padding: 220px 50px 120px 50px}
    .aboutus-page .vision-container{padding: 0 65px 0 50px}
    .aboutus-page .mission .container > div{width: calc(100% - 115px)}
    .aboutus-page .mission-container{padding: 0 50px 0 65px}
    .aboutus-page .leadership{padding: 270px 50px 200px 50px}
    .aboutus-page .awards{padding: 200px 50px 350px 50px}
    .aboutus-page .testimonials .container.third{padding: 215px 50px 100px 50px}
    .aboutus-page .testimonials .container.two-thirds{padding: 215px 50px 100px 75px}
    .arabic .aboutus-page .testimonials .container.third{padding: 215px 50px 100px 50px}
    .arabic .aboutus-page .testimonials .container.two-thirds{padding: 215px 75px 100px 50px}
    .aboutus-page .join-us{padding: 200px 50px}
    .aboutus-page .join-us .container figure{height: 450px}
    .aboutus-page .join-us .container > div{padding: 0 0 0 100px}


    .careers-page .video-container{padding: 100px 150px}
    .careers-page .what-we-look-for{padding: 165px 50px 230px 50px}
    .careers-page .what-we-offer .container.two-thirds{padding: 125px 180px 60px 50px}
    .careers-page .jobs {padding: 240px 50px 200px 50px}
    .careers-page .coop .container.two-thirds{padding: 125px 50px 60px 50px}
    .careers-page .apply .container.third{padding: 145px 0 130px 50px}
    .careers-page .apply .container.two-thirds{padding: 145px 50px 110px 150px}


    .section-page section.main-section.section-style-2 .container.two-thirds{padding: 170px 200px 170px 50px}
    .section-page section.main-section.section-style-1 .container.two-thirds{padding: 170px 50px 170px 205px}
    .section-page section.contact.main-section .container.third{padding: 190px 70px 145px 50px}
    .arabic .section-page section.contact.main-section .container.third{padding: 190px 40px 145px 50px}
    .section-page section.contact.main-section .container.two-thirds{padding: 190px 50px 145px 205px !important}


    .service-page .sidebar .container.third{padding: 190px 20px 50px 50px}
    .arabic .service-page .sidebar .container.third{padding: 190px 100px 50px 50px}
    .service-page section.main-section.section-style-1 .container.two-thirds{padding: 190px 50px 200px 200px}
    .service-page section.main-section.section-style-2 .container.two-thirds{padding: 160px 200px 175px 50px}


    .contact-page section.main-section .container.third{padding: 190px 150px 380px 50px}
    .arabic .contact-page section.main-section .container.third{padding: 190px 100px 380px 50px}
    .contact-page section.main-section .container.two-thirds{padding: 190px 50px 380px 200px}


    .partners-clients-page .main-section{padding: 80px 50px}


    .articles-page .main-section .filters{padding: 50px}
    .articles-page .main-section .articles-listing{padding: 100px 50px 190px 50px}


    .post-page .main-article{padding: 160px 50px}


    .static-page .main-container{padding: 100px 50px}


    footer{padding: 130px 150px 150px}
}

@media only screen and (max-width : 1440px) {
    header .full-menu .container{padding: 40px 30px 80px 30px}
    header .full-menu .links{padding: 0 10px; margin: 120px 0 0 0}
    header{padding: 0 30px}
    .page-cover{padding: 0 30px}
    .scroll-down{right: -42px}
    .arabic .scroll-down{left: -22px}
    .arabic .aboutus-page .arabic .scroll-down{right: -22px}
    .homepage section > div .text:after{left: -50px; width: 150px}
    section.section-style-2 > div .text:after{left: 0}
    .homepage section.section-style-1 > div .text:before{left: -200px; width: 150px}
    .homepage section.advisory-services .container.two-thirds{padding: 175px 30px 175px 50px}
    .homepage section.managed-services .container.two-thirds{padding: 120px 30px 120px 30px}
    .homepage section.solutions .container.two-thirds{padding: 140px 30px 140px 50px}
    .homepage section.clients .container.third{padding: 80px 30px}
    .arabic .homepage section.clients .container.third{padding: 80px 30px}
    .homepage section.clients .container.two-thirds{padding: 80px 30px 80px 50px}
    .arabic .homepage section.clients .container.two-thirds{padding: 80px 50px 80px 30px}
    .homepage section.clients .list span{width: 170px}
    /* .homepage section.clients ul{width: calc(100% - 170px)} */
    .homepage section.cybersecurity .container.two-thirds{padding: 155px 30px 155px 50px}
    section.latest-updates .container.third{padding: 180px 10px 0 30px}
    .arabic section.latest-updates .container.third{padding: 180px 80px 0 30px}
    .homepage .latest-updates .updates{padding: 180px 30px 0 50px}
    .arabic .homepage .latest-updates .updates{padding: 180px 30px 0 50px}
    .arabic .newsletter-component{margin: 150px 30px 0 0}
    .newsletter-component > div{padding: 0 0 0 50px}
    .arabic .articles-page .newsletter-component{margin: 180px 30px 180px 0}
    .homepage .latest-updates .download-brochure i{width: 30px; height: 30px}
    .homepage .latest-updates .download-brochure p{font-size: 17px}
    .homepage .latest-updates .download-brochure a{width: 120px; font-size: 13px}
    .arabic .homepage .latest-updates .download-brochure p{margin: 0 40px 0 0}
    .arabic .homepage .latest-updates .download-brochure a{margin: 0 40px 0 0}



    .careers-page .video-container{padding: 100px 80px}
    .aboutus-page .who-we-are{padding: 100px 30px}
    .aboutus-page .vision-container{padding: 0 25px 0 30px}
    .aboutus-page .mission .container > div{width: calc(100% - 75px)}
    .aboutus-page .mission-container{padding: 0 30px 0 25px}
    .aboutus-page .leadership{padding: 100px 30px}
    .aboutus-page .awards{padding: 100px 30px}
    .aboutus-page .testimonials{min-height: 620px}
    .aboutus-page .testimonials .container.third{padding: 100px 10px 100px 30px}
    .aboutus-page .testimonials .container.two-thirds{padding: 100px 30px 100px 35px}
    .arabic .aboutus-page .testimonials .container.third{padding: 100px 30px 100px 50px}
    .arabic .aboutus-page .testimonials .container.two-thirds{padding: 100px 35px 100px 30px}
    .aboutus-page .join-us{padding: 100px 30px}
    .thank-you-page .page-cover > div .btn{width: 200px}
    .aboutus-page .join-us .container > div{padding: 0 0 0 50px}
    .aboutus-page .leadership ul li figure{height: 325px}
    .aboutus-page .leadership ul li:hover figure{height: 335px}
    .aboutus-page .leadership ul li h4{font-size: 24px}


    .careers-page .what-we-look-for{padding: 100px 30px}
    .careers-page .what-we-offer .container.two-thirds{padding: 100px 150px 50px 30px}
    .careers-page .jobs {padding: 120px 30px 80px 30px}
    .careers-page .jobs .vacancies, .careers-page .what-we-look-for ul{width: 870px}
    .careers-page .coop .container.two-thirds{padding: 100px 40px 50px 30px}
    .careers-page .apply .container.third{padding: 100px 0 0 30px}
    .careers-page .apply .container.two-thirds{padding: 100px 30px 80px 50px}


    .section-page section.main-section.section-style-2 .container.two-thirds{padding: 170px 150px 170px 30px}
    .section-page section.main-section.section-style-1 .container.two-thirds{padding: 170px 30px 170px 50px}
    .section-page section.contact.main-section .container.third{padding: 140px 20px 95px 30px}
    .arabic .section-page section.contact.main-section .container.third{padding: 140px 20px 95px 30px}
    .section-page section.contact.main-section .container.two-thirds{padding: 140px 30px 145px 50px !important}


    .service-page .sidebar .container.third{padding: 100px 20px 50px 30px}
    .arabic .service-page .sidebar .container.third{padding: 100px 50px 50px 30px}
    .service-page section.main-section.section-style-1 .container.two-thirds{padding: 100px 30px 100px 50px}
    .service-page section.main-section.section-style-2 .container.two-thirds{padding: 100px 200px 100px 30px}


    .contact-page section.main-section .container.third{padding: 190px 100px 380px 30px}
    .arabic .contact-page section.main-section .container.third{padding: 190px 80px 380px 30px}
    .contact-page section.main-section .container.two-thirds{padding: 190px 30px 380px 50px}


    .partners-clients-page .main-section{padding: 80px 30px}


    .articles-page .main-section .filters{padding: 50px 30px}
    .articles-page .main-section .articles-listing{padding: 100px 30px 190px 30px}


    .post-page .main-article{padding: 160px 30px}


    .static-page .main-container{padding: 75px 30px}


    footer{padding: 130px 50px 0 50px}
}

@media only screen and (max-width : 1280px) {
    header .full-menu .links ul li ul li a h3{font-size: 18px; margin: 0 0 25px 0}
    header .full-menu .links ul li ul li a h4{font-size: 16px; margin: 0 0 20px 0}
    header .full-menu .links ul li ul li.main a:after{bottom: 20px}
    header .full-menu .links ul li ul li a:after{bottom: 15px}
    header .full-menu .links{padding: 0; margin: 100px 0 0 0}
    header .logo-container{width: calc(100% - 370px)}
    header .actions{max-width: 370px}
    .arabic header .actions{max-width: 445px}
    .arabic header .logo-container{width: calc(100% - 445px)}
    header .actions .btn{margin: 0 25px}
    header .actions .toggle-menu{margin: 0 0 0 25px}
    .arabic header .actions .toggle-menu{margin: 0 25px 0 0}
    .scroll-down{right: -42px; font-size: 13px}
    .btn{width: 160px; height: 45px; line-height: 40px; font-size: 13px}
    .btn.blue{line-height: 44px}
    .page-cover > div h3, .page-cover > div h1{font-size: 26px}
    .page-cover > div h2{font-size: 64px !important}
    .arabic .page-cover > div h2, .arabic .careers-page .page-cover > div h2{font-size: 46px !important; margin: 20px 0 0 0}
    .arabic .service-page .page-cover > div h2{font-size: 46px !important; margin: 20px 0 0 0}
    .arabic .post-page .page-cover > div h2{font-size: 46px !important; margin: 20px 0 0 0}
    h3.section-title{font-size: 42px; line-height: 54px}
    .arabic h3.section-title{font-size: 36px}
    .arabic .section-page section.contact.main-section .container.third .section-title{font-size: 32px; line-height: 44px}
    .homepage section .text{font-size: 20px; line-height: 32px; margin: 50px 0; padding: 0 0 0 100px}
    .homepage section > div .text:after{width: 120px}
    .homepage section.section-style-1 > div .text:before{left: -170px; width: 120px}
    .homepage section.section-style-1 .container > div .btn{margin: 0 0 0 100px}
    .homepage section.section-style-2 > div .text:after{width: 120px}
    .add-border-bottom:after{width: 120px !important; margin: 30px 0 0 0 !important}
    .homepage section.section-style-2 .text{padding: 0 0 0 150px}
    .arabic .homepage section.section-style-2 .text{padding: 0 150px 0 0}
    .homepage section.section-style-2 .container > div .btn{margin: 0 0 0 150px}
    .arabic .homepage section.section-style-2 .container > div .btn{margin: 0 150px 0 0}
    .homepage .cybersecurity h3.section-title{max-width: initial}
    .homepage section.clients .government ul li img{height: 57px}
    .homepage section.clients .government ul li:last-child img{height: 65px}
    .homepage section.clients .finance ul li:first-child img{height: 24px}
    .homepage section.clients .finance ul li:nth-child(2) img{height: 26px}
    .homepage section.clients .finance ul li:nth-child(3) img{height: 36px}
    .homepage section.clients .finance ul li:last-child img{height: 35px}
    .homepage section.clients .energy ul li:first-child img{height: 50px}
    .homepage section.clients .energy ul li:nth-child(2) img{height: 42px}
    .homepage section.clients .energy ul li:nth-child(3) img{height: 72px}
    .homepage section.clients .energy ul li:last-child img{height: 15px}
    .homepage section.clients .telecom ul li:first-child img{height: 37px}
    .homepage section.clients .telecom ul li:nth-child(2) img{height: 30px}
    .homepage section.clients .telecom ul li:nth-child(3) img{height: 41px}
    .homepage section.clients .telecom ul li:last-child img{height: 42px}
    .homepage section.clients .enterprise ul li:first-child img{height: 39px}
    .homepage section.clients .enterprise ul li:nth-child(2) img{height: 99px}
    .homepage section.clients .enterprise ul li:nth-child(3) img{height: 43px}
    .homepage section.clients .enterprise ul li:last-child img{height: 40px}
    section.latest-updates .container.third{padding: 150px 10px 0 20px}
    .homepage .latest-updates .updates{padding: 150px 30px 0 50px}

    .homepage .latest-updates .updates li h3{font-size: 28px}
    .homepage section .text p{margin: 0 0 25px 0}
    .arabic .newsletter-component{margin: 100px 30px 0 0}
    .newsletter-component{margin: 100px 0 0 -47%; width: 1050px; height: 400px}
    .newsletter-component > div h3{font-size: 42px}
    .newsletter-component > div h4{font-size: 26px}
    .newsletter-component > div .add-border-bottom:after{width: 170px; margin: 25px 0 0 0}
    .newsletter-component > div p{font-size: 20px; line-height: 32px; margin: 25px 0 0 0}
    .newsletter-component > div input, .newsletter-component > div a{margin: 30px 0 0 0}
    .articles-page .newsletter-component{margin: 180px 0 180px -47%}
    .homepage .latest-updates .download-brochure{margin: 150px 0 0 0; height: auto; padding: 35px 0 35px 3%}
    .arabic .homepage .latest-updates .download-brochure{padding: 35px 20px; height: auto}
    .homepage .latest-updates .download-brochure i{width: 25px; height: 25px; display: block; margin: 0 auto 20px auto}
    .homepage .latest-updates .download-brochure p{font-size: 16px; margin: auto; display: block; text-align: center}
    .arabic .homepage .latest-updates .download-brochure p{font-size: 18px; margin: 0 12px 0 0}
    .homepage .latest-updates .download-brochure a{display: block; height: 45px; line-height: 45px; margin: 20px auto 0 auto}
    .arabic .homepage .latest-updates .download-brochure a{margin: 20px auto 0 auto}
    .arabic section.latest-updates .container.third{padding: 180px 50px 0 30px}


    .aboutus-page .who-we-are .text .large-font{font-size: 26px; line-height: 36px}
    .aboutus-page .who-we-are .text .small-font{font-size: 18px; line-height: 28px}
    .aboutus-page .who-we-are .list .row ul li:first-child{font-size: 42px}
    .aboutus-page .who-we-are .list .row ul li:last-child{font-size: 20px; line-height: 30px}
    .aboutus-page .mission .container h3{font-size: 42px}
    .arabic .aboutus-page .mission .container h3{font-size: 36px}
    .aboutus-page .mission .container p{font-size: 26px; line-height: 36px}
    .arabic .aboutus-page .mission .container p{font-size: 24px; line-height: 36px}
    .aboutus-page .leadership ul li figure{height: 300px}
    .aboutus-page .leadership ul li:hover figure{height: 310px}
    .aboutus-page .leadership ul li h4{font-size: 20px; margin: 25px 0 0 0}
    .aboutus-page .leadership ul li span{font-size: 15px}
    .aboutus-page .awards ul li > div h3{font-size: 26px}
    .aboutus-page .awards ul li > div p{font-size: 18px; line-height: 30px}
    .aboutus-page .testimonials .container.two-thirds p{font-size: 26px; line-height: 40px}
    .aboutus-page .testimonials .container.two-thirds h4{font-size: 26px}
    .aboutus-page .testimonials .container.two-thirds span{font-size: 18px}
    .aboutus-page .join-us .container > div p{font-size: 20px; line-height: 32px; margin: 25px 0 0 0}
    .arabic .aboutus-page .join-us .container > div p{font-size: 20px; line-height: 32px}
    .aboutus-page .join-us .container figure{height: 400px}
    .aboutus-page .join-us .container > div .section-title.add-border-bottom:after{margin: 25px 0 0 0 !important}
    .aboutus-page .join-us .container > div .btn{margin: 25px 0 0 0; width: 200px}
    .aboutus-page .who-we-are .list .row ul li img.is-logo{width: 170px}
    .aboutus-page .who-we-are .list .row ul li img.is-security-summit{height: 45px}
    .aboutus-page .who-we-are .list .row ul li img.monshaat{height: 59px}
    .aboutus-page .who-we-are .list .row ul li img.is-summit{height: 37px}
    .arabic .aboutus-page .testimonials .section-title{font-size: 36px; line-height: 50px}


    .careers-page .page-cover > div h2{font-size: 52px !important; line-height: 68px; margin: 10px 0 0 0}
    .careers-page .video-container p{font-size: 22px}
    .arabic .careers-page .video-container p{font-size: 24px}
    .careers-page .video-container .btn{width: 200px}
    .careers-page .video-container .btn i{font-size: 26px; top: 4px}
    .arabic .careers-page .video-container .btn i{top: 3px}
    .careers-page .what-we-look-for .intro{font-size: 26px; line-height: 38px}
    .careers-page .what-we-look-for ul{margin: 80px 0 0 0; width: 765px}
    .careers-page .what-we-look-for ul li h4{font-size: 26px}
    .careers-page .what-we-look-for ul li p{font-size: 20px; line-height: 32px; margin: 30px 0 0 0}
    .careers-page .what-we-look-for ul li{padding: 40px 0}
    .careers-page .what-we-look-for ul li:first-child{padding: 0 0 40px 0}
    .careers-page .what-we-look-for ul li:last-child{padding: 40px 0 0 0}
    section.main-section .text{font-size: 20px; line-height: 32px}
    .careers-page .jobs .vacancies li span{font-size: 16px}
    .careers-page .jobs .vacancies li h4{font-size: 26px}
    .careers-page .jobs .vacancies li ul li{font-size: 20px; line-height: 32px}
    .careers-page .jobs{padding: 100px 20px 60px 20px}
    .careers-page .coop .container.two-thirds{padding: 80px 40px 30px 20px}
    .contact-form p{font-size: 18px; line-height: 30px; margin: 0 0 40px 0}
    .careers-page .apply .container.two-thirds{padding: 100px 20px 80px 50px}
    .careers-page .apply .container.two-thirds form label{font-size: 16px}
    .careers-page .jobs .vacancies{width: 770px}
    .arabic .careers-page .what-we-look-for .intro{font-size: 32px; line-height: 42px}
    .arabic .careers-page .apply .container.third .section-title{padding: 0 75px 0 0}


    .section-page section.main-section.section-style-2 .container.two-thirds{padding: 170px 50px 170px 20px}
    .section-page section.main-section.section-style-1 .container.two-thirds{padding: 170px 20px 170px 50px}
    .section-page section.contact.main-section .container.third{padding: 100px 50px 95px 20px}
    .arabic .section-page section.contact.main-section .container.third{padding: 100px 20px 95px 20px}
    .section-page section.contact.main-section .container.two-thirds{padding: 100px 30px 145px 50px !important}
    form.contact-form h4{font-size: 26px; line-height: 40px}
    form.contact-form input::-webkit-input-placeholder, form.contact-form textarea::-webkit-input-placeholder{font-size: 16px}
    form.contact-form input:-moz-placeholder, form.contact-form textarea:-moz-placeholder{font-size: 16px}
    form.contact-form input::-moz-placeholder, form.contact-form textarea::-moz-placeholder{font-size: 16px}
    form.contact-form input:-ms-input-placeholder, form.contact-form textarea:-ms-input-placeholder{font-size: 16px}
    form.contact-form p{font-size: 16px}


    .service-page .page-cover > div h2{font-size: 52px !important; line-height: 68px; margin: 10px 0 0 0}
    .page-cover > div p{font-size: 24px; line-height: 36px}
    .service-page section.main-section.section-style-2 .container.two-thirds{padding: 100px 50px 30px 30px}
    .service-page .sidebar .container.third{padding: 100px 20px 50px 30px}
    .service-page-page section.main-section.section-style-1 .container.two-thirds{padding: 100px 30px 100px 50px}
    .service-page .sidebar .container.two-thirds ul li h4{font-size: 26px}
    .service-page .sidebar .container.two-thirds ul li p, .service-page .sidebar .container.two-thirds ul li p * {font-size: 20px; line-height: 32px}
    .service-page .sidebar .container.third ul li a{font-size: 18px}
    .service-page .sidebar .container.two-thirds ul li ul li:before{top: 7px}


    .cybersecurity-solutions-page .page-cover > div h2{font-size: 52px !important; line-height: 68px; margin: 10px 0 0 0}


    .contact-page section.main-section .container.third{padding: 100px 100px 150px 30px}
    .arabic .contact-page section.main-section .container.third{padding: 100px 80px 150px 30px}
    .contact-page section.main-section .container.two-thirds{padding: 100px 30px 150px 50px}
    .contact-page .page-cover > div h2{font-size: 52px !important; line-height: 68px; margin: 10px 0 0 0}
    .contact-page .container.third ul li h4, .contact-page .container.two-thirds .location h4{font-size: 18px}
    .contact-page .container.third ul li p, .contact-page .container.two-thirds .location p{font-size: 17px}
    .arabic .contact-page .container.third ul li h4, .arabic .contact-page .container.two-thirds .location h4{font-size: 20px}
    .arabic .contact-page .container.third ul li p, .arabic .contact-page .container.two-thirds .location p{font-size: 18px}
    .arabic .contact-page .page-cover > div h2{font-size: 46px !important; margin: 20px 0 0 0}


    .partners-clients-page .page-cover > div h2{font-size: 52px !important; line-height: 68px; margin: 10px 0 0 0}
    .partners-clients-page .main-section{padding: 80px 30px}
    .partners-clients-page .main-section ul li img{max-height: 50px}


    .articles-page .page-cover > div h2{font-size: 52px !important; line-height: 68px; margin: 10px 0 0 0}
    .articles-page .main-section .filters{padding: 30px 30px 40px 30px}
    .articles-page .main-section .articles-listing{padding: 50px 30px 100px 30px}
    .articles-page .main-section .filters li a{font-size: 18px}
    .articles-page .main-section .articles-listing article{margin: 0 3.5% 80px 0}
    .arabic .articles-page .main-section .articles-listing article{margin: 0 0 80px 3.5%}
    .articles-page .main-section .articles-listing article:nth-child(3n){margin: 0 0 80px 0}
    .articles-page .main-section .articles-listing article figure{height: 230px}
    .articles-page .main-section .articles-listing article span.blue{font-size: 17px; margin: 25px 0 0 0}
    .arabic .articles-page .main-section .articles-listing article span.blue{font-size: 17px; margin: 12px 0 0 0}
    .articles-page .main-section .articles-listing article h3{font-size: 26px; line-height: 36px}
    .arabic .articles-page .main-section .articles-listing article h3{font-size: 26px; line-height: 36px}
    span.read-type{font-size: 15px; margin: 22px 0 0 0}
    .arabic span.read-type{font-size: 18px}


    .post-page .main-section .articles-listing article h3{font-size: 52px !important; line-height: 68px; margin: 10px 0 0 0}
    .post-page .page-cover > div h2{font-size: 52px !important; line-height: 68px; margin: 10px 0 0 0; padding: 0 30px 0 0}
    .post-page .main-article{padding: 50px 30px 100px 30px}
    .post-page .main-article .btn{width: 200px}
    .post-page .main-article .text{padding: 0 0 30px 0}
    .post-page .main-article .text p{font-size: 18px; line-height: 30px; margin: 0 0 25px 0}
    .post-page .main-article .text h2{font-size: 26px; line-height: 36px; margin: 0 0 25px 0}
    .arabic .post-page .main-article .text p{font-size: 20px; line-height: 36px}
    .arabic .post-page .main-article .text h2{font-size: 24px; line-height: 40px}


    .post-page .main-article .text img{margin: 25px 0 50px 0}
    .post-page .main-article .container-left .social-share{margin: 50px 0 0 0}
    .post-page .main-article .btn{margin: 50px 0 0 0}
    .post-page .main-article .container-left .social-share span{font-size: 18px}
    .post-page .main-article .container-left .social-share ul li{margin: 0 20px 0 0}
    .post-page .main-article .container-left .social-share ul li a{font-size: 16px}
    .post-page .main-article .container-left .social-share ul li a:hover{color: rgba(21, 46, 76, .9)}
    .post-page .main-article .container-right{width: 37%; margin: 0 0 0 5%}
    .post-page .main-article .container-right .component{margin: 0 0 100px 0}
    .post-page .main-article .container-right .component h3{font-size: 26px}
    .post-page .main-article .container-right .component ul li a h4{font-size: 26px; line-height: 36px}
    .post-page .main-article .container-right .component ul li a span, .post-page.resource .main-article .container-left .article-info span{font-size: 17px}
    .arabic .post-page .main-article .container-right .component ul li a h4{line-height: 36px}
    .arabic .post-page .main-article .container-right .component ul li a span, .arabic .post-page.resource .main-article .container-left .article-info span{font-size: 18px}


    .post-page.resource .main-article .container-left .article-info h4{font-size: 26px; margin: 25px 0 0 0}
    .post-page.resource .main-article .container-left .article-info figure{height: 270px; margin: 50px 0 0 0}


    .bio-overlay > div{min-height: 600px; padding: 100px}
    .bio-overlay > div h3{font-size: 26px}
    .bio-overlay > div span{font-size: 17px}
    .bio-overlay > div .text, .bio-overlay > div .text p{font-size: 17px; line-height: 32px; margin: 0}
    .bio-overlay > div .close{width: 25px; height: 25px; top: 25px; right: 25px}


    .whitepaper-overlay form, .whitepaper-overlay form .container-left{height: 600px}
    .whitepaper-overlay form .close{width: 25px; height: 25px; top: 25px; right: 25px}
    .whitepaper-overlay form .container-right{padding: 120px 50px}
    .whitepaper-overlay form .container-right h2{font-size: 30px}
    .whitepaper-overlay form .container-right p{font-size: 18px}
    .whitepaper-overlay form .container-left h3{font-size: 26px}
    .whitepaper-overlay form .container-right input::-webkit-input-placeholder{font-size: 16px}
    .whitepaper-overlay form .container-right input:-moz-placeholder{font-size: 16px}
    .whitepaper-overlay form .container-right input::-moz-placeholder{font-size: 16px}
    .whitepaper-overlay form .container-right input:-ms-input-placeholder{font-size: 16px}


    .page-not-found .page-cover > div .btn{width: 200px}
    .thank-you-page .page-cover > div p{font-size: 20px; line-height: 28px}


    .static-page .main-container{padding: 50px 30px}
    .static-page .main-container h2{font-size: 26px; margin: 0 0 30px 0}
    .static-page .main-container p{font-size: 20px; margin: 0 0 30px 0; line-height: 32px}
    .arabic .static-page .main-container h2{font-size: 28px; margin: 0 0 30px 0}
    .arabic .static-page .main-container p{font-size: 20px; margin: 0 0 30px 0; line-height: 32px}


    footer{padding: 80px 30px 0 30px}
    footer .copyrights{margin: 50px 0 0 0}
}

@media only screen and (max-width : 1150px) {
    header .full-menu .links ul li ul li a h3{font-size: 17px; margin: 0 0 22px 0}
    header .full-menu .links ul li ul li a h4{font-size: 15px; margin: 0 0 18px 0}
    header .full-menu .links ul li ul li.main a:after{bottom: 18px}
    header .full-menu .links ul li ul li a:after{bottom: 13px}
    /* .homepage section.clients ul{width: calc(100% - 130px)} */
    .homepage section.clients .list span{width: 130px; font-size: 22px}
    .homepage section.clients .government ul li img{height: 54px}
    .homepage section.clients .government ul li:last-child img{height: 62px}
    .homepage section.clients .finance ul li:first-child img{height: 22px}
    .homepage section.clients .finance ul li:nth-child(2) img{height: 23px}
    .homepage section.clients .finance ul li:nth-child(3) img{height: 33px}
    .homepage section.clients .finance ul li:last-child img{height: 31px}
    .homepage section.clients .energy ul li:first-child img{height: 47px}
    .homepage section.clients .energy ul li:nth-child(2) img{height: 39px}
    .homepage section.clients .energy ul li:nth-child(3) img{height: 69px}
    .homepage section.clients .energy ul li:last-child img{height: 12px}
    .homepage section.clients .telecom ul li:first-child img{height: 34px}
    .homepage section.clients .telecom ul li:nth-child(2) img{height: 27px}
    .homepage section.clients .telecom ul li:nth-child(3) img{height: 38px}
    .homepage section.clients .telecom ul li:last-child img{height: 39px}
    .homepage section.clients .enterprise ul li:first-child img{height: 36px}
    .homepage section.clients .enterprise ul li:nth-child(2) img{height: 96px}
    .homepage section.clients .enterprise ul li:nth-child(3) img{height: 40px}
    .homepage section.clients .enterprise ul li:last-child img{height: 37px}
    .newsletter-component{margin: 75px 0 0 -47%; width: 900px; height: 340px}
    .newsletter-component > div{padding: 0 0 0 30px}
    .newsletter-component > div h4{margin: 10px 0 0 0}
    .newsletter-component > div .add-border-bottom:after{margin: 15px 0 0 0}
    .newsletter-component > div p{margin: 15px 0 0 0}
    .newsletter-component > div input, .newsletter-component > div a{margin: 20px 0 0 0}
    .homepage .latest-updates .download-brochure{margin: 100px 0 0 0; text-align: center}
    .arabic .homepage .latest-updates .download-brochure{padding: 35px 10px}
    .arabic .newsletter-component{margin: 100px 30px 0 0}

    .aboutus-page .who-we-are{padding: 50px 30px}
    .aboutus-page .who-we-are .list{margin: 50px 0 0 0}
    .aboutus-page .leadership{padding: 50px 30px}
    .aboutus-page .awards{padding: 50px 30px}
    .aboutus-page .join-us{padding: 50px 30px}

    .aboutus-page .who-we-are .list .row ul li img.is-logo{width: 120px}
    .aboutus-page .who-we-are .list .row ul li img.is-security-summit{height: 40px}
    .aboutus-page .who-we-are .list .row ul li img.monshaat{height: 54px}
    .aboutus-page .who-we-are .list .row ul li img.is-summit{height: 32px}
    .aboutus-page .leadership ul li h4{font-size: 18px}
    .aboutus-page .leadership ul li span{font-size: 14px}
    .aboutus-page .leadership ul li figure{height: 200px}
    .aboutus-page .leadership ul li:hover figure{height: 210px}
    .aboutus-page .join-us .container figure{height: 340px}
    .aboutus-page .join-us .container > div{padding: 0 0 0 30px}
    .aboutus-page .join-us .container > div .section-title.add-border-bottom:after{margin: 15px 0 0 0 !important}
    .aboutus-page .join-us .container > div p{margin: 15px 0 0 0}
    .aboutus-page .join-us .container > div .btn{margin: 15px 0 0 0}


    .careers-page .video-container{padding: 100px 30px}
    .careers-page .what-we-offer .container.two-thirds{padding: 100px 80px 50px 30px}
    .careers-page .what-we-look-for ul{width: 600px}
    .careers-page .jobs .vacancies{width: 600px}


    .section-page section.main-section.section-style-2 .container.two-thirds{padding: 100px 50px 100px 30px}
    .section-page section.main-section.section-style-1 .container.two-thirds{padding: 100px 20px 100px 50px}
    .section-page section.contact.main-section .container.third{padding: 50px 50px 50px 30px}
    .section-page section.contact.main-section .container.two-thirds{padding: 50px 30px 100px 50px !important}


    .contact-page section.main-section .container.third{padding: 100px 50px 150px 30px}
    .arabic .contact-page section.main-section .container.third{padding: 100px 50px 150px 30px}


    .partners-clients-page .main-section{padding: 80px 30px}
    .partners-clients-page.partners .main-section ul li img{max-height: 40px}
    .partners-clients-page.clients .main-section ul li img{max-height: 70px}


    .articles-page .main-section .filters li{margin: 0 40px 0 0}
    .arabic .articles-page .main-section .filters li{margin: 0 0 0 40px}
    .articles-page .main-section .articles-listing article figure{height: 200px}


    .post-page.resource .main-article .container-left .article-info figure{height: 240px}


    .bio-overlay > div{min-height: 475px; padding: 50px}
    .bio-overlay > div .col-left{width: 32%}
    .bio-overlay > div .col-right{margin: 0 0 0 3%}
    .bio-overlay > div .social{margin: 35px 0 0 0}


    .whitepaper-overlay form, .whitepaper-overlay form .container-left{height: 475px}
    .arabic .whitepaper-overlay form, .arabic .whitepaper-overlay form .container-left{height: 525px}
    .whitepaper-overlay form .container-right{padding: 55px 50px}


    footer .links{width: calc(100% - 300px)}
}

@media only screen and (max-width : 1050px) {
    .homepage section.clients .finance ul li:first-child img{height: 20px}
    .homepage section.clients .finance ul li:nth-child(2) img{height: 20px}
    .homepage section.clients .finance ul li:nth-child(3) img{height: 35px}
    .homepage section.clients .finance ul li:last-child img{height: 31px}
    .homepage .latest-updates .download-brochure{padding: 35px 0 35px 3%}
    .homepage .latest-updates .download-brochure p{margin: 0 10px}
    .arabic .homepage .latest-updates .download-brochure{padding: 35px 5px}
    .homepage section.clients .finance ul li:first-child img{height: 21px}
    .homepage section.clients .finance ul li:nth-child(2) img{height: 20px}
    .homepage section.clients .finance ul li:nth-child(3) img{height: 29px}
    .homepage section.clients .finance ul li:last-child img{height: 29px}
    .homepage section.clients .enterprise ul li:first-child img{height: 35px}
    .homepage section.clients .enterprise ul li:nth-child(2) img{height: 95px}
    .homepage section.clients .enterprise ul li:nth-child(3) img{height: 39px}
    .homepage section.clients .enterprise ul li:last-child img{height: 36px}
    .arabic .newsletter-component{margin: 100px 30px 0 0}


    /*.aboutus-page .who-we-are .list .row ul li img.is-logo{height: 100px}*/
    .aboutus-page .who-we-are .list .row ul li img.is-security-summit{height: 35px}
    .aboutus-page .who-we-are .list .row ul li img.monshaat{height: 49px}
    .aboutus-page .who-we-are .list .row ul li img.is-summit{height: 27px}


    .careers-page .video-container .btn{display: block; margin: 20px auto 0 auto}
    .arabic .careers-page .video-container .btn{margin: 20px auto 0 auto}


    .partners-clients-page .main-section ul li img{max-height: 35px}
    .partners-clients-page.clients .main-section ul li img{max-height: 45px}


    .articles-page .main-section .filters li{margin: 0 35px 0 0}
    .arabic .articles-page .main-section .filters li{margin: 0 0 0 35px}
    .articles-page .main-section .articles-listing article figure{height: 180px}


    .post-page.resource .main-article .container-left .article-info figure{height: 210px}
}

@media only screen and (max-width : 960px) {
    .desktop{display: none !important}
    .mobile{display: block !important}
    .page {padding-top: 200px; max-width: 100%; overflow: hidden}
    header{padding: 30px 35px; height: 100px; position: fixed; top: 0; background-color: rgba(1, 26, 56, .95)}
    header .logo-container, header .actions{width: 50%}
    header .actions{text-align: right; max-width: initial}
    .arabic header .actions{text-align: left}
    header .logo-container .logo{width: 160px; height: 40px; margin: 0}
    header .logo-container .logo:hover{opacity: 1}
    header .actions .toggle-menu{margin: 0 0 0 40px}
    header .actions .toggle-menu:hover{opacity: 1}
    header .actions .toggle-search:hover{opacity: 1}
    .btn{width: 200px; height: 50px; font-size: 14px; line-height: 46px}
    .btn.blue{line-height: 50px}
    .search-overlay .close{top: 35px; right: 40px}
    .arabic .search-overlay .close{left: 40px}
    .search-overlay form input{padding: 15px 30px 15px 5px}
    .arabic .search-overlay form input{padding: 15px 5px 15px 30px}
    .search-overlay form input::-webkit-input-placeholder{font-size: 16px}
    .search-overlay form input:-moz-placeholder{font-size: 16px}
    .search-overlay form input::-moz-placeholder{font-size: 16px}
    .search-overlay form input:-ms-input-placeholder{font-size: 16px}
    .arabic .search-overlay form input::-webkit-input-placeholder{font-size: 18px}
    .arabic .search-overlay form input:-moz-placeholder{font-size: 18px}
    .arabic .search-overlay form input::-moz-placeholder{font-size: 18px}
    .arabic .search-overlay form input:-ms-input-placeholder{font-size: 18px}
    .arabic header .full-menu .links ul li.blog a{color: white}
    .search-overlay form .submit{top: 15px}
    .page-cover-blue-overlay {top: 0}

    header.hide{top: 0}
    header.fixed{top: 0}
    .page.add-padding{padding: 100px 0 0 0}
    .hp_hero_text {display: none}
    header.blue-background{background-color: #011A38; height: 100px}
    header .full-menu .container{background-color: #011A38; padding: 30px 35px; overflow: auto; -webkit-overflow-scrolling: touch; bottom: 0; left: 0; position: absolute; z-index: 99; right: 0; top: 0; height: auto}
    header .full-menu .container .logo, header .full-menu .container .social-container .social{display: none}
    header .full-menu .switch-language{display: inline-block !important; position: relative; top: 10px}
    header .full-menu .switch-language span{margin: 0 20px; color: #486E9B}
    .switch-language a:hover{color: rgba(255, 255, 255, .3)}
    .switch-language a.active:hover{color: rgba(255, 255, 255, 1)}
    .arabic header .full-menu .switch-language span{top: -2px}
    header .full-menu .container .social-container .close{background: url('/assets/images/close-icon-blue.png') no-repeat center; background-size: contain; margin: 0; top: 4px; right: 6px}
    header .full-menu .links{margin: 0; padding: 70px 0 0 0}
    header .full-menu .links ul li{display: block; width: 100% !important; border-bottom: 1px solid rgba(72, 110, 155, .5); padding: 0}
    header .full-menu .links ul li a{padding: 20px 30px 20px 0; position: relative}
    .arabic header .full-menu .links ul li a{padding: 20px 0}
    header .full-menu .links ul li:last-child{border-bottom: none}
    header .full-menu .links ul li ul li{padding: 0 !important; border-bottom: none}
    header .full-menu .links ul li ul li a h3, header .full-menu .links ul li ul li a h4{font-size: 18px; margin: 0}
    .arabic header .full-menu .links ul li ul li a h3, header .full-menu .links ul li ul li a h4{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
    header .full-menu .links ul li ul li:first-child a{color: #FFFFFF}
    header .full-menu .links ul li ul li ul{display: none}
    header .full-menu .links ul li ul li a{display: block}
    header .full-menu .links ul li ul li ul li a{color: rgba(255, 255, 255, .6) !important; padding: 15px 0}
    header .full-menu .links ul li ul li ul li:first-child a{padding: 30px 0 15px 0}
    header .full-menu .links ul li ul li ul li:last-child a{padding: 15px 0 50px 0}
    header .full-menu .links ul li ul li.main{position: relative}
    header .full-menu .links ul li ul li a:after{display: none}
    header .full-menu .links ul li ul li.main a:after{content: '\f107'; font-family: FontAwesome; font-size: 18px; color: #4D97C7; position: absolute; right: 10px; top: 22px; font-weight: bold; transition: .35s; display: block; bottom: initial; background: none; height: auto; width: auto; left: initial; opacity: 1; visibility: visible}
    .arabic header .full-menu .links ul li ul li.main a:after{left: -15px; right: initial}
    header .full-menu .links ul li ul li.main a.active:after{transform: rotate(-180deg)}
    .arabic header .full-menu .links ul li ul li.main a.active:after{transform: rotate(180deg)}
    header .full-menu .btn{margin: 30px 0 0 0; width: 100%}
    .arabic header .logo-container{width: 50%}
    .arabic header .actions{max-width: initial}

    .scroll-down{display: none}

    @keyframes spin{
        from{transform:rotate(360deg)}
        to{transform:rotate(0deg)}
    }

    /*.homepage .page-cover{height: 475px; background: url('/assets/images/homepage-cover-bg-mobile.jpg') no-repeat center; background-size: cover}*/
    /*.homepage .page-cover{background: url('/assets/images/is_hero_mobile.gif') no-repeat; background-position: 0 -100px; height: 520px; background-size: cover}*/
    /*.homepage .page-cover{background: url('/assets/images/hp_hero_mobile/circle.png'), url('/assets/images/hp_hero_mobile/hands.png'), url('/assets/images/hp_hero_mobile/background.png'); background-repeat: no-repeat; background-position: center bottom; height: 520px; background-size: contain, cover}*/
    .homepage .page-cover{background-color: #031227; background-image: url('/assets/images/hp_hero_mobile/hands.png'); background-repeat: no-repeat; background-position: center center; height: 520px; background-size: contain, cover}
    .homepage .page-cover .circle_spin {background: url('/assets/images/hp_hero_mobile/circle_1.png'); background-repeat: no-repeat; background-position: center bottom; height: 200px;background-size: contain;animation: spin 30s linear infinite; position: absolute; top: calc(50% - 100px);}
    /*.homepage .page-cover > div{display: none}*/
    .page-title{padding: 0 35px; text-align: center; margin: 60px 0 100px 0}
    .page-title h3{font-size: 18px; color: #00ADE5; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
    .arabic .page-title h3{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
    .page-title h2{font-size: 36px; color: #152E4B; font-family: ubuntu-regular, Helvetica, Arial, sans-serif; margin: 30px 0 0 0}
    .arabic .page-title h2{font-size: 48px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
    .page-title .btn{margin: 40px auto 0 auto; line-height: 46px}
    section.main-section{display: block; min-height: initial; text-align: center}
    section.main-section.advisory-services{padding: 0 0 85px 0}
    section.full-screen, section.full-screen .container{min-height: initial}
    section.main-section .container.third figure{height: 300px}
    section.cybersecurity .container.third figure{height: 350px}
    section.main-section .container.third{padding: 0 35px}
    .homepage section.advisory-services .container.two-thirds{padding: 0; margin: 50px 0 0 0}
    h3.section-title{font-size: 30px; line-height: 36px; padding: 0 35px}
    .arabic h3.section-title{font-size: 30px; line-height: 40px}
    h3.section-title:after{content: ''; background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%); width: 100px !important; display: block; height: 4px; margin: 35px auto 0 auto !important}
    section.main-section .text{font-size: 18px; line-height: 30px; padding: 0 35px}
    .arabic section.main-section .text{padding: 0 35px}
    .arabic section.main-section .text{font-size: 20px; line-height: 36px}
    section.main-section .text:before, section.main-section .text:after{display: none}
    .homepage section.section-style-1 .container > div .btn {margin: 45px auto 0 auto}
    section.main-section.dark .container.third.mobile{background-color: #011A38; padding: 55px 35px 0 35px}
    .homepage section.managed-services .container.two-thirds{padding: 50px 0 85px 0}
    .homepage section.section-style-2 .text{padding: 0 35px}
    .arabic .homepage section.section-style-2 .text{padding: 0 35px}
    section.managed-services .container.third figure{background: url('/assets/images/managed-services-bg.jpg') no-repeat center top; background-size: cover}
    .homepage section.section-style-2 .container > div .btn{margin: 45px auto 0 auto}
    .arabic .homepage section.section-style-2 .container > div .btn{margin: 45px auto 0 auto}
    .homepage section.solutions{padding: 55px 0 0 0; background-color: #E8EDF0}
    .homepage section.solutions .container.two-thirds{padding: 50px 0 85px 0}
    .homepage section.clients .container.third{padding: 80px 0 0 0}
    .arabic .homepage section.clients .container.third{padding: 80px 0 0 0}
    .homepage section.clients .container.two-thirds{padding: 60px 35px 85px 35px}
    .arabic .homepage section.clients .container.two-thirds{padding: 60px 35px 85px 35px}
    .homepage section.clients .list{padding: 0 !important; grid-template-columns: 100%; grid-column-gap: 0}
    .homepage section.clients .list span{font-size: 26px; width: 100%; display: block; text-align: left; padding: 40px 0}
    .arabic .homepage section.clients .list span{text-align: right}
    .homepage section.clients .list span.active:before{transform: rotate(180deg)}
    .homepage section.clients .list:first-child span{padding: 0 0 40px 0}
    .arabic .homepage section.clients .list span{padding: 0 !important}
    .arabic .homepage section.clients .list:first-child span{margin: 0 0 40px 0}
    .arabic .homepage section.clients .list span{margin: 40px 0}
    .arabic .homepage section.clients .list:last-child span{margin: 40px 0 0 0}
    .homepage section.clients .list span:before{content: '\f107'; font-family: FontAwesome; font-size: 20px; color: #4D97C7; display: inline-block; margin: 0 20px 0 0; transition: .35s}
    .arabic .homepage section.clients .list span{position: relative}
    .arabic .homepage section.clients .list span:before{position: absolute; left: 0; top: 50%; margin: 0; transform: translateY(-50%)}
    .arabic .homepage section.clients .list span.active:before{transform: translateY(-50%) rotate(180deg)}
    .homepage section.clients ul{width: 100%; text-align: center; text-align-last: center; margin: 0 0 40px 0; display: none}
    .homepage section.clients ul li{width: 40%; display: inline-block; margin: 0 10% 20px 0 !important}
    .homepage section.clients ul li:first-child {text-align: center;}
    .homepage section.clients .government ul li img{height: 48px}
    .homepage section.clients .government ul li:nth-child(3) img{height: 65px}
    .homepage section.clients .finance ul li:first-child img{height: 30px}
    .homepage section.clients .finance ul li:nth-child(2) img{height: 30px}
    .homepage section.clients .finance ul li:nth-child(3) img{height: 31px}
    .homepage section.clients .energy ul li:last-child img{height: 21px}
    section.main-section.cybersecurity .container.third{background-color: #011A38; padding: 55px 35px 0 35px}
    .homepage section.cybersecurity .container.two-thirds{padding: 55px 0 85px 0}
    .homepage section.cybersecurity .container.two-thirds .btn{width: calc(100% - 70px)}
    section.latest-updates .container.third{padding: 65px 35px 0 35px}
    .arabic section.latest-updates .container.third{padding: 65px 35px 0 35px}
    .homepage .latest-updates .updates{padding: 40px 35px 0 35px; background-color: #E8EDF0}
    .arabic .homepage .latest-updates .updates{padding: 40px 35px 0 35px}
    .homepage .latest-updates .updates li h3{font-size: 24px; line-height: 36px; margin: 20px 0 0 0}
    .newsletter-component{margin: 45px 0 0 0; padding: 0 35px; width: 100%; height: auto}
    .arabic .newsletter-component{margin: 45px 0 0 0}
    .newsletter-component figure{height: 225px; width: 100%; display: block}
    .newsletter-component > div{width: 100%; display: block; padding: 0; margin: 45px 0 0 0}
    .newsletter-component > div h3{font-size: 30px}
    .arabic .newsletter-component > div h3{font-size: 30px}
    .arabic .newsletter-component > div h4{font-size: 24px}
    .newsletter-component > div h4{font-size: 20px; margin: 15px 0 0 0}
    .newsletter-component > div .add-border-bottom:after{width: 100px !important; margin: 35px auto 0 auto !important}
    .newsletter-component > div p{font-size: 18px; line-height: 30px; margin: 35px 0 0 0}
    .newsletter-component > div input{width: 100%; margin: 40px 0 0 0}
    .newsletter-component > div a{width: 100%}
    .homepage .latest-updates .download-brochure{margin: 85px 0 0 0; padding: 35px 35px 50px 35px}
    .arabic .homepage .latest-updates .download-brochure{margin: 85px 0 0 0; padding: 35px 35px 50px 35px; height: auto}
    .homepage .latest-updates .download-brochure i{width: 40px; height: 40px; margin: 0 auto; display: block}
    .arabic .page-cover > div h2{font-size: 34px !important; line-height: 48px}
    .homepage .latest-updates .download-brochure p{font-size: 18px; line-height: 30px; margin: 30px 0 0 0; display: block}
    .arabic .homepage .latest-updates .download-brochure p{margin: 30px 0 0 0}
    .homepage .latest-updates .download-brochure a{margin: 35px auto 0 auto; font-size: 14px; width: 140px; height: 50px; line-height: 50px}
    .arabic .homepage .latest-updates .download-brochure a{margin: 35px auto 0 auto; font-size: 18px; width: 140px; height: 50px; line-height: 50px}

    .aboutus-page .page-cover{background: url('/assets/images/aboutus-cover-bg-mobile.jpg') no-repeat center -70px; background-size: cover; height: 685px}
    .page-cover{padding: 0 30px; margin: -100px 0 0 0; height: 24vh}
    .page-cover > div{bottom: 50px; transform: none; top: initial; padding: 0 30px; width: 100%; left: 0; text-align: center}
    .page-cover > div h3, .page-cover > div h1{font-size: 24px; line-height: 36px}
    .page-cover > div h2{font-size: 36px !important; padding: 0; margin: 15px 0 0 0}
    .aboutus-page .who-we-are {padding: 60px 0 0 0}
    .aboutus-page .who-we-are .text{padding: 0 35px; margin: 45px 0 0 0}
    .arabic .aboutus-page .who-we-are .text{padding: 0 35px; margin: 45px 0 0 0}
    .aboutus-page .who-we-are .text .large-font{font-size: 18px; line-height: 30px}
    .aboutus-page .who-we-are .list{padding: 0 35px; margin: 90px 0 0 0}
    .arabic .aboutus-page .who-we-are .list{padding: 0 35px}
    .aboutus-page .who-we-are .list .row{margin: 0 0 40px 0; border-bottom: 1px solid rgba(0, 0, 0, .2); padding: 0 0 40px 0}
    .aboutus-page .who-we-are .list .row:last-child{border-bottom: none}
    .aboutus-page .who-we-are .list .row ul{display: block}
    .aboutus-page .who-we-are .list .row ul li{display: block; width: 100%; border-bottom: none !important; padding: 0 0 45px 0}
    .aboutus-page .who-we-are .list .row ul li:last-child{padding: 0}
    .aboutus-page .who-we-are .list .row ul li img.is-logo{width: 50%}
    .aboutus-page .who-we-are .list .row ul li:last-child{font-size: 18px}
    .aboutus-page .mission{margin: 45px 0 0 0}
    .aboutus-page .mission .container{height: 380px; display: block; width: 100%; text-align: center; padding: 0 35px; min-height: initial}
    .aboutus-page .mission .container > div{width: calc(100% - 70px)}
    .aboutus-page .mission .container h3{font-size: 30px}
    .aboutus-page .mission .container h3:after{width: 100px; margin: 35px auto 0 auto}
    .aboutus-page .mission .container p{font-size: 26px; line-height: 40px; padding: 0; margin: 40px 0 0 0}
    .arabic .aboutus-page .mission .container p{font-size: 24px; line-height: 46px; padding: 0}
    .arabic .aboutus-page .mission .container h3{font-size: 30px}
    .aboutus-page .leadership{padding: 60px 0 85px 0; text-align: center}
    .aboutus-page .leadership ul{width: 100%; margin: 60px 0 0 0; padding: 0 35px}
    .arabic .aboutus-page .leadership ul{margin: 60px 0 0 0}
    .aboutus-page .leadership ul li{display: block; width: 100%; margin: 0 0 60px 0}
    .aboutus-page .leadership ul li:last-child{margin: 0}
    .aboutus-page .leadership ul li figure{height: 360px}
    .aboutus-page .leadership ul li:hover figure{height: 360px; margin: 0}
    .aboutus-page .leadership ul li h4{font-size: 26px; margin: 40px 0 0 0}
    .arabic .aboutus-page .leadership ul li h4, .arabic .aboutus-page .leadership ul li span{text-align: center; padding: 0}
    .aboutus-page .leadership ul li span{font-size: 20px; margin: 15px 0 0 0}
    .aboutus-page .awards{padding: 60px 0 85px 0; text-align: center}
    .aboutus-page .awards .section-title{max-width: 100%; display: block; text-align: center}
    .aboutus-page .awards ul{width: 100%; margin: 55px 0 0 0; padding: 0 35px}
    .arabic .aboutus-page .awards ul{margin: 55px 0 0 0}
    .aboutus-page .awards ul li figure{width: 100%; display: block; margin: 0}
    .aboutus-page .awards ul li > div{width: 100%; display: block; padding: 0 35px}
    .aboutus-page .awards ul li > div p{display: none}
    .aboutus-page .awards ul li > div h3{font-size: 18px; line-height: 30px; margin: 25px 0 0 0}
    .arabic .aboutus-page .awards ul li > div h3{font-size: 22px; line-height: 36px}
    .aboutus-page .awards ul li{padding: 35px 0}
    .aboutus-page .awards ul li:first-child{padding: 0 0 35px 0}
    .aboutus-page .awards ul li:last-child{padding: 35px 0 0 0}
    .aboutus-page .awards ul li .award-1{height: 100px}
    .aboutus-page .awards ul li .award-2{height: 90px}
    .aboutus-page .awards ul li .award-3{height: 70px}
    .aboutus-page .awards ul li .award-4{height: 80px}
    .aboutus-page .awards ul li .award-5{height: 145px}
    .aboutus-page .awards ul li .award-6{height: 114px}
    .arabic .aboutus-page .awards .section-title{padding: 0}
    .aboutus-page .testimonials .container.third{background: #152E4B; padding: 60px 0 0 0}
    .arabic .aboutus-page .testimonials .container.third{padding: 60px 0 0 0}
    .aboutus-page .testimonials .section-title{color: #01ACE4; padding: 0 80px}
    .aboutus-page .testimonials .section-title:after{display: none}
    .aboutus-page .testimonials .container.two-thirds{padding: 30px 35px 85px 35px}
    .arabic .aboutus-page .testimonials .container.two-thirds{padding: 30px 35px 85px 35px}
    .aboutus-page .testimonials .container.two-thirds p{width: 100%; font-size: 18px; line-height: 30px}
    .aboutus-page .testimonials .container.two-thirds i{width: 38px; height: 26px; display: block; margin: 0 auto 30px auto}
    .arabic .aboutus-page .testimonials .container.two-thirds i{margin: 0 auto 30px auto}
    .aboutus-page .testimonials .container.two-thirds h4{font-size: 24px; margin: 60px 0 0 0}
    .arabic .aboutus-page .testimonials .container.two-thirds h4{font-size: 30px; margin: 60px 0 0 0}
    .aboutus-page .testimonials .container.two-thirds span{margin: 20px 0 0 0; font-size: 16px}
    .arabic .aboutus-page .testimonials .container.two-thirds span{margin: 20px 0 0 0; font-size: 20px}
    .aboutus-page .join-us{padding: 60px 35px 85px 35px}
    .aboutus-page .join-us .container figure{height: 225px; display: block; width: 100%}
    .aboutus-page .join-us .container > div{width: 100%; padding: 0; text-align: center}
    .arabic .aboutus-page .join-us .container > div{padding: 0}
    .arabic .aboutus-page .join-us .container > div p{line-height: 36px}
    .aboutus-page .join-us .container > div h3{margin: 35px 0 0  0; padding: 0}
    .aboutus-page .join-us .container > div .section-title.add-border-bottom:after{width: 100px !important; margin: 35px auto 0 auto !important}
    .aboutus-page .join-us .container > div p{font-size: 18px; line-height: 30px; margin: 35px 0 0  0}
    .aboutus-page .join-us .container > div .btn{margin: 30px 0 0 0; width: 100%}
    .arabic .aboutus-page .testimonials .section-title{font-size: 30px; line-height: 46px; padding: 0 35px}
    .arabic .aboutus-page .testimonials .container.two-thirds p{font-size: 20px; line-height: 36px}
    .bio-overlay{overflow-y: scroll}
    .bio-overlay > div{padding: 120px 35px 85px 35px; width: calc(100% - 40px); min-height: initial; position: relative; top: initial; transform: none; margin: 20px auto}
    .bio-overlay > div .close{top: 30px; right: 40px}
    .bio-overlay > div .col-left{width: 100%; display: block}
    .bio-overlay > div .col-right{width: 100%; display: block; margin: 0}
    .bio-overlay > div h3{font-size: 24px}
    .arabic .bio-overlay > div h3{font-size: 26px}
    .bio-overlay > div span{font-size: 18px; margin: 15px 0 45px 0}
    .arabic .bio-overlay > div span{font-size: 20px}
    .bio-overlay > div span:after{width: 100px; margin: 30px auto 0 auto}
    .bio-overlay > div .text, .bio-overlay > div .text p{font-size: 18px; line-height: 30px}
    .arabic .bio-overlay > div .text, .arabic .bio-overlay > div .text p{font-size: 20px; line-height: 36px}

    .careers-page .page-cover{background: url('/assets/images/careers-cover-bg-mobile.jpg') no-repeat center; background-size: cover; height: 500px}
    .careers-page .page-cover > div h2{font-size: 36px !important; line-height: 44px; margin: 20px 0 0 0}
    .arabic .careers-page .page-cover > div h2{font-size: 30px !important; line-height: 48px; max-width: initial}
    .arabic .careers-page .page-cover > div{padding: 0 35px}
    .careers-page .video-container{padding: 60px 35px 85px 35px}
    .careers-page .video-container .video-thumbnail{height: 150px; margin: 0 0 40px 0}
    .careers-page .video-container video, .careers-page .video-container iframe{margin: 0 0 40px 0}
    .careers-page .video-container .video-thumbnail:after{width: 55px; height: 55px}
    .careers-page .video-container p{font-size: 18px; line-height: 30px; padding: 0 22px}
    .arabic .careers-page .video-container p{font-size: 20px; line-height: 36px; padding: 0}
    .careers-page .video-container .btn{width: 100%; margin: 45px 0 0 0}
    .careers-page .what-we-look-for{padding: 60px 0 85px 0}
    .careers-page h3.section-title{text-align: center}
    .careers-page .what-we-look-for .intro{font-size: 18px; line-height: 30px; margin: 45px 0 0 0; padding: 0 35px; text-align: center}
    .arabic .careers-page .what-we-look-for .intro{font-size: 20px; line-height: 36px; padding: 0 35px}
    .careers-page .what-we-look-for ul{width: 100%; padding: 0 35px}
    .careers-page .what-we-look-for ul li h4{font-size: 22px; padding: 0 0 0 30px; position: relative; line-height: 36px}
    .arabic .careers-page .what-we-look-for ul li h4{font-size: 24px}
    .careers-page .what-we-look-for ul li h4:before{content: '\f107'; font-family: FontAwesome; font-size: 20px; color: #4D97C7; display: inline-block; margin: 0 20px 0 0; font-weight: bold; transition: .35s; position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
    .careers-page .what-we-look-for ul li h4.active:before{transform: translateY(-50%) rotate(180deg)}
    .careers-page .what-we-look-for ul li p{font-size: 18px; line-height: 30px; top: 40px; display: none; position: relative; margin: 0 0 40px 0}
    .arabic .careers-page .what-we-look-for ul li p{font-size: 20px; line-height: 36px}
    .careers-page .what-we-offer .container.two-thirds{padding: 60px 0 65px 0}
    .careers-page .what-we-offer .text{margin: 35px 0 0 0}
    .careers-page .what-we-offer .container.third{padding: 0}
    .careers-page .what-we-offer .container.third figure{height: 410px}
    .careers-page .jobs{padding: 60px 0 85px 0}
    .careers-page .jobs .section-title{display: block}
    .careers-page .jobs .vacancies{width: 100%; padding: 0 35px; margin: 75px 0 0 0}
    .arabic .careers-page .jobs .vacancies{margin: 75px 0 0 0}
    .careers-page .jobs .vacancies li span{font-size: 18px}
    .careers-page .jobs .vacancies li h4{font-size: 20px; line-height: 30px; margin: 25px 0 0 0}
    .arabic .careers-page .jobs .vacancies li h4{font-size: 24px; line-height: 36px}
    .arabic .careers-page .jobs .vacancies li a.toggle{padding: 0 0 0 30px}
    .careers-page .jobs .vacancies li{padding: 25px 0}
    .careers-page .jobs .vacancies li:first-child{padding: 0 0 25px 0}
    .careers-page .jobs .vacancies li:last-child{padding: 25px 0 0 0}
    .careers-page .jobs .vacancies li ul{margin: 40px 0 0 0}
    .careers-page .jobs .vacancies li ul li{font-size: 18px; line-height: 28px}
    .arabic .careers-page .jobs .vacancies li ul li{font-size: 20px; line-height: 36px}
    .careers-page .jobs .vacancies .btn{margin: 40px 0 0 0}
    .careers-page .coop .container.two-thirds{padding: 60px 0 55px 0}
    .careers-page .coop .text{margin: 50px 0 0 0}
    .careers-page .coop .container.third{background-color: #E8EDF0; padding: 0 35px 85px 35px}
    .careers-page .coop .container.third figure{height: 420px}
    .careers-page .apply .container.third{background: #FFFFFF; padding: 60px 0 0 0}
    .careers-page .apply .container.third .section-title{color: #152E4B}
    .arabic .careers-page .apply .container.third .section-title{padding: 0 35px}
    .careers-page .apply .container.third .section-title.add-border-bottom:after{background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%)}
    .careers-page .apply .container.two-thirds{padding: 40px 35px 60px 35px}
    form.contact-form p{font-size: 18px; line-height: 30px}
    form.contact-form .row{margin: 0 0 25px 0}
    form.contact-form .half{width: 100%; margin: 0 0 25px 0}
    .arabic form.contact-form .half{margin: 0 0 25px 0}
    form.contact-form .row.cv .half label{text-align: left}
    .arabic form.contact-form .row.cv .half label{text-align: center}
    .select-container{text-align: left}
    .arabic .select-container{text-align: right}
    .select-container a.toggle:after{font-size: 15px}
    .select-container ul li a:hover{background-color: transparent; color: #152E4B !important}
    .careers-page .apply .container.two-thirds form label{font-size: 18px; margin: 0 0 25px 0}
    .careers-page .apply .container.two-thirds form .row.cv{margin: 0}
    .careers-page .apply .container.two-thirds form input[type="file"]{margin: 0}
    .careers-page .apply .container.two-thirds form .btn{margin: 0; width: 100%}

    .contact-page .page-cover{height: 500px}
    .contact-page .page-cover > div h2{font-size: 30px !important; line-height: 40px; padding: 0; margin: 15px 0 0 0}
    .contact-page section.main-section .container.two-thirds{padding: 60px 35px 85px 35px}
    .contact-page .container.third ul li h4, .contact-page .container.two-thirds .location h4{font-size: 20px}
    .contact-page .container.third ul li p, .contact-page .container.two-thirds .location p{font-size: 18px}
    .contact-page .container.two-thirds form{margin: 100px 0 0 0}
    .contact-page .container.two-thirds form.contact-form h4{font-size: 30px; line-height: 38px; margin: 0 0 35px 0}
    .add-border-bottom:after{width: 100px !important; margin: 35px auto 0 auto !important}
    .contact-page .container.two-thirds form.contact-form p{margin: 0 0 50px 0}
    .contact-page .container.two-thirds form.contact-form .btn{width: 100%}
    form.contact-form .notice{font-size: 16px; line-height: 24px}
    .arabic form.contact-form .notice{font-size: 16px; line-height: 30px}
    .contact-page .container.two-thirds form.contact-form .notice{margin: 45px 0 0 0}
    .contact-page section.main-section .container.third{padding: 60px 35px 35px 35px}
    .arabic .contact-page section.main-section .container.third{padding: 60px 35px 35px 35px}
    .contact-page .map iframe{height: 400px}
    .arabic .contact-page .page-cover > div{padding: 0 35px}
    .arabic .contact-page .page-cover > div h2{font-size: 30px !important; line-height: 48px}
    .arabic .contact-page .container.third ul li h4, .arabic .contact-page .container.two-thirds .location h4{font-size: 22px}
    .arabic .contact-page .container.third ul li p, .arabic .contact-page .container.two-thirds .location p{font-size: 20px}
    .arabic .contact-page .container.two-thirds form.contact-form .notice{line-height :30px}

    .managed-services-page .page-cover{background: url('/assets/images/managed-services-cover-bg.jpg') no-repeat left center; background-size: cover}
    .cybersecurity-services-page .page-cover{background: url('/assets/images/cybersecurity-services-cover-bg.jpg') no-repeat left center; background-size: cover}
    .section-page .page-cover > div h2{font-size: 30px !important; padding: 0; margin: 15px 0 0 0; line-height: 40px}
    .section-page .page-cover{height: 500px}
    .section-page section.main-section.section-style-2 .container.two-thirds{padding: 60px 0 85px 0}
    section.section-style-2 .container > div .btn{margin: 60px auto 0 auto}
    .arabic section.section-style-2 .container > div .btn{margin: 60px auto 0 auto}
    .section-page section.main-section .container.third.mobile{padding: 60px 35px 0 35px}
    .managed-services-page .premium-services, .section-page .cyber-assurance, .cybersecurity-solutions-page .secure-identity, .cybersecurity-solutions-page .data-protection, .cybersecurity-services-page .awareness-training{background-color: #011A38; padding: 60px 0 0 0}
    .section-page section.main-section.section-style-1 .container.two-thirds{padding: 60px 0 85px 0}
    .section-page section.main-section.section-style-1 .text{padding: 0 35px}
    .arabic .section-page section.main-section.section-style-1 .text{padding: 0 35px}
    .section-page section.main-section.section-style-1 .container > div .btn{margin: 60px auto 0 auto}
    .arabic .section-page section.main-section.section-style-1 .container > div .btn{margin: 60px auto 0 auto}
    .section-page section.contact.main-section .container.third{padding: 60px 0 50px 0; background: #E8EDF0}
    .arabic .section-page section.contact.main-section .container.third{padding: 60px 0 50px 0}
    .section-page section.contact.main-section .container.third .section-title{font-size: 30px; line-height: 45px; color: #152E4B}
    .section-page section.contact.main-section .container.third .section-title.add-border-bottom:after{background: linear-gradient(90deg, #2F66A5 0%, #00ADE5 100%)}
    .section-page section.main-section.section-style-1.contact .container.two-thirds{padding: 0 35px 85px 35px !important}
    form.contact-form h4{font-size: 18px; line-height: 30px}
    .arabic .section-page form.contact-form h4{font-size: 24px; line-height: 36px}
    .section-page form.contact-form textarea{margin: -25px 0 0 0}
    .section-page form.contact-form .btn{width: 100%}
    .managed-service-page .page-cover{background: url('/assets/images/managed-service-cover-bg.jpg') no-repeat right center; background-size: cover}
    .service-page .page-title{padding: 60px 0 85px 0; background-color: #E8EDF0; margin: 0}
    .service-page .page-title p{font-size: 18px; line-height: 30px; padding: 0 35px; color: #152E4B; font-family: ubuntu-light, Helvetica, Arial, sans-serif}
    .arabic .service-page .page-title p{font-size: 20px; line-height: 36px; font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
    .service-page section.main-section.section-style-2.why-choose-us .container.two-thirds{padding: 60px 0 15px 0}
    .service-page .sidebar .container.two-thirds ul{padding: 0 35px}
    .service-page .sidebar .container.two-thirds ul > li > ul{padding: 0; text-align: left}
    .arabic .service-page .sidebar .container.two-thirds ul > li > ul{text-align: right}
    .service-page .sidebar .container.two-thirds ul li h4{font-size: 22px; line-height: 36px}
    .arabic .service-page .sidebar .container.two-thirds ul li h4{font-size: 24px}
    .service-page .sidebar .container.two-thirds ul li p{font-size: 18px; line-height: 30px; margin: 40px 0 0 0}
    .arabic .service-page .sidebar .container.two-thirds ul li p{font-size: 20px; line-height: 36px}
    .service-page .page-cover .services-list{border: 1px solid #9AA7B5; width: calc(100% - 10px); margin: 30px auto 0 auto; text-align: left; min-height: 50px}
    .arabic .service-page .page-cover .services-list{text-align: right}
    .service-page .page-cover .services-list > li{position: relative}
    .service-page .page-cover .services-list > li > a, .service-page .page-cover .services-list > li > ul > li > a{font-family: ubuntu-regular, Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 18px; display: block; padding: 13px 22px}
    .arabic .service-page .page-cover .services-list > li > a, .arabic .service-page .page-cover .services-list > li > ul > li > a{font-family: GESSTwoLight, Helvetica, Arial, sans-serif}
    .service-page .page-cover .services-list > li > ul > li > a{padding: 0 22px 13px 22px}
    .service-page .page-cover .services-list > li > a:after{content: '\f107'; font-family: FontAwesome; font-size: 15px; color: #4D97C7; display: inline-block; font-weight: bold; transition: .35s; position: absolute; right: 10px; top: 50%; transform: translateY(-50%)}
    .arabic .service-page .page-cover .services-list > li > a:after{left: 10px; right: initial}
    .service-page .page-cover .services-list > li > a.active:after{transform: translateY(-50%) rotate(-180deg)}
    .arabic .service-page .page-cover .services-list > li > a.active:after{transform: translateY(-50%) rotate(180deg)}
    .service-page .page-cover .services-list > li > ul{border: none; padding: 0; margin: 0; display: none}
    .service-page .page-cover .services-list > li > ul > li > a:after{display: none}
    .arabic .section-page .page-cover > div{padding: 0 35px}
    .arabic .section-page section.contact.main-section .container.third .section-title{font-size: 30px; line-height: 48px}

    .page-cover > div .btn {margin: 50px auto 60px auto}

    .page-not-found .page-cover > div, .thank-you-page .page-cover > div{top: 50%}
    .thank-you-page .page-cover > div h2{max-width: none}
    .page-cover > div p{font-size: 22px; line-height: 32px; padding: 0; max-width: none}
    .page-not-found .page-cover > div p{max-width: none}
    .page-not-found .page-cover > div .btn, .thank-you-page .page-cover > div .btn{margin: 60px auto 0 auto}
    .arabic .page-not-found .page-cover > div p{max-width: initial; line-height: 36px; padding: 0}
    .arabic .page-not-found .page-cover > div .btn, .arabic .thank-you-page .page-cover > div .btn{margin: 50px auto 0 auto}
    .arabic .thank-you-page .page-cover > div p{font-size: 22px; line-height: 36px; padding: 0}

    .articles-page.blog .page-cover{height: 500px}
    .articles-page.blog .page-cover > div h2{font-size: 36px !important; padding: 0; max-width: none; line-height: 44px}
    .arabic .articles-page .page-cover > div h2{font-size: 30px !important; line-height: 48px}
    .articles-page .main-section .articles-listing{padding: 60px 35px 85px 35px}
    .articles-page .main-section .articles-listing article{width: 100%; margin: 0 0 45px 0 !important; text-align: left}
    .arabic .articles-page .main-section .articles-listing article{margin: 0 0 70px 0 !important; text-align: right}
    .articles-page .main-section .articles-listing article figure{height: 190px}
    .articles-page .main-section .articles-listing article h3{font-size: 24px; line-height: 36px; margin: 35px 0 0 0}
    .arabic .articles-page .main-section .articles-listing article h3{font-size: 24px; line-height: 36px; text-align: center}
    .arabic .articles-page .main-section .articles-listing article h3:before{content: ''; display: block; clear: both}
    .articles-page .main-section .articles-listing article span.blue{font-size: 18px; margin: 40px 0 0 0}
    span.read-type{font-size: 16px; margin: 40px 0 0 0}
    .arabic span.read-type{font-size: 20px; margin: 35px 0 0 0}
    .arabic .articles-page .main-section .articles-listing article span.blue{font-size: 20px; margin: 25px 0 0 0}
    .articles-page .main-section .articles-listing article a:hover h3{color: rgba(21, 46, 75, 1)}
    .articles-page.resources .page-cover{height: 500px}
    .articles-page.resources .page-cover > div h2{font-size: 30px !important; padding: 0; line-height: 40px; margin: 15px 0 0 0}
    .arabic .articles-page.resources .page-cover > div h2{line-height: 48px}
    .articles-page.resources .main-section .articles-listing article span.blue{display: block; text-align: center; margin: 30px 0 0 0}
    .articles-page.resources .main-section .articles-listing article h3{text-align: center; margin: 20px 0 0 0}
    .articles-page.resources .main-section .filters-container{padding: 60px 35px 85px 35px; background-color: #E8EDF0}
    .articles-page .main-section .filters{width: 100%; border: 1px solid #9AA7B5; min-height: 50px; text-align: left; padding: 0}
    .arabic .articles-page .main-section .filters{text-align: right}
    .articles-page .main-section .filters > li{display: block; margin: 0; padding: 0}
    .articles-page .main-section .filters > li > a{padding: 13px 22px; display: block; position: relative}
    .articles-page .main-section .filters > li > a:after{content: '\f107'; font-family: FontAwesome; font-size: 15px; color: #4D97C7; display: inline-block; font-weight: bold; transition: .35s; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; left: initial; height: auto; bottom: initial; width: auto; visibility: visible; opacity: 1}
    .arabic .articles-page .main-section .filters > li{margin: 0}
    .arabic .articles-page .main-section .filters > li > a:after{left: 10px; right: initial}
    .articles-page .main-section .filters > li > a.active:after{transform: translateY(-50%) rotate(-180deg)}
    .arabic .articles-page .main-section .filters > li > a.active:after{transform: translateY(-50%) rotate(180deg)}
    .articles-page .main-section .filters > li > ul{display: none}
    .articles-page .main-section .filters > li > ul > li{display: block}
    .articles-page .main-section .filters > li > ul > li > a{padding: 0 22px 13px 22px; display: block}
    .articles-page .main-section .filters > li > ul > li > a:hover:after{display: none}
    .articles-page section.latest-updates{padding: 0 0 85px 0}
    .articles-page section.latest-updates .container.third{display: none}
    .articles-page .newsletter-component{margin: 0}
    .arabic .articles-page .newsletter-component{margin: 45px auto 0 auto}
    .arabic .articles-page .page-cover > div{padding: 0 35px}
    .whitepaper-overlay{overflow-y: scroll}
    .whitepaper-overlay form{width: calc(100% - 40px); margin: 20px; position: relative; top: initial; transform: none; max-width: initial}
    .whitepaper-overlay form .container-left{width: 100%; display: block}
    .whitepaper-overlay form, .whitepaper-overlay form{text-align: center}
    .whitepaper-overlay form, .whitepaper-overlay form .container-left{height: auto}
    .arabic .whitepaper-overlay form, .arabic .whitepaper-overlay form .container-left{height: auto}
    .whitepaper-overlay form .container-left{background: none; padding: 80px 35px 0 35px}
    .whitepaper-overlay form .container-right{width: 100%; padding: 30px 35px 60px 35px}
    .whitepaper-overlay form .container-right h2{font-size: 28px}
    .arabic .whitepaper-overlay form .container-right h2{font-size: 30px}
    .whitepaper-overlay form .container-right h2.add-border-bottom:after{margin: 25px auto 0 auto !important}
    .whitepaper-overlay form .container-right p{line-height: 30px; margin: 25px 0 35px 0; padding: 0 20px}
    .whitepaper-overlay form .container-right .btn{width: 100%}
    .whitepaper-overlay form .container-right input::-webkit-input-placeholder{font-size: 16px; text-align: center}
    .whitepaper-overlay form .container-right input:-moz-placeholder{font-size: 16px; text-align: center}
    .whitepaper-overlay form .container-right input::-moz-placeholder{font-size: 16px; text-align: center}
    .whitepaper-overlay form .container-right input:-ms-input-placeholder{font-size: 16px; text-align: center}
    .arabic .whitepaper-overlay form .container-right input::-webkit-input-placeholder{font-size: 18px; text-align: right}
    .arabic .whitepaper-overlay form .container-right input:-moz-placeholder{font-size: 18px; text-align: right}
    .arabic .whitepaper-overlay form .container-right input::-moz-placeholder{font-size: 18px; text-align: right}
    .arabic .whitepaper-overlay form .container-right input:-ms-input-placeholder{font-size: 18px; text-align: right}
    .whitepaper-overlay form .container-left h3{display: none}
    .whitepaper-overlay form .close{width: 30px; height: 30px; top: 30px; right: 40px}
    .whitepaper-overlay form .container-left .logo{width: 180px; height: 260px; background: url('/assets/images/whitepaper-modal-bg.jpg') no-repeat center; background-size: contain; margin: auto}
    .arabic .whitepaper-overlay form .container-left .logo{background: url('/assets/images/whitepaper-modal-bg-ar.jpg') no-repeat center; background-size: contain}

    .post-page .page-cover{height: 400px; margin: 0}
    .post-page .page-cover > div{bottom: initial; top: calc(50% - 25px); padding: 0 30px}
    .post-page .page-cover > div h2{font-size: 36px !important; line-height: 44px; padding: 0; margin: 15px 0 0 0}
    .arabic .post-page .page-cover > div h2{font-size: 36px !important; line-height: 46px; padding: 0}
    .post-page.resource .page-cover > div h2{font-size: 30px !important; line-height: 40px; padding: 0; max-width: initial}
    .post-page.resource .page-cover > div{bottom: 70px; top: initial; transform: none; padding: 0 30px}
    .page-cover span.read-type{bottom: 40px; left: 0; right: 0; text-align: center}
    .arabic .page-cover span.read-type{margin: 0}
    .post-page .main-article .container-left{width: 100%; display: block}
    .post-page .main-article .container-right{width: 100%; margin: 115px 0 0 0; display: block}
    .post-page .main-article{padding: 60px 35px 85px 35px}
    .post-page .main-article .text{text-align: center}
    .arabic .post-page .main-article .text p{font-size: 24px; line-height: 40px}
    .arabic .post-page .main-article .text h2{font-size: 28px; line-height: 44px}
    .arabic .post-page .main-article .container-right .component ul li a span, .arabic .post-page.resource .main-article .container-left .article-info span{font-size: 20px}
    .post-page .main-article .container-left .social-share{margin: 70px 0 0 0}
    .post-page .main-article .container-left .social-share span{font-size: 20px; display: block; text-align: center}
    .post-page .main-article .container-left .social-share ul{width: 100%; display: block; margin: 60px 0 0 0; text-align: justify; text-align-last: justify}
    .post-page .main-article .container-left .social-share ul li{margin: 0}
    .post-page .main-article .container-left .social-share ul li a{font-size: 24px}
    .post-page .main-article .btn{margin: 65px 0 0 0; width: 100%}
    .post-page .main-article .container-right .component{text-align: center}
    .post-page .main-article .container-right .component:last-child{margin: 0}
    .post-page .main-article .container-right .component h3{font-size: 30px}
    .post-page .main-article .container-right .component ul{margin: 45px 0 0 0}
    .post-page .main-article .container-right .component ul li a span, .post-page.resource .main-article .container-left .article-info span{font-size: 18px; line-height: 24px}
    .post-page .main-article .container-right .component ul li a h4{font-size: 24px; line-height: 36px; margin: 20px 0 0 0}
    .post-page .main-article .container-right .component ul li{padding: 30px 0}
    .post-page .main-article .container-right .component ul li:last-child{padding: 30px 0 0 0}
    .post-page .main-article .container-right .component ul li a:hover h4{color: rgba(21, 46, 75, 1)}
    .post-page .main-article .container-right .component.latest-rss ul li a h4{margin: 0 0 25px 0}
    .post-page.resource .main-article .container-left{width: 100%; text-align: center}
    .post-page.resource .main-article .container-left .article-info h4{font-size: 30px; margin: 20px 0 0 0}
    .post-page.resource .main-article .container-left .article-info figure{height: 190px; margin: 40px 0 0 0}
    .post-page.resource .main-article .container-right{width: 100%; margin: 70px 0 0 0}
    .arabic .post-page.resource .page-cover > div h2{font-size: 34px !important; line-height: 48px; padding: 0; max-width: initial}
    .arabic .post-page.resource .main-article .container-left .article-info span{font-size: 24px; line-height: 36px}
    .arabic .post-page.resource .main-article .container-left .article-info h4{font-size: 24px; line-height: 36px; font-family: HelveticaNeueLTArabic-Roman, Helvetica, Arial, sans-serif}

    .partners-clients-page .page-cover{height: 500px}
    .partners-clients-page .page-cover > div h2{font-size: 36px !important; line-height: 44px; margin: 15px 0 0 0; padding: 0}
    .partners-clients-page .main-section{padding: 60px 35px 25px 35px}
    .partners-clients-page .main-section ul{text-align: center; text-align-last: center; grid-template-columns: repeat(3, auto)}
    .partners-clients-page .main-section ul li{margin: 0 0 60px 0; padding: 0 10px}
    .partners-clients-page.partners .main-section ul li img{max-height: 32px}
    .arabic .partners-clients-page .page-cover > div{padding: 0 30px}
    .arabic .partners-clients-page .page-cover > div h2{padding: 0}
    .partners-clients-page .main-section ul li img:hover{filter: none}

    .static-page .page-cover{height: 500px}
    .static-page .page-cover > div{transform: none}
    .static-page .main-container{padding: 60px 35px 60px 35px}
    .static-page .main-container p{font-size: 18px; line-height: 30px; margin: 0 0 25px 0}
    .static-page .main-container h2{font-size: 26px; line-height: 36px; margin: 0 0 25px 0}
    .arabic .static-page .main-container p{font-size: 20px; line-height: 32px; margin: 0 0 25px 0}
    .arabic .static-page .main-container h2{font-size: 26px; line-height: 38px; margin: 0 0 25px 0}


    footer{padding: 60px 35px; margin: 20px 0 0 0;}
    footer .logo-container{width: 100%; display: block}
    footer .logo-container .logo{margin: auto}
    footer .logo-container ul{text-align: center}
    footer .logo-container ul li a:hover{color: rgba(255, 255, 255, 1)}
    footer .links{width: 100%; float: none}
    footer .links ul{width: 100% !important; margin: 65px 0 0 0}
    footer .links ul li{padding: 0; text-align: center}
    footer .links ul li.title{margin: 0 0 35px 0}
    .arabic footer .links ul li{padding: 0}
    footer .links ul.company li.title{text-align: center; padding: 0}
    footer .links ul.company li{text-align: left; padding: 0 0 0 40px}
    .arabic footer .links ul.company li{text-align: right; padding: 0 40px 0 0}
    .arabic footer .links ul.company li.title{text-align: center; padding: 0}
    footer .links ul li{padding: 0}
    footer .links ul:nth-child(2) li{width: 50%; display: inline-block; margin: 0 0 35px 0}
    footer .links ul:nth-child(2) li.title{width: 100%; display: block}
    footer .copyrights{text-align: center; padding: 65px 0 0 0}
    footer .copyrights a{margin: 0 15px 50px 15px}
    footer .copyrights a.mobile{display: inline-block !important}
    footer .copyrights p{padding: 0 35px; line-height: 30px; display: block; margin: 0}
    footer .copyrights p.origin{padding: 0; float: none; margin: 45px 0 0 0 !important}
    footer .copyrights p.origin a{margin: 0 0 0 5px; color: #00ADE5}
    .arabic footer .copyrights p.origin a{margin: 0 5px 0 0}
    footer .copyrights span{display: none}
    .arabic footer .copyrights p{margin: 0}
    footer .copyrights a:hover{color: rgba(255, 255, 255, .5)}
    footer .links ul li a:after{display: none}
    .btn:before, .newsletter-component > div a:before, .homepage .latest-updates .download-brochure a:before, .careers-page .apply .container.two-thirds form .btn:before, .careers-page .jobs .vacancies .btn:before{display: none}
    .homepage .latest-updates .download-brochure a:hover{color: #2F66A5}
    .btn.transparent:hover{color: initial}
    .btn.blue-font:hover{color: #152E4B}
    .btn.white-font:hover{color: #FFFFFF}
    .btn.blue:hover{color: #FFFFFF}
    /*.btn:hover, .newsletter-component > div a:hover, .homepage .latest-updates .download-brochure a:hover{letter-spacing: 0}*/
    /*.btn:before, .newsletter-component > div a:before, .homepage .latest-updates .download-brochure a:before{display: none !important}*/
}